.sp { display: none !important; }
#widewrapper{width: 100%; position: relative; clear: both; font-family: '游ゴシック','Yu Gothic';}
.ss-container{ margin: 40px 0 0; border-radius: 0 !important; background: none;}
#contentsArea{ background:#CCB596;}
a:hover { opacity: 0.8; text-decoration: none !important; }

.kv{ min-height: 588px; background: url(../images/kvBg.jpg) no-repeat center center / cover; position: relative;}
.kv h1{ text-align: center;}

/* coupon */
#coupon{ margin: 0; padding: 32px 0; background: #EAE0D4; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px;}
#coupon .ttl{ margin-top: -85px; position: relative;}
.coupon__box__holder{ justify-content: center; padding: 0;}
.tableholderCpn table tr td:nth-child(2){ width:757px;}

/* search */
#Searchbox{padding:0 56px;}
#Searchbox .ttl{ margin-top: 40px; color: #644A25; text-align: center; font-size: 30px; font-style: normal; font-weight: 600; line-height: 100%; /* 24px */}
#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;}
#dhChuArea{ display: none; }
#search-box.verB.test .grey.InpuDateBox.chkDate{ width: 40%; padding-left: 2%;}

/* plan */
.triggerArea {display: none;}
.jdsTab{ width: 1280px; margin: 0 auto;}
.jdsTabsw{border-radius: 4px; background: #FFF; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); padding: 18px 0;}
.jdsTabNav { display: flex; justify-content: center;}
.jdsTabNav li{  color: #333; padding:0 20px; text-align: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: 0.72px; cursor: pointer; border-right: 1px solid #333;}
.jdsTabNav li:last-child{ border-right: none;}
.jdsTabNav li:hover,.jdsTabNav li.active{ opacity: .6;}
.jdsTabMain { margin: 40px auto 0; }
.ttl2 { text-align: center;  color: #644A25; font-size: 28px; font-style: normal; font-weight: 600; line-height: 100%; }
.ss-hotelbox{ margin: 24px 0 0; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 43px;}
.ss-hotel{ width: 396px; border-radius: 4px; box-shadow:none; border: none; position: relative; padding: 0; margin:0;}
.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;/* margin: -35px auto 0;*/ 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{/* margin: 18px 0 0;*/ padding: 12px 8px 12px; color: #957113; text-align: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: 100%; /* 16px */ letter-spacing: 0.64px;}
.ss-hotel .hotel-price{ text-align: center; margin: 16px 0 0; padding: 0 8px 16px; color: #333; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; /* 12px */}
.ss-hotel .hotel-price b{ font-size: 18px;}
.ss-hotel .planBox{ display: block; overflow: hidden;}
.ss-hotel .special10{ position: absolute; left: 12px; top: 12px; font-size: 13px; color: #fff; font-weight: bold; padding: 5px 8px; background-image: linear-gradient(45deg, #cfa600, #ab8a07); border-radius: 3px;}
.posi{ width: 100%; left: 0; top: 185px; position: absolute;}

.atn{max-width: 1280px; width: 100%; margin: 16px auto 40px; font-size:12px ; line-height: 1.6;padding-bottom: 40px;}
.navi { position: fixed; bottom: 10px; right: 10px; z-index: 997; display: none;}

.atn2 {
    margin: 40px auto;
    font-size: 14px;
    font-weight: bold;
    color: #644A25;
    text-align: center;
}
._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;}

.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(../images/preview.png) center top no-repeat;}
.preview b{ font-size: 20px;}
.preview small{ font-size: 12px;}

/*去除tab*/
.jdsTabsw{ display: none !important;}

.pagetop {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.pagetop a {
    width: 96px;
    background-color: #644A25;
    border-radius: 5px 5px 0 0;
    display: block;
    line-height: 0;
    font-size: 0;
    height: 50px;
    position: relative;
}
.coupon__filter__guide {
    margin: 0;
}