@charset "shift_jis";

/* =========================================================
general CSS
YUI Font-size Adjustment
※基準サイズは13pxです。

10px = 77%11px = 85%  12px = 93%13px = 100%
14px = 108%   15px = 116%16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%23px = 174%24px = 182%25px = 189%
26px = 197%
========================================================= */
.tx10 { font-size: 10px ; } /*renders 10px */
.tx11 { font-size: 11px ; } /*renders 11px */
.tx12 { font-size: 12px ; } /*renders 12px */
.tx14 { font-size: 14px ; } /*renders 14px */
.tx15 { font-size: 15px ; } /*renders 15px */
.tx16 { font-size: 16px ; } /*renders 16px */
.tx17 { font-size: 17px ; } /*renders 17px */
.tx18 { font-size: 18px ; } /*renders 18px */
.tx19 { font-size: 19px ; } /*renders 19px */
.tx20 { font-size: 20px ; } /*renders 20px */
.tx21 { font-size: 21px; } /*renders 21px */
.tx22 { font-size: 22px ; } /*renders 22px */
.tx23 { font-size: 23px ; } /*renders 23px */
.tx24 { font-size: 24px ; } /*renders 24px */
.tx25 { font-size: 25px ; } /*renders 25px */
.tx26 { font-size: 26px ; } /*renders 26px */
.tx27 { font-size: 27px ; } /*renders 27px */
.tx28 { font-size: 28px ; } /*renders 28px */

