@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;
}
#headTop{
height: 64px;
position: relative;
z-index: 9500;
background: #fff;
border-top: 5px solid #20208c;
padding: 14px 5px;
box-sizing: border-box;
}
#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: 13px;
right: 16px;
}
#smp_header .headNav .gray-arrow a:after {
background: #FFF;
top: 13px;
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 11px;
}
/* =========================================================
◆contents_end gadget iframe
========================================================= */
.iframe_end-content_gadget iframe {border: none;}
/* =========================================================
◆page_jack
========================================================= */
.pagejack_pc {display: none;}
/*フッター固定バナー用start*/
/*#rt_special_popup {
z-index: 48 !important;
width: 150px !important;
height: 150px!important;
background-color: rgba(255,255,255,0.2) !important;
top: auto !important;
left: 0px !important;
margin: 0 auto !important;
padding: 5px !important;
position: fixed;
border: none !important;
border-radius: 0px !important;
}
#rt_special_popup .pagejack_sp{
width: 100%;
}
#rt_special_popup img:nth-child(3) {
width: 24px!important;
height: 24px !important;
}
#rt_special_popup img {width: 100%;}*/
/*フッター固定バナー用end*/
}
/*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;}
/* =========================================================
◆Head
========================================================= */
#smp_header{display:none;}/*SP用headerOFF*/
/*=====================
headerArea
=====================*/
#pc_header {
width: 100%;
border-top: 5px solid #1919a9;
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-top: 10px;
margin-bottom: 10px;
font: 12px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#pc_header #HeadInner {
position: relative;
/z-index:15; /*ie7 hack*/
width: 100%;
max-width:1080px;
min-width:760px;
margin: 0 auto;
}
@media screen and (min-width:760px) and (max-width:799px) {
/*ロゴ位置*/
#logo2 a,
#logo2 a img {width:150px;}
}
#pc_header .HeadNav01 {
position: absolute;
top: 5px;
right: 0;
z-index: 2;
}
#pc_header .HeadNav01 li {
font-size: 11px;
line-height: 1;
float: left;
display: block;
padding: 2px 10px;
}
#pc_header .HeadNav01 li.last-child {padding-right: 0;}
#pc_header .HeadNav01 li a {color: #333;}
#pc_header .HeadNav02 {
position: absolute;
right: 0px;
top: 29px; /*ie7 hack*/
}
#pc_header .HeadNav02 ul {float: left;}
#pc_header .HeadNav02 form {
float: left;
border: solid 1px #bfbfbf;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#pc_header .HeadNav02 li {
float: left;
display: block;
position: relative;
}
#pc_header .HeadNav02 li:after {
content: "";
display: block;
height: 1px;
width: 100%;
left: 0;
top: 0;
position: absolute;
background: #fff;
}
#pc_header .HeadNav02 li a {
display: block;
white-space: nowrap;
color: #333;
overflow: hidden;
font-size: 12px;
margin: 5px 12px 5px 0;
padding: 0 12px 0 0;
border-right: 1px solid #222;
}
#pc_header .HeadNav02 li:last-child a {border-right: none;}
#pc_header .HeadNav02 dt,
#pc_header .HeadNav02 dd {
float: left;
height: 23px;
}
#pc_header .HeadNav02 dt {margin-right: 3px;}
#pc_header .HeadNav02 dt input {
width: 180px;
height: 23px;
border: none;
background: #fff;
padding: 2px;
line-height: 1.3;
padding: 2px 2px 0＼9; /*ie7 - 8 hack*/
height: 16px＼9; /*ie7 - 8 hack*/
}
#pc_header .HeadNav02 dd {margin:0;}
#pc_header .HeadNav02 input[type="submit"]{
border: 0px;
width:24px;
height:23px;
background:url(/shared2021/common/images/search.gif) left top no-repeat;
background-size: 24px;
}
@media screen and (min-width:760px) and (max-width:969px) {
/*余白*/
#pc_header #HeadInner {
padding: 0 5px;
box-sizing: border-box;
}
#pc_header .HeadNav01 {right: 5px;}
#pc_header .HeadNav02 {right: 5px;}
}
/*=====================
Gnav
=====================*/
#Gnav {
padding-top: 15px;
font-weight:bold;
}
#Gnav li{
margin:5px 0;
padding:0 10px 0 0;
}
#Gnav .gnavKokunai,
#Gnav .gnavKaigai {float: left;}
#Gnav .gnavKokunai {width: 62%;margin-right:0.319%;}
#Gnav .gnavKaigai {width: 37%;margin-left:0.681%;}
#Gnav .gnavKokunai dt {
color: #dd335d;
font-weight: bold;
border-bottom: 2px solid #dd335d;
padding-bottom: 5px;
font-size: 13px;
text-align: left;
}
#Gnav .gnavKaigai dt {
color: #4eab26;
font-weight: bold;
border-bottom: 2px solid #4eab26;
padding-bottom: 5px;
font-size: 13px;
text-align:left;
}
#Gnav .gnavKokunai dd.nav01 {width: 12.8%;}
#Gnav .gnavKokunai dd.nav02 {width: 16.1%;}
#Gnav .gnavKokunai dd.nav03 {width: 17%;}
#Gnav .gnavKokunai dd.nav04 {width: 12.8%;}
#Gnav .gnavKokunai dd.nav05 {width: 12.5%;}
#Gnav .gnavKokunai dd.nav06 {width: 14.8%;}
#Gnav .gnavKokunai dd.nav07 {width: 14%;}
#Gnav .gnavKaigai dd.nav01R {width: 24.5%;}
#Gnav .gnavKaigai dd.nav02R {width: 24.5%;}
#Gnav .gnavKaigai dd.nav03R {width: 24.5%;}
#Gnav .gnavKaigai dd.nav04R {width: 26.5%;}
#Gnav .gnavKaigai dd.nav04R .header_dp {position: relative;}
#Gnav .gnavKaigai dd.nav04R .header_dp svg {
position:absolute;
}
#Gnav .gnavKaigai dd.nav04R .header_dp svg:nth-of-type(1) {
top: -12px;
left: -24px;
}
#Gnav .gnavKaigai dd.nav04R .header_dp svg:nth-of-type(2) {
top: -2px;
left: -14px;
}
#Gnav .gnavKaigai dd.nav04R > a {justify-content: flex-end;}
#Gnav .gnavKokunai dd,
#Gnav .gnavKaigai dd {float: left;}
#Gnav .gnavKokunai dd > a,
#Gnav .gnavKaigai dd > a {
height: 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 4%;
white-space: nowrap;
color:#333;
text-align: center;
line-height: 1;
}
#Gnav .gnavKokunai dd > a:hover {background: url(/shared2021/common/images/gnav_bg_arrow_01.png) center bottom no-repeat;}
#Gnav .gnavKaigai dd > a:hover {background: url(/shared2021/common/images/gnav_bg_arrow_02.png) center bottom no-repeat;}
#Gnav .gnavKokunai dd:hover {background-color: #fff2f5;}
#Gnav .gnavKaigai dd:hover{background-color:#eff6eb;}
#Gnav .tags {
display: none;
padding:10px 15px;
text-align: left;
position: absolute;
width: 1080px;
box-sizing: border-box;
top: auto;
left: 0;
line-height:1;
background: #fff;
z-index: 15;
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
#Gnav .js-gnav:hover .tags{display:block;}
@media screen and (min-width:760px) and (max-width:940px) {
#Gnav .tags {width: 760px;}
#Gnav .gnavKokunai dd > a svg,
#Gnav .gnavKaigai dd > a svg,
#Gnav .gnavKaigai .header_dp {display: none;}
}
#Gnav .tags.kokunai {border: 1px solid #dd335d;}
#Gnav .tags.kaigai {border: 1px solid #4eab26;}
#Gnav .tag ul:after {
content: ".";
display:block;
clear: both;
height: 0;
visibility: hidden;
}
#Gnav .tag ul {
min-height: 1px;
height: 1px;
}
#Gnav .tags li {
display: block;
float:left;
margin-right: 10px;
padding:5px 0;
}
#Gnav .tags li a {
width: auto;
color:#0065d6;
font-weight:normal;
height: auto;
text-indent: 0;
background: none;
display: inline;
}
/* rollover */
#jr .gnavKokunai .nav01 a,
#kokunai .gnavKokunai .nav02 a,
#yado .gnavKokunai .nav03 a,
#bus2015 .gnavKokunai .nav04 a,
#rentacar2015 .gnavKokunai .nav05 a,
#aso2015 .gnavKokunai .nav06 a{background-color: #fff2f5;}
#kaigai .gnavKaigai .nav01R a,
#kaigai_air2015 .gnavKaigai .nav02R a,
#kaigai_hotel2015 .gnavKaigai .nav03R a,
#kaigai_fit2015 .gnavKaigai .nav04R a{background-color: #eff6eb;}
/* =========================================================
◆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
}
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;
/*text-align: center;*/
}
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 {
/*padding: 0 3px;*/
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;
}
/* 検索BOX */
#pc_header dd input {
margin:0;
padding:0;
}
/* =========================================================
◆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;}
/*フッター固定バナー用start*/
/*#rt_special_popup {
z-index: 48 !important;
width: 200px !important;
height: 200px!important;
background-color: rgba(255,255,255,0.2) !important;
top: auto !important;
left: 0px !important;
margin: 0 auto !important;
padding: 10px !important;
position: fixed;
border: none !important;
border-radius: 0px !important;
}
#rt_special_popup .pagejack_pc{
width: 100%;
}
.pagejack_pc img {
width: 100%;
height: auto;
}
#rt_special_popup img:nth-child(3) {
width: 24px!important;
height: 24px !important;
}
.pagejack_pc img:hover {
filter: alpha(opacity=90);
-moz-opacity:0.90;
opacity:0.90;
}*/
/*フッター固定バナー用end*/
}
/*終了ガシェット高さ*/
@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;}}