/* CSS for PC @date */
/* ------------------------------------------

------------------------------------------ */
#mainContents { overflow: hidden; padding-top: 20px; }

#contents.column1 { padding: 0; background: #fff; }

.pc { display: none; }

.top_bnr { margin: 20px 10px 0; }

.top_bnr li { width: 100%; margin: 0 auto 10px; }

.top_bnr li img { width: 100%; display: block; }

#Top { width: 100%; padding-bottom: 20px; margin-bottom: 20px; }

#Top ul, #Top li, #Top h1 { width: 100%; }

#Top img.sp { display: block; width: 100%; }

.swiper-pagination-bullet { width: 10px !important; height: 10px !important; }

.swiper-pagination-bullet-active { background: #1F3773 !important; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0 !important; }

#Top .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px !important; }

.navi { display: none;}

#CF .swiper-pagination-js { display: none; }

.wide_box { background: #f8f8f8; position: relative; overflow: hidden; }

.midashi { background: #fff; padding: 10px 0 20px; }

.midashi img { display: block; margin: 0 auto; width: 70%; }

.box_center { margin: 10px 10px 60px; background: #fff; border: 1px solid #e6e6e6; }

.box_center .swiper-container-horizontal > .swiper-pagination-bullets, .box_center .swiper-pagination-custom, .box_center .swiper-pagination-fraction { bottom: 15px !important; }

.box_center .swiper-pagination-bullet { width: 8px !important; height: 8px !important; }

.box_center .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px; }

.arrow { position: relative; }

.arrow:after { position: absolute; content: ''; width: 25px; height: 31px; left: calc(50% - 12px); bottom: -48px; background: url(https://img.travel.rakuten.co.jp/select/coldio/201803/images/arrow_1.png) no-repeat; background-size: cover; }

.ttl { margin: 20px 5px 12px; text-align: center; overflow: hidden; letter-spacing: 2px; }

.ttl img { margin: 0 auto 15px; width: 100%; display: block; }

.ttl span { display: block; font-size: 18px; color: #1F3773; font-weight: normal; }

.box_img { padding-bottom: 40px; }

.box_img .swiper-slide img { width: 100%; }

.box_img .name { color: #656565; text-align: center; font-size: 13px; line-height: 1.8; margin-bottom: 10px; }

.box_img .name img { width: auto; padding: 0 5px; }

.box_img .name2 { display: flex; justify-content: center; color: #333; height: 24px; line-height: 24px; font-size: 13px; }

.box_img .name2 img { width: auto; }

.box_img .name2 span { padding-left: 10px; font-weight: bold; }

#contentsArea .column1 .hotels a:hover { text-decoration: none; opacity: 0.8; }

.column1 .hotels .htlBox2 { padding: 10px; margin: 10px; border: 1px solid #e6e6e6; }

.column1 .hotels .htlBox2 .area { color: #1F3773; font-size: 14px; line-height: 19px; height: 19px; margin-bottom: 20px; background: none; padding: 0; }

.column1 .hotels .htlBox2 .area span { width: 17px; height: 19px; background: url(https://img.travel.rakuten.co.jp/select/coldio/201803/images/icon_po.gif) no-repeat; color: #fff; font-size: 10px; display: inline-block; text-align: center; margin-right: 10px; }

.column1 .hotels .htlBox2 h1 { font-size: 18px; color: #1F3773; }

.column1 .hotels .htlBox2 .basic { border-bottom: none; }

.column1 .hotels .htlBox2 .basic:before { display: none; }

.column1 .hotels .htlBox2 .open { width: 100%; height: 30px; background: url(https://img.travel.rakuten.co.jp/select/coldio/201803/images/ribon.gif) center center no-repeat; line-height: 30px; font-size: 13px; text-align: center; color: white; margin: 10px 0 15px; letter-spacing: 4px;}

.column1 .hotels .htlBox2 .chara li { padding: 0 0 0 35px; background: #fff url(https://img.travel.rakuten.co.jp/select/coldio/201803/images/icon_good.gif) 5px top no-repeat; font-size: 13px; color: #333; float: none; display: block; height: 25px; line-height: 25px; white-space: nowrap; }

.column1 .hotels .htlBox2 .photo { width: 94%; padding: 10px 0; }

.column1 .hotels .htlBox2 .photo .thumPhotos { margin-top: 0; }

.column1 .hotels .htlBox2 .photo .thumPhotos li { width: 24.6%; margin: 0 0.5% 0 0; }

.column1 .hotels .htlBox2 .photo .thumPhotos li:last-child { margin-right: 0; }

.column1 .hotels .htlBox2 .point { font-size: 18px; color: #C6B98C; padding-left: 40px; margin:0 10px 10px; background: url(https://img.travel.rakuten.co.jp/select/coldio/201803/images/icon_pt.gif) left center no-repeat; background-size: 30px 30px; min-height: 30px; }

.column1 .hotels .htlBox2 .plan { margin: 0; }

.column1 .hotels .htlBox2 .plan li a { background: #f7f5ee; border: none; padding: 10px; margin-bottom: 15px; }

.column1 .hotels .htlBox2 .plan li a .planName { color: #1F3773; font-size: 14px; margin-bottom: 15px; }

.column1 .hotels .htlBox2 .plan li a .price { text-align: center; }

.column1 .hotels .htlBox2 .plan li a .price span { color: #D80000; font-size: 13px; }

.column1 .hotels .htlBox2 .plan li a .price span em { font-size: 16px; }

.column1 .hotels .htlBox2 .btn { display: flex; justify-content: space-between; margin: 0; }

.column1 .hotels .htlBox2 .btn li { margin: 0; width: 48%; }

.column1 .hotels .htlBox2 .btn li a { background: #203774; border-radius: 10px; padding: 12px 0; font-size: 18px; color: #fff; margin: 0; }

#INFO .map { margin: 10px 10px 30px; }

#INFO .map > img { width: 100%; }

#INFO .map .htl_list { padding: 15px; }

#INFO .map .htl_list li { margin-bottom: 10px; overflow: hidden; line-height: 19px; display: block; font-size: 14px; color: #1F3773; }

#INFO .map .htl_list li span { width: 17px; height: 19px; color: #fff; font-size: 10px; display: inline-block; text-align: center; margin-right: 5px; background: url(https://img.travel.rakuten.co.jp/select/coldio/201803/images/icon_po.gif) no-repeat; }

#INFO .map .flight h3 { font-size: 20px; padding-left: 45px; background: url(https://img.travel.rakuten.co.jp/select/coldio/201803/images/icon_plane.gif) 5px center no-repeat; font-size: 18px; color: #1F3773; margin-bottom: 15px; font-weight: normal; min-height: 30px; }

#INFO .map .flight .fli_box { border: 1px solid #acbae2; background: #fff; padding: 10px 5px; display: flex; justify-content: space-between; }

#INFO .map .flight .fli_box dl { padding: 2%; width: 46%; }

#INFO .map .flight .fli_box dl dt { font-size: 14px; color: #fff; text-align: center; padding: 8px 0; background: #acbae2; margin-bottom: 10px; }

#INFO .map .flight .fli_box dl dd { font-size: 13px; color: #333; margin-bottom: 10px; padding-left: 35%; }

#INFO .map .flight .fli_box dl:first-child dd { text-align: right; padding-right: 10%; padding-left: 0; position: relative; }

#INFO .map .flight .fli_box dl:first-child dd:after { position: absolute; content: '.............'; font-size: 14px; color: #ACBAE2; top: -4px; right: -40%; width: 45%; text-align: center; letter-spacing: 1px; }

#DEAL { margin: 10px; padding: 0 0 30px; }

#DEAL .ttl { font-size: 20px; text-align: center; color: #1F3773; margin-bottom: 15px; }

#DEAL .subttl { font-size: 14px; text-align: center; color: #ACB9E1; font-weight: bold; margin-bottom: 15px; }

#DEAL .subttl span { color: #1F3773; }

#DEAL .step { margin: 15px; }

#DEAL .step li { width: 80%; border: 1px solid #1F3773; margin: 0 auto 10px; }

#DEAL .step li h3 { background: #1F3773; color: white; text-align: center; padding: 12px 0; font-size: 14px; }

#DEAL .step li img { display: block; margin: 15px auto 10px; width: 60%; }

#DEAL .step li .samp { font-size: 12px; margin: 0 9px 9px; background: #acbae2; color: #ffffff; padding: 16px; }

#DEAL .step li.sp { border: none; }

#DEAL .step li.sp img { display: block; margin: 0 auto; width: auto; }

#DEAL .txt { font-size: 13px; color: #333; padding: 0 15px; margin-bottom: 30px; line-height: 1.6; }

#DEAL .txt span { color: #1F3773; font-weight: bold; }

#DEAL .utility { line-height: 1.6; font-size: 13px; }

#DEAL .utility h3 { color: #1F3773; }

#DEAL .utility p { color: #333; padding: 0 18px; }

#DEAL2 { background: #fff; }

h2.planName{text-align:center;}

h2 img {
    width: 100%;
}

.htlBox .basic { padding-bottom:0;}


/*============================
#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, 0.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: 0.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: bold;letter-spacing: 0.05em;}
#menu-sp .menu-list1 li {text-align: center;}
/* 2 column */
#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: 0.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: 0.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: bold;color: #fff;text-align: center;text-shadow: 1px 1px 1px #b1b1b1;letter-spacing: 0.05em;width: 100%;height: 47px;line-height: 47px;cursor: pointer;background: #203773;}





/* ----------------------------
サービス概要
-----------------------------*/
.contentright h2 img {width: 100%;max-width: 373px;}
#sevInfo h2 { width: 60%;}
#sevInfo table { width: 96%; clear: both; margin: 20px auto; position: relative; padding-bottom: 20px; border: 1px solid #b00; }
#sevInfo table a { color: #1D54A7 !important; text-decoration: underline !important; }
#sevInfo table a:hover { text-decoration: underline !important; }
#sevInfo table tr.last th { border-bottom: 1px solid #b00; }
#sevInfo table tr th { width: 18%; text-align: center; border-bottom: 1px solid #fff; color: #fff; font-size: 12px; font-weight: bold; background: #b00; }
#sevInfo table tr th.single2 { width: 20%; border-left: 1px solid #fff; }
#sevInfo table tr th span { align-self: center; }
#sevInfo table tr td { border-bottom: 1px solid #b00; padding: 10px; font-size: 12px; line-height: 1.5; }


/* 20210308 camby化 */

.columright { color: #000 !important;}

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: #213773; }

.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:#213773;}
@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 #213773;
    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: #213773; 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: #213773; 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: #213773;
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: #213773; }

.btmNav .chose em { transform: rotate(180deg); }




#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#213773;left:0; display:block!important; margin-top: 0;}
#schPCSP .close { position: relative; text-align:center; font-weight:  bold;cursor: pointer; padding: 8px 0; width: 100%; display: block;color:#FFFFFF; background:#213773;}
#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; }


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

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

.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; margin-top: 0;}

.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;
}

/*#contents{padding: 0; background: #fff;}*/
.columleft{padding-bottom: 10px;}
.btmNav span.noBdr{border: none;}
.hero > img{display: block; width: 100%;}
html{overflow: scroll !important; }


.columleft {
    position: relative!important;
    display: block!important;
    opacity: 1!important;
}

#contents {
    background: #fff;
    box-shadow: inset 0px 15px 10px -15px #999;
}
#keyVisual div {
    margin: 1px 10px 10px;
}
#keyVisual h1 img{vertical-align: top;}
#keyVisual div ul.ptexp img { width: 100%; height: auto;}




/* -- 2308 -- */
.columleft { display: none!important;}
body .areattl, body .noNewArival { display: none!important;}
#FROMPLAN .tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin: 8px;
    margin-top: 24px;
  }
  #FROMPLAN .tabs li {
    border-radius: 4px;
    border: 1px solid #ccc; background: #fff;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    cursor: pointer;
    width: calc((100% - 12px) / 5);
    box-sizing: border-box;
  }
  #FROMPLAN .tabs li:hover {
    opacity: 0.8;
  }
  #FROMPLAN .tabs li.active {
    background-color: #00b900;
    color: #fff;
    border-color: #00b900;
  }
  #FROMPLAN .hotel-box {
    min-height: 380px;
    padding-top: 24px;
    padding: 8px;
  }
  #FROMPLAN .hotel-box .noNewArival {
    padding-bottom: 50px;
    padding-top: 30px;
    text-align: center;
    font-weight: 300;
  }
  #FROMPLAN .hotel-box h3 {
    margin-bottom: 16px;
  }
  #FROMPLAN .hotel-box .swiper-scrollbar {
    display: none;
  }
  #FROMPLAN .tab-holder .swiper:last-child .hotels {
    margin-bottom: 4px;
  }
  #FROMPLAN .tab-holder .swiper:not(:last-child) .hotels {
    margin-bottom: 50px;
  }
  #FROMPLAN .hotels li { background: #fff;
    width: 200px;
    border: 1px solid #eee;
    line-height: 1.6;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);
    border-radius: 3px;
  }
  #FROMPLAN .hotels li a:hover {
    text-decoration: none;
  }
  #FROMPLAN .hotels li .photo {
    position: relative;
  }
  #FROMPLAN .hotels li .photo img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 4px 4px 0 0;
  }
  #FROMPLAN .hotels li .name {
    display: flex;
    position: absolute;
    width: calc(100% - 16px);
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    padding: 8px;
    color: #fff;
  }
  #FROMPLAN .hotels li .box {
    padding: 8px;
    font-size: 12px;
  }
  #FROMPLAN .hotels li .down a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #FROMPLAN .hotels li .down a .badge {
    box-sizing: border-box;
    padding-bottom: 3px;
    width: 58px;
    height: 58px;
    background-size: 58px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    line-height: 1.1;
  }
  #FROMPLAN .hotels li .down a .badge span {
    color: #fff;
    font-weight: 300;
  }
  #FROMPLAN .hotels li .down a .badge span:last-child {
    letter-spacing: -1px;
  }
  #FROMPLAN .hotels li .down a .badge span em {
    font-style: normal;
    font-weight: 500;
    font-size: 150%;
  }
  #FROMPLAN .hotels li .area {
    color: #767676;
  }
  #FROMPLAN .hotels li .price-box {
    color: #bf0000;
    padding-top: 6px;
  }
  #FROMPLAN .hotels li .price-box span {
    font-size: 14px;
    font-weight: bold;
  }
  #FROMPLAN .hotels li .condition {
    color: #333;
  }
  #FROMPLAN .hotels li .point span {
    font-size: 20px;
  }
  #FROMPLAN .hotels .review a .num {
    color: #bf0000;
    font-size: 14px;
    font-weight: bold;
  }
  #FROMPLAN .hotels .review .stars {
    font-size: 13px;
    letter-spacing: 3px;
    margin-right: 7.5px;
    width: 80px;
    text-align: center;
    display: inline-block;
    position: relative;
  }
  #FROMPLAN .hotels .review .stars .review-base {
    padding-left: 1.5px;
    color: #eaeaea;
    width: 100%;
    box-sizing: border-box;
  }
  #FROMPLAN .hotels .review .stars .review-rst {
    padding-left: 1.5px;
    color: #ffba00;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 1;
    width: 0;
    box-sizing: border-box;
  }
  #FROMPLAN .all-plan {
    width: 70%;
    height: 64px;
    margin: 24px auto 0;
  }
  #FROMPLAN .all-plan a {
    text-align: center;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #00b900;
    color: #fff;
    position: relative;
    font-size: 14px;
  }
  #FROMPLAN .all-plan a:hover {
    text-decoration: none;
  }
  #FROMPLAN .all-plan a:after {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    right: 20px;
    top: 50%;
    margin-top: -5px;
    transform: rotate(-45deg);
  }
#FROMPLAN .swiper-wrapper { overflow:visible;}
.planBox_2308 .ttl span { display:inline; padding: 0 40px;}
.btmNav span.nv { width: 33%!important;}
#contents { padding-top: 20px!important; overflow: hidden;}
#FROMPLAN .hotels li {
  width: 200px!important;}
@media screen and (max-width: 500px){
  .btmNav span.nv { width: 33%!important; max-width: 33%!important;}
}
#planC .ttl img { margin-bottom: 0;}

#CF .jdsShowFix {
  position: fixed;
  width: 70px;
  height: 80px;
  right: 0px;
  bottom: 70px;
  z-index: 1;
}
#CF .jdsShowFix img { width: 100%;}