/*font-color*/
.fc_black{color:#000;}
.fc_red{color:#F00;}

/*font-weight*/
.fw_normal,
.weightNormal {font-weight:normal;}
.fw_bold,
.bold {font-weight:bold;}

/* text-align */
.tx_L { text-align: left ; }
.tx_C { text-align: center ; }
.tx_R { text-align: right ; }
.tx_j { text-align: justify; text-justify: inter-ideograph ; }

/* display */
.disblock{display:block;}
.disi-block{display:inline-block;}

/* vertical-align */
.va_T { vertical-align: top ; }
.va_M { vertical-align: middle ; }
.va_B { vertical-align: bottom ; }

/* float */
.fl_L { float: left ; }
.fl_R { float: right ; }
.fl_n { float: none ; }

/* clear */
.clear  { clear: both ; }

/* overflow */
.hidden { overflow: hidden ; }
.scroll { overflow: scroll ; }
.scroll-y { overflow-y: scroll ; }

/* line-height */
.lh0   { line-height: 0 ; }
.lh10  { line-height: 1.0 ; }
.lh11  { line-height: 1.1 ; }
.lh12  { line-height: 1.2 ; }
.lh13  { line-height: 1.3 ; }
.lh14  { line-height: 1.4 ; }
.lh15  { line-height: 1.5 ; }
.lh16  { line-height: 1.6 ; }
.lh17  { line-height: 1.7 ; }
.lh175 { line-height: 1.75 ; }
.lh18  { line-height: 1.8 ; }
.lh19  { line-height: 1.9 ; }
.lh20  { line-height: 2.0 ; }

/* clearfix */
.clearfix:after,
.cFix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix,
.cFix { min-height: 1px; margin: 0;}
* html .clearfix,
* html .cFix { height: 1px;}

/* margin */
.m0{ margin: 0 ; }
.m1{ margin: 1px ; }
.m2{ margin: 2px ; }
.m3{ margin: 3px ; }
.m4{ margin: 4px ; }
.m5{ margin: 5px ; }
.m6{ margin: 6px ; }
.m7{ margin: 7px ; }
.m8{ margin: 8px ; }
.m9{ margin: 9px ; }
.m10{ margin: 10px ; }
.m15{ margin: 15px ; }
.m20{ margin: 20px ; }
.m25{ margin: 25px ; }
.m30{ margin: 30px ; }
.m35{ margin: 35px ; }
.m40{ margin: 40px ; }
.m45{ margin: 45px ; }
.m50{ margin: 50px ; }
.m55{ margin: 55px ; }
.m60{ margin: 60px ; }
.m65{ margin: 65px ; }
.m70{ margin: 70px ; }
.m75{ margin: 75px ; }
.m80{ margin: 80px ; }
.m85{ margin: 85px ; }
.m90{ margin: 90px ; }
.m95{ margin: 95px ; }
.m100{ margin: 100px ; }
.m110{ margin: 110px ; }
.m120{ margin: 120px ; }
.m130{ margin: 130px ; }
.m140{ margin: 140px ; }
.m150{ margin: 150px ; }
.m160{ margin: 160px ; }
.m170{ margin: 170px ; }
.m180{ margin: 180px ; }
.m190{ margin: 190px ; }
.m200{ margin: 200px ; }
.m220{ margin: 220px ; }
.m240{ margin: 240px ; }
.m260{ margin: 260px ; }
.m280{ margin: 280px ; }
.m300{ margin: 300px ; }
.m0A{ margin: 0 auto ; }

.mt0   { margin-top:  0px ; }
.mt1   { margin-top:  1px ; }
.mt3   { margin-top:  3px ; }
.mt5   { margin-top:  5px ; }
.mt7   { margin-top:  7px ; }
.mt10  { margin-top: 10px ; }
.mt15  { margin-top: 15px ; }
.mt20  { margin-top: 20px ; }
.mt25  { margin-top: 25px ; }
.mt30  { margin-top: 30px ; }
.mt35  { margin-top: 35px ; }
.mt40  { margin-top: 40px ; }
.mt45  { margin-top: 45px ; }
.mt50  { margin-top: 50px ; }
.mt55  { margin-top: 55px ; }
.mt60  { margin-top: 60px ; }
.mt65  { margin-top: 65px ; }
.mt70  { margin-top: 70px ; }
.mt75  { margin-top: 75px ; }
.mt80  { margin-top: 80px ; }
.mt85  { margin-top: 85px ; }
.mt90  { margin-top: 90px ; }
.mt95  { margin-top: 95px ; }
.mt100 { margin-top: 100px ; }

.mrA   { margin-right: auto ; }
.mr0   { margin-right:  0px ; }
.mr1   { margin-right:  1px ; }
.mr3   { margin-right:  3px ; }
.mr5   { margin-right:  5px ; }
.mr7   { margin-right:  7px ; }
.mr10  { margin-right: 10px ; }
.mr15  { margin-right: 15px ; }
.mr20  { margin-right: 20px ; }
.mr25  { margin-right: 25px ; }
.mr30  { margin-right: 30px ; }
.mr35  { margin-right: 35px ; }
.mr40  { margin-right: 40px ; }
.mr45  { margin-right: 45px ; }
.mr50  { margin-right: 50px ; }
.mr55  { margin-right: 55px ; }
.mr60  { margin-right: 60px ; }
.mr65  { margin-right: 65px ; }
.mr70  { margin-right: 70px ; }
.mr75  { margin-right: 75px ; }
.mr80  { margin-right: 80px ; }
.mr85  { margin-right: 85px ; }
.mr90  { margin-right: 90px ; }
.mr95  { margin-right: 95px ; }
.mr100 { margin-right: 100px ; }

.mb0   { margin-bottom:  0px ; }
.mb1   { margin-bottom:  1px ; }
.mb3   { margin-bottom:  3px ; }
.mb5   { margin-bottom:  5px ; }
.mb7   { margin-bottom:  7px ; }
.mb10  { margin-bottom: 10px ; }
.mb15  { margin-bottom: 15px ; }
.mb20  { margin-bottom: 20px ; }
.mb25  { margin-bottom: 25px ; }
.mb30  { margin-bottom: 30px ; }
.mb35  { margin-bottom: 35px ; }
.mb40  { margin-bottom: 40px ; }
.mb45  { margin-bottom: 45px ; }
.mb50  { margin-bottom: 50px ; }
.mb55  { margin-bottom: 55px ; }
.mb60  { margin-bottom: 60px ; }
.mb65  { margin-bottom: 65px ; }
.mb70  { margin-bottom: 70px ; }
.mb75  { margin-bottom: 75px ; }
.mb80  { margin-bottom: 80px ; }
.mb85  { margin-bottom: 85px ; }
.mb90  { margin-bottom: 90px ; }
.mb95  { margin-bottom: 95px ; }
.mb100 { margin-bottom: 100px ; }

.mlA   { margin-left: auto ; }
.ml0   { margin-left:  0px ; }
.ml1   { margin-left:  1px ; }
.ml3   { margin-left:  3px ; }
.ml5   { margin-left:  5px ; }
.ml7   { margin-left:  7px ; }
.ml10  { margin-left: 10px ; }
.ml15  { margin-left: 15px ; }
.ml20  { margin-left: 20px ; }
.ml25  { margin-left: 25px ; }
.ml30  { margin-left: 30px ; }
.ml35  { margin-left: 35px ; }
.ml40  { margin-left: 40px ; }
.ml45  { margin-left: 45px ; }
.ml50  { margin-left: 50px ; }
.ml55  { margin-left: 55px ; }
.ml60  { margin-left: 60px ; }
.ml65  { margin-left: 65px ; }
.ml70  { margin-left: 70px ; }
.ml75  { margin-left: 75px ; }
.ml80  { margin-left: 80px ; }
.ml85  { margin-left: 85px ; }
.ml90  { margin-left: 90px ; }
.ml95  { margin-left: 95px ; }
.ml100 { margin-left: 100px ; }

/* padding */
.p0{ padding: 0 ; }
.p1{ padding: 1px ; }
.p2{ padding: 2px ; }
.p3{ padding: 3px ; }
.p4{ padding: 4px ; }
.p5{ padding: 5px ; }
.p6{ padding: 6px ; }
.p7{ padding: 7px ; }
.p8{ padding: 8px ; }
.p9{ padding: 9px ; }
.p10{ padding: 10px ; }
.p15{ padding: 15px ; }
.p20{ padding: 20px ; }
.p25{ padding: 25px ; }
.p30{ padding: 30px ; }
.p35{ padding: 35px ; }
.p40{ padding: 40px ; }
.p45{ padding: 45px ; }
.p50{ padding: 50px ; }
.p55{ padding: 55px ; }
.p60{ padding: 60px ; }
.p65{ padding: 65px ; }
.p70{ padding: 70px ; }
.p75{ padding: 75px ; }
.p80{ padding: 80px ; }
.p85{ padding: 85px ; }
.p90{ padding: 90px ; }
.p95{ padding: 95px ; }
.p100{ padding: 100px ; }
.p110{ padding: 110px ; }
.p120{ padding: 120px ; }
.p130{ padding: 130px ; }
.p140{ padding: 140px ; }
.p150{ padding: 150px ; }
.p160{ padding: 160px ; }
.p170{ padding: 170px ; }
.p180{ padding: 180px ; }
.p190{ padding: 190px ; }
.p200{ padding: 200px ; }
.p220{ padding: 220px ; }
.p240{ padding: 240px ; }
.p260{ padding: 260px ; }
.p280{ padding: 280px ; }
.p300{ padding: 300px ; }

.pt0   { padding-top:  0px ; }
.pt1   { padding-top:  1px ; }
.pt3   { padding-top:  3px ; }
.pt5   { padding-top:  5px ; }
.pt7   { padding-top:  7px ; }
.pt10  { padding-top: 10px ; }
.pt15  { padding-top: 15px ; }
.pt20  { padding-top: 20px ; }
.pt25  { padding-top: 25px ; }
.pt30  { padding-top: 30px ; }
.pt35  { padding-top: 35px ; }
.pt40  { padding-top: 40px ; }
.pt45  { padding-top: 45px ; }
.pt50  { padding-top: 50px ; }
.pt55  { padding-top: 55px ; }
.pt60  { padding-top: 60px ; }
.pt65  { padding-top: 65px ; }
.pt70  { padding-top: 70px ; }
.pt75  { padding-top: 75px ; }
.pt80  { padding-top: 80px ; }
.pt85  { padding-top: 85px ; }
.pt90  { padding-top: 90px ; }
.pt95  { padding-top: 95px ; }
.pt100 { padding-top: 100px ; }

.pr0   { padding-right:  0px ; }
.pr1   { padding-right:  1px ; }
.pr3   { padding-right:  3px ; }
.pr5   { padding-right:  5px ; }
.pr7   { padding-right:  7px ; }
.pr10  { padding-right: 10px ; }
.pr15  { padding-right: 15px ; }
.pr20  { padding-right: 20px ; }
.pr25  { padding-right: 25px ; }
.pr30  { padding-right: 30px ; }
.pr35  { padding-right: 35px ; }
.pr40  { padding-right: 40px ; }
.pr45  { padding-right: 45px ; }
.pr50  { padding-right: 50px ; }
.pr55  { padding-right: 55px ; }
.pr60  { padding-right: 60px ; }
.pr65  { padding-right: 65px ; }
.pr70  { padding-right: 70px ; }
.pr75  { padding-right: 75px ; }
.pr80  { padding-right: 80px ; }
.pr85  { padding-right: 85px ; }
.pr90  { padding-right: 90px ; }
.pr95  { padding-right: 95px ; }
.pr100 { padding-right: 100px ; }

.pb0   { padding-bottom:  0px ; }
.pb1   { padding-bottom:  1px ; }
.pb3   { padding-bottom:  3px ; }
.pb5   { padding-bottom:  5px ; }
.pb7   { padding-bottom:  7px ; }
.pb10  { padding-bottom: 10px ; }
.pb15  { padding-bottom: 15px ; }
.pb20  { padding-bottom: 20px ; }
.pb25  { padding-bottom: 25px ; }
.pb30  { padding-bottom: 30px ; }
.pb35  { padding-bottom: 35px ; }
.pb40  { padding-bottom: 40px ; }
.pb45  { padding-bottom: 45px ; }
.pb50  { padding-bottom: 50px ; }
.pb55  { padding-bottom: 55px ; }
.pb60  { padding-bottom: 60px ; }
.pb65  { padding-bottom: 65px ; }
.pb70  { padding-bottom: 70px ; }
.pb75  { padding-bottom: 75px ; }
.pb80  { padding-bottom: 80px ; }
.pb85  { padding-bottom: 85px ; }
.pb90  { padding-bottom: 90px ; }
.pb95  { padding-bottom: 95px ; }
.pb100 { padding-bottom: 100px ; }

.pl0   { padding-left:  0px ; }
.pl1   { padding-left:  1px ; }
.pl3   { padding-left:  3px ; }
.pl5   { padding-left:  5px ; }
.pl7   { padding-left:  7px ; }
.pl10  { padding-left: 10px ; }
.pl15  { padding-left: 15px ; }
.pl20  { padding-left: 20px ; }
.pl25  { padding-left: 25px ; }
.pl30  { padding-left: 30px ; }
.pl35  { padding-left: 35px ; }
.pl40  { padding-left: 40px ; }
.pl45  { padding-left: 45px ; }
.pl50  { padding-left: 50px ; }
.pl55  { padding-left: 55px ; }
.pl60  { padding-left: 60px ; }
.pl65  { padding-left: 65px ; }
.pl70  { padding-left: 70px ; }
.pl75  { padding-left: 75px ; }
.pl80  { padding-left: 80px ; }
.pl85  { padding-left: 85px ; }
.pl90  { padding-left: 90px ; }
.pl95  { padding-left: 95px ; }
.pl100 { padding-left: 100px ; }

/* width */
.w5  { width: 5px ; }
.w10 { width: 10px ; }
.w15 { width: 15px ; }
.w20 { width: 20px ; }
.w25 { width: 25px ; }
.w30 { width: 30px ; }
.w35 { width: 35px ; }
.w40 { width: 40px ; }
.w45 { width: 45px ; }
.w50 { width: 50px ; }
.w55 { width: 55px ; }
.w60 { width: 60px ; }
.w65 { width: 65px ; }
.w70 { width: 70px ; }
.w75 { width: 75px ; }
.w80 { width: 80px ; }
.w85 { width: 85px ; }
.w90 { width: 90px ; }
.w95 { width: 95px ; }
.w100 { width: 100px ; }
.w110 { width: 110px ; }
.w120 { width: 120px ; }
.w130 { width: 130px ; }
.w140 { width: 140px ; }
.w150 { width: 150px ; }
.w160 { width: 160px ; }
.w170 { width: 170px ; }
.w180 { width: 180px ; }
.w190 { width: 190px ; }
.w200 { width: 200px ; }
.w210 { width: 210px ; }
.w220 { width: 220px ; }
.w230 { width: 230px ; }
.w240 { width: 240px ; }
.w250 { width: 250px ; }
.w260 { width: 260px ; }
.w270 { width: 270px ; }
.w280 { width: 280px ; }
.w290 { width: 290px ; }
.w300 { width: 300px ; }
.w5p  { width: 5% ; }
.w10p { width: 10% ; }
.w15p { width: 15% ; }
.w20p { width: 20% ; }
.w25p { width: 25% ; }
.w30p { width: 30% ; }
.w33p { width: 33% ; }
.w35p { width: 35% ; }
.w40p { width: 40% ; }
.w45p { width: 45% ; }
.w50p { width: 50% ; }
.w55p { width: 55% ; }
.w60p { width: 60% ; }
.w65p { width: 65% ; }
.w70p { width: 70% ; }
.w75p { width: 75% ; }
.w80p { width: 80% ; }
.w85p { width: 85% ; }
.w90p { width: 90% ; }
.w95p { width: 95% ; }
.w100p { width: 100% ; }
/* general CSS　ここまで========================================================= */

/*印刷用*/
@media print {
#pagetop{ display:none;}
}

/*PC/SP共通*/
/* =========================================================
◆Link Style
========================================================= */
a {
outline: none;
cursor:pointer;
}
a:link {
color: #0065d6;
text-decoration: none;
}
a:visited {
color: #0065d6;
text-decoration: none;
}
a:hover {
color: #0065d6;
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80);   /* ie lt 8 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
-moz-opacity:0.8;
}
a:active {
color: #0065d6;
text-decoration: none;
}

/* =========================================================
◆lazyload
========================================================= */
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded {
opacity: 1;
transition: opacity 500ms;
}

/* =========================================================
◆textsize最適化
========================================================= */
body {-webkit-text-size-adjust:100%;}

/* =========================================================
◆image最適化
========================================================= */
img {vertical-align: middle;}

/*759px以下*/
@media screen and (max-width: 759.9px) {
/* =========================================================
◆Base
========================================================= */
#wrapper,
#wrap{
position: relative;
height:auto; /*IE6*/
height: 100%; /*IE6*/
min-height: 100%;
width:100%;
margin:0;
padding:0;
font:12px/1.4 "ヒラギノ角ゴ Pro W3", "HraKakuProN-W6", "HelveticaNeue";
}
.smpnone,.spnone{display:none!important;}

/* =========================================================
◆Header
========================================================= */
#pc_header{display:none;}
#smp_header{
background:#fff;
margin-bottom: 0;
border-bottom: 1px solid #d0d0d0;
height:65px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
display:block;
font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#headTop{
height: 64px;
position: relative;
z-index: 9500;
background: #fff;
border-top: 5px solid #20208c;
box-sizing: border-box;
align-content: center;
}
#headRMain{
background:#f9f9f9;
position:absolute;
right:0;
top:0;
}
#headRMain li{
float:left;
height:60px;
width:64px;
display: block;
text-align:center;
box-sizing: border-box;
}
#headRMain .area{border-left: 1px solid #d2d2d2;}
#headRMain .mycoupon{
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
position:relative;
}
#headRMain .mycoupon:after{
position: absolute;
bottom: 10px;
left: 42%;
content: "";
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #20208c;
display: none;
}
#headRMain li a{
color:#20208c;
font-size:10px;
}
#headRMain li > *{
vertical-align:middle;
display:inline-block;
}
#headRMain li:before{
content: "";
height:100%;
vertical-align:middle;
width:0;
display:inline-block;
}
#headRMain li a span:first-child{
vertical-align: middle;
margin: auto;
display: block;
}
#headRMain .menu a:hover{
color:#20208c;
opacity: 1;
}
#headRMain .menu{position: relative;}
#headRMain li.menu a span{
width: 26px;
height: 2px;
background: #20208c;
margin: 29px auto 0;
display: block;
transition-duration : 0.1s;
}
#headRMain .menu::before,
#headRMain .menu::after{
content: "";
width: 26px;
height: 2px;
background: #20208c;
display: block;
margin: auto;
position: absolute;
left: 19px;
transition-duration : 0.1s;
}
#headRMain .menu::before{top: 20px;}
#headRMain .menu::after{bottom: 20px;}
#headRMain .menu.open a span{opacity: 0;}
#headRMain .menu.open::before,
#headRMain .menu.open::after{
content: "";
width: 26px;
height: 2px;
background: #20208c;
display: block;
margin: auto;
position: absolute;
left: 19px;
}
#headRMain .menu.open::before{
top: 29px;
transform:rotate(45deg);
}
#headRMain .menu.open::after{
bottom: 29px;
transform:rotate(-45deg);
}
#Gmenu .search dd input[type="submit"] {
border: 0;
width: 39px;
height: 38px;
background: url(/sp/shared2015/common/images/ic_search_01.gif) left top no-repeat;
background-size: 39px;
}

