/* CSS for SmartPhone @date     2019.6.10 @author  gyy */
/* ------------------------------------------

------------------------------------------ */
body{ margin: 0; padding: 0;}
* { box-sizing: border-box; }
.wid98 { width: 98%; }

#widewrapper .pc { display: none !important; }

#contentsArea { position: relative; background: #FFF; }

.red { color: #b00; }

#contents { background: #fff;padding-top: 0; }

/* ----- pickup -----*/
.contentright h2 { padding: 35px 10px 0; text-align: center; }

.contentright h2 img { width: 100%; max-width: 373px; }

/* ul.pickup { overflow: hidden; }

ul.pickup li { width: 47%; float: left; margin-left: 2%; margin-top: 15px; line-height: 0; text-align: left; }

ul.pickup li img { width: 100%; }

ul.pickup li a .area_pkup { font-size: .8em; background-color: #66b821; padding: 2px 10px; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #fff; clear: both; line-height: 1.5em; display: inline; }

ul.pickup li img { box-shadow: 2px 2px 3px #c9c9c9; }

ul.pickup1 { text-align: center; }

ul.pickup1 li { float: none; display: inline-block; } */

/* ----- linkbnr -----*/
ul.leftbnr { text-align: center; margin: 15px; }

ul.leftbnr li { margin-bottom: 10px; }

ul.leftbnr li img { width: 100%; max-width: 200px; }

#contents .superSale a { color: #ba0100; }

.superSale { font-weight: normal; font-size: 15px; display: none;}
.dropup-menu .navimds.superSale{ display:block;}

nav.arealist li.superSale { padding-left: 0; }

nav.arealist li.superSale a { padding-left: 0; padding-right: 0; background: none; }

nav.arealist li.superSale a:hover { background: #eee; }

nav.arealist li.allarea { border-top: none; }

nav.arealist li.allarea a { position: relative; display: block; }

nav.arealist li.allarea a.noken { background-image: none; }

nav.arealist li.allarea a.open { background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1down.gif); }

.area13 { line-height: 1.5; }

.area13 > ul { display: none; }

.area13 > .isShow { display: block; }

/* btm_nav */
.btmNav { position: fixed;z-index: 9999;bottom: 0;width: 100%; background-color:#fa7331;}
@media screen and (min-width:0px) and (max-width:240px) { 
.btmNav{ width:240px;}
}

.btmNav .dropup-menu { 
    display: none; 
    /* box-shadow: 0px 3px 15px #999;  */
    position: absolute;
    bottom: 100%;
    width: 100%;
    border: 1px solid #fa7331;
    background-color:
    #fff;
    z-index: 9999; }

.btmNav .dropup-menu a { position: relative; }



.btmNav .dropup-menu li { text-align: center; margin: auto; padding: 0; }

.btmNav .dropup-menu li:first-child { text-align: center; }

.btmNav .dropup-menu li:first-child img { width: 5%; }

.btmNav .dropup-menu.areachos { padding-bottom: 5px; }

.btmNav .dropup-menu.areachos li { padding: 5px 0; }

.btmNav .dropup-menu.areachos li select { border-radius: 4px; padding: 10px; background-color: #f7f7f4; font-size: .9em; }

.btmNav .dropup-menu.areachos li.remindMsg { padding: 0; }

.btmNav .dropup-menu:last-of-type .close { padding: 8px 0; }

.btmNav .dropup-menu:last-of-type .close strong { padding: 3px 0 3px 29px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_search.png) 0 -1px/18px auto no-repeat; }

.btmNav .dropup-menu .close { position: relative; font-weight: bold; background-color: #f1f1f1; color: #fa7331; cursor: pointer; }

.btmNav .dropup-menu a, .btmNav .dropup-menu .close { display: block; padding: 3px 0; font-size: 15px; }
.btmNav .dropup-menu span strong{display: block; padding-right: 25px; white-space: nowrap;}
.btmNav .dropup-menu a em, .btmNav .dropup-menu .close em { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/close.gif) 0 0/100% 100%; }

.btmNav a.invoice:before { content: ''; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center; display: block; position: absolute; 
 width:16px; height:16px; left: calc( 50% - 60px); top: 5px; background-size: 100%; }

.btmNav .column2 a { float: left; width: 48%; box-sizing: border-box; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) -5px -5px no-repeat; position: relative; }

.btmNav .column2 a.invoice:before { top: 5px; }

.btmNav .column2 a.wid98 { width: 98%; }

.btmNav:after { content: ""; display: block; clear: both; }

.btmNav .isShow { display: block; }

.btmNav span.nv { float: left; display: block; max-width:24.9%; width:24.9%; padding:0; box-sizing: border-box; background-color: #fa7331; text-align: center; color: #fff; cursor: pointer; font-size: 12px; margin:0;
min-height:60px; border-right: 1px solid #fff;}
.btmNav span.nv.moreIco{ margin-right: 0;}
.btmNav span.nv a{ color:#fff!important; display: block; padding: 0; margin: 0;}
.btmNav span.nv  img{ display: block; margin: 5px auto;}

.btmNav.sp .btn {
    float: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    background-color: #fa7331;
font-weight: normal;
text-align: center;
color:
    #fff;
    cursor: pointer;
    font-size: 12px;
}

@media screen and (max-width:330px) {
.btmNav span.nv {font-size: 11px;}
}
.btmNav span.nv a,.btmNav span.nv span{ display: block; padding: 0;}
.btmNav .btn em { display: inline-block; transform: rotate(0deg); transition: .3s; }

.btmNav .btn:first-child { border-right: 1px solid #f0f0f0; }

.btmNav .btn.btn2 { width: calc( (100% - 1px) / 2); }

.btmNav .btn.btn3 { width: 33.33%; }

.btmNav .unchose { background-color: #333; }

.btmNav .chose { background-color: #fa7331; }

.btmNav .chose em { transform: rotate(180deg); }




#schPCSP{position: relative; bottom:0;width:92%; margin:10px auto;
    background-color:#fff;z-index:10;box-shadow:none;
    border: 1px solid#ba0100;left:0; display:block!important;}
#schPCSP .close { position: relative; text-align:center; font-weight:  bold;cursor: pointer; padding: 8px 0; width: 100%; display: block;color:#FFFFFF; background:#ba0100;}
#schPCSP .close em {

    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/close.gif) 0 0/100% 100%;

}
#schPCSP .close em {display:none;}
#schPCSP .close:after{ content:"+";color:#FFFFFF;position:absolute; border:1px solid #fff; padding:1px 5px 2px 5px; font-size:12px;top:5px; right:5px;display: none;}
#schPCSP .close.open:after{content:"-";}


#search-box{ position:relative;border: 0; margin: 0; text-align: left; }

#search-box #search-box-title, #search-box .searchCategory { display: none; }

#search-box .remindMsg { text-align: center; }

#search-box #search-box-body { display: block; }

#search-box #search-box-body #domestic-search-box { padding: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl { display: block; width: 96%; margin: auto; overflow: hidden; }


#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dt { padding-right: 20px; padding-top: 5px; display: block; overflow: hidden; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd { margin-bottom: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select, #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd input, #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd a#dh-child-popup { margin-bottom: 4px; border: 1px solid #747474; background-color: #f7f7f4; border-radius: 6px;font-size:16px!important;}


#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.heyasu select { width: 85%; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number select { width:62px;font-size: 16px !important; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li { width: 48%; max-width: none; white-space: nowrap; text-align: left; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li a { width: 46%; display: inline-block; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li.adult { float: left; margin-top: 2px; padding-top: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li.child { float: right; margin-top: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.area select { font-size:16px!important; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.prcBox select { width: 65%;font-size:16px!important;}
.sltBox td{font-size:14px!important;}
.sltBox table select{font-size:16px!important;}
#search-box p.searchSubmit { display: block; overflow: hidden; width: 160px; margin:0 auto 2px auto; }

#search-box p.searchSubmit a { border-radius: 100px; border: 0; padding:6px 0; width: 160px; margin:2px auto 8px auto; font-size: 100%;}
#search-box .inputDate,#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select{ font-size: 13px;}
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl.structure.structure2.lft{ width: 46%; float: left; margin-left: 2%;}
.hasDatepicker{ padding: 1px 3px;}
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select{ height: 30px;border-radius:4px;font-size: 16px!important;}
#search-box .number ul li.child a{ line-height: 1.2;}
body .childBox.popup-contents { z-index:999 !important; }

#search-box #search-box-body dl.structure label{ font-size: 14px;}
@media screen and (max-width:330px) {
#search-box #search-box-body dl.structure label{ font-size: 12px;}
}
#ui-datepicker-div{z-index:9999999999999999999!important; }


.jdsAlwaysFix2.end { display: none !important; }

.rt-footer { z-index: 1 !important; margin-bottom: 50px;}

.mt10{ margin-top:10px !important;}
#ss_special{ display:none;}
#ss_the_sale{ display:none;}
.ebnr{ display:none;}
.ss1bnr{ display:none;}
.ss2bnr { display: none;}

.arealist.kenlist{ bottom: 1px!important; width: 100%; z-index: 999;}
#showMsg{ display: none!important;}
#search-box #f_chu{ margin-top: 5px; display:inline;}

#sevInfo h2{width: 100%!important;}

.btmNav .dropup-menu li.dealTop{ width:184px; float:none; margin-left: auto; margin-right: auto; clear: both;}
.btmNav .dropup-menu li.dealTop a{ float:none; width: 100%; margin:2px 0;background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) -5px -7px no-repeat;}
.btn.btn-default.moreIco.nv{
    border:none;
}
.btmNav span.noBdr{
  border-right: none;
}

/* top */
#topsp{


  overflow: hidden;

}
@keyframes bgAnima {
from {
background-position:0 35px;
}
to {
	background-position: -3156px 35px;
}
}
#topsp h1 img{
    display: block;
    width: 100%;
}
.navi{
  display: flex;
  justify-content: center;
  border-radius: 0 0 30px 30px;
  background: #fdeed4;
}
.navi li{
  margin: 0 1% 20px;
  width: 31%;
}
.navi li img{
    display: block;
    width: 100%;
    opacity: 0;
}
.navi li:first-child{
  background: url(../images/title_01_lnk_sp.png) no-repeat;
  background-size: 100% auto;
}
.navi li:first-child:hover{
  background: url(../images/title_01_lnk_sp_over.png) no-repeat;
  background-size: 100% auto;
}
.navi li:nth-child(2){
  background: url(../images/title_02_lnk_sp.png) no-repeat;
  background-size: 100% auto;
}
.navi li:nth-child(2):hover{
  background: url(../images/title_02_lnk_sp_over.png) no-repeat;
  background-size: 100% auto;
}
.navi li:last-child{
  background: url(../images/title_03_lnk_sp.png) no-repeat;
  background-size: 100% auto;
}
.navi li:last-child:hover{
  background: url(../images/title_03_lnk_sp_over.png) no-repeat;
  background-size: 100% auto;
}
.txt{
  font-size: 12px;
  text-align: center;
  margin: 10px;
  color: #444;
}
.jdsTabMain{
  margin-top: 40px;
}
.areaBox{
  border-radius: 0 0 30px 30px;
  background: #fdf5e8;
  margin: 0 0 40px;
  padding: 22px 0;
}
.midashi {
  overflow: hidden;
}
.midashi img{
  display: block;
  width: 100%;
}
.introduce li{
  padding: 0 6% 20px 7%;
}
.introduce:first-child .pht{
  background: url(../images/illust_stripe.png) left 94% no-repeat;
  background-size: 26% auto;
}
.introduce:nth-child(2) .pht{
  background: url(../images/illust_circle.png) 98% bottom no-repeat;
  background-size: 20% auto;
}
.introduce:nth-child(3) .pht{
  background: url(../images/illust_yellow.png) -10% 94% no-repeat;
  background-size: 30% auto;
}
.introduce li.pht img{
  width: 100%;
  display: block;
}
.introduce li.memo{
  padding: 10px 8% 30px 8%;
}
.introduce li.memo h3 img{
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto 20px;
}
.introduce li.memo p{
  font-size: 14px;
  color: #444;
  line-height: 1.6;
}
.sptBox{
  background: #f1fffa;
  border-radius: 30px;
  padding: 0 0 22px;
}
.sptBox .introduce .pht{
  background: none;
}
a.areaBtn{
  display: block;
  margin: 10px 10px 40px;
  text-indent: -9999px;
}
a.areaBtn img{
    display: block;
    opacity: 0;
    width: 100%;
}
a.areaBtn.niigata{
  background: url(../images/btn_plan_niigata_sp.png) no-repeat;
  background-size: 100% auto;
}
a.areaBtn.niigata:hover{
  background: url(../images/btn_plan_niigata_sp_over.png) no-repeat;
  background-size: 100% auto;
}
a.areaBtn.nagano{
  background: url(../images/btn_plan_nagano_sp.png) no-repeat;
  background-size: 100% auto;
}
a.areaBtn.nagano:hover{
  background: url(../images/btn_plan_nagano_sp_over.png) no-repeat;
  background-size: 100% auto;
}
a.areaBtn.yamanashi{
  background: url(../images/btn_plan_yamanashi_sp.png) no-repeat;
  background-size: 100% auto;
}
a.areaBtn.yamanashi:hover{
  background: url(../images/btn_plan_yamanashi_sp_over.png) no-repeat;
  background-size: 100% auto;
}
#contents .pagetop{
    position: fixed;
    bottom: 70px;
    width: 50px;
    height: 50px;
    z-index: 99;
}
#contents .pagetop.active2{
  bottom: 0;
}
#contents .pagetop a{
  background: none;
    width: 50px;
    height: 50px;
}
#contents .pagetop a img{
  display: block;
  width: 100%;
}
#contents .pagetop a:before{
  display: none;
}
.columright{
  padding-bottom: 50px;
}
.btmNav .dropup-menu .close{
  height: auto !important;
}



