@charset "utf-8";

/*
 * CSS for SmartPhone
 * @date     2018.01.23
 * @author   shingo sato
 */


/* ------------------------------------------

------------------------------------------ */
body{ margin: 0; padding: 0;}
* { box-sizing: border-box; }
#contentsArea{ }
.wid98 { width: 98%; }

#widewrapper .pc { display: none !important; }

#contentsArea { position: relative; background: #FFF; }

.red { color: #b00; }

#contents { background: #fff; box-shadow: inset 0px 15px 10px -15px #999; }

/* ----- pickup -----*/
.contentright h2 { padding: 35px 10px 0; text-align: center; }

.contentright h2 img { width: 100%; max-width: 373px; }


/* ----- 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; }




#schPCSP{position: relative; bottom:0;width:92%; margin-left:auto;margin-right: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;}
#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; }
/*
#ui-datepicker-div{width:18em!important;}
#ui-datepicker-div .ui-datepicker-group{width: 100%;}
.ui-datepicker{position: fixed !important; }*/


.jdsAlwaysFix2.end { display: none !important; }

.rt-footer { z-index: 1 !important; }

/*# sourceMappingURL=contents_sp_j.css.map */

.mt10{ margin-top:10px!importan;}
#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;}
#areanewplan .htlBox.htlBox33.swiper-slide { margin: 10px 10px 10px 0!important;}
#bussRank .htlBox.htlBox33.swiper-slide { margin:40px 10px 10px 0!important;}
#newPlan .htlBox.htlBox5.swiper-slide { margin: 10px 10px 10px 0!important;}
#bussRank .htlBox.htlBox5.swiper-slide { margin:40px 10px 10px 0!important;}
#leisureRank .htlBox.htlBox5.swiper-slide { margin:40px 10px 10px 0!important;}
.swiper-button-next,.swiper-button-prev{ display: none!important;}

#areanewplan .htlBox .rate a,#bussRank .htlBox .rate a,#leisureRank .htlBox .rate a,#newPlan .htlBox .rate a{ min-height: 23px;}
#areanewplan .htlBox.swiper-slide dl.return dd,#bussRank .htlBox.htlBox33.swiper-slide dl.return dd{ height:50px;padding:20px 0 0 0;}
#areanewplan .htlBox.swiper-slide dl.return dd em{ display: inline;}
#areanewplan .htlBox.swiper-slide dl.return dd span{ display: inline;}
#bussRank .htlBox.htlBox33.swiper-slide dl.return dd em{ display: inline;}
#bussRank .htlBox.htlBox33.swiper-slide dl.return dd span{ display: inline;}
#discover .hotels.jQnQj .htlBox33 dl.return dd span{ display: inline;}
#discover .hotels.jQnQj .htlBox33 dl.return dd em{ display: inline;}

#areanewplan .htlBox.htlBox33.swiper-slide h3,#leisureRank .htlBox.htlBox5.swiper-slide h3,#bussRank .htlBox.swiper-slide h3,#newPlan .htlBox.swiper-slide h3{ min-height:45px; line-height:15px;}
#leisureRank .htlBox p.area,#bussRank .htlBox p.area,#areanewplan .htlBox.htlBox33.swiper-slide .area,#newPlan .htlBox.swiper-slide .area{ min-height:40px;}
#leisureRank .htlBox h3.planName,#bussRank .htlBox.swiper-slide  h3.planName,#areanewplan .htlBox.htlBox33.swiper-slide  h3.planName,#newPlan .htlBox.swiper-slide h3.planName{ min-height:40px;}

#leisureRank .htlBox dl.return dd em,#newPlan .htlBox dl.return dd em,#bussRank .htlBox dl.return dd em{ display: inline;}
#leisureRank .htlBox dl.return dd span,#newPlan .htlBox dl.return dd span,#bussRank .htlBox dl.return dd span{ display: inline;}
#leisureRank .htlBox dl.return dd,#newPlan .htlBox dl.return dd,#bussRank .htlBox dl.return dd{ height:50px;padding:20px 0 0 0;}
#discover .hotels.jQnQj .htlBox33 dl.return dd{ height:50px;padding:20px 0 0 0;}
.htlBox .photo img{ max-width: 320px; margin-left: auto; margin-right: auto;display: block;}
.htlBox .rate a:before{ border: none;}

#search-box #f_chu{ margin-top: 5px; display:inline;}

#areanewplan .hotels.swipeBnrNo{ margin-left:2%; margin-right:2%;}

#sevInfo h2{width: 100%!important;}

/*--------------------------------------------
#menu-sp
 --------------------------------------------*/
 #menu-sp{display:block;position:fixed;width:100%;bottom:0;z-index:999;background:#fffaf7;box-sizing:border-box}
 #menu-sp .main-acc{display:none;padding:15px 10px 1em;position:absolute;bottom:47px;width:100%;background:rgba(255,251,249,.9);box-sizing:border-box}
 #menu-sp .menu-arrow{display:inline-block;width:10px;height:10px;border-top:solid 3px #fff;border-right:solid 3px #fff;border-radius:1px;-webkit-transform:rotateX(0deg) rotate(-45deg);transform:rotateX(0deg) rotate(-45deg);position:relative;top:1px;left:7px;transition:.4s}
 #menu-sp .is-show .menu-arrow{top:-3px;-webkit-transform:rotateX(-180deg) rotate(-45deg);transform:rotateX(-180deg) rotate(-45deg)}
 #menu-sp .ico-close{position:absolute;width:22px;height:22px;display:block;top:8px;right:8px;cursor:pointer}
 #menu-sp .ico-close:before,#menu-sp span.ico-close:after{content:"";width:22px;height:2px;display:block;background:#616161;position:absolute;top:50%}
 #menu-sp .ico-close:before{transform:rotate(-45deg)}
 #menu-sp .ico-close:after{transform:rotate(45deg)}
 #menu-sp ul li a{font-size:1em;font-weight:700;letter-spacing:.05em}
 #menu-sp .menu-list1 li{text-align:center}
 #menu-sp .menu-list1.col2{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:12px}
 #menu-sp .menu-list1.col2 li{width:48%}
 #menu-sp .menu-list1 li a{padding:.6em 0;display:inline-block;border-bottom:1px solid #989898;width:100%;box-sizing:border-box}
 #menu-sp .menu-list1 li a span{display:block;font-size:12px}
 #menu-sp .menu-list2 li{text-align:center}
 #menu-sp .menu-list2 li a{padding:.7em 0 0;display:inline-block;width:100%}
 #menu-sp .menu-list2 .ico-info a span{position:relative}
 #menu-sp .menu-list2 .ico-info a span:before{content:"";width:22px;height:22px;display:inline-block;position:absolute;top:0;left:-26px;background:url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) no-repeat left center;background-size:22px}
 #menu-sp p.btn-acc{font-size:1em;font-weight:700;color:#fff;text-align:center;letter-spacing:.05em;width:100%;height:47px;line-height:47px;cursor:pointer;background:#35a3f1}

/* -----  -----*/

.m_sp { display: block;}
.m_pc { display: none;}

.topBnr { position: relative;}
.topBnr h1 { position: absolute; text-align: center; width: 100%; bottom: 0; top: 0;}
.topBnr h1 img { margin: auto; margin-top: 5%; height: 85%; }
.topBnr .topPic { width: 100%;}

.columleft #schPCSP .close { background: #e4f8ff; color: #3dc4ef;}
.columleft #schPCSP { border-color: #3dc4ef;}

.page_h2 { margin: auto auto 20px auto; text-align: center;}
.page_h2 img { margin: auto; width: 100%; max-width: 280px;}

.PageCon { padding: 16px; background: #f5fbff; margin: 24px 0 30px 0; }
.page_h2 { margin: auto auto 16px auto; text-align: center;}
.page_h2 img { margin: auto; width: 100%; max-width: 260px;}
.imgBox { width: 100%; height: 180px; position: relative; overflow: hidden; margin-bottom: 16px; }
.imgBox ul { position: absolute; top: calc(50% - 90px); left: -50%; transform:translate(50%,0); width: 100%;}
.imgBox img { width: 100%; }

.pageSty { margin-bottom: 24px;}
.txtBox { font-size: 13px; list-style: 1.6;}
.txtBox dd { border: 1px solid #000; padding: 8px 8px; margin-top: 12px;}
.txtBox h3 { margin-bottom: 10px;}
.txtBox h3 img { width: 100%; max-width: 240px}

.sp_img img { width: 100%;}
.accMapBox { margin: auto auto 16px auto; text-align: center;}
.accMapBox img { margin: auto; max-width: 600px;}
.acc_h3 { margin: auto auto 10px auto;}
.acc_h3 img { width: 100%; max-width: 200px;}
.accTxt { line-height: 1.5; font-size: 13px; margin: 2px 0 8px 0 ;}

/* ----- Access -----*/
#Access { margin: auto 16px; line-height: 1.45; font-size: 13px; padding-top: 5px;}
.accInfo li { margin-bottom: 20px;}
#Access h4 img { width: 100%; max-width: 276px;}
.accImg img { width: 100%; max-width: 430px;}
.accBlue { background: #f5fbff; padding:12px 12px 1px 12px; margin: 2px 0 0 0;}
.accBk { border-top:1px solid #b5b5b5; margin: 20px 0 0 0; padding: 15px 0 0 0;}
.accImg { margin: 10px 0 15px 0;}
.accImg img { width: 100%; max-width: 600px;}

.txtBox dd span {
    display: block;
    margin-bottom: 6px;
}
.txtBox dd span:last-of-type { margin: 0;}
.txtBox dd small { display: block; margin-top: 4px;}
#BoxB { display: none;}