@charset "utf-8";

.sp {display: none !important;}
.ss-title .kvBnr img{display: block; width: 100%;}
.ss-contents{font-family: 'Noto Sans JP', sans-serif; line-height: 1.6; overflow: hidden;}
.ss-center{width: 100%; margin: 0 auto; max-width: none;}
.ss-container{border: none; padding: 0;margin-bottom: 112px; color: #333;}
.bgRed{background: #CC0000; padding: 80px 0; margin-bottom: 80px;}

.lead{width: 588px; margin: 24px auto 40px; font-size: 20px; font-weight: 700; white-space: nowrap;}

.pdf{display: flex; justify-content: center; align-items: center; font-size: 14px; margin-bottom: 64px;}
.mainTtl{margin-bottom: 40px;}
.mainTtl span{position: relative; padding-left: 56px; height: 45px;}


/* undate */
.searchWide{width: 1280px; margin: 0 auto; background: #fff; padding: 40px 32px; box-sizing: border-box;}
#Searchbox .mainTtl{color: #fff;}
#Searchbox .ttlicon:after{background-image: url(https://img.travel.rakuten.co.jp/package/jal/sale/202408/images/ttlIcon_w.svg) !important; top: 0;}
#search-box.verB{margin-top: 0;}
#search-box.verB .searchUndate{background: none; color: #333; width: auto;top: 72px;}
#search-box.verB .searchUndate input[type="checkbox"] + label{color: #333;}
#search-box.verB #search-box-body{width: 100%;}
#Searchbox{background: none; margin-bottom: 0;}
.jalPage #search-box #domestic-search-container .searchCategory li.on{background-color: #CC0000;}
.jalPage #search-box .searchNavi li.on:after{border-top-color: #c00;}
#search-box.verB.test .explain{top: -35px;}

/* ranking */
#ranking{width: 1280px; margin: 0 auto 40px;}
#ranking .mainTtl{color: #c00;}
#ranking .ttlicon:after{background-image: url(https://img.travel.rakuten.co.jp/package/jal/sale/202408/images/ttlIcon_r.svg) !important; top: 0;}
#ranking .jdsTabNav{margin: 0 auto 24px; display: flex; justify-content: center; transform: none !important;}
#ranking .jdsTabNav li{width: 160px; background: #fff; text-align: center; padding: 10px 4px; margin: 0 6px; font-size: 18px;}
#ranking .jdsTabNav li.active{border-bottom: 2px solid #c00;}
#ranking .jdsTabNav li:hover{cursor: pointer;border-bottom: 2px solid #c00;}
.swiper-scrollbar{background: #D9D9D9 !important;}
.swiper-scrollbar-drag{background: #646262 !important;}
#ranking .photo .photo-in-in{height:124px;}
#ranking .photo{height:124px;}
#ranking .hotel-box{padding-bottom: 24px; margin-bottom: 40px;}
#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;height:105px;}
#ranking .hotel-box .hotel .photo .photo-in-in{background-position:center;background-size:cover;height:105px;border-radius:4px 4px 0 0;transform:scale(1);transition:0.3s ease-in-out;}
#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(n+11){display: none;}
#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: 14px; padding: 0 10px;}
#ranking .hotel-box .hotel .price em{font-size:16px;font-style:normal;font-feature-settings:"palt", 1;}
#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: 14px; margin: 0 auto 112px;}

#otoku{margin-top: 40px;}
#otoku .mainTtl{color: #c00;}
#otoku .ttlicon:after{background-image: url(https://img.travel.rakuten.co.jp/package/jal/sale/202408/images/ttlIcon_r.svg) !important; top: 0;}
#otoku a {display: block; margin: 0 auto; width: 730px;}
#otoku a:hover{opacity: .8;}

.pagetop a{background: #c00;}


/* .pagetop{width: 80px; margin: 0 10px 10px 0;}
.pagetop a{height: 80px; background: #bf0000; border-radius: 100rem;} */

.wn {
    font-size: 14px;
    margin: 0 auto 80px;
    line-height: 1.5;
    width: 1280px;
}
#newCpn .mainTtl{color: #c00;}
#newCpn .ttlicon:after{background-image: url(https://img.travel.rakuten.co.jp/package/jal/sale/202408/images/ttlIcon_r.svg) !important; top: 0;}
#newCpn{background: #F8E3E3; padding: 64px 20px; margin-bottom: 0;}
#newCpn .coupon__box__holder{justify-content: center; padding: 0;}
.cpLinkwindow{display: flex; justify-content: center; margin-bottom: 40px;}
.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;}