@charset "UTF-8"; 

/* 基本ルール

・PCとスマホで同じ記述を二度書かない。デバイス別ではなくパーツ別に記述をまとめ、その中で表示幅ごとの記述を書く。共通の記述はメディアクエリ外に1度だけ書く。
・汎用的に使い回すスタイルを個別CSSファイルに何度も書かない。共通して読み込んでいるファイルに1度だけ書く。
・N番目の要素に対するスタイルは、クラスを用意しHTML側で逐一付与するのではなくnth-child, nth-of-typeを活用する。

*/


/* ---------------------------------------------------
リセット,初期設定 
--------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; text-decoration:none; font-size:100%;}
fieldset {border:none;}
body {margin:0; padding:0; line-height:1.8; font-size:75%;}
img {border:none; vertical-align:top;}
a {text-decoration:none;}
em {font-style:normal;}
ul {list-style-type:none; list-style-image:none;}
address  {font-style:normal;}
.margin02 {margin-bottom:2px;} .margin05 {margin-bottom:5px;} .margin06 {margin-bottom:6px;} .margin08 {margin-bottom:8px;} .margin10 {margin-bottom:10px;} .margin15 {margin-bottom:15px;} .margin20 {margin-bottom:20px;} .margin30 {margin-bottom:30px;} .margin40 {margin-bottom:40px;}
strong {font-weight:bold;}
.section ol {padding-left:2em;}
* html .cbox {zoom:100%;}
*:first-child+html .cbox {display:inline-block;}
.cbox:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
a {color:#000; text-decoration:underline;}
a:hover {color:#009744;}
.cap {line-height:1; font-size:85%; padding-top:8px;}

body {font-family:YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif; -webkit-text-size-adjust:100%; letter-spacing:0.04em; color:#000;}
p {margin-bottom:10px;}

:root {--baseGreen:#8cc11f; --baseGreen2:#019745; --clrPs:#e78243; --clrEv:#50b26d; --clrObu:#F66488; --clrObu2:#e8446c; --clrMtym:#ad8abf; --clrMtym2:#8e489a; --clrSS:#ddb000;}

/* ---------------------------------------------------
汎用クラス 
--------------------------------------------------- */
.inBlk, .IB {display:inline-block;}
.center, .ctr {text-align:center;}
.note {font-size:85%;}
.v20 {margin-top:20px!important; margin-bottom:20px!important;}

img[src$='icon_link.gif'],
img[src$='icon_file.gif'] {width:15px; vertical-align:middle;}

.ifWrap {position:relative; padding-top:56.25%;}
.ifWrap > div {position:absolute; top:0; left:0; width:100%; height:100%;}
.ifWrap iframe {width:100%; height:100%;}

