.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:#CCB596;}

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

.kv{ min-height: 342px; background: url(../images/kvBgSp.jpg) no-repeat center center / cover; position: relative;}
.kv h1{ text-align: center;}
.kv h1 img{ width: 100%; padding-bottom: 50px;}

/* coupon */
#coupon{ margin: 0; padding: 32px 0; background: #EAE0D4; display: flex; flex-direction: column; justify-content: center; gap: 24px;}
#coupon .ttl{ margin-top: -75px; text-align: center; position: relative;}
#coupon .ttl img{ width: 95%;}
.coupon__box__holder{ padding: 0 30px;}

/* search */
.searchWide{ background: #F4EEE1; padding: 24px 0;}
#Searchbox{padding:32px 0 0;}
#Searchbox .ttl{ margin-top: 0; color: #644A25; text-align: center; font-size: 22px; font-style: normal; font-weight: 600; line-height: 100%; /* 24px */}
#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;}
#dhChuArea{ display: none; }


/* plan */
.jdsTab{ margin: 0 16px;}
.jdsTabsw{background: #FFF;  padding: 12px 0;height: 40px;overflow: hidden;box-sizing: border-box;
position: relative;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);border-radius: 4px;}
.jdsTabNav { display: flex;}
#specialPlan .jdsTabNav {flex-direction: column;margin-top: 28px;padding-left: 18px;position: relative;z-index: 10;}
.triggerArea {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 11; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAyCAIAAACoOq69AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhGOUM5ODg0ODlERjExRUE5MjI4RjAzMkI1QkZBNUY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhGOUM5ODg1ODlERjExRUE5MjI4RjAzMkI1QkZBNUY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEY5Qzk4ODI4OURGMTFFQTkyMjhGMDMyQjVCRkE1RjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEY5Qzk4ODM4OURGMTFFQTkyMjhGMDMyQjVCRkE1RjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7KFCndAAAEDklEQVR42uyYOyx0XRSGZ1wiLt9PxK3QSIhIKETEtXRPKCRa0RIdoVAQCgWRiESj0VC4F0IiVIhbIqKiUis+fD+CuMz/ZNaflZNzGGefmeIrrGqftd733evM2WvtvccfCAR8JraysrKxsbG3t3d1dZWUlITn4eEhJyenurq6qamptbXV58EC7uzu7m50dDQlJSW0GgBggAMm5iqJ+fn55ORk9y8GGErEkjg7O6uoqLBOUFhYODExcXFx8fLy8jtoDHjESciKhAg93CQODg6ys7NVtKioaH19/ePj4ys8IQDAlAIdEe9JnJ6eZmRkiFZ0dPTIyMjr66ub1wIGGIpwEUHKYxJlZWWiQglsbm4GDA2K1A6GlJckVldXhR8bG7uzs2OLPj09sQIoyH+CxoBHnDYYROiig6BxErm5uULu7++3hegTmZmZzorAScgGhi5RBM2S2N/fF2ZWVtbj46M1tLS0FLo4AVjx0BGRELJfJRHlFNre3pZBe3t7QkKC+p+fnzs7O2Wcl5e3vLz8J2gMeBQ/AGBKgY6ITdZVx6ytrZXQ1taW1c+HF39+fv7t7a01xCNOiQKzhhARP7IGn0Mr8/r62upnAYqfV3eycEq0oaHB6kdEa9UgiZiYGKHZGgOFIH4+gZN1f3+vJW1rG+JH1mBNREX976QD+sI2FVHZT2Z0ulJTU2Vwc3Nj9bNZh1hi+u0VZhNRWVdJ6BK7vLy0+mtqamQwMDDAZm0N8YhTxnV1ddaQiqisq+ro7e2V0NjYmK1RpqWlqSIr8d+gMdAJANhaJyISQtZgYa6trQmtsbHRFlpcXAy9AgDYKIhICFmDJHg5ocXFxTkLgZ6Ynp7unB6nrV1i0BERALJme0dpaakw5+bmnFHZwHjFX0Fj8OkGhkEXHQSNN7Dp6WkhNzc3B8Iw6KKDoHESWlcUN8vbWwYQtTcg6OVQU1lZKfy2tjZvSUAUBaQ8nqxOTk5Ewu/3MzbNAApEUfiWHuqgW1VVJSrl5eXv7+/uMwAMRbiIhHXaPj8/181scnLSfRKAddNCJNx7x8zMjMglJia6XKHAAAsLemRuYMXFxaJYUlLCPSc0GAAwwUOM2DXw8PBQ22JPT09oMAAFQ4zkXXR2dlYrZWFh4SsYIa0IKBG+EFsrhbPrp2sNp56K3VSElySYo6CgQC8Rtg7IUtCrCjA3FeElCezo6Eh/7fr6euvNuKWlRb8XMNPO5jNC6/UQ6+vre3t7oy8NDw+rM/R1LzJJYOPj4zrl4ODg0NCQPhLytsv4PHC6urqch5qOjg7PO77PG+34+Dg+Pl4zmJqaCufY4fPM3N3dlXXKRwmEZ37TvxCt1t3dzS3v29PvtxZWEpGyKN9fYD9J/CTxk8RPEt/ZfwIMAEl/9iZ6Hym+AAAAAElFTkSuQmCC) no-repeat left 8px top 10px; background-size: 22px 25px; display: flex;align-items: center;padding-left: 40px;box-sizing: border-box; }
.jdsTabNav li{  color: #333;  width: auto; padding:16px; font-size: 14px; font-style: normal; font-weight: 500;  letter-spacing: 0.72px; cursor: pointer;}
.bg.active {position: fixed; background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%;z-index: 10;top: 0;left: 0;}
.black.active::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #000; }
.black.active::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #000; }
.jdsTabNav li:nth-child(2){ border-left: none; }
.jdsTabNav li:nth-child(3){ border-left: none; }
.jdsTabNav li:last-child{ border-right: none;}
.jdsTabNav li:hover{ opacity: .6;}
.jdsTabMain { margin: 40px auto 0; }
.ttl2 { text-align: center; color: #644A25; font-size: 20px; font-style: normal; font-weight: 600; line-height: 100%; }
.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;}
.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 8px; color: #957113; text-align: center; font-size: 12px; 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;}
.ss-hotel .special10{ display: table; margin-bottom: 8px; font-size: 12px; color: #fff; font-weight: bold; padding: 5px 8px; background-image: linear-gradient(45deg, #cfa600, #ab8a07); border-radius: 3px;}
.ss-hotel .special10 img{ width: 220px;}


.atn{ margin: 0 16px 16px; font-size:12px ; line-height: 1.6;        padding-bottom: 40px;}
.navi { position: fixed; bottom: 10px; right: 10px; z-index: 997; display: none;}
.navi img{ width: 60px;}
.atn2 {
    margin: 0 16px 24px;
    font-size: 14px;
    font-weight: bold;
    color: #644A25;
}
/* 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(../images/preview.png) center top no-repeat;}
.preview b{ font-size: 20px;}
.preview small{ font-size: 12px;}

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

.pagetop a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 10px;
    height: 10px;
    margin-top: -2px;
    margin-right: -7px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
}

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