/* CSS for SmartPhone @date     2019.6.10 @author */
/* ------------------------------------------

------------------------------------------ */
body{ margin: 0; padding: 0;}
* { box-sizing: border-box; }
#contentsArea{ font-family: 'Noto Sans JP', sans-serif;}
.wid98 { width: 98%; }
#planC .ttl {
  font-size: 24px;
  text-align: left;
  padding: 30px 0 20px;
  margin: 0 auto 20px;
  background: url(../images/ttl-border.png) bottom center no-repeat;
    background-size: auto;
  background-size: 200%;
}
#widewrapper .pc { display: none !important; }

#contentsArea { position: relative; background: #FFF; color: #3e3631; }

.red { color: #b00; }

#contents { background: #F0F0F0; }

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

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

.columright { font-family: 貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,繝｡繧､繝ｪ繧ｪ,Meiryo,serif; margin-top:0;}

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

/* ----- newplan -----*/
.pitari_single .hotels.jQnQj .htlBox33{ width: 96%; margin: 10px auto; float: none;}
.pitari_single .hotels.jQnQj .htlBox33.htlBox .rate a{ min-height: 15px !important; max-height: 25px;}

.single .hotels.jQnQj .htlBox33{ width: 96%; margin: 10px auto; float: none;}
.single .hotels.jQnQj .htlBox33.htlBox .rate a{ min-height: 15px !important; max-height: 25px;}

.hotels { overflow: hidden; }

.htlBox { border: none; width: 92%; margin: 30px auto; border-radius: 0; overflow: hidden; }

.htlBox .basic { border: 0; padding-bottom: 5px; }

.htlBox .basic:before, .htlBox .basic:after { display: none; content: none; }

.htlBox p.area { background: none; color: #333; font-size: 12px; margin-bottom: 9px; overflow:visible!important; }

.htlBox a:hover { text-decoration: none !important; opacity: 0.75; }

.htlBox h3 { margin: 0 10px 10px; font-size: 90%; word-wrap: break-word; }

.htlBox .photo { padding-bottom: 0; width: 100%; }

.htlBox .rank em { padding-bottom: 2px; }

.htlBox .rate { border: none; padding: 0; margin: 5px 0; }

.htlBox .rate .rating00 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/sprite.png) no-repeat #FFF; background-position: 3px -793px !important; color: #FFF; background-color: transparent; }

.htlBox .rate a { box-sizing: content-box; border: 0; padding: 0; min-height: 45px; }

.htlBox .rate a:before { right: -2px; }

.htlBox .rate em { padding-bottom: 5px; padding-left: 95px; font-size: 110%; }

.htlBox .rate em a:before { top: 35%; }

.htlBox .plan { background: #f5f5f5; margin: 10px; padding: 10px; }

.htlBox .plan h3 { font-size: 13px; margin: 0; font-weight: normal; line-height: 1.3em; }

.htlBox .price { margin-top: 10px; font-size: 10px; text-align: center; }

.htlBox .price span { font-weight: bold; font-size: 150%; color: #ba0100; display: block; line-height: 1.6em; }

.htlBox dl.return { color: #FFF; background: #ba0100; margin-top: 10px; overflow: hidden; }

.htlBox dl.return dt { width: 66px; height: 60px; float: left; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/mark_off.gif) left top no-repeat; font-size: 9px; padding: 10px 0 0 3px; line-height: 1.1; text-align: center; }

.htlBox dl.return dt span { font-size: 180%; font-weight: bold; }

.htlBox dl.return dd { width: calc(100% - 66px); height: 60px; float: left; font-weight: bold; padding: 10px 0 0 0; text-align: center; font-size: 14px; align-items: center; }

.htlBox dl.return dd span { font-size: 60%; display: block; }

.htlBox dl.return dd em { font-size: 115%; font-style: normal; display: block; }

.htlBox5, .htlBox33 { width: 48%; float: left; margin: 10px 1%; overflow: visible; }

#ss_special .htlBox a.plan, #ss_the_sale .htlBox a.plan { background: #FFECEC; }

#ss_special .htlBox dl.return, #ss_the_sale .htlBox dl.return { background-color: #b18500; }

#ss_special .htlBox dl.return dt, #ss_the_sale .htlBox dl.return dt { background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ss_mark_off.jpg); }

#ss_special .htlBox dl.return dd, #ss_the_sale .htlBox dl.return dd { background: #b18500; }

/* ----- bussinessRank -----*/
#bussRank .jdsCoponSwitch, #leisureRank .jdsCoponSwitch, .showMore { background: #c9c9c9; margin: 0 10px; font-weight: bold; text-align: center; padding: 8px 0; cursor: pointer; }

#bussRank .jdsCoponSwitch span, #leisureRank .jdsCoponSwitch span, .showMore span { line-height: 1em; display: inline-block; padding-right: 20px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/markplus.png) bottom right no-repeat; }

.showMore { background-color: transparent; padding: 0; }

.showMore div { display: inline-block; width: 100%; height: 40px; padding: 8px 0; background-color: #c9c9c9; }

.disMore { display: block; }

#bussRank .active-submenu span, #leisureRank .active-submenu span { background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/markminus.png); }

#bussRank .htlBox, #leisureRank .htlBox { position: relative; margin-top: 45px; }

#bussRank .htlBox p.rankicon, #leisureRank .htlBox p.rankicon { height: 30px; width: 100%; position: absolute; top: -30px; left: 0; z-index: 99; }

#bussRank .htlBox p.rankicon1, #leisureRank .htlBox p.rankicon1 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_1st.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon2, #leisureRank .htlBox p.rankicon2 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_2nd.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon3, #leisureRank .htlBox p.rankicon3 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_3rd.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon4, #leisureRank .htlBox p.rankicon4 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_4th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon5, #leisureRank .htlBox p.rankicon5 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_5th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon6, #leisureRank .htlBox p.rankicon6 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_6th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon7, #leisureRank .htlBox p.rankicon7 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_7th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon8, #leisureRank .htlBox p.rankicon8 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_8th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon9, #leisureRank .htlBox p.rankicon9 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_9th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon10, #leisureRank .htlBox p.rankicon10 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_10th.gif) top left no-repeat; }

/* ----- 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:#7fa3d3;}
@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 #7fa3d3;
    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: 3px 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: #7fa3d3; cursor: pointer; }

.btmNav .dropup-menu a, .btmNav .dropup-menu .close { display: block; padding: 3px 0; font-size: 15px; }

.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:19.8%; width:19.8%; padding:0; box-sizing: border-box; background-color: #7fa3d3; 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: #7fa3d3;
font-weight: normal;
text-align: center;
color:
    #fff;
    cursor: pointer;
    font-size: 12px;
}

@media screen and (max-width:330px) {
.btmNav span.nv {font-size: 10px;}
}
.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: #ba0100; }

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


.columleft{ position: static !important;}

#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#7fa3d3;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:#fff; background:#7fa3d3;}
#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:#fff;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!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;}
#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; 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;
}

.planSearch p{ text-align: center; margin:15px 10px 0 10px;}
.planSearch p img.sp{ max-width:460px; margin: 0 auto; width: 100%;}


.tpr{  font-size: 14px; line-height: 1.8; text-align: center; margin: 16px 8px;}
.yobo{ background: #f2f2f2; overflow: hidden; padding-bottom: 24px;}
.yobo dt{ font-size: 20px; font-weight: bold; text-align: center; padding: 24px 16px 0;}
.yobo dd{ display: flex; justify-content: center; flex-wrap: wrap;}
.yobo dd img{ display: block; margin: 12px 6px 0; width: calc( 30% - 12px );}

#contents .jsTab .tab_navs{ padding-bottom: 35px;  margin-top: 32px; display: flex;}
#contents .jsTab .tab_navs span{ color: rgba(255, 255, 255, 0.4); display: block; width: 50%; padding:25px 0; text-align: center; font-size: 16px; font-weight: bold; position: relative;}
#contents .jsTab .tab_navs span:nth-child(1){ background: #c66c38;}
#contents .jsTab .tab_navs span:nth-child(2){ background: #59648e;}
#contents .jsTab .tab_navs span.active{ color: #fff;}
#contents .jsTab .tab_navs span.active:nth-child(1):after{ display: block; content: ""; background: url(../images/navActive1.png) no-repeat; background-size: 10px; width: 10px; height: 31px; position: absolute; left: 50%; margin-left: -5px; bottom: -31px;}
#contents .jsTab .tab_navs span.active:nth-child(2):after{ display: block; content: ""; background: url(../images/navActive2.png) no-repeat;  background-size: 10px; width: 10px; height: 31px; position: absolute; left: 50%; margin-left: -5px; bottom: -31px;}


.tab_content .ttls{ font-size: 17px; margin: 0 12px;}
.tab_content .ttls img{ width: 100%;}
.tab_content .pr{ font-size: 17px; margin-top: 20px; text-align: center; line-height: 1.8;}

.bgbox{ display: flex; flex-wrap: wrap; padding-bottom: 30px;}
.bgbox .photo img{ width: 100%;}
.leis{ background: #f5d9c9;
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 15%, #f5d9c9 15%, #f5d9c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 15%,#f5d9c9 15%,#f5d9c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 15%,#f5d9c9 15%,#f5d9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5d9c9',GradientType=1 ); /* IE6-9 */
}
.busi{ background: #d3e8fb;
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 15%, #d3e8fb 15%, #d3e8fb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 15%,#d3e8fb 15%,#d3e8fb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 15%,#d3e8fb 15%,#d3e8fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3e8fb',GradientType=1 ); /* IE6-9 */
}

.point1,.point2,.point3,.point4 {display: flex; flex-wrap: wrap; margin-top: 30px;}
.point1 .photo,.point2 .photo,.point3 .photo,.point4 .photo{ margin-top: 24px;}
.point1 .rt,.point2 .rt,.point3 .rt,.point4 .rt{ background: #fff; padding: 15px; box-sizing: border-box; margin: -16px 16px 0;}
.point2 .rt{ background: #c66c38; color: #fff;}
.point4 .rt{ background: #c66c38; color: #fff; margin-top: 24px;}
.point1 .ttl,.point2 .ttl,.point3 .ttl,.point4 .ttl{ font-size: 22px; font-weight: bold; line-height: 1.4; }
.point1 .ttl img,.point2 .ttl img,.point3 .ttl img,.point4 .ttl img{ margin: -32px 8px 8px !important; width: 70% !important;}
.point1 .explain,.point2 .explain,.point3 .explain,.point4 .explain{ font-size: 14px; line-height: 1.6; margin-top: 16px; width: 100%;}
.point1 .icon{ margin: 24px 0 0; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; width: 100%;}
.point1 .icon li{ margin: 0 5px; font-size: 12px; text-align: center; width: 40%;}
.point1 .icon li img{ padding-bottom: 10px; width: 100%; max-width: 60px; margin: 0 auto;}
.point2 .icon,.point3 .icon{ margin: 24px 0 0; width: 100%; background: url(../images/ic_kids_siroSp.png) center 10px no-repeat; box-sizing: border-box; border-radius: 15px; border: 1px dashed #fff; padding: 60px 12px 4px;}
.point3 .icon{ background: url(../images/ic_kids_chaSp.png) center 10px no-repeat; border: 1px dashed #c66c38; color: #c66c38;}
.point2 .icon li,.point3 .icon li{ margin: 0 0 8px; font-size: 13px;}
.point1 .atn{ font-size: 12px; text-align: center; margin:15px 0 0;}

.busi .point2 .rt,.busi .point4 .rt{ background: #59648e;}
.busi .point2 .icon{ background: url(../images/ic_bag_siroSp.png) center 10px no-repeat; }
.busi .point3 .icon{ background: url(../images/ic_bag_aoSp.png) center 10px no-repeat; border: 1px dashed #59648e; color: #59648e;}





.mapBox,.subphoto{ display: none !important;}


#sevInfo{ margin-top: 30px;}

#kv img{ width: 100%;}
.ttl{ margin: 24px 8px 0; text-align: center; }
.ttl img{ width: 100%;}
.nav{  margin: 24px 8px 0; display: flex; justify-content: center; background: #fff;}
.nav li{ font-size: 14px; padding: 10px; margin: 20px 0; border-right: 1px solid #000; width: 50%; display: flex; align-items: center; justify-content: center;}
.nav li:last-child{ border-right: none;}
.sbox{ margin: 32px auto 0;}
.qabox{ margin: 32px auto 0;}
.sbox h2 + .qabox{ margin-top: 24px;}
.qabox img{ width: 100%;}
.qabox .cts{ margin: 16px 8px 0;}
.qabox .cts .name{font-size: 16px; font-weight: bold; background: url(../images/iconQ.png) center left no-repeat; padding: 5px 0 5px 60px; line-height: 1.4; box-sizing: border-box; min-height: 50px;}
.qabox .cts .hint{ font-size: 15px; color: #999999; background: #fff; padding: 12px; margin-top: 50px; position: relative;}
.qabox .cts .hint::before{ content: url(../images/iconBub.png); position: absolute; left: 45px; top: -45px;}
.qabox .cts .hint b{ display: block; padding-bottom: 8px; font-size: 16px; color: #333;}
.qabox .cts .btnOpen{ text-align: center; margin: 16px 24px 0;}
.qabox .cts .btnOpen.checked{ display: none;}
.qabox .answer{ margin: 20px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff;}
.qabox .answer .explain{ font-size: 15px; line-height: 1.5; margin: 16px 16px 0; padding-left: 20px;}
.qabox .answer .explain span{ display: flex; align-items: center; justify-content: flex-start; font-size: 22px; font-weight: bold; color: #fe7929; margin:0 0 10px -20px;}
.qabox .answer .explain span img{ padding-right: 10px; width: auto;}
.qabox .answer .photo{ width: 250px; margin: 8px auto 0;}
.qabox .answer .btnClose{ width: 100%; margin: 20px auto; text-align: center;}
.qabox .answer .btnClose img{ width: auto;}
.qabox .btnOpen:hover,.qabox .btnClose:hover{ opacity: .7; cursor: pointer;}
.qabox.rt{ flex-direction: row-reverse;}
.btnA{ text-align: center; margin: 32px 16px 0;}
.btnA img{ width: 100%;}




/* kariyushi */
.columright *{box-sizing:border-box}
#sizeDetect{display:none}
.br-pc{display:none}
.br-sp{display:block}
#wrapper{width:100%}
#contents-area{position:relative}
.kv-sp img{width:100%}
#sec-lead{width:100%;position:relative}
#sec-lead .in{position:relative;margin:0 auto;padding:20px 10px 60px;background:url(../images/sp/slide_cover_top_sp.png);z-index:2;background-size:cover}
#sec-lead .in a{display: none;}
#sec-lead .mask{background:url(../images/sp/slide_cover_bottom_sp.png);background-size:cover;width:100%;height:0;margin:120px 0 0 0;padding:100px 0 87px 0;position:relative;z-index:7}
#sec-lead .swiper-container{padding:0;position:absolute !important;bottom:35px;height:430px;width:100%;z-index:1}
#sec-lead .swiper-container .swiper-wrapper .swiper-slide{overflow:hidden}
#sec-lead .swiper-container .swiper-wrapper .swiper-slide img{width:240%;margin-left:-80px;margin-top:30px}
#sec-lead .text-block{color:#000;font-weight:700;text-shadow:0 0 4px #565656}
#sec-lead .ttl{font-size:28px;line-height:1.3;color:#fff;padding:0 0 20px 0;margin-bottom:25px;background:url(../images/ttl-border.png) no-repeat bottom center;background-size:200%}
#sec-lead .in p.text{font-size:15px;color:#fff;line-height:1.8}
#sec-lead .in span.scroll{display:none}
.lead-kira1{position:absolute;top:36px;right:5px;width:60px}
.lead-kira2{position:absolute;bottom:30px;right:40px;width:50px;z-index:10}
.lead-kira3{position:absolute;top:43%;right:110px;width:15px;z-index:10}
#recommend{background:#fff url(../images/bg_spot.png) top center no-repeat;background-size:cover}
#recommend .in>.ttl{font-size:24px;text-align:center;padding:20px 0 20px;margin:0 10px;line-height:1.5;background:url(../images/ttl-border.png) bottom center no-repeat;background-size:200%}
#recommend .ttl span{font-size:12px;display:block}
.tab-container{width:auto;margin:35px auto 0}
.tab-nav-list{display:flex;justify-content:space-around;position:relative;width:100%;margin-bottom:30px}
.tab-nav-item{cursor:pointer;transition:.5s;width:25%;font-size:13px;font-weight:700;line-height:1.5;text-align:center}
.tab-nav-item span{font-size:11px;display:block}
.tab-nav-item span:first-child{display:none}
.tab-nav-item.current,.tab-nav-item:hover{opacity:1;color:#ff3919}
.tab-main-list{position:relative;overflow:hidden}
.tab-main-item{width:100%;visibility:hidden;height:1px;opacity:0;transition:1s}
.tab-main-item.current{display:block;visibility:visible;height:auto;opacity:1}
.figure-block{text-align:center;margin-bottom:80px}
#recommend .text-block{line-height:2.4;font-size:18px;font-weight:700;letter-spacing:.01em}
p.tab-lead-text{font-size:15px;font-weight:700;line-height:1.6;width:auto;padding:35% 20px 0;margin:0 auto;background-size:45%!important}
.tab-main-item:nth-child(1) .tab-lead-text{background:url(../images/area-hokubu.png) top center no-repeat}
.tab-main-item:nth-child(2) .tab-lead-text{background:url(../images/area-chubu.png) top center no-repeat}
.tab-main-item:nth-child(3) .tab-lead-text{background:url(../images/area-nanbu.png) top center no-repeat}
.tab-main-item:nth-child(4) .tab-lead-text{background:url(../images/bg_coupon.png) top center no-repeat}
li.tab-card-item{display:block;margin-top:30px;padding:0 5px 40px;box-sizing:border-box}
li.tab-card-item .swiper-slide>img{width:100%;height:auto}
li.tab-card-item .ttl{font-size:20px;margin:10px 0;padding-left:15px}
li.tab-card-item .text{font-size:15px;line-height:1.5;margin-bottom:10px;padding-left:15px}
li.tab-card-item .text2{font-size:15px;line-height:1.5;margin-bottom:10px;padding-left:15px}
li.tab-card-item .spot{font-size:14px;background:url(../images/ico-pin.png) left top no-repeat;background-size:18px 22px;line-height:24px;padding-left:1.7em;margin-left:15px}
.crossFade ul{position:relative}
.crossFade ul li{position:absolute;top:0;left:0}
.swiper-tab img{width:100%}
.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{display:none}
#recommend .nega{position:relative;bottom:-30px}
#recommend .nega img{width:100%;height:auto}
#book{background:url(../images/bg_facility.jpg) center center no-repeat;background-size:cover;background-attachment:fixed}
#book .in{margin:0 auto;padding:0 15px 20px}
#book .in>.ttl{font-size:24px;text-align:left;padding:30px 0 20px;margin:0 auto 20px;background:url(../images/ttl-border.png) bottom center no-repeat;background-size:200%}
#book .ttl span{font-size:12px;display:inline-block;position:relative}
#book .ttl span:after{position:absolute;top:-15px;right:-186px;width:36px;height:38px;display:block;background:url(../images/ico-kazari.png) center center no-repeat;background-size:36px 38px}
#book .about{text-align:left;margin-bottom:30px;font-weight:700}
#book .about .ttl{font-size:18px;text-align:left;margin-bottom:20px}
#book .about .text{font-size:14px;line-height:1.6;margin-bottom:10px}
#book .ico-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}
#book .ico-item{font-size:12px;line-height:1.5;padding-top:52px;background:top center no-repeat;width:50%;text-align:center;margin-top:20px}
#book .ico-item:nth-child(1){background-image:url(../images/ico-lead1.png)}
#book .ico-item:nth-child(2){background-image:url(../images/ico-lead2.png)}
#book .ico-item:nth-child(3){background-image:url(../images/ico-lead3.png)}
#book .ico-item:nth-child(4){background-image:url(../images/ico-lead4.png)}
#map-section{background:url(../images/bg_list.png) top center no-repeat;background-size:cover}
#map-section .in{margin:0 auto;padding:20px 20px;overflow:hidden}
#map-section .in>.ttl{font-size:28px;text-align:center;padding:0 0 20px;margin:0 auto 20px;background:url(../images/ttl-border.png) bottom center no-repeat}
#map-section .ttl span{font-size:13px;display:inline-block;position:relative}
#map-section .note p{font-size:12px;font-weight:700;text-indent:-1em;margin-left:1em}
#map-section .note p:nth-child(1){color:#ff5432;margin-bottom:1em}
#map-section .figure-map{text-align:center;margin-bottom:40px}
#map-section .figure-map img{width:100%}
.map-list1,.map-list2{margin-left:1em}
.map-item{font-size:12px;font-weight:700;letter-spacing:-.09em;line-height:1.8;position:relative;margin-bottom:10px;text-indent:-2.2em}
.map-item span{font-size:11px;color:#fff;background:#452f3c;width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;margin:0 7px 0 0;line-height:1;text-indent:0}
#service{background:#f1b5ae;background:-moz-linear-gradient(left,#f1b5ae 1%,#8ab9ff 100%);background:-webkit-linear-gradient(left,#f1b5ae 1%,#8ab9ff 100%);background:linear-gradient(110deg,rgba(241,181,174,.8) 1%,rgba(138,185,255,.8) 100%);padding:0 0 1px 0;background:#fff}
.faci-item{width:100%;text-align:center;padding:20px 10px 1px;margin-bottom:15px;box-sizing:border-box;background:#fff}
.faci-item .ttl{font-size:18px;text-align:center;line-height:1.4;margin-bottom:20px}
.faci-item .ttl span{font-size:18px;display:block}
.faci-item .text-plan{display:inline-block;font-size:17px;padding:10px 0;background:url(../images/f_pointcoin.png) no-repeat left center;background-size:30px;padding-left:40px;color:#ff3919;font-weight:900}
.faci-item .plan-box{background:#e0f2f9;margin-bottom:10px;padding:10px 0 0;opacity:1;transition:opacity .3s ease}
.faci-item .plan-box:hover{opacity:.7}
.faci-item .plan-box a{text-decoration:none}
.faci-item .plan-name{color:#000;margin:0 10px 10px;text-align:left}
.faci-item .text-price{font-size:22px;color:#000;padding-bottom:10px;font-weight:900}
.faci-item .text-price .sub-text1{font-size:15px}
.faci-item .text-price .sub-text3{font-size:13px;color:#000;margin-left:10px}
.faci-item .btns{display:flex;justify-content:space-between;align-items:center}
.faci-item .btn{width:32%}
.faci-item .btn a{color:#fff;border:1px solid #000;background:#000;padding:.5em;width:100%;height:100%;display:block;font-size:14px;font-weight:700;text-align:center;letter-spacing:.05em;opacity:1;transition:.4s;box-sizing:border-box}
.faci-item .btn a:hover{opacity:.5;text-decoration:none}
.faci-item .text-point{background:#efa092;color:#fff;font-size:18px;padding:10px 0;font-weight:900}
.faci-item .text-point .sub-text2{font-size:15px}
.faci-item .text-point .sub-text3{font-size:15px}
.faci-swiper{width:100%;height:243px;margin:0 auto;overflow:hidden}
.faci-swiper .main{margin-bottom:10px;margin-left:auto;margin-right:auto;height:79%;width:100%}
.faci-swiper .thumbnail{height:19%}
.faci-swiper .swiper-slide{background-size:cover;background-position:center}
.faci-swiper .thumbnail .swiper-slide{cursor:pointer;opacity:1;height:94%;transition:.3s;width:23.6%!important;margin-right:1.7%}
.faci-swiper .thumbnail .swiper-slide img{width:100%}
.faci-swiper .thumbnail .swiper-wrapper{transform:none!important;display:flex;justify-content:space-between}
.faci-swiper .thumbnail .swiper-slide:hover{opacity:.5}
.faci-swiper .thumbnail .swiper-slide-active{opacity:.5}
.faci-swiper .thumbnail .swiper-slide-active:after{width:100%;height:100%;content:'';display:block;background:rgba(200,255,255,.3)}
#menu-sp{display:block;position:fixed;width:100%;bottom:0;z-index:999;background:#fffaf7;box-sizing:border-box}
#menu-sp .main-dd{display:none;padding:20px 10px 1em;margin-top:40px;position:absolute;bottom:47px;width:100%;background:rgba(255,251,249,.9);border-top:1px solid #989898;box-sizing:border-box}
.menu-arrow{display:inline-block;width:10px;height:10px;border-top:solid 3px #451722;border-right:solid 3px #451722;-webkit-transform:rotate(-45deg);border-radius:2px;transform:rotate(-45deg);position:relative;top:10%;left:10px;transition:.4s}
.is-show .menu-arrow{display:inline-block;width:10px;height:10px;border-top:solid 3px #451722;border-right:solid 3px #451722;-webkit-transform:rotate(135deg);border-radius:2px;transform:rotate(135deg);position:relative;top:-5%;left:10px}
#menu-sp span.ico-close{position:absolute;width:26px;height:26px;display:block;top:10px;right:10px;cursor:pointer;padding:5px}
#menu-sp span.ico-close:before{transform:rotate(-45deg)}
#menu-sp span.ico-close:after{transform:rotate(45deg)}
#menu-sp ul li a{font-size:1em;font-weight:700;letter-spacing:.05em}
#menu-sp ul.page li{text-align:center}
#menu-sp ul.page li a{padding:1em 0;display:inline-block;border-bottom:1px solid #989898;width:100%;box-sizing:border-box}
#menu-sp ul.page li a span{display:block;font-size:12px}
#menu-sp ul.exturnal li{text-align:center}
#menu-sp ul.exturnal li a{padding:1em 0 0;display:inline-block;width:100%}
#menu-sp p.btn-dd{font-size:1em;font-weight:700;color:#451722;text-align:center;text-shadow:1px 1px 1px #ccc;letter-spacing:.05em;width:100%;height:47px;line-height:47px;cursor:pointer;background:#f1b5ae;background:-moz-linear-gradient(left,#f1b5ae 1%,#8ab9ff 100%);background:-webkit-linear-gradient(left,#f1b5ae 1%,#8ab9ff 100%);background:linear-gradient(to right,rgba(241,181,174,.8) 1%,rgba(138,185,255,.8) 100%)}
body{animation:fadeIn 2s ease 0s 1 normal;-webkit-animation:fadeIn 2s ease 0s 1 normal}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
#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 #451722;border-right:solid 3px #451722;border-radius:1px;-webkit-transform:rotateX(0) rotate(-45deg);transform:rotateX(0) 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}

/* =====20210317 by 277===== */
#keyVisual div ul.ptexp .jdsCoponSwitch,
#keyVisual div ul.ptexp .foreg{
	display: none!important;
}




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

#OVERVIEW.parts {
    box-shadow: none;
    margin-top: 040PX;
}

.parts h2 {
    text-align: center;
    font-weight: 500;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    color: #bf0000;
    font-size: 20px;
}


#OVERVIEW .holder {
    margin: 24px 16px 0;
    padding: 16px;
    padding-bottom: 0;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 12px;
    background-color: #fff;
  }
  #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: bold;
    padding: 4px 8px;
    background: #ebebeb;
    font-weight: 400;
  }
  #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;
  }
  #topLogo{padding: 12px;border-top:1px solid #eaeaea;}
  #topLogo img{width: 100%;}