/* =========================================================
◆Gnav
========================================================= */
#smp_header .headNav{
position:absolute;
width:100%;
z-index:10000;
left:0;
display:none;
}
#smp_header .headNav.open {display: block;}
#smp_header .headNav .search{
background:#f2f2f2;
padding: 10px;
display:table;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#smp_header .headNav dd{
display:table-cell;
width:39px;
}
#smp_header .headNav dt input {
height: 38px;
width:100%;
border: none;
background: #fff;
padding:2px 5px;
line-height: 1.3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#smp_header .headNav #pickup_ico {display:flex;}
#smp_header .headNav #pickup_ico li{
width: 31.33333%;
border-radius: 5px;
margin: 5% 1%;
}
#smp_header .headNav #pickup_ico li a{
font-size: 13px;
text-align: center;
padding: 50px 0 10px 0;
}
#smp_header .headNav #pickup_ico li a:after{background:none;}
#smp_header .headNav #pickup_ico li.nav17 {
background: #f6f6f6 url(/sp/shared2015/common/images/gnav_17.png) center 5px no-repeat;
background-size: 50px auto;
}
#smp_header .headNav #pickup_ico li.nav21 {
background: #f6f6f6 url(/sp/shared2015/common/images/gnav_21.png) center 5px no-repeat;
background-size: 50px auto;
}
#smp_header .headNav #pickup_ico li.nav14 {
background: #f6f6f6 url(/sp/shared2015/common/images/gnav_14.png) center 5px no-repeat;
background-size: 50px auto;
}
#smp_header .headNav ul{background:#fff;}
#smp_header .pb15 {padding: 0 0 15px;}
#smp_header .pt15 {padding: 15px 0 0;}
#smp_header .headNav ul ul{padding: 0;}
#smp_header .headNav li{font-size:15px;}
#smp_header .headNav li a{
color:#20208c;
padding:15px;
display:block;
position:relative;
}
#smp_header .headNav .parent a:after,
#smp_header .headNav .parent > a.open:after{
position: absolute;
color: #888;
font-size: 24px;
}
#smp_header .headNav .parent a:after{
content: "+";
top: 8px;
right: 10px;
}
#smp_header .headNav .parent > a.open:after{
content: "−";
top: 8px;
right: 8px;
}
#smp_header .headNav .gray-arrow a:before,
#smp_header .headNav .gray-arrow a:after {
content: "";
width: 10px;
height: 10px;
position: absolute;
transform: rotate(-45deg);
}
#smp_header .headNav .gray-arrow  a:before {
background: #888;
top: 20px;
right: 16px;
}
#smp_header .headNav .gray-arrow  a:after {
background: #FFF;
top: 20px;
right: 18px;
}
#smp_header .headNav .parent .child{display:none;}
#smp_header .headNav .parent .child li:last-child{border-bottom: none;}
#smp_header .headNav .parent .child a{
color: #20208c;
font-weight:normal;
text-indent: 28px;
}
#smp_header .headNav .parent.kokunai .child,
#smp_header .headNav .parent.kaigai .child {display: none;}
#smp_header .headNav .parent .child.open {display: block;}
#smp_header .headNav li span {
color: #20208c;
padding: 15px;
display: block;
position: relative;
}
#smp_header .headNav li span:after,
#smp_header .headNav li span.open:after {
position: absolute;
color: #888;
font-size: 24px;
}
#smp_header .headNav li span:after {
content: "+";
top: 8px;
right: 10px;
}
#smp_header .headNav li span.open:after {
content: "−";
top: 8px;
right: 8px;
}
#smp_header .border_bottom {position: relative;}
#smp_header .border_bottom:before {
content: '';
position: absolute;
left: 10px;
bottom: 0;
width: 20%;
height: 1px;
background-color: #ccc;
}
#smp_header .headNav .close{
background:#808080;
text-align:center;
font-weight:bold;
color:#fff;
font-size:15px;
padding:10px;
display:block;
}
#overlay{
width:100%;
height:150%;
position:fixed;
background:rgba(0,0,0,.7);
display:none;
left: 0;
overflow: hidden;
top: -1px;
background:rgba(0,0,0,.7);
z-index: 999;
}
#overlay.open {display: block;}