.floatRight {float:right; margin:0 0 10px 15px;}
.floatLeft {float:left; margin:0 15px 10px 0;}
.center {text-align:center;}
.textRight, .text_right {text-align:right;}
.ins {margin-top:1.5em; margin-bottom:1.5em;}
.note {font-size:85%; line-height:1.5; margin-bottom:1.2em;}
.red {color:#f36;}
.enclosed {border:6px #f4f4f4 solid; padding:20px; margin:1.5em 0;}
.h-dotted {border:#aaa dotted; border-width:2px 0; padding:.8em 0;}
.supl {background:#f7f8f0; padding:12px 18px; margin:0.6em 0;}
.indent {margin-left:25px!important;}
.pageTop {text-align:right; margin:1.5em 0 2.5em; font-size:85%; letter-spacing:0;}
.pageTop a {text-decoration:none; color:#555;}
.inBlk, .IB {display:inline-block;}
.noadeco a {text-decoration:none;}

.h2plus {margin-bottom:20px; padding:10px 18px; background:#019745; font-size:167%; font-weight:bold; color:#fff;}
.obuBg {background:#f63d60;}
.mtymBg {background:#904499;}
.ssBg {background:#f0aa00;}
.skBg {background:#0082ca;}

.catchText {font-size:167%; font-weight:bold; color:#555; margin-bottom:1.5em; letter-spacing:.01em; line-height:1.6;}
.catchText .sub {display:inline-block; font-size:78%;}

.largeBtn {text-align:center; margin:1.5em 0;}
.largeBtn a {display:inline-block; width:85%; min-width:290px; box-sizing:border-box; padding:.25em .8em; border-radius:.6em; border-bottom:3px #0a5 solid; background:#10C866; color:#fff; text-decoration:none; font-size:146.5%; font-weight:bold;}
.largeBtn.color2 a {background:#ee5d80; border-bottom-color:#c57;}

ul.square {padding-left:1.5em; list-style-type:square;}
ul.square li {list-style-type:square;}
ul.spaced, ol.spaced {margin:2em 0;}
ul.spaced li, ol.spaced li {margin:0.75em 0;}
ul.semispaced, ol.semispaced {margin:1em 0;}
ul.semispaced li, ol.semispaced li {margin:0.3em 0;}
ul.double_column {overflow:hidden; zoom:1;}
ul.double_column li {width:300px; float:left;}
ul.double_column li:nth-child(2n+1) {clear:left;}
dl.spaced dt {margin-bottom:0.4em;}
dl.spaced dd {margin-bottom:1.2em;}

/* table */
.table01 {width:100%; border-collapse:collapse; margin-top:8px; margin-bottom:8px;}
.table01 + .table01 {margin-top:15px;}
.table01 th {background:#f1f1f1; border:solid 1px #dcdcdc; text-align:center; padding:5px; line-height:1.5em;}
.table01 th.under {background:#f1f1f1 url(../img/under.gif) no-repeat center center; border:solid 1px #dcdcdc; text-align:center; padding:5px;}
.table01 td {background:#fff; border:solid 1px #dcdcdc; text-align:center; padding:5px; line-height:1.5em;}
.table01 td.name {font-weight:bold;}
.table01 td.left {text-align:left;}

.w_auto {width:auto!important;}
.td_left td {text-align:left;}
.td_right td {text-align:right!important;}
.td_center td {text-align:center!important;}
.th_left th {text-align:left!important;}
.th_top {vertical-align:top;}
.td_middle td {vertical-align:middle;}
.th_nowrap th,
.td_nowrap td {white-space:nowrap;}
.meshed th, 
.meshed td {background:url(../img/mesh1.gif); vertical-align:middle;}
.inside td {padding:0 1.2em 0 0; border:0;}
.full {width:100%;}
.almost_full {width:98%; margin-left:1%; margin-right:1%;}
.strype .even td {background:#f7f8f0;}
.bordered .thru {padding:0.2em 0.7em; background:#b8bbb2; color:#fff;}
.cap_right caption {text-align:right;}
.corner {position:relative;}
.corner .col {position:absolute; top:0.5em; right:0.5em;}
.corner .row {position:absolute; left:0.5em; bottom:0.5em;}
table .wave {display:block; width:14px; height:14px; margin:0 auto; background:url(../../images/guide/wave.gif) no-repeat 0 0; text-align:left; text-indent:20px; overflow:hidden;}
table .w8em {width:8em;}
.noBorder > tbody > tr > th,
.noBorder > tbody > tr > td,
.noBorder > tr > th,
.noBorder > tr > td {border:0!important;}

table.table02 th {text-align:left; vertical-align:top; padding-right:1em; white-space:nowrap;}
table.table02 th:before {content:"・";}

.tableLike {margin:1.5em 0; border:rgba(0,0,0,.1) solid; border-width:1px 0; overflow:hidden;}
.tableLike dt {clear:left; width:25%; float:left; padding:1em 1.5em 1em 0; border-top:1px rgba(0,0,0,.1) solid; font-weight:bold; box-sizing:border-box;}
.tableLike dd {width:75%; float:left; padding:1em 0; border-top:1px rgba(0,0,0,.1) solid; box-sizing:border-box;}
.tableLike.dt15 dt {width:15%;}  .tableLike.dt15 dd {width:85%;}
.tableLike dt:first-child, .tableLike dt:first-child + dd {border-top:0;}

@media (max-width:715px){
  .tableLike[class*="spFlat"]:before {display:none;}
  .tableLike dt, .tableLike.-spFlatB dd {float:none; width:auto; padding:.4em 0; border:0;}
  .tableLike dt {padding:.4em .6em; font-weight:500; background:rgba(0,0,0,.06);}
  .tableLike dd + dt {margin-top:15px;}
}

/* .accordion1 */
.accordion1 dt {margin-bottom:0.75em;}
.accordion1 dd {margin:0.75em 0 2.5em; background:#f7f8f0; padding:12px 18px;}
.accordion1 .status {display:inline-block; height:8px; width:8px; text-align:center; font-size:8px; line-height:8px; border:1px #888 solid; position:relative; top:-2px; margin-right:3px;}
.accordion1 dd .supl {background:none; border-left:10px #e3e5d8 solid; padding:0 0 0 10px; margin:0.6em 0;}

.noBorder > tbody > tr > th,
.noBorder > tbody > tr > td,
.noBorder > tr > th,
.noBorder > tr > td {border:0!important;}

/* form */
form .end {margin-top:1em; padding-top:1em;}
form .button {text-align:center;}
form .button input {width:200px;}
form .middle {width:220px; margin:2px;}
form .short {width:120px; margin:2px;}
form .shortest {width:80px; margin:2px;}
form .large {width:400px; margin:2px;}
form .ex {white-space:nowrap;}
input[type="checkbox"] {margin-right:.3em;}

/* eml */
.eml {cursor:pointer;}
.eml abbr {display:inline; width:1em; overflow:hidden; white-space:nowrap;}
.eml abbr:not(.done):before {content:"@";}

/* pidtN */
.pidt1 {padding-left:1.7em;}
.pidt1 i:first-child,
.pidt1 br + i {display:inline-block; width:1.3em; margin-left:-1.7em; font-style:normal;}
.pidt2 {padding-left:2.5em;}
.pidt2 i:first-child,
.pidt2 br + i {display:inline-block; width:2.1em; margin-left:-2.5em; font-style:normal;}

@media (min-width:716px){
  .pcFlL {float:left;}
  .pcFlR {float:right;}
  .pcW30 {width:30%;}
  .pcW35 {width:35%;}
  .pcW40 {width:40%;}
  .pcW45 {width:45%;}
  .pcW50 {width:50%;}
  .pcW55 {width:55%;}
  .pcW60 {width:60%;}
  .pcW65 {width:65%;}
  .pcW70 {width:70%;}
  .pcW75 {width:75%;}
  .pcW80 {width:80%;}
  .pcW85 {width:85%;}
  .pcW90 {width:90%;}
}

.lg1 {font-size:108%;} .lg2 {font-size:116%;} .lg3 {font-size:124%;} .lg4 {font-size:132%;} .lg5 {font-size:140%;} .sm1 {font-size:93%;} .sm2 {font-size:85%;} .sm3 {font-size:77%;} .sm4 {font-size:70%;}
ul.disc, ul:is(.disc) {list-style-type:disc!important; padding-left:1.5em;} ul.square, ul:is(.square), .-rte ul {list-style-type:square!important; padding-left:1.5em;} .-rte ul.-nomk {list-style-type:none; padding-left:0;}
ul.kome {list-style:"※"; padding-left:1.2em;} ul.kome > li {padding-left:.2em;} .lowerAlpha {list-style:lower-alpha; padding-left:1.5em;} .lowerRoman {list-style-type:lower-roman;}
.lm03 > li + li {margin-top:.3em;} .lm06 > li + li {margin-top:.6em;} .lm1 > li + li {margin-top:1em;}
.liIB > li {display:inline-block;} .liIB > li:not(last-child) {margin-right:1.5em;}
.slashed, .ten {padding-left:0;} :is(.slashed, .ten) > li {display:inline-block;} 
.slashed > li:not(:last-child):after {display:inline-block; content:"/"; margin:0 .4em; transform:rotate(20deg); color:#555;}
.ten > li:not(last-child):after {display:inline-block; content:"、";}
ol.kakko {list-style:none; padding-left:2.5em;} ol.kakko > li:before {display:inline-block; width:2.5em; margin-left:-2.5em; text-align:center;}
ol.kakko > li:nth-child(1):before {content:"(1)";} ol.kakko > li:nth-child(2):before {content:"(2)";} ol.kakko > li:nth-child(3):before {content:"(3)";} ol.kakko > li:nth-child(4):before {content:"(4)";} ol.kakko > li:nth-child(5):before {content:"(5)";} ol.kakko > li:nth-child(6):before {content:"(6)";} ol.kakko > li:nth-child(7):before {content:"(7)";} ol.kakko > li:nth-child(8):before {content:"(8)";} ol.kakko > li:nth-child(9):before {content:"(9)";} ol.kakko > li:nth-child(10):before {content:"(10)";} ol.kakko > li:nth-child(11):before {content:"(11)";} ol.kakko > li:nth-child(12):before {content:"(12)";} ol.kakko > li:nth-child(13):before {content:"(13)";} ol.kakko > li:nth-child(14):before {content:"(14)";} ol.kakko > li:nth-child(15):before {content:"(15)";} ol.kakko > li:nth-child(16):before {content:"(16)";} ol.kakko > li:nth-child(17):before {content:"(17)";} ol.kakko > li:nth-child(18):before {content:"(18)";} ol.kakko > li:nth-child(19):before {content:"(19)";} ol.kakko > li:nth-child(20):before {content:"(20)";}
ol.maru {list-style-type:none;} ol.maru > li:before {display:inline-block; width:1.2em; margin:0 .1em 0 -1.3em;}
ol.maru > li:nth-child(1):before {content:"①";} ol.maru > li:nth-child(2):before {content:"②";} ol.maru > li:nth-child(3):before {content:"③";} ol.maru > li:nth-child(4):before {content:"④";} ol.maru > li:nth-child(5):before {content:"⑤";} ol.maru > li:nth-child(6):before {content:"⑥";} ol.maru > li:nth-child(7):before {content:"⑦";} ol.maru > li:nth-child(8):before {content:"⑧";} ol.maru > li:nth-child(9):before {content:"⑨";} ol.maru > li:nth-child(10):before {content:"⑩";} ol.maru > li:nth-child(11):before {content:"⑪";} ol.maru > li:nth-child(12):before {content:"⑫";} ol.maru > li:nth-child(13):before {content:"⑬";} ol.maru > li:nth-child(14):before {content:"⑭";} ol.maru > li:nth-child(15):before {content:"⑮";} ol.maru > li:nth-child(16):before {content:"⑯";} ol.maru > li:nth-child(17):before {content:"⑰";} ol.maru > li:nth-child(18):before {content:"⑱";} ol.maru > li:nth-child(19):before {content:"⑲";} ol.maru > li:nth-child(20):before {content:"⑳";}
.mt0 {margin-top:0!important;} .mt03 {margin-top:.3em!important;} .mt06 {margin-top:.6em!important;} .mt08 {margin-top:.8em!important;} .mt1 {margin-top:1em!important;} .mt2 {margin-top:2em!important;} .mt10 {margin-top:10px!important;} .mt15 {margin-top:15px!important;} .mt20 {margin-top:20px!important;} .mt25 {margin-top:25px!important;} .mt30 {margin-top:30px!important;} .mt35 {margin-top:35px!important;} .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt60 {margin-top:60px!important;} .mt70 {margin-top:70px!important;} .mt80 {margin-top:80px!important;}
.mb0 {margin-bottom:0!important;} .mb03 {margin-bottom:.3em!important;} .mb06 {margin-bottom:.6em!important;} .mb1 {margin-bottom:1em!important;} .mb2 {margin-bottom:2em!important;} .mb10 {margin-bottom:10px!important;} .mb15 {margin-bottom:15px!important;} .mb20 {margin-bottom:20px!important;} .mb25 {margin-bottom:25px!important;} .mb30 {margin-bottom:30px!important;} .mb35 {margin-bottom:35px!important;} .mb40 {margin-bottom:40px!important;} .mb50 {margin-bottom:50px!important;} .mb60 {margin-bottom:60px!important;} .mb70 {margin-bottom:70px!important;} .mb80 {margin-bottom:80px!important;} 
.mv0 {margin-top:0!important; margin-bottom:0!important;} .mv03 {margin-top:.3em!important; margin-bottom:.3em!important;} .mv06 {margin-top:.6em!important; margin-bottom:.6em!important;} .mv1 {margin-top:1em!important; margin-bottom:1em!important;} .mv2 {margin-top:2em!important; margin-bottom:2em!important;} .mv10 {margin-top:10px!important; margin-bottom:10px!important;} .mv15 {margin-top:15px!important; margin-bottom:1.5em!important;} .mv20 {margin-top:20px!important; margin-bottom:20px!important;} .mv25 {margin-top:25px!important; margin-bottom:25px!important;} .mv30 {margin-top:30px!important; margin-bottom:30px!important;} .mv35 {margin-top:35px!important; margin-bottom:35px!important;} .mv40 {margin-top:40px!important; margin-bottom:40px!important;} .mv50 {margin-top:50px!important; margin-bottom:50px!important;} .mv60 {margin-top:60px!important; margin-bottom:60px!important;} .mv70 {margin-top:70px!important; margin-bottom:70px!important;} .mv80 {margin-top:80px!important; margin-bottom:80px!important;} 
@media (min-width:600px){.pcMt0 {margin-top:0!important;}}
@media (max-width:599px){.spMt0 {margin-top:0!important;}}


/* ---------------------------------------------------
全体設定
--------------------------------------------------- */
#HeaderBox a,#Bread a,#footer a {text-decoration:none;}
#HeaderBox p, #footer p {margin:0;}

@media (min-width:716px) {
  .spHide, .sp, #Header_sp {display:none!important;}
  .section {margin-bottom:50px;}
  .area {width:1140px; margin:0 auto;}
  .area:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  .pcW1140 {width:1140px;}
}
@media (max-width:715px) {
 body {-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -o-text-size-adjust:100%; text-size-adjust:100%;}
 body:not(.fullResponsive) {font-size:123.1%;}
  .pc {display:none!important;}
  img {max-width:100%; height:auto;}
  .section {margin-bottom:30px;}
  ul#Bnr.fixnav {position:static!important;}
}

/* ---------------------------------------------------
ヘッダ
--------------------------------------------------- */
.ench, #language form {display:inline-block; vertical-align:middle;}
.ench {margin:0 10px; padding:.2em .8em; background:#f8f8cc; letter-spacing:0; font-weight:bold; font-size:93%; color:#555;}

@media (min-width:716px) {
  #HeaderBox {min-width:1140px;}
  #HeadArea {width:1140px; margin:0 auto; position:relative;}
  #HeadArea:after {position:relative; content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #HeadArea h1 {width:390px; position:absolute; top:19px; left:0;}
  #HeadArea #language {padding-top:25px;}
  #HeadArea #language:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}

  /* 検索 */
  #HeadArea #language .search {float:right;}
  #HeadArea #language .search:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #HeadArea #language .search #search {width:150px; padding:4px; float:left;}
  #HeadArea #language .search #sbutton {float:right;}

  /* 言語 */
  #HeadArea #language ul {float:right; padding-top:3px;}
  #HeadArea #language ul:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #HeadArea #language ul li {float:left; margin-right:20px;}
  #HeadArea #language ul li a {display:block; background:url(../img/icon_arrow02.png) no-repeat left; padding-left:10px; font-weight:bold;}
  #HeadArea #subNav {float:right; margin-bottom:27px; padding-top:15px;}
  #HeadArea #subNav:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #HeadArea #subNav li {float:left; margin-left:8px;}
  #HeadArea #subNav li.access,
  #HeadArea #subNav li.contact {margin:7px 10px;}
  #HeadArea #subNav li a {display:block; font-weight:bold;}
  #HeadArea #subNav li.access a {background:url(../img/icon_access.png) no-repeat left center; padding-left:20px;}
  #HeadArea #subNav li.contact a {background:url(../img/icon_contact.png) no-repeat left center; padding-left:22px;}

  #secondNav {min-width:1140px; background:#F5F5F5; border-top:solid 1px #dfdfdf;}
  #secondNav ul {width:1140px; margin:0 auto;}
  #secondNav ul:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #secondNav ul li {float:left;}

  #Navigation {background:var(--baseGreen); height:60px;}
  #Navigation .oe_overlay {opacity:0; position:fixed; top:0; left:0; width:100%; height:100%;}
  #Navigation ul.oe_menu {list-style:none; position:relative; width:1140px; height:60px; margin:0 auto; clear:both; background:url(../img/nav_border.png) no-repeat left center;}
  #Navigation ul.oe_menu > li {width:190px; float:left; position:relative; background:url(../img/nav_border.png) no-repeat right center;}
  #Navigation ul.oe_menu > li > a {display:block; color:#fff; font-weight:bold; text-align:center; text-decoration:none; font-size:130%; width:180px; padding:15px 5px; cursor:pointer;}
  #Navigation ul.oe_menu > li > a:hover,
  #Navigation ul.oe_menu > li.selected > a {color:#009744; opacity:1;}
  #Navigation .oe_wrapper ul.hovered > li > a {background:#fff; text-shadow:0 0 1px #FFF;}
  #Navigation ul.oe_menu li > a + div {position:absolute; top:60px; left:1px; width:1080px; min-height:138px; padding:30px; background:var(--baseGreen); z-index:999; display:none;}
  #Navigation ul.oe_menu li > a + div ul > li > div {padding:4px 0;}
  #Navigation ul.oe_menu li > a + div ul > li > div > a {padding:8px 0;}
  #Navigation ul.oe_menu li > a + div ul > li > div > a.-sub {padding-left:2em; border-top:1px #c6e18a dotted;}
  #Navigation ul.oe_menu li > a + div ul > li > div > a.-sub:before {content:""; display:inline-block; vertical-align:middle; width:6px; margin:0 10px 0 -16px; border-top:1px #fff solid;}
  #Navigation ul.oe_menu div .phtBox {float:left; width:250px;}
  #Navigation ul.oe_menu div ul {float:right; width:800px;}
  #Navigation ul.oe_menu div ul li {display:table; float:left; width:245px; margin-right:30px; border-bottom:solid 1px #c6e18a; font-weight:bold;}
  #Navigation ul.oe_menu div ul:not(.secondBlock) > li:nth-child(3n) {margin-right:0;}
  #Navigation ul.oe_menu div ul.secondBlock li {float:left; width:385px; margin-right:30px; font-weight:bold; border-bottom:solid 1px #c6e18a;}
  #Navigation ul.oe_menu div ul.secondBlock > li:nth-child(2n) {margin-right:0;}
  #Navigation ul.oe_menu div ul li > a {display:table-cell; vertical-align:middle; height:3.6em; background:url(../img/nav_arrow.png) no-repeat right; line-height:1.4; color:#fff; font-weight:normal; font-size:14px;}
  #Navigation ul.oe_menu div ul li > a:hover {color:#009744;}
}

@media (max-width:715px) {
  #HeadArea, #Navigation {display:none!important;}
  #Header_sp {background:#fff; padding-top:1%;}
  #Header_sp #Area {position:relative;}
  #Header_sp:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #Header_sp h1 {width:100%; text-align:left; padding-bottom:16px;}
  #Header_sp h1 img {width:40%; height:auto; padding-left:2%;}
  #Header_sp #Menu {position:absolute; width:12vw; top:0; right:0;}
  #Header_sp #Menu2 {position:absolute; width:12vw; top:0; right:12vw;}
  #Header_sp #Menu img {width:100%;}
  #Header_sp #Menu2 img {width:100%;}
  #Header_sp [id*="MenuNav"] {background:var(--baseGreen); display:none; clear:both;}
  body:not(.fullResponsive) #Header_sp #MenuNav, 
  body:not(.fullResponsive) #Header_sp #MenuNav2 {font-size:140%;}
  #Header_sp [id*="MenuNav"] dl {border-top:solid 1px #c6e08a;}
  #Header_sp [id*="MenuNav"] dl#taget {background:#f5f5f5; border-top:solid 1px #dfdfdf;}
  #Header_sp [id*="MenuNav"] dl dt a {color:#fff; padding:3.5%; font-weight:bold; display:block; background:url(../img/menu_arrow01.png) no-repeat 97% center; background-size:3%;}
  #Header_sp [id*="MenuNav"] dl#taget dt a {color:#231815; background:url(../img/menu_arrow03.png) no-repeat 97% center; background-size:3%;}
  #Header_sp [id*="MenuNav"] dl dd {background:url(../img/contents_bg.gif); padding:0% 3% 3%;}
  #Header_sp [id*="MenuNav"] dl dd ul li {margin-bottom:1%; text-align:left; background:#fff;}
  #Header_sp [id*="MenuNav"] dl dd ul li:last-of-type {margin-bottom:0%;}
  #Header_sp [id*="MenuNav"] dl dd ul li a {color:#000; display:block; padding:.8em 1em; background:url(../img/icon_arrow02.png) no-repeat 95% center; text-align:left;}
  #Header_sp [id*="MenuNav"] dl dd ul li a.black {background:url(../img/icon_blank_sp.gif) no-repeat 95% center;}
  #Header_sp [id*="MenuNav"] dl dd ul li span {color:#000; display:block; padding:10px 15px; text-align:left;}
  #Header_sp [id*="MenuNav"] #subMenu:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}	
  #Header_sp #MenuNav #language {padding:3%; background:#fff;}
  #Header_sp #MenuNav #language:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #Header_sp #subMenu {overflow:hidden;}
  #Header_sp #subMenu li {float:left; width:33.333%; text-align:center; margin:0;}
  #Header_sp #subMenu li a {position:relative; display:block; padding:1em 0; background:#019745; color:#fff;}
  body:not(.fullResponsive) #Header_sp #subMenu li a {font-size:inherit;}
  #Header_sp #subMenu li a:before {content:""; display:block; position:absolute; left:-1px; top:0; height:100%; border-left:1px rgba(255,255,255,.4) solid;}
  #Header_sp #subMenu li.access,
  #Header_sp #subMenu li.contact {width:50%;}
  #Header_sp #subMenu li.access a,
  #Header_sp #subMenu li.contact a {padding:.75em 0; background:#fff; color:#333;}
  #Header_sp #subMenu li.contact a:before {border-color:#ddd;}

  .fullResponsive #Header_sp {padding-top:1%; position:relative;}
  .fullResponsive #Header_sp h1 {padding-bottom:10px;}
  .fullResponsive #Header_sp h1 img {width:45vw; height:auto; padding-right:10%;}
  .fullResponsive #Header_sp #Menu {position:absolute; width:12vw; top:0; right:0;}
  .fullResponsive #Header_sp [id*="MenuNav"] {font-size:123%;}	
  .fullResponsive #Header_sp [id*="MenuNav"] dl dt a {padding:3%;}
  .fullResponsive #Header_sp [id*="MenuNav"] dl dd ul li a {position:relative; color:#000; display:block; padding:.8em 1em; background:url(../img/icon_arrow02.png) no-repeat 95% center; text-align:left;}
  .fullResponsive #Header_sp [id*="MenuNav"] dl dd ul li a.-sub:before {content:""; display:block; width:calc(100% - 40px); position:absolute; left:20px; top:0; border-top:1px var(--baseGreen) solid;}

  /* 検索 */
  #Header_sp #MenuNav #language {overflow:hidden; zoom:1; text-align:right;}
  #Header_sp #MenuNav #language p.ench {float:left; margin:0;}
  #Header_sp #MenuNav #language p.ench a {display:block; background:url(../img/icon_arrow02.png) no-repeat left; padding-left:10px; font-weight:bold;}
  #Header_sp #MenuNav #language .search {clear:both; margin-bottom:2%;}
  #Header_sp #MenuNav #language .search:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #Header_sp #MenuNav #language .search #sbutton {float:right; width:30px; margin-left:10px; background:url(../img/human_bg.gif); border-radius:0;}
  #Header_sp #MenuNav #language .search #search {float:left; width:85%; border:none; background:#ddd; border-radius:0; float:left;}
  .fullResponsive #Header_sp #MenuNav #language .search #search {width:calc(75vw - 110px); font-size:100%;}
}

/* ---------------------------------------------------
コンテンツエリア
--------------------------------------------------- */
#wrapper {text-align:left; overflow:hidden;}
#mainArea .section h3 {font-weight:bold; color:#fff; letter-spacing:0.1em; background:var(--baseGreen); line-height:1.4;}
#mainArea .section h3 a.link {display:block; background:url(../img/nav_arrow.png) no-repeat right center; background-size:2%; color:#fff;}
#mainArea .section h3 a.pdf {display:block; background:url(../img/icon_pdf.png) no-repeat right center; color:#fff;}
#mainArea .section h4 {margin-bottom:15px; padding-bottom:10px; border-bottom:solid 1px #ddd; line-height:1.45em; font-size:16px; font-weight:bold; color:#000; letter-spacing:0.1em;}
#mainArea .section h4 span {color:var(--baseGreen);}
#mainArea :is(.dptEv) h4 span {color:var(--baseGreen2);} 
#mainArea :is(.dptObu) h4 span {color:var(--clrObu2);} 
#mainArea :is(.dptMtym) h4 span {color:var(--clrMtym2);}
#mainArea :is(.dptSS) h4 span {color:var(--clrSS);}
#mainArea .section h4 a.link {display:block; background:url(../img/icon_arrow01.png) no-repeat right center;}
#mainArea .section h5 {margin-bottom:10px; padding-left:10px; border-left:solid 3px var(--baseGreen); line-height:1.4em; font-size:16px; font-weight:bold; color:#000; letter-spacing:0.1em;}
#mainArea :is(.dptEv) h5 {border-left-color:var(--baseGreen2);} 
#mainArea :is(.dptObu) h5 {border-left-color:var(--clrObu2);} 
#mainArea :is(.dptMtym) h5 {border-left-color:var(--clrMtym2);}
#mainArea :is(.dptSS) h5 {border-left-color:var(--clrSS);}
#mainArea .section p {margin-bottom:10px;}  
#mainArea .section .linkBox:after {content:"."; clear:both; display:block;}
#mainArea .section .linkBox dl dt {font-weight:bold; color:#009744;}

#rightArea #Bnr li img {max-width:100%;}

#mainTitle {background:#fffbc9; text-align:center;}
#mainTitle p {font-weight:bold; letter-spacing:0.1em; margin:0;}  
#mainTitle h2 {font-weight:bold; color:var(--baseGreen); letter-spacing:0.1em;}  

#mainTitle.pink,
#mainTitle.green,
#mainTitle.purple,
#mainTitle.orange,
#mainTitle.yellow {padding:45px 0;}

#mainTitle.pink {background:#fcedf1 !important;}  
#mainTitle.pink h2 {color:#e8446c !important;}  
#mainTitle.green {background:#ebfadb !important;}  
#mainTitle.green h2 {color:#359f45 !important;}
#mainTitle.purple {background:#e9e7f3;}
#mainTitle.purple h2 {color:#8e489a !important;}  
#mainTitle.orange {background:#fae7d7;}
#mainTitle.orange h2 {color:#e74707 !important;}  
#mainTitle.yellow h2 {color:#f0aa00 !important;}  

@media (min-width:716px) {
  #wrapper {min-width:1140px; background:#fff;}
  #wrapper #contents {width:1140px; margin:0 auto; padding:30px 0 60px;}
  #wrapper #contents:after {content:"."; clear:both; display:block;}

  #mainArea {width:715px; float:left; font-size:14px; letter-spacing:0.04em;}
  #mainArea .section {margin-bottom:50px; font-size:14px;}
  #mainArea .section .cell {margin-bottom:30px;}
  #mainArea .section h3 {font-size:18px; padding:8px 18px; margin-bottom:20px;}
  
  #mainArea .section .linkBox dl {width:50%; margin-bottom:15px; float:left;}
  #mainArea .section .linkBox dl dt {font-size:14px;}

  #rightArea {width:350px; float:right; position:relative;}
  #rightArea #Bnr {width:350px;}
  #rightArea #Bnr li {margin-bottom:15px;}

  #Bread ul {width:1140px; margin:0 auto; padding:8px 0; font-size:12px;}
  #Bread ul li {display:inline; margin-right:5px; padding-right:13px; background:url(../img/icon_arrow02.png) no-repeat right center; line-height:1;}
  #Bread ul li:last-of-type {background:none; color:var(--baseGreen);}
  
  #mainTitle {min-width:1140px; padding:38px 0;}
  #mainTitle p {font-size:14px;}  
  #mainTitle h2 {font-size:28px;}  
}
@media (max-width:715px) {
  #wrapper {padding:5% 3%;}
  #wrapper #mainArea {margin-bottom:39px;}
  body:not(.fullResponsive) #wrapper #mainArea {font-size:108%; line-height:1.75;}
  
  #wrapper #leftMenu dt {background:#f7f7f7; text-align:center; font-size:134%; line-height:1; padding:20px 0;}
  #wrapper #leftMenu dt span {font-size:63%;}
  #wrapper #leftMenu dd li {border-bottom:solid 1px #e4e4e4;}
  #wrapper #leftMenu dd li.last {border-bottom:none;}
  #wrapper #leftMenu dd li a {background:url(../img/arrow_black.gif) no-repeat right center; display:block; color:#383838; padding:20px 0;}
  #wrapper #leftMenu dd li.on a,
  #wrapper #leftMenu dd li a:hover {background:url(../img/arrow_red.gif) no-repeat right center; color:#e70012;}

  #mainArea .section {margin-bottom:10%;}
  #mainArea .section .cell {margin-bottom:6%;}
  #mainArea .section h3 {font-size:116%; padding:2% 3%; margin-bottom:4%;}
  #mainArea .section h3 a.link {background-size:4%;}
  #mainArea .section h4 {margin-bottom:2%; padding-bottom:2%; line-height:1.4em; font-size:108%;}
  #mainArea .section h5 {margin-bottom:3%; font-size:108%;}
  #mainArea .section .linkBox dl {margin-bottom:3%;}
  #mainArea .section .linkBox dl dt {font-weight:bold; color:#009744;}

  #rightArea img {width:100%; height:auto;}
  #rightArea .digipam {margin-bottom:3%;}
  #rightArea ul#Bnr {margin-bottom:3%;}
  #rightArea ul:after {content:"."; clear:both; display:block;}
  #rightArea ul#Bnr li {width:50%; float:left;}
  #rightArea ul#Bnr li:nth-child(2n+1) {clear:both;}

  #Bread {display:none;}

  #mainTitle {padding:5% 0;}
  #mainTitle p {font-size:16px; line-height:1.4;}  
  #mainTitle h2 {font-size:200%; line-height:1.4;}  
  .fullResponsive #mainTitle h2 {font-size:140%;}
}

#mainArea .section .h2plus:not(:first-child),
#mainArea .section h3:not(:first-child),
#mainArea .section h4:not(:first-child),
#mainArea .section h5:not(:first-child) {margin-top:1.8em;}

#mainArea .section h3 + h4,
#mainArea .section h3 + h5,
#mainArea .section h4 + h3,
#mainArea .section h4 + h5,
#mainArea .section h5 + h3,
#mainArea .section h5 + h4,
#mainArea .section h3 + br + h4,
#mainArea .section h3 + br + h5,
#mainArea .section h4 + br + h3,
#mainArea .section h4 + br + h5,
#mainArea .section h5 + br + h3,
#mainArea .section h5 + br + h4 {margin-top:0!important;}


/* ---------------------------------------------------
フッター
--------------------------------------------------- */
#footer {background:#f8f8f8;}
#footer dl span {font-weight:bold;}
#footer dl dd span {color:#009744; margin-right:12px;}
#footer #copy {background:var(--baseGreen); text-align:center;}

#share {position:relative; background:#fff; overflow:hidden;}
#share .campusarea {margin-bottom:20px;}
#share .campusarea dl.green {background:#009643;}
#share .campusarea dl.ygreen {background:#6eb92b;}
#share .campusarea dl dt {background:#009643; color:#fff; text-align:center;}
#share .campusarea dl.second dt {background:#6eb92b;}
#share .campusarea dl dt h3 {font-size:16px; margin-bottom:2px;}
#share .campusarea dl dt span {display:block; line-height:1.4em;}
#share .campusarea dl dd img {width:100%; height:auto;}
#share .title {text-align:center; margin-bottom:20px;}
#share .title h2 {margin-bottom:5px;}
#share .title p {font-size:108%; font-weight:bold;}
#share .sublink {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(100% + 20px); margin:0 0 50px -10px;}
#share .sublink li {width:calc((100% - 81px) / 4); display:table; background:#fff; margin:20px 10px 0; border:1px solid #ccc; box-sizing:border-box;}
#share .sublink li a {display:block; background:url(../img/icon_arrow01.png) no-repeat 94% center; line-height:1.4em; text-decoration:none;}
#share .sublink li.single {padding:10px 0;}
#share .sublink li.single2 {padding:8px 0;}
#share .sublink li.pict {padding:0;}
#share .sublink li.pict span {padding:10px 0 0 5px; display:inline-block;}
#share .sublink li a {font-weight:bold; display:table-cell; line-height:1.4em; text-align:center; text-decoration:none; padding:12px 0; background:url(../../images/common/icon_arrow_green.png) no-repeat 94% center; background-size:14px;}

#share .sublink2 {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:calc(100% + 20px); margin:0 0 120px -10px;}
#share .sublink2 li {display:table; width:calc((100% - 81px) / 4); background:#6eb92b; margin:20px 10px 0;}
#share .sublink2 li a {color:#fff; font-weight:bold; display:table-cell; vertical-align:middle; line-height:1.4em; text-align:center; text-decoration:none; padding:12px 0; background:url(../../images/common/icon_arrow_white.png) no-repeat 94% center; background-size:14px;}
#share .sublink2 li:hover {background:#009643;}
#share .pickup {margin-bottom:20px;}
#share .pickup h3 {text-align:center; margin-bottom:20px;}
#share .sub li {float:left; background:url(../img/icon_arrow01.png) no-repeat left center;}
#share .sub li a {display:block; line-height:1.4em; text-decoration:none;}

.smBnrArea li {opacity:0; transition:.2s opacity;}
.smBnrArea.done li {opacity:1;}

@media (min-width:716px) {
  #footer {min-width:1140px; padding-top:30px;}
  #footer .area {padding-bottom:25px;}
  #footer dl {width:680px; float:left;}
  #footer dl dd ul li {margin-top:3px;}
  #footer .listBox {width:360px; float:left;}
  #footer .listBox:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #footer .listBox p {width:330px; margin-top:10px;}
  #footer .listBox p img {width:100%;}
  #footer #copy {position:relative; min-width:1140px; padding:12px 0;}
  #footer #copy .pagetop {position:absolute; bottom:0; right:0;}

  .flick {display:none!important;}

  #share {min-width:1140px; padding:80px 0 0;}
  #share .campusarea dl {width:25%; float:left;}
  #share .campusarea dl dt {padding:15px 10px;}
  #share .sublink li.none {margin-right:0;}
  #share .sublink li a {text-align:center; padding:12px 0;}
  #share .smBnrArea {max-width:1140px; margin:0 auto;}
  #share .smBnrArea li {width:270px; float:left; margin-right:20px; margin-bottom:20px;}
  #share .smBnrArea li:nth-child(4n) {margin-right:0;}
  #share .smBnrArea li img {width:100%; height:auto;}
  #share .sub {margin-bottom:40px;}
  #share .sub li {margin-right:25px; padding-left:18px;}
}
@media (max-width:715px) {
  #footer {padding:5% 0 50px; box-sizing:border-box;}
  body:not(.fullResponsive) #footer {padding-bottom:90px;}
  #footer dl {width:94%; float:none; padding:0 3%; margin-bottom:3%;}
  #footer dl span {font-size:140%;}
  #footer dl dt {display:none;}
  #footer dl dt img {width:60%; height:auto;}
  #footer dl dd span {display:block;}
  #footer dl dd ul li {margin-bottom:2%;}
  #footer dl dd ul li.last {margin-bottom:0;}
  #footer .listBox:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #footer .listBox p {width:100%; text-align:center; margin-bottom:5%;}
  #footer .listBox p img {width:60%; height:auto; margin:0 auto;}
  #footer .listBox ul.last {background:url(../img/border_dot.png) repeat-x bottom; margin-bottom:5%;}
  #footer .listBox ul li {background:url(../img/border_dot.png) repeat-x top;}
  #footer .listBox ul li a {background:url(../img/icon_arrow01.png) no-repeat 3% center; display:block; padding:3% 3% 3% 9%; background-size:28px auto;}
  #footer #copy {padding:2% 3% 5%; font-size:93%;}
  #footer #copy .illust01,
  #footer #copy .illust02,
  #footer #copy .pagetop {display:none;}

  .fullResponsive #footer {font-size:100%;}
  .fullResponsive #footer .listBox ul li a {background-size:auto auto;}

  .table-frame {overflow:auto; width:100%; position:relative; margin-bottom:2em;}
  .table-frame .font_small {width:715px!important;}
  .table-frame table {width:715px!important;}
  .flick {width:100%; height:100%; position:relative;}
  .flick p {width:100%; min-height:1000px; position:absolute;}

  #share {padding:40px 0;}
  #share .campusarea dl {overflow:hidden;}
  #share .campusarea dl dt {width:58%; float:right; padding:1.8vw 3vw; text-align:left; box-sizing:border-box;}
  #share .campusarea dl dt h3 {font-size:130%;}
  #share .campusarea dl dd {position:relative; width:42%; padding-top:31%; float:left; box-sizing:border-box;}
  #share .campusarea dl dd img {width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
  #share .campusarea dl dt .access {float:right; font-weight:bold; background:url(../../images/common/icon_arrow_yellow.png) no-repeat 94% center; background-size:4vw;}
  #share .campusarea dl dt .access a {display:block; padding-right:35px; text-decoration:none; color:#FEFAD1;}
  	
  #share .title p {font-size:140%;}
  #share .sublink,
  #share .sublink ul {width:100%; margin:0 auto; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  #share .sublink li {width:50%; height:20vw; display:table; margin:0; background:#fff; border:1px solid #ccc; font-size:116%; box-sizing:border-box;}
  #share .sublink li a {display:table-cell; vertical-align:middle; line-height:1.4em; text-align:center; text-decoration:none; background:url(../../images/common/icon_arrow_green.png) no-repeat 94% center; background-size:3.5vw; font-weight:bold; }
  #share .sublink li.single,
  #share .sublink li.single2 {padding:0; vertical-align:middle; text-align:center;}
  #share .sublink li.pict {padding:0;}
  #share .sublink li.pict span {padding:0; display:inline-block;}
  #share .sublink li.pict img {width:44px;}
  #share .pickup h3 img {width:270px; height:auto;}
  #share .pickup li {width:48.5%; float:left; margin-bottom:3%;}
  #share .pickup li:nth-child(2n) {float:right;}
  #share .pickup li img {width:100%; height:auto;}
  #share .sub {width:92%; margin:50px 4% 0;}
  #share .sub li {width:42%; margin-bottom:10px; padding-left:5%;}
  #share .sub li:nth-child(2n) {float:right;}
  .smBnrArea li {width:50%; float:left;}

  #share .fuzoku {width:70%; margin:50px auto 15px;}
  #share .fuzoku img {width:100%;}
  #share .sublink2 {margin:0 auto 60px auto; width:100%;}
  #share .sublink2 li {width:80%; margin:5px auto 0; float:none; background:#6eb92b; font-size:120%;}
  #share .sublink2 li.none {margin-right:0;}
  #share .sublink2 li.single {padding:10px 0;}
  #share .sublink2 li a:hover {background:#44b478;}
}


.fxdBtns a {display:none!important; overflow:hidden; white-space:nowrap; box-sizing:border-box; text-indent:100%; text-decoration:none; background-repeat:no-repeat; background-position:50% 50%;}
.fxdBtns a:nth-child(1) {background-color:#41c712;}
.fxdBtns a:nth-child(2) {background-color:#00bbdd;}
.fxdBtns a:nth-child(3) {background-color:#f18800;}

@media (min-width:716px) {
  .fxdBtns {position:absolute; right:0; top:350px; z-index:500;}
  #mainimage ~ .fxdBtns {top:575px;}
  .fxdBtns.fxd,
  #mainimage ~ .fxdBtns.fxd {position:fixed; top:20px;}
  .fxdBtns a {width:59px; height:54px; margin:1px 0;}
  .fxdBtns a:nth-child(1) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn1.png);}
  .fxdBtns a:nth-child(2) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn2.png);}
  .fxdBtns a:nth-child(3) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn3.png);}
}
@media (max-width:715px) {
  .fxdBtns {position:fixed; bottom:0; left:0; z-index:500; width:100%; box-shadow:0 -5px rgba(0,0,0,.2);}
  .fxdBtns a {float:left; width:33.333%; padding-top:10vw; margin:0; background-size:auto 100%;}
  .fxdBtns a:not(:first-child) {border-left:1px rgba(150,150,150,.3) solid;}
  .fxdBtns a:not(:last-child) {border-right:1px rgba(150,150,150,.3) solid;}
  .fxdBtns a:nth-child(1) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn1[sp].png);}
  .fxdBtns a:nth-child(2) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn2[sp].png);}
  .fxdBtns a:nth-child(3) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn3[sp].png);}
}



/* ---------------------------------------------------
汎用パーツ
--------------------------------------------------- */
a.arrow, .arrow a {background:url(../img/icon_arrow01.png) no-repeat left center; display:block; padding-left:20px;}
.dptObu :is(a.arrow, .arrow a) {background-image:url(../img/icon_arrow01_o.png);}
.dptMtym :is(a.arrow, .arrow a) {background-image:url(../img/icon_arrow01_m.png);}
.dptSS :is(a.arrow, .arrow a) {background-image:url(../img/icon_arrow01_ss.png);}
a.blank, .blank a {background:url(../img/icon_pdf.png) no-repeat left center; display:block; padding-left:20px;}

.info_select {overflow:hidden; zoom:1; margin-bottom:30px; text-align:center; font-weight:bold;}
.info_select li {display:inline-block; margin:4px;}
.info_select a {display:block; width:77px; text-align:center; line-height:1.8; color:#333; border:1px solid #aaa; text-decoration:none;}
.info_select a:hover {text-decoration:none;}
.info_select .on .all {background:#88B900; border-color:#88B900; color:#fff;}
.info_select .on .enex {background:#7079C3; border-color:#7079C3; color:#fff;}
.info_select .on .event {background:#BE454E; border-color:#BE454E; color:#fff;}
.info_select .on .ntf {background:#EDA72C; border-color:#EDA72C;}
.info_select .on .other {background:#F7EE00; border-color:#F7EE00;}
.more_mo a {display:inline-block; background:url(../../images/btn_view_on.gif) no-repeat 50% 50%; background-size:contain;}
.more_mo a img {transition:all .3s;}
.more_mo a:hover {opacity:1!important;}
.more_mo a:hover img {opacity:0!important;}

[data-infogrp] {display:none;}
[data-infogrp].visible {display:block;}

@media (max-width:715px) {
  #news .area .info_select {margin:20px 0 35px;}	
  .info_select {display:table; width:100%;}
  .info_select li {display:table-cell; width:20%; margin:0;}
  .info_select a {width:auto; padding:.2em 0;}
  .info_select .all {background:#88B900; border-color:#88B900; color:#fff;}
  .info_select .enex {background:#7079C3; border-color:#7079C3; color:#fff;}
  .info_select .event {background:#BE454E; border-color:#BE454E; color:#fff;}
  .info_select .ntf {background:#EDA72C; border-color:#EDA72C;}
  .info_select .other {background:#F7EE00; border-color:#F7EE00;}
  .info_select .on a[class] {background:#888; border-color:#888; color:#fff;}
  .info_list dt span {padding:.3em .4em;}
  .more_mo a {width:80%; margin:0 10%;}
}

.tabNav1 {display:flex; flex-wrap:wrap; width:calc(100% + 4px);}
.tabNav1 > li {width:25%; padding:2px; box-sizing:border-box;}
.tabNav1 a {display:block; padding:.15em 0; background:var(--baseGreen); text-align:center; text-decoration:none; color:#fff; white-space:nowrap;}
.tabNav1 a i {font-style:normal; font-size:85%;}
@media (max-width:715px){
  .tabNav1 > li {width:50%;}
}


/* ---------------------------------------------------
ページ個別 ※基本的にはtemplate.cssを使用
--------------------------------------------------- */
#movie ul {overflow:hidden;}
#movie ul li a {display:block; position:relative; margin-bottom:.6em; padding-top:56.25%; overflow:hidden;}
#movie ul li a:before {content:""; display:block; width:50px; height:50px; border-radius:50%; background:#85B927; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%);}
#movie ul li a:after {content:""; display:block; border:13px transparent solid; border-left:20px #fff solid; border-right:0; position:absolute; top:50%; left:50%; z-index:20; transform:translate(-40%, -50%);}
#movie ul li img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1;}
#movie ul li img:not[src*="ytimg.com"] {top:0;}

@media (min-width:716px) {
  #movie ul li {width:calc((100% - 81px) / 3); float:left; margin:0 0 50px 40px;}
  #movie ul li:nth-child(3n+1) {margin-left:0; clear:left;}	
}
@media (max-width:715px) {
  #movie ul li {margin-bottom:20px; padding-top:30px; border-top:1px #ddd solid;}
  #movie ul li.last {margin-bottom:0;}
}


/* 学科サブメニュー */
#PageNav {margin-bottom:30px}
#PageNav a {text-decoration:none; white-space:nowrap;;}
#PageNav ul li a[name]:hover {background:inherit!important; color:#fff!important;}

@media (min-width:716px) {
  #PageNav ul {display:table; width:100%;}
  #PageNav ul:after {display:none;}
  #PageNav ul li {display:table-cell; height:60px;}
  #PageNav ul li a {display:block; min-width:100px; font-weight:bold; text-align:center; padding:18px 10px;}
  #PageNav ul li:is(:last-of-type) a {border-right:none!important; background-image:none!important}
}
@media (max-width:715px) {
  #PageNav {padding:18px!important;}
  #PageNav li {float:none!important; width:auto!important;}
  #PageNav ul li a {display:block; text-align:center; padding:20px 0!important; color:#fff; border-bottom:solid 1px #ededed; border-right:0!important; font-weight:normal!important; font-size:135%;}
  #PageNav ul li:last-of-type a {border-bottom:none;}
  .fullResponsive #PageNav {padding:10px!important;}
  .fullResponsive #PageNav ul li a {font-size:100%; padding:8px 0!important;}
}

.dptMain {margin-bottom:60px;}
.dptMain div {padding:30px 10px; text-align:center; color:#fff; font-size:150%; font-weight:bold;}
.dptMain img {width:100%;}

.dptTopics {margin-bottom:60px;}
.dptTopics section {overflow:hidden; padding:18px 25px;}
.dptTopics section + section {margin-top:20px;}

.tpcCount {position:relative; margin-bottom:.2em; font-family:"Century Gothic",sans-serif; font-weight:700;}
.tpcCount i {display:inline-block; width:14px; height:14px; position:relative; margin-right:3px;}
.tpcCount i:before {content:""; display:block; width:10px; height:10px; border:1px #333 solid; position:absolute; left:0; top:4px;}
.tpcCount i:after {content:""; display:block; width:4px; height:10px; border-style:solid; border-width:0 2px 2px 0; position:absolute; left:3px; top:0; transform:rotate(40deg);}
.tpcCount b {display:inline-block; margin-left:.1em; line-height:36px; font-size:36px; font-weight:normal; color:#fff;}

.tpcCatch {font-size:146.5%;}
.tpcCatch em {font-size:116%;}
.tpcCatch span {display:inline-block;}

.tpcSubCatch {font-size:108%; font-weight:bold;}
.tpcCatch + .tpcSubCatch:after {content:""; display:block; width:90%; height:20px; margin:10px auto 15px; background:url(../../dept/img/wave.png) repeat-x 50% 50%; background-size:150px auto;}
.tpcSubCatch span {display:inline-block; font-size:116%; line-height:1.1;}

.dptTopics img {max-width:100%;}

.dptPsy ~ .dptMain {background:#e78343;}
.dptPsy ~ .dptTopics .tpcCount {color:#E88243;}
.dptPsy ~ .dptTopics .tpcCount b {text-shadow:1px 1px 0 #E88243, -1px 1px 0 #E88243, 1px -1px 0 #E88243, -1px -1px 0 #E88243;}
.dptPsy ~ .dptTopics .tpcCount:after {border-color:#E88243;}
.dptPsy ~ .dptTopics .tpcCatch span {background:#EFAB7A; line-height:1.1;}
.dptPsy ~ .dptTopics .tpcSubCatch span {box-shadow:0 -.5em 0 rgba(220,100,0,.3) inset;}
.dptPsy ~ .dptTopics section:nth-child(1) {border:1px #E88243 solid;}
.dptPsy ~ .dptTopics section:nth-child(2) {background:#F8D9C6;}
.dptPsy ~ .dptTopics section:nth-child(2) .tpcCount b {color:#F8D9C6;}
.dptPsy ~ .dptTopics section:nth-child(3) {background:#FCECC9;}
.dptPsy ~ .dptTopics section:nth-child(3) .tpcCount b {color:#FCECC9;}
.dptPsy ~ #voice .cell {overflow:hidden;}
.dptPsy ~ #voice .pic {width:150px; max-width:25%; float:right; margin:0 0 10px 20px;}
.dptPsy ~ #voice .pic img {width:100%;}
.dptPsy ~ #voice .pic ~ p {width:auto;}

.dptPsy.-ss ~ .dptMain {background:#f0aa00;}
.dptPsy.-ss ~ .dptTopics .tpcCount {color:#E88243;}
.dptPsy.-ss ~ .dptTopics .tpcCount b {text-shadow:1px 1px 0 #E88243, -1px 1px 0 #E88243, 1px -1px 0 #E88243, -1px -1px 0 #E88243;}
.dptPsy.-ss ~ .dptTopics .tpcCount:after {border-color:#E88243;}
.dptPsy.-ss ~ .dptTopics .tpcCatch span {background:#fbe266; line-height:1.1;}
.dptPsy ~ .dptTopics .tpcSubCatch span {box-shadow:0 -.5em 0 rgba(220,180,0,.3) inset;}
.dptPsy.-ss ~ .dptTopics section:nth-child(1),
.dptPsy.-ss ~ .dptTopics section:nth-child(4) {border:1px #E88243 solid;}
.dptPsy.-ss ~ .dptTopics section:nth-child(2) {background:#fef9e1;}
.dptPsy.-ss ~ .dptTopics section:nth-child(2) .tpcCount b {color:#F8D9C6;}
.dptPsy.-ss ~ .dptTopics section:nth-child(3) {background:#fef7bc;}
.dptPsy.-ss ~ .dptTopics section:nth-child(3) .tpcCount b {color:#FCECC9;}

.dptEnv ~ .dptMain {background:#4DB36D;}
.dptEnv ~ .dptTopics .tpcCount {color:#4DB36D;}
.dptEnv ~ .dptTopics .tpcCount b {text-shadow:1px 1px 0 #4DB36D, -1px 1px 0 #4DB36D, 1px -1px 0 #4DB36D, -1px -1px 0 #4DB36D;}
.dptEnv ~ .dptTopics .tpcCount:after {border-color:#4DB36D;}
.dptEnv ~ .dptTopics .tpcCatch span {background:#C4D468; line-height:1.1;}
.dptEnv ~ .dptTopics .tpcSubCatch span {box-shadow:0 -.5em 0 rgba(150,180,0,.3) inset;}
.dptEnv ~ .dptTopics section:nth-child(1) {border:1px #4DB36D solid;}
.dptEnv ~ .dptTopics section:nth-child(2) {background:#E6ECBD; padding-bottom:0;}
.dptEnv ~ .dptTopics section:nth-child(2) .tpcCount b {color:#E6ECBD;}
.dptEnv ~ .dptTopics section:nth-child(3) {background:#FAF8BD;}
.dptEnv ~ .dptTopics section:nth-child(3) strong {color:#0DB35D;}
.dptEnv ~ #voice .cell {overflow:hidden;}
.dptEnv ~ #voice .pic {width:150px; max-width:25%; float:right; margin:0 0 10px 20px;}
.dptEnv ~ #voice .pic img {width:100%;}
.dptEnv ~ #voice .pic ~ p {width:auto;}

.dptObu ~ .dptMain {background:#EB9EC3;}
.dptObu ~ .dptTopics .tpcCount {color:#EB9EC3;}
.dptObu ~ .dptTopics .tpcCount b {text-shadow:1px 1px 0 #EB9EC3, -1px 1px 0 #EB9EC3, 1px -1px 0 #EB9EC3, -1px -1px 0 #EB9EC3;}
.dptObu ~ .dptTopics .tpcCount:after {border-color:#EB9EC3;}
.dptObu ~ .dptTopics .tpcCatch span {background:#EB9DB9; line-height:1.1;}
.dptObu ~ .dptTopics .tpcSubCatch span {box-shadow:0 -.5em 0 rgba(255,100,160,.3) inset;}
.dptObu ~ .dptTopics section:nth-child(1) {border:1px #EB9EC3 solid;}
.dptObu ~ .dptTopics section:nth-child(2) {background:#FAE7F0;}
.dptObu ~ .dptTopics section:nth-child(2) .tpcCount b {color:#FAE7F0;}
.dptObu ~ .dptTopics section:nth-child(3) {background:#fdf5f9;}
.dptObu ~ .dptTopics section:nth-child(3) b {color:#fdf5f9;}
.dptObu ~ .dptTopics section:nth-child(4) {background:#FCF3D2;}
.dptObu ~ .dptTopics section:nth-child(4) b {color:#FCF3D2;}
.dptObu ~ #voice .cell {overflow:hidden;}
.dptObu ~ #voice .cell h4 {color:#EB5588;}
.dptObu ~ #voice .pic {width:150px; max-width:25%; float:right; margin:0 0 10px 20px;}
.dptObu ~ #voice .pic img {width:100%; aspect-ratio:1/2; object-fit:cover;}
.dptObu ~ #voice .pic ~ p {width:auto;}

.dptMtym ~ .dptMain {background:#ceb1d4;}
.dptMtym ~ .dptTopics .tpcCount {color:#8e489a;}
.dptMtym ~ .dptTopics .tpcCount b {text-shadow:1px 1px 0 #8e489a, -1px 1px 0 #8e489a, 1px -1px 0 #8e489a, -1px -1px 0 #8e489a;}
.dptMtym ~ .dptTopics .tpcCount:after {border-color:#EF9EA0;}
.dptMtym ~ .dptTopics .tpcCatch span {background:#d6c4df; line-height:1.1;}
.dptMtym ~ .dptTopics .tpcSubCatch span {box-shadow:0 -.5em 0 rgba(142,72,154,.3) inset;}
.dptMtym ~ .dptTopics section:nth-child(1) {border:1px #8e489a solid;}
.dptMtym ~ .dptTopics section:nth-child(2) {background:#fbf6fa;}
.dptMtym ~ .dptTopics section:nth-child(2) .tpcCount b {color:#FAE7F0;}
.dptMtym ~ .dptTopics section:nth-child(3) {background:#FCF3D2;}
.dptMtym ~ .dptTopics section:nth-child(3) b {color:#FCF3D2;}
.dptMtym ~ #voice .cell {overflow:hidden;}
.dptMtym ~ #voice .cell h4 {color:#8e4899;}
.dptMtym ~ #voice .pic {width:150px; max-width:25%; float:right; margin:0 0 10px 20px;}
.dptMtym ~ #voice .pic img {width:100%; aspect-ratio:1/2; object-fit:cover;}
.dptMtym ~ #voice .pic ~ p {width:auto;}

@media (max-width:715px) {
  .dptTopics section .pcFlR {margin-top:10px;}
}

@media (min-width:716px) {
  #curriculum ~ #study h3 ~ dl:nth-child(2n+1) {float:right;}
  #closeup .nsClassList {overflow:hidden;}
  #closeup .nsClassList li:nth-child(2n) {float:right;}
  #closeup .nsClassList li:nth-child(2n+1) {clear:both;}
  #closeup .nsClassList li:nth-child(n+3) {margin-top:30px;}
  #closeup .nsClassList .bold {font-weight:bold;}
  #closeup .nsClassList .txt {margin-top:.6em;}
  .dptMtym ~ #voice .pic ~ p {width:calc(100% - 170px);}
}

.crclmImg {width:100%; max-height:560px; overflow:auto; padding:10px; border:6px #eee solid; box-sizing:border-box;}
.crclmImg img {max-width:1000%;}
.dragscroll {cursor:grab;}
.dragscroll:active {cursor:grabbing;}

.semi li {position:relative; padding:20px; overflow:hidden;}
.semi li + li {margin-top:20px;}
.semi li > img:first-child {width:180px; float:left; position:absolute; bottom:0;}
.semi li > img:first-child ~ * {margin-left:190px;}
.semi li h4 {font-weight:normal;}
.semi li h4 b {font-size:108%; font-weight:bold;}
.semi li > .catch {margin:.4em 0; font-size:116%; font-weight:bold;}
.semi li > .catch ~ img {float:right; width:140px; margin:0 0 10px 20px;}
.semi .catch + * ~ p {margin-right:160px;}

@media (max-width:715px) {
  .semi li > img:first-child {width:80px; position:static; margin:0 10px 1em 0;}
  .semi li > img:first-child ~ * {margin-left:0;}
  .semi li > .catch ~ img {clear:both; width:20%; margin:0 0 10px 15px;}
  .semi .catch ~ p {clear:left; margin-right:0;}
}

.dept.psy .semi li {background:#FEF7CA;}
.dept.psy .semi .catch {color:#E36B00;}
.dept.con .semi li {background:#EFEFBE;}
.dept.con .semi .catch {color:#76B916;}
.dept.psy .semi li {background:#FEF7CA;}
.dept.psy .semi .catch {color:#E36B00;}
.dept.psy .semi li {background:#FEF7CA;}
.dept.psy .semi .catch {color:#E36B00;}

.nsNew6sp {margin-bottom:40px; padding:18px 24px; background:#FBEAED;}
.nsNew6sp > .ttl {margin-bottom:.3em; line-height:1.33; font-size:160%; font-weight:bold; color:#DF4171;}
.nsNew6sp > .ttl i {display:block; font-family:"游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-style:normal; font-size:13px; transform:rotate(.05); margin-bottom:.2em;}
.nsNew6sp > .ttl em {font-size:116%; color:#fff; text-shadow:-1px 0 0 #DF4171, 1px 0 0 #DF4171, 0 -1px 0 #DF4171, 0 1px 0 #DF4171;}
.nsNew6sp > .ttl + p {margin-bottom:1em; font-size:85%; color:#DF4171;}
.nsNew6sp section {padding:16px 20px; background:#fff; border-radius:10px; overflow:hidden;}
.nsNew6sp section + section {margin-top:15px;}
.nsNew6sp section .num {display:inline-block; vertical-align:middle; position:relative; display:inline-block; width:5em; height:3em; margin:0 10px 14px 0; line-height:3em; background:#E785A1; text-align:center; color:#FFFCD9;}
.nsNew6sp section .num i {position:absolute; left:calc(50% - 8px); top:-8px; line-height:16px; width:16px; height:16px; background:#DF4171; border-radius:50%; text-align:center; font-size:12px; font-style:normal;}
.nsNew6sp section .ttl {display:inline-block; vertical-align:middle; max-width:calc(100% - 90px - .4em); margin-bottom:14px; font-size:123.1%; font-weight:bold; color:#E785A1;}
.nsNew6sp section .ttl em {color:#DF4171;}
.nsNew6sp section .ttl i {display:block; margin-top:.4em; line-height:1; font-style:normal; font-size:11px;}
.nsNew6sp section div img {width:100%;}

.gs_he section {overflow:hidden;}
.gs_he section + section {margin-top:60px;}
.gs_he section h3 {border:3px solid; padding:0 .5em; background:none!important;}
.gs_he section h3 span {display:inline-block; margin-left:.2em; font-size:85%;}
.gs_he section table {margin-bottom:15px; border-collapse:collapse; width:100%; font-size:93%;}
.gs_he section table td {padding:.4em .7em; border:1px #555 solid;}
.gs_he section table td[rowspan] {width:1em; vertical-align:middle; line-height:1.33;}
.gs_he section .pcFlR {padding:20px; box-sizing:border-box;}
.gs_he section .pcFlR .center {font-size:108%;}
.gs_he section .pcFlR .center:after {content:""; display:block; width:1.5em; margin:1em auto; border-top:2px #555 solid;}
.gs_he section .pcFlR .center ~ p {font-size:93%;}

.gs_he section.he h3 {border-color:#4DB36D; color:#4DB36D!important;}
.gs_he section.he td em {color:#4DB36D;}
.gs_he section.he .pcFlR {background:#C9E8D3;}
.gs_he section.ps h3 {border-color:#E88243; color:#E88243!important;}
.gs_he section.ps td em {color:#E88243;}
.gs_he section.ps .pcFlR {background:#F8D9C6;}
.gs_he section.jc h3 {border-color:#67C4F4; color:#67C4F4!important;}
.gs_he section.jc td em {color:#67C4F4;}
.gs_he section.jc .pcFlR {background:#D1EDFC;}

.gs-ns h3 {background:#ED778F!important;}
.gs-ns h4 span {color:#ED778F!important;}
.gs-ns h5 {border-left-color:#ED778F!important;}

body .section:is(.gs-mk) h3 {padding:8px 18px!important; background:#ad8abf!important; color:#fff!important;}
body .section:is(.gs-mk) h4 span {color:#ad8abf!important;}
body .section:is(.gs-mk) h5 {border-left-color:#ad8abf!important;}
.gsmkSections {display:flex; flex-direction:column; gap:10px;}
.gsmkSections > div {padding:.8em 1.2em; background:#f6f0f7bb;}
.gsmkSections dt {color:#ad8abf; font-weight:bold; font-size:116%;}

.-cap2022 {display:inline-block; margin-top:-.5em; padding:0 .4em; border:1px #111 solid; font-size:.77rem; font-style:normal; font-weight:normal; letter-spacing:.03em; color:#111;}
.dept_transfer {border:1px #fa889a solid; margin-bottom:60px; padding:.8em 1.2em; line-height:1.67; font-size:93%;}
.dept_transfer a {text-decoration:underline;}
.dept_transfer p + p {margin-top:.6em;}

@media (min-width:716px) {
  #Navigation .phtBox ~ ul ~ p {float:right; width:800px; padding-top:.6em; color:#fff;}
}
@media (max-width:715px) {
  #Header_sp dd ul ~ p {margin-top:.5em; color:#fff; text-align:right;} 
}



/* ================== 追記 2021.04- */

#zanteiMenu > div {position:relative;}
#zanteiMenu .sg {background-image:url(../../images/zantei2021/sg_bg.jpg); background-size:cover;}
#zanteiMenu .sc {background-image:url(../../images/zantei2021/sc_bg.jpg); background-size:cover;}
#zanteiMenu .ef {background-image:url(../../images/zantei2021/ef_bg.jpg); background-size:cover;}
#zanteiMenu .ed {background-image:url(../../images/zantei2021/ed_bg.jpg); background-size:cover;}
#zanteiMenu .on {background-image:url(../../images/zantei2021/on_bg.jpg); background-size:cover;}
#zanteiMenu .mn {background-image:url(../../images/zantei2021/mn_bg.jpg); background-size:cover;}
#zanteiMenu .ss {background-image:url(../../images/zantei2021/ss_bg.jpg); background-size:cover;}
#zanteiMenu > div a {display:block; position:absolute; width:100%; height:100%;}
#zanteiMenu > div a img {position:absolute; bottom:25px; left:50%; width:420px; max-width:calc(100% - 50px); transform:translate(-50%,0); transition:opacity .2s;}
#zanteiMenu > div a:hover img {opacity:.7;}

@media (min-width:716px) {
  #zanteiMenu {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; min-width:1140px; max-width:1400px; margin:0 auto;}
  #zanteiMenu > div {width:50%; height:460px; margin-bottom:20px; text-align:center; background-repeat:no-repeat; background-position:50% 50%;}
  #zanteiMenu > div:nth-child(n+5) {width:100%; height:400px;}
}
@media (max-width:715px) {
  #zanteiMenu > div {height:60vw;}
}


/*.exam .table01 ~ .table02 td {height:3.6em; vertical-align:middle;}*/
.table01 td[rowspan] span.note {margin-bottom:0; padding:.3em 0;}



/* --------------- magnific popup */
.mfp-bg {top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:.8;}
.mfp-wrap {top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden;}
.mfp-container {text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; box-sizing:border-box;}
.mfp-container:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.mfp-align-top .mfp-container:before {display:none;}
.mfp-content {position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width:100%; cursor:auto;}
.mfp-ajax-cur {cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out;}
.mfp-zoom {cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content {cursor:auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select:none; -moz-user-select:none; user-select:none;}
.mfp-loading.mfp-figure {display:none;}
.mfp-hide {display:none !important;}
.mfp-preloader {color:#CCC; position:absolute; top:50%; width:auto; text-align:center; margin-top:-.8em; left:8px; right:8px; z-index:1044;}
.mfp-preloader a {color:#CCC;}
.mfp-preloader a:hover {color:#FFF;}
.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {display:none;}
button.mfp-close, button.mfp-arrow {overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; box-shadow:none; touch-action:manipulation;}
button::-moz-focus-inner {padding:0; border:0;}
.mfp-close {width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:.65; padding:0 0 18px 10px; color:#FFF; font-style:normal; font-size:28px; font-family:Arial,Baskerville,monospace;}
.mfp-close:hover, .mfp-close:focus {opacity:1;}
.mfp-close:active {top:1px;}
.mfp-close-btn-in .mfp-close {color:#333;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color:#FFF; right:-6px; text-align:right; padding-right:6px; width:100%;}
.mfp-counter {position:absolute; top:0; right:0; color:#CCC; font-size:12px; line-height:18px; white-space:nowrap;}
.mfp-arrow {position:absolute; opacity:.65; margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:transparent;}
.mfp-arrow:active {margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus {opacity:1;}
.mfp-arrow:before, .mfp-arrow:after {content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent;}
.mfp-arrow:after {border-top-width:13px; border-bottom-width:13px; top:8px;}
.mfp-arrow:before {border-top-width:21px; border-bottom-width:21px; opacity:.7;}
.mfp-arrow-left {left:0;}
.mfp-arrow-left:after {border-right:17px solid #FFF; margin-left:31px;}
.mfp-arrow-left:before {margin-left:25px; border-right:27px solid #3F3F3F;}
.mfp-arrow-right {right:0;}
.mfp-arrow-right:after {border-left:17px solid #FFF; margin-left:39px;}
.mfp-arrow-right:before {border-left:27px solid #3F3F3F;}
.mfp-iframe-holder {padding-top:40px; padding-bottom:40px;}
.mfp-iframe-holder .mfp-content {line-height:0; width:100%; max-width:900px;}
.mfp-iframe-holder .mfp-close {top:-40px;}
.mfp-iframe-scaler {width:100%; height:0; overflow:hidden; padding-top:56.25%;}
.mfp-iframe-scaler iframe {position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0,0,0,.6); background:#000;}
/* Main image in popup */
img.mfp-img {width:auto; max-width:100%; height:auto; display:block; line-height:0; box-sizing:border-box; padding:40px 0 40px; margin:0 auto;}
/* The shadow behind the image */
.mfp-figure {line-height:0;}
.mfp-figure:after {content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0,0,0,.6); background:#444;}
.mfp-figure small {color:#BDBDBD; display:block; font-size:12px; line-height:14px;}
.mfp-figure figure {margin:0;}
.mfp-bottom-bar {margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto;}
.mfp-title {text-align:left; line-height:18px; color:#F3F3F3; word-wrap:break-word; padding-right:36px;}
.mfp-image-holder .mfp-content {max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer;}
@media (max-width:800px) and (orientation:landscape),(max-height:300px) {
/* Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder {padding-left:0; padding-right:0;}
  .mfp-img-mobile img.mfp-img {padding:0;}
  .mfp-img-mobile .mfp-figure:after {top:0; bottom:0;}
  .mfp-img-mobile .mfp-figure small {display:inline; margin-left:5px;}
  .mfp-img-mobile .mfp-bottom-bar {background:rgba(0,0,0,.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; box-sizing:border-box;}
  .mfp-img-mobile .mfp-bottom-bar:empty {padding:0;}
  .mfp-img-mobile .mfp-counter {right:5px; top:3px;}
  .mfp-img-mobile .mfp-close {top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0,0,0,.6); position:fixed; text-align:center; padding:0;}
}
@media (max-width:900px) {.mfp-arrow {-webkit-transform:scale(.75); transform:scale(.75);}
  .mfp-arrow-left {-webkit-transform-origin:0; transform-origin:0;}
  .mfp-arrow-right {-webkit-transform-origin:100%; transform-origin:100%;}
  .mfp-container {padding-left:6px; padding-right:6px;}
}