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

a:hover { opacity: 0.8; text-decoration: none !important; }

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


/* coupon */
#coupon{ margin: 0; padding: 16px; background: #FF5611;}

.couponBox-tt .txt{color: #FFF; font-size: 25px; font-weight: 500; line-height: 140%; /* 50.4px */ letter-spacing: 1.2px; position: relative; text-align: center; }
.couponBox-tt .txt small{display: inline-block;}
.couponBox-tt .txt em{ font-style: normal; text-decoration: underline;text-underline-offset:4px;display: inline-block;}
/* .couponBox .txt::after{ display: block; content: ""; width: 175px; height: 1px; background: #fff; position: absolute; right: 40px; top: 40px;} */
.couponBox-tt .txt span{ display: block; text-align: center; margin-top: 16px; font-size: 16px; line-height: 140%; /* 28px */ letter-spacing: 1.6px;}

.couponOneClick{ margin-top: 24px;}
.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::after{ background-image: url(https://img.travel.rakuten.co.jp/themepark/htb/special-offers/202505/images/modal_svg.svg);}

/* search */
#Searchbox{padding:24px 0; background: #F5F5F5; margin: 0;}
#Searchbox #search-box{ margin: 16px; border-radius: 0; border: none; background: none;}
#search-box .inputDate{ background-color: #fff;}
#search-box.verB.test #searchSwitchArea1 p.searchSubmit{ padding: 0;}
#search-box.verB.test #searchSwitchArea1, #search-box.verB.test #searchSwitchArea2{ padding: 0; background: none;}
#search-box.verB #dh-search-form .searchSubmit a, #search-box.verB #dap-search-form .searchSubmit a{ margin-top: 0;background:#D04A00; border: none;}


/* plan */
.ttl2 { text-align: center;  font-size: 22px; font-style: normal; font-weight: 600; line-height: 100%; }
.planMain{ margin: 24px 16px 0; }
.ss-hotelbox{ margin: 24px 0 0; display: flex; overflow: visible; flex-wrap: wrap; box-sizing: border-box;}
.ss-hotel{ background: #fff; width: 100%; margin-right: 8px; border-radius: 4px; overflow: hidden; box-shadow: none; border: none; position: relative; display: flex; flex-direction: column; box-sizing: border-box;}
.ss-hotel .columnB{ display: flex; flex-wrap: wrap; align-items: baseline; margin:0 0 8px; justify-content: space-between;}
.ss-hotel .hotel-img{ display: block; width: calc(100% + 20px); margin: -10px -10px 8px !important; border-radius: 4px 4px 0 0; overflow: hidden;}
.ss-hotel .hotel-img a{ display: block; height: 190px;}
.ss-hotel .hotel-img span { position: absolute; left: 0; bottom: 0; width: 100%; padding: 8px; box-sizing: border-box; font-size: 14px; color: #fff; line-height: 1.4; background: rgba(0, 0, 0, 0.45); font-weight: bold; }
.ss-hotel .hotelName { width: 100%;}
.ss-hotel .hotelName a{ color: #333; font-size: 14px; font-weight: 700; line-height: 100%; /* 18px */ letter-spacing: 0.72px;}
.ss-hotel .area{  font-size: 12px; font-style: normal; font-weight: 500; line-height: 1.4; letter-spacing: 0.56px; width: calc(100% - 135px);}
.ss-hotel .rvw-score{ display: flex; justify-content: center; min-width: 135px;}
.ss-hotel .stars { font-size: 14px; letter-spacing: 3px; margin-right: 2.5px; width: 88px; text-align: center; display: inline-block; position: relative; }
.ss-hotel .stars .review-base { padding-left: 1.5px; 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 { display: inline-block; color: #333; font-size: 14px; font-style: normal; font-weight: 700; vertical-align: -3px; line-height: 100%; /* 14px */ letter-spacing: 0.56px;}
.ss-hotel .hotelPlan{ margin: 0 0 2px; color: #FF5611; text-align: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: 1.6;}
.ss-hotel .hotel-price{ text-align: center; color: #333; font-size: 14px; font-style: normal; font-weight: 500; line-height: 100%; padding: 4px 0;}
.ss-hotel .hotel-price b{ font-size: 16px;}
.pre .ss-hotel .hotel-price{ display: none;}
.ss-hotel .coupon_icon{ display: table; margin-bottom: 8px; font-size: 12px; color: #fff; font-weight: bold; position: relative;top:14px; left: -1px;}
.ss-hotel .coupon_icon img{ width: 120px;}
.ss-hotel .planBox {position: relative;color: #FF5611;}
.ss-hotel .planBox::after {    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    right: 12px;
    top: calc(50% - 6px);
    border-width: 0 1px 1px 0;
    border-style: solid;
    transform: rotate(-45deg);}


.atn{ margin: 0 16px 16px; font-size:12px ; line-height: 1.6;}
.atn2{ margin: 24px 16px ; font-size:14px ; font-weight: bold; color: #644A25;}
.navi { position: fixed; bottom: 10px; right: 10px; z-index: 997; display: none;}
.navi img{ width: 60px;}

/* SP Breadcrumbs */
#grpLocationArea { display: block !important; font-size: 75% !important; line-height: 38px; background: #fff; position: relative; }
#grpLocationArea p { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-left: calc(9.4em + 8px); padding-left: calc(9.1em + 8px); /* IE, Edge ,Firefox スクロールバー非表示 */ -ms-overflow-style: none; scrollbar-width: none; }
#grpLocationArea p::-webkit-scrollbar { /* Chrome, Safari スクロールバー非表示 */ display: none; }
#grpLocationArea a:first-of-type { position: absolute; top: 0; left: 0; color: #333; background: #fff; padding: 0 0.5em 0 8px; }
#grpLocationArea .grpLocationLocus { padding-right: 8px; }

._coupon_icon { position: absolute;  background: linear-gradient(to right, #caa201, #ae8c06); color: #fff; font-size: 12px; top: 10px; left: 10px; font-style: normal; padding: 4px 6px; border-radius: 3px;}

.preview{ margin-top: 32px; min-height: 250px; font-size: 16px; font-weight: bold; text-align: center; line-height: 1.5; padding: 5px 0 15px; 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: 24px 16px;}
.banner-section img { width: 100%; display: block; margin: 0 auto; }

.shNote{font-size: 80%;
    padding: 16px;}