/* =========================================================
◆Footer
========================================================= */
footer#nta_footer {
	background: #f9f9f9;
}
/*-----*/
footer#nta_footer #footer_pr_feature {
	padding: 1% 0;
	text-align: center;
}
footer#nta_footer #footer_pr_feature_copyright {
	text-align: right;
	padding: 0 10px 25px 0;
}
footer#nta_footer #footer_pr_feature div {
	width: 96%;
	margin: 5% 2%;
}
footer#nta_footer #footer_pr_feature div a {
	width: 100%;
	display: block;
	border: 1px solid #343474;
	border-radius: 50px;
	line-height: 2.5;
	font-size: 14px;
	color: #343474;
	background: #FFF;
	position:relative;
	letter-spacing: -2px
}
footer#nta_footer #footer_pr_feature div a:after {
	content: "\025b6";
	position: absolute;
	top: 4px;
	right: 10px;
	font-size: 10px;
}
footer#nta_footer #footer_pr_feature div a:hover {
	background: #343474;
	color: #FFF;
    transition: 0.1s;
}
/*-----*/

footer#nta_footer #wide_category dd ul,
footer#nta_footer #recommend_category dd ul {
	display:flex;
	flex-wrap:wrap;
}
footer#nta_footer #wide_category dd li,
footer#nta_footer #recommend_category dd li {
	margin: 2%;
	font-size: 10px;
}
footer#nta_footer #wide_category dd li a,
footer#nta_footer #recommend_category dd li a {color: #343474;}
footer#nta_footer #recommend_category {border-top: 1px solid #eee;}
footer#nta_footer #detailed_category {
	font-size: 12px;
	background: #f9f9f9;
}
footer#nta_footer #detailed_category label{
	height: 32px;
	align-items: center;
	display: grid;
	border-bottom: 1px solid #FFF;
	text-indent: 2%;
	background: #ebebf9;
	color: #343474;
	position:relative;
	cursor: pointer;
	transition: all 0.5s;
}
footer#nta_footer #detailed_category input{display: none;}
footer#nta_footer #detailed_category label:after{
	content: "＋";
    height: 20px;
    width: 20px;
    text-align: center;
    position: absolute;
    right: 5%;
    color: #343474;
	display: grid;
}
footer#nta_footer #detailed_category input:checked ~ label::after {content: "−";}
footer#nta_footer #detailed_category div div{
	height: 0px;
	padding: 0px;
	overflow: hidden;
	opacity: 0;
	transition: 0.1s;
}
footer#nta_footer #detailed_category div div ul{
	display:flex;
	flex-wrap:wrap;
}
footer#nta_footer #detailed_category div div li {
	width: 46%;
	margin: 2%;
	font-size: 11px;
}
footer#nta_footer #detailed_category div div li.bold {width: 96%;}
footer#nta_footer #detailed_category div div li.bold a{color: #000;}
footer#nta_footer #detailed_category div div li a {color: #343474;}
footer#nta_footer #detailed_category input:checked ~ div{
	height: auto;
	padding: 5px;
	opacity: 1;
}
/*その他リンク/コピーライト*/
footer#nta_footer #other_link {
    width: 100%;
    background: #ebebf9;
    font-size: 12px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
