@charset "UTF-8";

*{-webkit-text-size-adjust: none;}
#topBnrBox{background:#e9e9eb url(https://img.travel.rakuten.co.jp/special/sales/dp/202406/images/phtDp.jpg) no-repeat top center; background-size:cover !important;}
#topBnrBox h1.pre::before{font-weight:700;display:block;position:absolute;bottom:-8px;content:"予告";background:#fdff00;color:#bf0000;text-shadow:none;width:75px;height:75px;line-height:75px;border-radius:50px;font-size:34px;letter-spacing:-1px}
.ss-container{ border: none;}
.ss-hotel .hotel-main .chara{position:absolute;left:5px;top:5px;display: none;}
.ss-hotel .hotel-main .chara .icon.red{background:#fff;color:#f154ba;}
.typeBox{border-radius:5px;background:#eee;padding:10px;}
.typeBox p{font-size:14px;line-height:26px;margin-bottom:8px}
.typeBox p span{ display: inline-table; text-indent: -9999px; width: 106px; height: 16px; background:url(https://img.travel.rakuten.co.jp/special/sales/dp/202409/images/cpn2_svg.svg) center center no-repeat; background-size: 100%;}
.typeBox p a{ color: #00B900 !important; text-decoration: underline !important;}
.typeBox p a:hover{ text-decoration: none !important;}
.typeBox dl{display:flex;justify-content:space-around;flex-wrap:wrap; margin: 24px 0 16px;}
.typeBox dl dt{ font-size: 14px; width: 100%;}
.typeBox dl dd{ width: 310px; margin: 16px 24px 0;}
.typeBox dl dd a{ display: block; text-align: center; color: #fff; font-size: 14px; background: #f154ba; border-radius: 4px; padding: 12px 0;}

#CPTS.mapArea .square .column-list dd{background:#0dbd0d;font-size:40px}
#CPTS.mapArea .square .column-list dd:hover{opacity:.7}
#CPTS.mapArea .square .column-list dd small{font-size:30px}
#CPTS.mapArea .square .column-list dd span{font-size:20px}
#COUPON,#TABU{position:relative}
.ss-right dd li{line-height:1.2}
.ss-right dd li a{padding:30px 5px 5px}
.cp_container ul{ display: flex;}
.cp_container ul li a > p{ margin: 0;}

#RANK .ss-hotel .hotel-main .chara{ margin: 0;}


.ss-hotel{ position: relative; height: auto;}
.hotel-pr{background-color: #eff9ef;padding: 8px;margin-top: 29px;position: relative;}
.hotel-pr.coupon::before{ position: absolute; content: ""; left:0 ; background: url(https://img.travel.rakuten.co.jp/special/sales/dp/202409/images/cpn2_svg.svg) center center no-repeat; display: block; width: 106px; background-size: 100%; height: 16px; top:-25px; }
.hotel-pr.coupon2::before{ position: absolute; content: ""; left:0 ; background: url(https://img.travel.rakuten.co.jp/special/sales/dp/202409/images/cpn2_svg.svg) center center no-repeat; display: block; width: 106px; background-size: 100%; height: 16px; top:-25px; }


/* coupon */
#COUPON{ padding-bottom: 30px; margin-bottom: 30px; margin-top: 40px;}
.coupon__filter,.coupon__filter__guide{ margin-bottom: 0;}
.coupon__title{ line-height: 1.6;}
.coupon__title small{display: block; font-weight: normal; margin: 20px;}
.coupon__box__holder{ background: #F3F3F3; }


/* .ss-hotel .hotel-price a{pointer-events:none} */
.txtX{position:relative}
.moreTXT{cursor:pointer;margin-left:4px;display:inline-block}
.popupX{position:absolute;left:0;top:-50px;margin:0 8px;display:none;background:#fffbee;border-radius:5px;padding:10px;font-size:12px;z-index:999;line-height:1.4;box-shadow:0 0 3px #ccc}
.ss-hotelbox.column_2 li.column-list,.ss-hotelbox.column_3 li.column-list,.ss-hotelbox.column_4 li.column-list,.ss-hotelbox.column_5 li.column-list{position:relative}
.ss-hotel .hotel-main .chara li{display:table;float:none}
.ss-hotel .hotel-main .chara li.iconPremium{padding:0;border:none}
.ss-hotel .hotel-main .chara li.iconPremium img{width:88px!important;vertical-align:-5px}
/* .ss-hotel .hotel-price a span.details{background:0 0} */
.ss-hotel .hotel-container{padding:0;width:auto}
#TABU .ss-hotel .chara li{display:inline-block}
.ss-hotel .ss-buttons{ flex-wrap: wrap;}
.ss-hotel .ss-buttons li{ width: calc(50% - 4px); margin: 0 2px 4px;}
.ss-hotel .ss-buttons li .ss-button-middle.ss-button{ width: 100%; margin:0;}
.ss-button-jr {font-size: 18px; border: 1px solid #000; box-shadow: 1px 1px 2px #bbb, -1px 1px 2px #bbb; background-color: #000;}

.newBnr { max-width: 888px; margin: 30px auto 0; }
.newBnr li { overflow: hidden; margin-bottom: 8px; background: #E5F8E5; border-radius: 8px; padding: 8px !important; text-align: center; position: relative; }

.navSPbtn{ padding: 0;}

@media all and (min-width:721px){
.kvBnr .kvSP_bg>h1 .main{padding-bottom:30px}
.cpLinkwindow{margin:0 auto!important;display:table}
.gotoCpnIntro{display:flex;align-items:center;margin:20px}
.gotoCpnIntro .left{flex:0 0 39%}
.gotoCpnIntro .right{text-align:left;font-size:12px;line-height:1.6}
.gotoCpnIntro .right b{display:block;font-size:150%}
#CPTS.mapArea .square .column-list dl{min-height:112px}
#CPTS.mapArea .square .column-list dd{padding-left:20px}
#RANK .swiper-container,#TABU .swiper-container{ overflow: visible; flex-wrap: wrap;}
#RANK .swiper-wrapper,#TABU .swiper-wrapper{ flex-wrap: wrap; margin-top: 24px;}
#RANK .txt_xs,#TABU .txt_xs{text-align:right;margin-bottom:16px}
.column_4 .column-list{ margin: 0 4px 20px !important; width: calc(25% - 8px);}
.ss-hotel .hotel-img{margin-bottom:8px; background-size:cover; background-repeat: no-repeat; background-position: center center; height: 220px;}
#TABU .jdsTabNav { display: flex; justify-content: center; background: #f3f3f3; padding: 16px 0; }
#TABU .jdsTabNav li { width: auto; margin: 0 5px; padding:0.8em 1em; font-size: 14px; background: #fff; border-radius: 5px; cursor: pointer; }
#TABU .jdsTabNav li.active { background: #0dbd0d; color: #fff; }
#TABU .jdsTabNavLv2{ margin: 12px 0 0; display: flex; justify-content: center;}
#TABU .jdsTabNavLv2 li{ display: block !important; padding: 0 24px; border: 1px solid #d3d2d2;border-radius: 4px; font-weight: normal; margin: 0 2px; background: #ffffff; display: table; line-height: 40px; font-size: 12px; cursor: pointer; width: auto; }
#TABU .jdsTabNavLv2 li.check {border: 1px solid #5e8a38; color: #5e8a38; padding-left: 24px !important; background: url(data:image/gif;base64,R0lGODlhGAAUALMAAOrv5GmRRt/n2F6KONTgyn+hYKrBlfX48nSZU1SCK+rw5WmSRf///wAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDMzQwQkY3QkJGRTExRUM5QzJBRjhFMDQxQ0M0QzI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDMzQwQkY4QkJGRTExRUM5QzJBRjhFMDQxQ0M0QzI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEMzNDBCRjVCQkZFMTFFQzlDMkFGOEUwNDFDQzRDMjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEMzNDBCRjZCQkZFMTFFQzlDMkFGOEUwNDFDQzRDMjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAGAAUAAAEN5DJSau9OOvNu/+gpBRKOClLAJgMqrLuyh1V3BlLKaYyJwy5Fg/0WxCGoV/ixRIgeqyodEqlRgAAOw==) left center no-repeat; }

.tableholder{width:991px}
.sscamp{text-align:center;margin:30px auto 60px}
.cp_container ul.svs li{ margin: 0;}
ul.svs li.lft{width:65%}
ul.svs li.rgt{width:35%}
.kumi{ width: 100%; box-sizing: border-box;}
.jss.other-cpn{padding:16px}
.other-cpn-title{display:flex}
.other-cpn-title .ttl{width:280px;flex-direction:column;display:flex;justify-content:center;font-weight:700}
.other-cpn-title .ttl .pr{padding-top:8px;font-weight:700;display:block;color:#4c4c4c;font-size:14px}
.other-cpn-title .ttl.gray{color:#4c4c4c}
.other-cpn-title .ttl.navy{color:#14375d}
.other-cpn-title .ttl.red{color:#a5392b}
.other-cpn-title .icon{width:50px;height:50px;margin-right:8px}
.other-cpn-bnr{padding-top:20px}
.other-cpn-bnr .other{text-align:right;display:block;padding-top:14px}
.other-cpn-bnr img{width:100%}
.other-cpn-bnr .btnbox{background-color:#ebebeb;padding:16px;display:flex;flex-direction:column}
.other-cpn-bnr .btnbox a{border:1px solid #999;border-radius:50px;display:block;height:50px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#333}
.other-cpn-bnr .btnbox a::before{content:url(https://img.travel.rakuten.co.jp/special/sales/coupon/202206/images/icon_cpn.svg);margin-right:8px;margin-top:6px}
.other-cpn-bnr .btnbox a span{font-size:20px;font-weight:700}
.other-cpn-bnr .btnbox li+li{margin-top:8px}
#couponDetBox{background:#fff}
#CPN h2{text-align:center;margin:10px auto 25px}
.comebox{display:flex;justify-content:space-between}
.comebox .select-kome{padding-bottom:0;display:flex;align-items:center}
.cpLinkwindow{margin:40px auto 0!important;margin-bottom:0!important;display:flex;justify-content:center}
.cpnBox{width:1218px;margin:0 auto;padding-top:68px}
.cpnBox .cpnBox-title{color:#000;font-size:36px;font-weight:700;display:flex;justify-content:center;flex-direction:column;align-items:center}
.cpnBox .cpnBox-title.mb{margin-bottom:24px;padding-top: 18px;}
.cpnBox .cpnBox-title .logo{width:50px;margin-right:16px}
.cpnBox .cpnBox-title .logo img{width:100%}
.cpnBox .cpnBox-pr{text-align:center;padding-bottom:24px;padding-top:16px}
.cpnBox .cpnBox-note{text-align:right;padding-bottom:8px;font-size:12px}
.cpnBox .cpnBox-title span{padding-top:10px;display:flex;font-size:27px}
.cpnBox .cpnBox-title em{color:#bf0000}
.cpnBox .cpnBox-title img{margin-right:.5em;width:fit-content}
.cpnBox .cpnBox-title .small{font-size:14px;font-weight:400}
.subtitle-box{background-color:#e9e9eb!important;padding-top:24px!important;margin:0!important;flex:0 0 100%;height:auto!important}
.subtitle-box>div{display:flex;align-items:end;justify-content:center}
.cpnBox .cpnBox-subtitle{color:#f154ba;font-size:27px;padding-bottom:8px;border-bottom:2px solid #f154ba}
.cpnBox .cpnBox-subtitle .small{font-size:18px}
.subtitle-box .btmarea{max-width:none;margin:initial;height:0;overflow:hidden;padding-bottom:0!important;margin:0}
.cp_box .cp_container{ height: 2400px;}
.ss-button-middle.ss-button-ana, .ss-button-middle.ss-button-jal, .ss-button-middle.ss-button-jr{ font-size: 16px !important;}
.cp_container ul li { text-align: left; margin: 25px 15px 0 15px; width: 375px; float: none; }
.coupon__box__holder{ padding:48px 92px 32px;}
.coupon__title{ margin: 24px 8px 0;}
.coupon__subtitle{ background: #F3F3F3; padding: 24px 0;}
.coupon__filter__row dl .coupon__filter__check-box{ gap: 18px;}
.coupon__filter__row dl .coupon__filter__check-box li{ font-size: 14px;}
.no-coupon{ padding-top: 60px;}
}

@media all and (max-width:720px){
.attention{clear:both}
.select-kome{clear:both}
.allShowBtn.show{margin-bottom:8px}
#topBnrBox h1.pre::before{content:normal}
#topBnrBox{background:#e9e9eb url(https://img.travel.rakuten.co.jp/special/sales/dp/202406/images/phtDpSp.jpg) no-repeat top center;background-size:cover}
.ss-title .kvBnr{aspect-ratio:1.9/1}
.siboriBtn{right:0;bottom:174px;z-index:99;width:60px;height:60px;background-size:60px 60px;background-repeat:no-repeat;text-indent:-9999px;background-image:url(https://img.travel.rakuten.co.jp/special/sales/template/new_template/images/siboriBtn.svg)}
.siboriBtn.active2{display:none!important}
.gotoCpnIntro{margin:16px 8px}
.gotoCpnIntro .left{margin:0 16px}
.gotoCpnIntro .left img{width:100%}
.gotoCpnIntro .right{margin:16px 0 0;text-align:left;font-size:12px;line-height:1.6}
.gotoCpnIntro .right b{display:block;font-size:160%;text-align:center}
#CPTS.mapArea .square .column-list dl{min-height:100px}
#CPTS.mapArea .square .column-list dd{font-size:22px;padding-top:20px}
#CPTS.mapArea .square .column-list dd small{font-size:16px}
#CPTS.mapArea .square .column-list dd span{font-size:13px;margin-top:4px}
body .rgt.submenu{overflow:scroll!important}
.popup-buttons{position:relative}
.ui-datepicker{width:80%}
.selectBtnNew ul li.radioBtn a{padding:0 0 0 20px}
body .rgt.submenu{padding-top:0}
.ui-datepicker.ui-widget select.ui-datepicker-year{width:85px!important}
#RANK{ margin-top: 64px;}
#RANK .ss-hotelbox,#TABU .ss-hotelbox{ overflow: visible; margin-top: 16px;}
.ss-hotel .hotel-img{width:calc(100% + 20px);margin:-10px -10px 8px!important;background-size:cover; background-repeat: no-repeat; background-position: center center; height: 180px;}
#RANK .column-list,#TABU .column-list{ width: auto; margin: 0; height: auto; display: block;}
#RANK .txt_xs,#TABU .txt_xs{margin:0 8px 8px}
#RANK .ss-hotel .hotel-price a{ display: block;}
#RANK .ss-hotel .hotel-price a span.details span.price-info{ max-width: none !important; width: 100%; box-sizing: border-box; right: 0;}
#RANK .ss-hotel .price-info-arrow{ right: 2px;}
#TABU .jdsTabNavSwiper{ background: #f3f3f3;}
#TABU .jdsTabNav { padding: 16px 5px; display: flex; flex-wrap: wrap; gap: 8px; }
#TABU .jdsTabNav li { border-radius: 3px; width: calc((100% - 24px) / 4); background-color: #fff; color: #333; text-align: center; padding: 8px 0; cursor: pointer; }
#TABU .jdsTabNav li.active { background: #0dbd0d; color: #fff; }
#TABU .jdsTabNavLv2{ margin: 12px 0 0; display: flex; overflow-x: scroll; gap: 4px; padding-bottom: 8px; }
#TABU .jdsTabNavLv2 li{ width:auto;  padding: 0 24px; margin: 0 2px; border: 1px solid #d3d2d2;border-radius: 4px; font-weight: normal; margin: 0; background: #ffffff; display: flex !important; justify-content: center; line-height: 40px; font-size: 12px; cursor: pointer; }
#TABU .jdsTabNavLv2 li.check { border: 1px solid #5e8a38; color: #5e8a38; padding-left: 24px !important; background: url(data:image/gif;base64,R0lGODlhGAAUALMAAOrv5GmRRt/n2F6KONTgyn+hYKrBlfX48nSZU1SCK+rw5WmSRf///wAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDMzQwQkY3QkJGRTExRUM5QzJBRjhFMDQxQ0M0QzI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDMzQwQkY4QkJGRTExRUM5QzJBRjhFMDQxQ0M0QzI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEMzNDBCRjVCQkZFMTFFQzlDMkFGOEUwNDFDQzRDMjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEMzNDBCRjZCQkZFMTFFQzlDMkFGOEUwNDFDQzRDMjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAGAAUAAAEN5DJSau9OOvNu/+gpBRKOClLAJgMqrLuyh1V3BlLKaYyJwy5Fg/0WxCGoV/ixRIgeqyodEqlRgAAOw==) left center no-repeat; }
#TABU .jdsTabNavLv2 li.usj,#TABU .jdsTabNavLv2 li.tdr,#TABU .jdsTabNavLv2 li.htb{ width: auto;}
#TABU .ss-hotelbox{ display: flex; flex-wrap: wrap;}
#TABU .column-list{ width: calc(50% - 8px); margin: 0 4px 8px;}
.ss-button-middle.ss-button-ana, .ss-button-middle.ss-button-jal, .ss-button-middle.ss-button-jr{ font-size: 12px; padding: 0.6em 0;}
.ss-button-middle.ss-button-ana span,.ss-button-middle.ss-button-jal span,.ss-button-middle.ss-button-jr span{ display: inline-block;}


#filterBtn2,#filterBtn3{transition:all .3s ease}
.active3,.active4{bottom:428px}
.spcpbtn{transition:all .3s ease-in-out;width:50px;height:50px;border:1px solid #777;color:#333;text-align:center;font-weight:700;letter-spacing:-1px;border-radius:5px;background:#fff;font-size:12px;box-sizing:border-box;padding-top:30px;position:absolute;right:0;bottom:45px}
.spcpbtn a{color:#333}
.sscamp{text-align:center;margin:0 16px 32px;padding-top:16px}
.sscamp img{width:100%}

.ss-banner-box{margin:0 8px}
.other-cpn-bnr a{display:block;margin-top:8px}
.other-cpn-bnr img{width:100%}
#dhInfo {padding:10px}
#dhInfo .char br{ display: block;}
#couponDetBox{background:#fff;display:block}
.cpnBox{padding-top:50px}
.cpnBox .cpnBox-title{color:#333;font-size:24px;font-weight:700;display:flex;justify-content:center;text-align:center;align-items:center;flex-direction:column;padding:0 8px}
.cpnBox .cpnBox-title.mb{margin-bottom:8px;padding: 20px 0 0; overflow: hidden;}
.cpnBox .cpnBox-pr{text-align:center;padding-top:16px}
.cpnBox .cpnBox-title span{display:flex;font-size:20px}
.cpnBox .cpnBox-title em{color:#bf0000}
.cpnBox .cpnBox-title img{margin-right:.5em;width:fit-content}
.cpnBox .cpnBox-title .small{font-size:14px;text-align:center;font-weight:400}
.subtitle-box{padding-top:24px!important;margin:0!important;flex:0 0 100% !important;height:auto!important}
.subtitle-box>div{display:flex;align-items:end;justify-content:center}
.cpnBox .cpnBox-subtitle{color:#f154ba;font-size:22px;border-bottom:2px solid #f154ba}
.cpnBox .cpnBox-subtitle .small{font-size:18px}
.subtitle-box{margin-bottom:-6px!important}
.subtitle-box .btmarea{max-width:none;margin:initial}
li:not(.ab) .overtime .cpPreTxt{display:block!important}
.comebox .select-kome{padding-top:8px}
.subtitle-box .btmarea{max-width:none;margin:initial;height:0;overflow:hidden;padding-bottom:0!important;margin:0}
.ss_campaign{ margin: 0 10px;}
.typeBox p {/* text-align: center; */}
.typeBox p span{ height: 18px}


}



@media screen and (max-width: 720px) {
#RANK .ss-hotel .hotel-main .area-name,#TABU .ss-hotel .hotel-main .area-name  {margin-bottom: 2px;line-height: 1.1;}
#RANK .ss-hotel .hotel-main .hotel-name,#TABU .ss-hotel .hotel-main .hotel-name{margin-bottom: 2px;}
#RANK .ss-hotel  .hotel-price,#TABU .ss-hotel  .hotel-price  {padding-top: 0;}
#RANK .ss-hotel  .hotel-sub,#TABU .ss-hotel  .hotel-sub {padding-top: 1px;}
.cpnBox-title b{ letter-spacing: -1px;}
.coupon__box__holder{ background: none; padding-top: 0;}
.coupon__title{ margin:0;}
.coupon__title small{ margin: 10px 16px 10px; font-size: 14px;}
.coupon__subtitle{ padding: 24px 0 16px;}
.kumi h2{ padding:0 40px 0 0; box-sizing: border-box;}

.newBnr { margin: 0 8px; }
.newBnr li img{ width: 100%;}
}

/* まとめてクーポンを獲得する */
.getAllCoupon{ width: 950px; margin: 0 auto; padding-bottom: 16px; border-bottom: 1px dashed #ccc; overflow: hidden;}
.getAllCouponTtl{ display: table; font-size: 30px; font-weight: bold; text-align: center; margin: 24px auto 0; line-height: 1.4; position: relative;}
.getAllCouponTtl b{ font-size: 38px; color: #BF0000; background: linear-gradient(to bottom, rgba(255, 255, 0, 0) 60%, rgba(255, 255, 0, 1) 70%);}
.getAllCouponTtl::before { font-size: 60px; color: #BF0000; font-weight: normal; display: inline-block; content: "|"; transform: rotate(-30deg) scaleX(0.5); position: absolute; left: -50px; bottom:0;}
.getAllCouponTtl::after { font-size: 60px; color: #BF0000; font-weight: normal; display: inline-block; content: "|"; transform: rotate(30deg) scaleX(0.5); position: absolute; right: -50px; bottom:0;}
.getAllCouponBtn { width: 420px; margin: 20px auto; padding: 16px 0; font-size: 24px; color: #fff; background-color: #BF0000; border-radius: 50px; text-align: center; cursor: pointer; }
.getAllCouponBtn:hover { opacity: 0.8; }
.getAllCouponBtn-disabled {color: #fff; background-color: #666;}
.getAllCouponBtn-disabled:hover { opacity: 1; }
.getAllCouponTxt{ font-size: 12px; color: #767676; line-height: 1.6; margin: 16px auto 0;}

.moreBox{position:relative; margin: 24px 16px 16px;}
.moreBox input{display:none}
.moreBox label{position:absolute; z-index:1; transform: translateX(-50%); left: 50%; bottom: -50px; width:150px; height:60px;cursor:pointer;text-align:center;}
.moreBox label:hover{ opacity: .7;}
.moreBox label:after{ line-height: 60px; position:absolute; z-index:2; left:50%; width:150px; content:'もっと見る'; font-weight: 600; transform:translateX(-50%);font-size:24px;color:#333!important}
.moreBox label:before{ z-index:10; display:block;position:absolute; left:50%; width:15px; transform: translate(-50%,45px) rotate(135deg); height:15px; border-top:3px solid #333;border-right:3px solid #333; content:""}
.moreBox input:checked+label{ bottom: -80px;}
.moreBox input:checked+label::after{content:'閉じる'}
.moreBox input:checked+label::before{ transform: translate(-50%,-5px) rotate(-45deg); }
.moreBox .moreContainer{overflow:hidden;max-height:0;transition:all .5s ease-in-out; padding: 0;}
.moreBox input:checked~.moreContainer{ max-height:99999px; padding-bottom: 24px;}

.moreBox.moreCoupon .moreContainer { /* max-height: 420px; */ margin-bottom: 80px;}
.moreBox.moreCoupon label{ bottom: -80px; width: 650px; height: auto; background: #fff; padding: 16px 0; font-size: 20px; color: #009700; font-weight: bold; border-radius: 4px; border: 1px solid #009700; display: flex; align-items: center; justify-content: center; flex-direction: row-reverse;}
.moreBox.moreCoupon label::after{ content: "" !important; position: static; transform: translateX(-5px); width: 32px; height: 32px; background: url(https://img.travel.rakuten.co.jp/special/supersale/202503/images/btnIconCoupon.svg) no-repeat;}
.moreBox.moreCoupon label::before{ content: ""; position: absolute; left: 95%; top: 50%; transform: translateY(-65%) rotate(135deg); width: 13px; height: 13px; border: 1px solid #009700; border-bottom: none; border-left: none;}
.moreBox.moreCoupon input:checked+label::before {transform: translateY(-50%) rotate(-45deg);}
.coupon_txt{ margin:32px auto 8px; padding: 0; color: #BF0000 ; font-size: 14px; text-align: center; }
.coupon_txt a{ color: #BF0000; text-decoration: underline;}

.moreSchedule{ width: 650px; margin: 140px auto 0;}
.moreSchedule .moreScheduleTtl{ font-size: 26px; text-align: center; margin-top: 40px; line-height: 1.4;}
.moreSchedule .moreScheduleTtl b{ color: #009700;}
.moreSchedule .moreScheduleTtl b em{ font-style: normal; font-size: 22px;}
.moreSchedule .moreScheduleTtl small{ font-size: 14px; font-weight: normal; display: block; margin-top: 8px;}
.moreSchedule .moreScheduleTtl small.blue{ font-size: 22px; color: #002896; font-weight: bold;}
.moreSchedule .moreScheduleTtl span{ position: relative;}
.moreSchedule .moreScheduleTtl span::before { font-weight: normal; position: absolute; left: -25px; top: 0; display: block; content: "|"; transform: rotate(-30deg); }
.moreSchedule .moreScheduleTtl span::after { font-weight: normal; position: absolute; right: -25px; top: 0; display: block; content: "|"; transform: rotate(30deg); }
.moreSchedule ul{ margin: 24px auto 0; display: flex; flex-direction: column; gap: 24px;}
.moreSchedule ul li a{ display: block; position: relative; color: #fff; font-size: 22px; font-weight: bold; text-align: center; padding: 16px 0; background: #009700 url(../images/shinkansen_package.svg) no-repeat 24px center / 40px; border-radius: 4px;height: 80px;
    box-sizing: border-box;
    display: flex;

    justify-content: center;
    align-items: center;}
.moreSchedule ul li.dp a{ background: #009700 url(../images/btnIconDpw.svg) no-repeat 24px center / 40px;}
.moreSchedule ul li.jr a{ background: #009700 url(../images/btnIconJRw.svg) no-repeat 24px center / 40px;}
.moreSchedule ul li a b{ font-size: 28px;}
.moreSchedule ul li a::after { content: ""; position: absolute; right: 24px; top: 50%; transform: translateY(-65%) rotate(45deg); width: 13px; height: 13px; border: 2px solid #fff; border-bottom: none; border-left: none; }
.moreSchedule ul li a:hover{ opacity: .7;}



@media screen and (max-width: 720px) {
/* まとめてクーポンを獲得する */
.getAllCoupon{ width: auto; margin: 0 16px;}
.getAllCouponTtl{ font-size: 18px;}
.getAllCouponTtl b{ font-size: 22px;}
.getAllCouponTtl::before { font-size: 30px; left: -20px; bottom:0;}
.getAllCouponTtl::after { font-size: 30px; right: -20px; bottom:0;}
.getAllCouponBtn { width: 80%; font-size: 16px; margin: 10px auto; padding: 12px 0; }

.moreBox{ margin: 24px 16px 16px;}
.moreBox label{ bottom: -30px; width:120px; height:50px;}
.moreBox label:after{ line-height: 50px; width:120px; font-size:18px;}
.moreBox label:before{ width:12px; transform: translate(-50%,40px) rotate(135deg); height:12px; border-top:2px solid #333;border-right:2px solid #333;}
.moreBox input:checked+label{ bottom: -55px;}
.moreBox input:checked+label::before{ transform: translate(-50%,0px) rotate(-45deg); }
.moreBox input:checked~.moreContainer{ max-height: 99999px;}

.moreBox.moreCoupon{ margin:0;margin-top: 20px;}
.moreBox.moreCoupon .moreContainer { /* max-height: 400px;*/ margin:0 0 60px;}
.moreBox.moreCoupon input:checked~.moreContainer{ padding-bottom: 0;}
.moreBox.moreCoupon label{ bottom: -60px; width: calc(100% - 32px); height: auto; background: #fff; padding: 12px 0; font-size: 14px; color: #009700; font-weight: bold; border-radius: 4px; border: 1px solid #009700; display: flex; align-items: center; justify-content: center; flex-direction: row-reverse;}
.moreBox.moreCoupon label::after{ width: 20px; height: 20px; background-size: 20px;}
.moreBox.moreCoupon label::before{ left: 90%; top: 50%; transform: translateY(-65%) rotate(135deg); width: 10px; height: 10px; border: 1px solid #009700; border-bottom: none; border-left: none;}
.moreBox.moreCoupon input:checked+label::before {transform: translateY(-50%) rotate(-45deg);}

.moreSchedule{ width: auto; margin: 20px 16px 0;}
.moreSchedule .moreScheduleTtl{ font-size: 16px; margin-top: 32px;}
.moreSchedule .moreScheduleTtl b em{ font-size: 14px;}
.moreSchedule .moreScheduleTtl small{ font-size: 12px; margin-top: 8px;}
.moreSchedule .moreScheduleTtl small.blue{ font-size: 12px; }
.moreSchedule .moreScheduleTtl span::before { left: -15px;}
.moreSchedule .moreScheduleTtl span::after { right: -15px;}
.moreSchedule ul{ margin: 16px auto 0; gap: 16px;}
.moreSchedule ul li a{ font-size: 14px; font-weight: 600; padding: 8px 0; background:#009700 url(../images/shinkansen_package.svg) no-repeat 12px center / 28px; border-radius: 5px;height: 44px;
    box-sizing: border-box;
    display: flex;

    justify-content: center;
    align-items: center;}
.moreSchedule ul li.dp a{ background: #009700 url(../images/btnIconDpw.svg) no-repeat 12px center / 28px;}
.moreSchedule ul li.jr a{ background: #009700 url(../images/btnIconJRw.svg) no-repeat 12px center / 28px;}
.moreSchedule ul li a b{ font-size: 20px;}
.moreSchedule ul li a::after { right: 12px; width: 10px; height: 10px; border: 1px solid #fff; border-bottom: none; border-left: none; }
}

/* supersale_rro */
#TABU .swiper-container.hide { overflow: hidden; height: 0; margin: 0; padding: 0; border: none; opacity: 0; }
#TABU .hotel-container{ display: none;}
#TABU .hotel-main{ position: relative;}
#TABU .hotel-main.coupon_icon::after{ content: ""; display: block; margin-top: 4px; background: url(https://img.travel.rakuten.co.jp/special/sales/dp/202409/images/cpn2_svg.svg) center center no-repeat; display: block; width: 106px; background-size: 100%; height: 16px;}
#TABU  .ss-buttons{ margin-top: 10px;}