@charset "utf-8";
.pc {display: none !important;}
.ss-contents{overflow: hidden; line-height: 1.5;}
.ss-title .kvBnr img{display: block; width: 100%;}
.ss-container{border: none; padding: 0 16px; margin-bottom: 56px;}
.lead{margin: 16px; font-size: 14px; font-weight: 700; text-align: center;}
.pdf p{font-size: 14px; margin: 0 16px 8px; text-align: center;}
.pdf img{display: block; margin: 0 auto 24px;}
.bgRed{background: #CC0000; padding: 24px 16px; margin-bottom: 40px;}

/* .mainTitle{font-size: 20px;display: flex; justify-content: center; align-items: center; margin-bottom: 16px;}
.mainTitle img{margin-right: 8px; width: 28px;} */
.mainTtl span{position: relative; height: auto; font-size: 20px;padding:9px 0 0 48px;}
.ttlicon:after{transform: scale(0.6); left: 0;}



/* undate */
/* #shBox{padding-bottom: 56px;} */
#Searchbox{margin-bottom: 0; background: none;}
#Searchbox .mainTtl{color: #fff;}
#Searchbox .mainTtl span{padding: 5px 0 0 48px;}
#Searchbox .ttlicon:after{background-image: url(https://img.travel.rakuten.co.jp/package/jal/sale/202408/images/ttlIcon_w.svg) !important; content: '';}
#search-box.verB.test .dhAll.dh{display: flex; justify-content: space-between; flex-wrap: wrap;}
#search-box.verB.test #dh-search-form #dhChuArea{width: 100%;}
#search-box.verB .searchUndate{width: 100%; background:none; order: 6; padding: 0; margin: 0;}
#search-box.verB .searchUndate input[type="checkbox"] + label{color: #333;}
#search-box.verB.test .InpuDateBox{width: 100%;}
#maskDh{height: 133px; bottom: 30px;}
#search-box.verB.test #searchSwitchArea1{background: #e0e0e0;padding: 16px;}
#search-box.verB.test #dh-search-form .chuArea .structure,
#search-box.verB.test #dh-search-form .chkDate dl.fltDl.chkIn, 
#search-box.verB.test #dh-search-form .chkDate dl.fltDl.chkOut,
#search-box.verB.test #dh-search-form div.ninzu dl.structure dd.number,
#search-box.verB.test #dh-search-form .roomNumber dl.structure.heya{border: 1px solid #D3D2D2;}
#search-box .searchNavi li.on label{background: #c00; border-color: #c00;}
#search-box .searchNavi li.on:after{border-top-color: #c00;}
#search-box .searchNavi li{width: 24%;}

/* ranking */
#ranking{padding: 0 16px; margin-bottom: 24px;}
#ranking .mainTtl{color: #c00;}
/* #ranking .mainTtl span{padding:9px 0 0 48px;} */
#ranking .ttlicon:after{background-image: url(https://img.travel.rakuten.co.jp/package/jal/sale/202408/images/ttlIcon_r.svg) !important; content: '';}
/* .rankSubTtl{line-height: 1.6; font-size: 16px; margin-bottom: 8px;} */
#ranking .jdsTab{margin-bottom: 24px; padding-bottom: 16px; transform: none !important; display: flex; justify-content: center;}
#ranking .jdsTabNav{transform: none !important;}
#ranking .jdsTabNav li{flex: 1; background: #fff; text-align: center; padding: 8px 4px; margin: 0 3px; font-size: 16px;border-bottom: 2px solid #F3F3F3;}
#ranking .jdsTabNav li.active{border-bottom: 2px solid #c00;}
.swiper-scrollbar{background: #D9D9D9 !important;}
.swiper-scrollbar-drag{background: #646262 !important;}
#ranking .photo .photo-in-in{height:90px;}
#ranking .hotel-box{padding-bottom: 16px; margin-bottom: 16px;}
#ranking .hotel-box a:hover{opacity:1;}
#ranking .hotel-box .hotel{background:#ffffff;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);border-radius:4px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box;}
#ranking .hotel-box .hotel .main{position:relative;}
#ranking .hotel-box .hotel .main a{padding:0px 8px 2px;display:block;color:#333;}
#ranking .hotel-box .hotel .main a:hover .photo-in-in{transform:scale(1.2);}
#ranking .hotel-box .hotel .photo{overflow:hidden;margin:0 -8px;border-radius:4px 4px 0 0;}
#ranking .hotel-box .hotel .photo .photo-in-in{background-position:center;background-size:cover;border-radius:4px 4px 0 0;}
#ranking .hotel-box .hotel .photo .photo-in-in:hover{transform:scale(1.2);}
#ranking .hotel-box .hotel .name{font-size:14px;font-weight:700;padding-top:8px;line-height:1.4;padding-bottom:6px;position:relative;}
#ranking .hotel-box .hotel .name.crown{padding-top:34px;}
#ranking .hotel-box .hotel .area{min-height:18px;font-size:12px;}
#ranking .hotel-box .hotel .name.crown:after{content:"";display:block;position:absolute;top:3px;left:0;width:36px;height:30px;background:url(https://img.travel.rakuten.co.jp/share/pctop/images/icon_rank.svg) no-repeat;background-size:auto 28px;}
#ranking .hotel-box .hotel:nth-of-type(1) .name:after {background-position: -2px 0px;}
#ranking .hotel-box .hotel:nth-of-type(2) .name:after {background-position: -38px 0px;}
#ranking .hotel-box .hotel:nth-of-type(3) .name:after {background-position: -74px 0px;}
#ranking .hotel-box .hotel:nth-of-type(4) .name:after {background-position: -112px 0px;}
#ranking .hotel-box .hotel:nth-of-type(5) .name:after {background-position: -148px 0px;}
#ranking .hotel-box .hotel:nth-of-type(6) .name:after {background-position: -186px 0px;}
#ranking .hotel-box .hotel:nth-of-type(7) .name:after {background-position: -223px 0px;}
#ranking .hotel-box .hotel:nth-of-type(8) .name:after {background-position: -259px 0px;}
#ranking .hotel-box .hotel:nth-of-type(9) .name:after {background-position: -295px 0px;}
#ranking .hotel-box .hotel:nth-of-type(10) .name:after {background-position: -333px 0px;}
#ranking .hotel-box .hotel:nth-of-type(3) .name:after{background-position:-74px 0px;}
#ranking .hotel-box .hotel .rvw-score{padding-top:2px;padding-bottom:4px;padding-left:10px;}
#ranking .hotel-box .hotel .rvw-score a .review-score{color:#bf0000;font-size:14px;font-weight:700;}
#ranking .hotel-box .hotel .rvw-score a .review-score:hover{opacity:0.8;}
#ranking .hotel-box .hotel .rvw-score .stars{font-size:14px;letter-spacing:1px;margin-right:2px;width:80px;display:inline-block;position:relative;}
#ranking .hotel-box .hotel .rvw-score .stars .review-base{color:#eaeaea;width:100%;box-sizing:border-box;}
#ranking .hotel-box .hotel .rvw-score .stars .review-rst{color:#ffba00;position:absolute;overflow:hidden;top:0;left:0;z-index:1;width:0;box-sizing:border-box;}
#ranking .hotel-box .hotel .price{font-weight:700;color:#bf0000;text-align:right; font-size: 13px; padding: 0 8px;}
#ranking .hotel-box .hotel .price em{font-size:16px;font-style:normal;}
#ranking .hotel-box .hotel .links{padding:2px 0 4px;text-align:center;}
#ranking .hotel-box .hotel .links a{font-size:14px;color:#1d54a7;background:#fff;display:block;margin:8px;border:1px solid #ccc;border-radius:3px;padding:8px 0;color:#333;}
#ranking .hotel-box .hotel .links a:hover{border:1px solid #eaeaea;background-color:#f3f3f3;}
#ranking .hotel-box .hotel .links a.coupon-link::before{content:"";display:inline-block;width:18px;height:18px;position:relative;left:-4px;top:4px;background-image:url(https://img.travel.rakuten.co.jp/share/pctop/images/hotel_coupon_svg.svg);background-size:18px auto;background-repeat:no-repeat;}
#ranking .hotel-box .hotel .links a.noCoupon{display:none!important;}
/* .rankNote{font-size: 13px; margin: 0 16px 56px;} */

#otoku{margin-top: 32px;}
#otoku .mainTtl{color: #c00;}
#otoku .mainTtl span{white-space: nowrap;}
#otoku .ttlicon:after{background-image: url(https://img.travel.rakuten.co.jp/package/jal/sale/202408/images/ttlIcon_r.svg) !important; content: '';}
#otoku a img{display: block; width: 100%;}


/* .pagetop{width: 40px; margin: 0 6px 6px 0;} */
.pagetop a{background: #bf0000;}
/* .pagetop a:after{margin-top: -4px;} */
.wn {
    font-size: 12px;
    line-height: 1.6;
    margin: 0 16px 40px;
}
#newCpn{background: #F8E3E3; padding: 32px 16px; margin: 24px 0 0;}
#newCpn .mainTtl{color: #c00;}
#newCpn .mainTtl span{white-space: nowrap;}
#newCpn .ttlicon:after{background-image: url(https://img.travel.rakuten.co.jp/package/jal/sale/202408/images/ttlIcon_r.svg) !important; content: '';}
#newCpn .coupon__box__holder{padding: 0 30px;}
.cpLinkwindow{display: flex; justify-content: center; margin-bottom: 24px;}
.cpLinkwindow a{font-size: 12px; background: #fff; border-radius: 3px; padding: 4px 12px; color: #333; margin: 0 4px; border: 1px solid #ddd; border-radius: 4px;}
.cpLinkwindow a:last-of-type{position: relative;margin-right: 30px;}
.cpLinkwindow a:last-of-type:after{position: absolute; background: url(https://img.travel.rakuten.co.jp/package/jal/sale/202503/images/blank.png) no-repeat; width: 14px; height: 14px; content: ''; right: -24px;}