footer#nta_footer #other_link li {
    width: 50%;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
footer#nta_footer #other_link li a {
    width: 100%;
    display: block;
}
footer#nta_footer #copyright {
    background: #343474;
    text-align: center;
    color: #fff;
    font-size: 8px;
    padding: 10px 0;
}
footer#nta_footer #pagetop {
	width:32px;
	height:32px;
	background:#343474;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 48;
	border-radius: 50%;
}
footer#nta_footer #pagetop .upward {
	display: inline-block;
	color: #FFF;
    width: 12px;
    height: 12px;
	border: 2px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(25%) rotate(-45deg);
	margin: 10px;
}

/* =========================================================
◆contents_end gadget iframe
========================================================= */
.iframe_end-content_gadget iframe {border: none;}

/* =========================================================
◆page_jack
========================================================= */
.pagejack_pc {display: none;}
}

/*760px以上*/
@media screen and (min-width: 760px) ,print {
/* =========================================================
◆Wrap
========================================================= */
#wrap,
#wrapper {
width:auto;
font-size: 12px;
height:auto; /*IE6*/
height: 100%; /*IE6*/
min-height: 100%;
padding-bottom:0;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
.pcnone{display:none!important;}

/* =========================================================
◆Header
========================================================= */
#smp_header{display:none;}/*SP用headerOFF*/
#pc_header {
width: 100%;
border-top: 5px solid #111184;
border-bottom: 1px solid #ebebeb;
-webkit-box-shadow: 0px 0 5px #f3f3f3;
-moz-box-shadow: 0px 0 5px #f3f3f3;
box-shadow: 0px 0 5px #f3f3f3;
padding: 10px 0 4px;
margin-bottom: 10px;
font: 12px/1.231 "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#pc_header #HeadInner {
position: relative;
width: 100%;
max-width:1080px;
min-width:760px;
margin: 0 auto;
background-color: #FFF;
color: #3C3D47;
height: 80px; /* ヘッダーの高さを80pxに設定 */
display: flex;
align-items: center; /* 縦方向に中央揃え */
}
@media screen and (min-width:760px) and (max-width:799px) {
    /*ロゴ位置*/
    #logo2 a,
    #logo2 a img {width:150px;}
}
@media screen and (min-width:760px) and (max-width:969px) {
    /*余白*/
    #pc_header #HeadInner {
    padding: 0 5px;
    box-sizing: border-box;
    }
}
header#pc_header .dropbtn > .mini {
    font-size: 12px;
	margin-left:8px
}
header#pc_header .hover-logo {
    display: flex;
    align-items: center;
}
header#pc_header .logo {height: 100%; /* 高さは自動調節 */}
header#pc_header .logo-large {width: 140px; /* 幅140pxのロゴ */}
header#pc_header .logo-small {width: 70px; /* 幅70pxのロゴ */}
header#pc_header .menu-container {
	width: calc(100% - 242px);
    height: 100%;
    margin-left: 32px;    
}
header#pc_header .header-content {
	width: 100%;
    display: flex; 
}
header#pc_header .small-menu-items_wrapper {
	display: flex;
	align-items: center;
}
header#pc_header .small-menu-items {
	width: 700px;
	padding: 5px 0;
	display: flex;
	justify-content: space-between;
}
header#pc_header .search-input_wrapper {margin: 0 0 0 15px;}
header#pc_header #ss-form2 dl {display: flex;}
header#pc_header #ss-form2 dt input {
    width: 150px;
    height: 30px;
    padding: 5px;
    border-radius: 15px 0 0 15px;
    border: 1px solid #C1C3C5;
    border-right: none;
}
header#pc_header #ss-form2 dt input:focus,
header#pc_header #ss-form2 dt input:focus-visible {outline: none}
header#pc_header .small-menu-items a {
    font-size: 12px; /* 小メニューのフォントサイズ */
    color: #3C3D47; /* テキストカラーを設定 */
    text-decoration: none; /* 下線を消去 */
}
header#pc_header #ss-form2 dd input[type="submit"] {
    width: 28px;
    height: 30px;
    background: url(https://www.nta.co.jp/shared2021/common/images/search_pc.gif) left top no-repeat;
    background-size: cover;
    border-radius: 0 15px 15px 0;
    border: 1px solid #C1C3C5;
    border-left: none;
    cursor: pointer;
}
header#pc_header .small-menu-items a:hover {text-decoration: underline; /* ホバー時の下線を追加 */}
header#pc_header .dropbtn {
    width: 100%;
    background-color: white;
    color: #3C3D47;
    padding: 4px 0;
    border: none;
    cursor: pointer;
    font-size: 16px; /* 文字サイズを20pxに設定 */
    font-weight: bold; /* 太字に設定 */
    transition: border-bottom 0s; /* ホバー時のアニメーション */
    text-align: left;
    display: flex;
    align-items: baseline;
}
header#pc_header .dropbtn small{font-size: 0.85em;}
header#pc_header .dropbtn p {margin: 8px 0;}
header#pc_header .dropdown {
    width: 45%;
    margin-right: 5%;
}
header#pc_header .dropdown:hover p,
header#pc_header .dropdown:hover .dropbtn > .mini {color:#6EB9DA;}
header#pc_header .dropdown:hover .dropbtn {border-bottom: 2px solid #6EB9DA; /* ホバー時のボタンの下にボーダーを追加 */}
header#pc_header .dropdown:hover .dropbtn {border-bottom: 2px solid #6EB9DA; /* ホバー時のボタンの下にボーダーを追加 */}
header#pc_header .dropdown-content {
    display: none;
    background-color: #f9f9f9;
    min-width: 350px; /* ドロップダウンの幅を350pxに設定 */
	padding: 5px 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    /* left: 0; メニューの隣に出現 */
}
header#pc_header .dropdown:hover .dropdown-content {display: block; /* ホバー時にメニューを表示 */}
header#pc_header .dropdown-content a {
    color: #3C3D47;
    padding: 5px 15px 5px 45px;
    margin: 5px;
    text-decoration: none;
    display: block;
    font-size: 15px;
    font-weight: bold;
    transition: background-color 0.3s; /* 背景色のアニメーション */
	position: relative;
	border-radius: 8px
}
header#pc_header .dropdown-content a:hover {
    background-color: #6EB9DA;
    color: #FFF;
}
header#pc_header .dropdown-content a svg {
	position: absolute;
	top: calc((100% - 24px) / 2);
	left: 10px;
}
header#pc_header .dropdown-content a:hover svg {fill:#fff;}
header#pc_header .dropdown-content a .header_dp {
	position: absolute;
	top: 48%;
	left: 32px;
}
header#pc_header .dropdown-content a .header_dp svg {position: absolute;}
header#pc_header .dropdown-content a .header_dp svg:nth-of-type(1) {
	top: -12px;
	left: -24px;
}
header#pc_header .dropdown-content a .header_dp svg:nth-of-type(2) {
	top: -2px;
	left: -14px;
}
header#pc_header .detail-box {
    margin-left: 5px; /* メニューと詳細ボックスの間隔を設定 */
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    display: none;  /* 初期状態は非表示 */
    position: absolute;
    top: 0; /* メニューの上に表示 */
    left: 100%; /* submenuの右側に配置 */
    width: 350px; /* 詳細ボックスの幅をサブメニューと同じに */
    z-index: 10; /* 他の要素の上に表示 */
}
header#pc_header .dropdown:hover {
    position: relative;
    z-index: 10001;
}
header#pc_header .dropdown-content .mini {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
	padding: 5px 0 0
}
/*iPad*/
@media screen and (min-width:760px) and (max-width:1079.9px) {
    #pc_header #HeadInner {height: 110px;}
    #pc_header.simple #HeadInner {height: 72px;}
    #pc_header #HeadInner > a {align-self: flex-start;}
    #pc_header #HeadInner > a:first-child {margin-top: 15px;}
    header#pc_header .small-menu-items_wrapper {
        display: block;
        text-align: right;
    }
    header#pc_header .small-menu-items {
        width: 100%;
        display: inline-block;
        padding: 5px 0 0;
    }
    header#pc_header .small-menu-items a {
        display: inline-block;
        margin: 0 1% 2% 0;
        font-size: 10px;
    }
    header#pc_header #ss-form2 dl {justify-content: right;}
}
@media screen and (min-width:760px) and (max-width:999.9px) {
    #pc_header #HeadInner {height: 140px;}
    #pc_header.simple #HeadInner {height: 72px;}
    header#pc_header .menu-container {
        width: 100%;
        margin-left: 10px;
    }
    header#pc_header .header-content {gap: 10%;}
    header#pc_header .dropdown {width: 40%;}
    header#pc_header .dropbtn small {
        width: 100%;
        display: inline-block;
        font-size: 0.7em;
    }
    header#pc_header .dropbtn {width: 100%;}
    header#pc_header .dropbtn > .mini {margin-left: 0;}
    header#pc_header .dropdown-content {min-width: auto;}
}

