.sp { display: none !important; }
#widewrapper{width: 100%; position: relative; clear: both;  font-family: "游ゴシック", "Yu Gothic";overflow-x: hidden;}
.ss-container{ margin: 80px 0 0; border-radius: 0 !important; background: none;}
#contentsArea{ background:#FFFCDC ; padding-bottom: 20px;}
a:hover { opacity: 0.8; text-decoration: none !important; }
.ttl { text-align: center; font-size: 28px; color: #000; font-weight: 700; padding-top: 24px; font-family: '游明朝','Yu Mincho';}

.kv{  position: relative; display: flex; align-items: center; justify-content: center;}
.kv p{ position: absolute; right: 8px; bottom: 8px; font-size: 14px; color: #fff;}


/* coupon */
#coupon{ margin: 0; padding: 64px 10px; background: #FF5611;}
.couponBox{ 
          max-width: 1280px;
        display: flex;
        gap: 40px;
        width: 100%;
        margin: 0 auto;
}
.couponBox .lf{ margin-right: 16px;}
.couponBox-tt{ max-width: 1280px; margin: 0 auto;}
.couponBox-tt .txt{color: #FFF; font-size: 36px; font-weight: 700; line-height: 140%; /* 50.4px */ 
  letter-spacing: 1.44px; position: relative; margin: 0 auto; text-align: center;}
.couponBox-tt .txt em{ font-style: normal; text-decoration: underline;text-underline-offset:8px}
/* .couponBox .txt::after{ display: block; content: ""; width: 255px; height: 1px; background: #fff; position: absolute; right: 10px; top: 60px;} */
.couponBox-tt .txt span{ display: block; font-weight: 400; margin-top: 20px; font-size: 20px;line-height: 140%; /* 28px */ letter-spacing: 1.6px;}
.couponOneClick .coupon__time,.couponOneClick .coupon__time .coupon__time__start span,.couponOneClick .coupon__amount,.couponOneClick .coupon__condition{ color: #fff;}
.couponOneClick .coupon__condition::after{background: url(https://img.travel.rakuten.co.jp/themepark/htb/special-offers/202505/images/modal_svg.svg);}

.coupon__filter__guide{  margin: 36px auto 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;}
.coupon__filter__guide::after{ background-image: url(https://img.travel.rakuten.co.jp/themepark/htb/special-offers/202505/images/modal_svg.svg);}

/* search */
#Searchbox{padding:64px 0; background: #F5F5F5; margin: 0;}
#Searchbox .searchWide{background:#fff; width:100%; max-width: 1280px; margin:0 auto 0; padding:0 32px 64px; box-sizing: border-box; overflow: hidden;}
#Searchbox .searchWide #search-box{border:none}
#search-box.verB.test .dhAll.dh{ margin-top: 64px;}
#search-box p.searchSubmit a{ background: #D04A00 !important;}


/* plan */
.planMain{ max-width: 1280px;  margin: 40px auto 0;box-sizing: border-box;padding: 0 10px;}
.ss-hotelbox{ margin: 24px 0 0; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 43px;}
.ss-hotel{ width: calc((100% - 86px) / 3); border-radius: 4px; border: none; position: relative; padding: 0; margin:0; background: #fff;}
.ss-hotel .hotel-img{ width: 100%; margin: 0;}
.ss-hotel .hotel-img a{ display: block; height: 220px; position: relative;}
.ss-hotel .hotel-img a::after{ display: block; width: 100%; height: 50%; content: ""; position: absolute; left: 0; bottom: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.32) 72%, rgba(0, 0, 0, 0.00) 100%);}
.ss-hotel .htnbox{ z-index: 1; position: absolute; left: 0; bottom: 48px; width: calc(100% - 32px); margin: 0 16px;  text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.40);}
.ss-hotel .hotelName { color: #fff; font-size: 18px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.40); font-weight: 700; line-height: 130%; /* 18px */ letter-spacing: 0.72px;}
.ss-hotel .area{ margin: 10px 0 0;  color: #FFF; font-size: 14px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.40); font-style: normal; font-weight: 500; line-height: 100%; /* 14px */ letter-spacing: 0.56px;}
.ss-hotel .rvw-score{ position: relative; z-index: 1; display: flex; justify-content: center;}
.ss-hotel .stars { font-size: 14px; letter-spacing: 3px; margin-right: 7.5px; width: 88px; text-align: center; display: inline-block; position: relative; }
.ss-hotel .stars .review-base { padding-left: 1.5px; color: #f3f3f3; width: 100%; box-sizing: border-box;}
.ss-hotel .stars .review-rst { padding-left: 1.5px; color: #ffba00; position: absolute; overflow: hidden; top: 0; left: 0; z-index: 1; box-sizing: border-box; }
.ss-hotel .review-score { color: #fff; display: inline-block; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.40); font-size: 14px; font-style: normal; font-weight: 700; line-height: 100%; /* 14px */ letter-spacing: 0.56px;}
.ss-hotel .hotelPlan{ padding: 12px 8px; color: #FF5611; text-align: center; font-size: 16px; font-style: normal; font-weight: 700; line-height: 100%; /* 16px */ letter-spacing: 0.64px;}
.ss-hotel .hotel-price{ text-align: center; padding: 0 8px 16px; color: #333; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; /* 12px */}
.ss-hotel .hotel-price b{ font-size: 20px;}
.pre .ss-hotel .hotel-price{ display: none;}
.ss-hotel .planBox{ display: block; overflow: hidden;}
.ss-hotel .coupon_icon{ position: absolute; left: 0; top: 12px; font-size: 13px; color: #fff; font-weight: bold;  }
.posi{ width: 100%; left: 0; top: 185px; position: absolute;}
.ss-hotel .planBox {position: relative;color: #FF5611;}
.ss-hotel .planBox::after {    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    right: 16px;
    top: calc(50% - 6px);
    border-width: 0 1px 1px 0;
    border-style: solid;
    transform: rotate(-45deg);}

@media screen and (max-width: 1300px) {
  .ss-hotelbox{ column-gap: 20px; }
  .ss-hotel{ width: calc((100% - 40px) / 3); }
}

.atn{max-width: 1280px; width: 100%; margin: 16px auto 40px; font-size:12px ; line-height: 1.6;box-sizing: border-box;padding: 0 10px;}
.atn2{ margin: 40px auto ; font-size:14px ; font-weight: bold; color: #644A25; text-align: center;}
.navi { position: fixed; bottom: 10px; right: 10px; z-index: 997; display: none;}


._coupon_icon { position: absolute;  background: linear-gradient(to right, #caa201, #ae8c06); color: #fff; font-size: 13px; top: 12px; left: 12px; font-style: normal; padding: 4px 8px; border-radius: 3px; font-weight: bold;}
.coupon__filter__guide{ margin: 24px auto;}

.preview{ margin-top: 32px; min-height: 250px; font-size: 16px; font-weight: bold; text-align: center; line-height: 1.5; padding: 5px 0 0; background: url(https://img.travel.rakuten.co.jp/themepark/htb/special-offers/202505/images/preview.png) center top no-repeat;}
.preview b{ font-size: 20px;}
.preview small{ font-size: 12px;}

.banner-section {display: block;padding: 64px 0;}
.banner-section img { height: 200; display: block; margin: 0 auto; }

.shNote{font-size: 80%;
    padding-top: 16px;
    text-align: center;}

    #search-box.verB.test .explain{top: -35px !important;}