/* 202505 new gaiyou */
#OVERVIEW {
  padding: 32px 0;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}


#OVERVIEW h2{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bf0000;
}

#OVERVIEW h2 img {
  width: auto;
}

#OVERVIEW .holder {
  box-sizing: border-box;
  margin: 20px 16px 0;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  background-color: #fff;
  color: #333;
}

#OVERVIEW .holder .title {
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
  font-weight: bold;
}

#OVERVIEW .holder .title span {
  display: block;
  font-size: 14px;
  padding-bottom: 8px;
}

#OVERVIEW .holder dl {
  line-height: 1.6;
  padding-bottom: 4px;
}

#OVERVIEW .holder dl:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
}

#OVERVIEW .holder dl dt {
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
}

#OVERVIEW .holder dl dd span {
  display: inline-block;
  font-weight: 400;
  padding: 4px 8px;
  background: #ebebeb;
}

#OVERVIEW .holder dl dd p {
  padding: 4px 0 14px;
  font-weight: 300;
}

#OVERVIEW .holder dl dd p em {
  font-style: normal;
  text-decoration: underline;
}

#OVERVIEW .holder dl dd a {
  text-decoration: underline;
}

#OVERVIEW .holder dl b {
  font-weight: 700;
}
#topLogo {
    position: relative;
    padding: 12px;
      border-top: 1px solid #eaeaea;

  background-color: #fff;
}
#topLogo img{max-width: 100%;}
#survey-list *{box-sizing: content-box !important;}