/* =========================================================
◆Foot
========================================================= */
footer#nta_footer {
    width: 100%;
    font: 12px / 1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    background: #ebebf9;
    color: #333;
}
/*-----*/
footer#nta_footer #footer_pr_feature {
    width: 100%;
    max-width: 1080px;
    min-width: 760px;
    margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 25px 0;
	text-align: center;
}
footer#nta_footer #footer_pr_feature_copyright {
	width: 100%;
	max-width: 1080px;
	min-width: 760px;
	margin: 0 auto;
	text-align: right;
}
footer#nta_footer #footer_pr_feature div {
	width: 48%;
	margin: 0 1%;
}
footer#nta_footer #footer_pr_feature div a {
	width: 100%;
	display: block;
	border: 1px solid #343474;
	border-radius: 50px;
	line-height: 2.4;
	font-size: 15px;
	color: #343474;
	background: #FFF;
	position:relative
}
@media screen and (min-width:760px) and (max-width:899px) {
	footer#nta_footer #footer_pr_feature div a {font-size: 12px;}
}
footer#nta_footer #footer_pr_feature div a:after {
	content: "\025b6";
	position: absolute;
	top: 0;
	right: 10px;
}
footer#nta_footer #footer_pr_feature div a:hover {
	background: #343474;
	color: #FFF;
    transition: 0.1s;
}
/*-----*/

footer#nta_footer #wide_category {
    width: 100%;
    max-width: 1080px;
    min-width: 760px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 0 0;
}
footer#nta_footer #wide_category dd li {
    padding: 7px 6px;
    line-height: 1.3;
    display: inline-block;
}
footer#nta_footer #wide_category dd li:nth-of-type(n+2)::before{
    content: "｜";
    color: #333;
    font-weight: bold;
}
footer#nta_footer #wide_category dd li a {
    color: #333;
    font-weight: bold;
    padding: 0 5px 0 10px;
}
footer#nta_footer #recommend_category {
    width: 580px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 40px;
}
footer#nta_footer #recommend_category dd li {
    padding: 7px 6px;
    line-height: 1.3;
    display: inline-block;
}
footer#nta_footer #recommend_category dd li:nth-of-type(n+2)::before{
    content: "｜";
    color: #333;
}
footer#nta_footer #recommend_category dd li a {
    color: #333;
    padding: 0 5px 0 10px;
}
footer#nta_footer #detailed_category {
    width: 100%;
    max-width: 1080px;
    min-width: 760px;
    margin: 0 auto;
    padding: 40px 0 20px;
    border-top: 1px solid #333;
}
footer#nta_footer #detailed_category input{display: none;}
footer#nta_footer #detailed_category label {
    width: 115px;
    font-weight: bold;
    display: inline-block;
	line-height: 1.5;
	pointer-events: none;
}
footer#nta_footer #detailed_category > div {
    margin-bottom: 20px;
	display: flex;
}
footer#nta_footer #detailed_category > div div {
	width: calc(100% - 115px);
}
footer#nta_footer #detailed_category div div  li {
	line-height: 1.5;
    display: inline-block;
}
footer#nta_footer #detailed_category div div li::after{
    content: "｜";
    color: #333;
}
footer#nta_footer #detailed_category div div li a {
    color: #333;
    padding: 0 5px 0 0;
}
footer#nta_footer #wide_category dd li a:hover,
footer#nta_footer #recommend_category dd li a:hover,
footer#nta_footer #detailed_category div div li a:hover {
	opacity:1;
	color:#343474;
}

/*その他リンク/コピーライト*/
footer#nta_footer #other_link {
    background: #343474;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 20px 0;
}
footer#nta_footer #other_link li {
    padding: 0 3px;
    display: inline-block;
    line-height: 1.5;
}
footer#nta_footer #other_link li a {
    color: #fff;
}
footer#nta_footer #copyright {
    background: #343474;
    color: #fff;
    padding-bottom: 20px;
    font-size: 10px;
    text-align: center;
}
footer#nta_footer #pagetop {
	width:72px;
	height:72px;
	background:#5353a6;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 50;
	border-radius: 50%;
	box-shadow: 1px 1px 3px #999;
}
footer#nta_footer #pagetop .upward {
	display: inline-block;
	color: #FFF;
	width: 24px;
	height: 24px;
	border: 3px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(25%) rotate(-45deg);
	margin: 22px 24px;
}

/* =========================================================
◆contents_end gadget iframe
========================================================= */
.iframe_end-content_gadget {
width: 100%;
margin: auto;
}
.iframe_end-content_gadget iframe {border: none;}

/*-----------------------------------------------------
page_jack
------------------------------------------------------*/
.pagejack_sp {display: none;}
}

/*終了ガシェット高さ*/
@media screen and (max-width:399.9px) {.iframe_end-content_gadget iframe{height:890px;}}
@media screen and (min-width:400px) and (max-width:499.9px) {.iframe_end-content_gadget iframe{height:910px;}}
@media screen and (min-width:500px) and (max-width:689.9px) {.iframe_end-content_gadget iframe{height:980px;}}
@media screen and (min-width: 690px) {.iframe_end-content_gadget iframe{height:1010px;}}