.markLink {
  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.markLink ul .ttlicon.recommand-icon:after { background-position: -60px 0; }
.Link-list a{ flex-direction:row-reverse;}
.Link-list a.ttlicon:after{ transform: scale(.6); display: inline-block; position: inherit; background-image: url(https://img.travel.rakuten.co.jp/special/vissel-kobe/2025/images/ttlIconD70000.svg) !important;}

.mainTtl{ margin-bottom: 40px; color:#9b0020;}
.mainTtl span{display: flex; align-items: center; justify-content: flex-start; flex-direction: row-reverse;}
.mainTtl span::after{ display: inline-block; position: inherit;}
.topbnr_icon:before, .ttlicon:after{ content: "";}

.ss-container{ border-radius: 5px;}
.ss-container a:hover{ opacity: .7;}
.ss-noteOut2{ margin: 40px 8px 0; font-size: 14px; line-height: 1.8;}
.newBnr{ margin: 48px auto 0;}
.newBnr li{ margin-top: 16px; text-align: center;}
.newBnr li a{ display: block;}
.newBnr li a:hover{ opacity:.7;}

#COUPON{ background: #F3F3F3; margin-top: 80px; padding-bottom: 80px;}
#dhInfo{ background: #fff; margin: 0 auto;}
#COUPONbox{ background: none; padding: 0 30px;}
.cpnholder{ background: none;}
.cp_box{ background: #fff; margin-top: 56px; padding-top: 40px;}
.cp_box .newTtl{ text-align: center; font-size: 28px; line-height: 1.4;}
.cp_box .newTtl span{ color:#bf0000;}

.mapArea .column-list .areaNm{ background: none;}

#keywordSearch{ margin-top: 40px; }

.kvBnr { width: 100%; display: block; text-align: center; margin-bottom: 0; padding-bottom: 0;}
.topBnrTop img { width: 100%; max-width: 950px; margin: auto;}
/*rank*/
.Rankbox{position:relative}
.Rankbox .jdsTabNav{display:flex;padding:16px 0;background:#f3f3f3;justify-content:center; border-top: 2px solid #9B0020;}
.Rankbox .jdsTabNav li{margin:0 5px;padding:.8em 1em;width:auto;border-radius:5px;background:#fff;font-size:14px;cursor:pointer}
.Rankbox .jdsTabNav li.active{background:#9B0020;color:#fff}
.Rankbox .subTt{display:block;margin:32px 0 16px;border:none;font-weight:400}
.Rankbox .ss-hotelbox{overflow:visible; margin-bottom: 0;}
.Rankbox .ss-hotel{position:relative;overflow:visible; box-sizing: border-box; padding: 8px; margin-top:20px;height:auto;border:1px solid #c3c3c3;border-radius:5px;background-color:#fff;box-shadow:1px 1px 3px #ddd;color:#333}
.Rankbox .ss-hotel a.htlstar{display:block; margin: 8px 8px 0;width:110px;height:16px!important;background-image:url(https://img.travel.rakuten.co.jp/special/sales/summersale/2023/images/star.gif);background-repeat:no-repeat;color:#bf0000!important;text-align:right;font-weight:700;font-size:14px;line-height:20px}
.Rankbox .ss-hotel a.htlstar50{background-position:0 0}
.Rankbox .ss-hotel a.htlstar45{background-position:0 -20px}
.Rankbox .ss-hotel a.htlstar40{background-position:0 -40px}
.Rankbox .ss-hotel a.htlstar35{background-position:0 -60px}
.Rankbox .ss-hotel a.htlstar30{background-position:0 -80px}
.Rankbox .ss-hotel a.htlstar25{background-position:0 -100px}
.Rankbox .ss-hotel a.htlstar20{background-position:0 -120px}
.Rankbox .ss-hotel a.htlstar15{background-position:0 -140px}
.Rankbox .ss-hotel a.htlstar10{background-position:0 -160px}
.Rankbox .ss-hotel a.htlstar05{background-position:0 -180px}
.Rankbox .ss-hotel a.htlstar00{background-position:0 -200px}
.Rankbox .ss-hotel a:active,.Rankbox .ss-hotel a:hover{text-decoration:none}
.Rankbox .ss-hotel .htlstar{z-index:1;padding-left:15px;line-height:1}
.Rankbox .ss-hotel .htlrank{position:absolute;top:-29px;z-index:1;box-sizing:border-box;width:34px;height:34px!important;color:#fff;text-align:center;font-weight:700;font-style:normal;font-size:12px;line-height:45px}
.Rankbox .ss-hotel .hotel-price{margin:8px 0 0;text-align:center}
.Rankbox .ss-hotel .hotel-price span{display:block;color:#bf0000;text-align:right;font-weight:700;font-size:18px}
.Rankbox .ss-hotel .hotel-price span em{font-weight:400;font-size:14px}
.Rankbox .ss-hotel .hotel-price span em b{font-weight:700}
.Rankbox .ss-hotel .area{ margin: 8px 8px 0; color:#777;font-size:13px;line-height:20px;}
.Rankbox .ss-hotel .hotel-img{position:relative;float:none; width:auto; margin: -8px -8px 0 !important;}
.Rankbox .ss-hotel .hotel-img .bg-img{ display: block; overflow:hidden;height:130px;background-size:cover;text-indent:-9999px;}
.Rankbox .ss-hotel .hotel-img img{width:auto!important;height:100%!important;line-height:0;flex-shrink:1}
.Rankbox .ss-hotel .hotel-pr{margin:8px 8px 5px;color:#333!important;font-size:13px;line-height:1.3}
.Rankbox .ss-hotel .ss-button-middle.ss-button-green{margin-top:8px;border:1px solid #ccc;background-color:#fff;color:#666!important;font-size:14px}
.moreread{position:relative;margin:32px auto 0;padding:.6em;max-width:500px;border:1px solid #999;border-radius:50px;background-color:#fff;color:#333;text-align:center;font-weight:700;font-size:18px;cursor:pointer}
.moreread:hover{opacity:.7}
.moreread a{color:#333;font-weight:400}
.Rankbox .moreread a em,.Rankbox .moreread a span{font-weight:400;font-style:normal}
.Rankbox .ss-hotel a.hotelName{position: relative; display: block; padding:8px 8px 0; color:#333;font-weight:700;font-size:14px;line-height:1.4}
/* #thisTabMain */
.Rankbox .ss-hotel .premiumIcon{ margin: 4px 8px; width: 74px; height: 20px;}
.Rankbox .ss-hotel[data-platinum='1'] .premiumIcon{ background: url(https://img.travel.rakuten.co.jp/share/premium/images/premium_ultra.svg) no-repeat;}
.Rankbox .ss-hotel[data-premium='1'] .premiumIcon{ background: url(https://img.travel.rakuten.co.jp/share/premium/images/premium_normal.svg) no-repeat;}
.Rankbox .ss-hotel .onsenName{ color: #333; font-size: 14px; padding:0 8px 0; display: inline-block;}
.Rankbox .ss-hotel .hotelName[data-status='undefined']{ display: none;}
.Rankbox .ss-hotel .onsenName[data-status='0']{ visibility: hidden;}

#guide .swiper-container{ padding-bottom: 8px;}
#guide .swiper-wrapper dd{ font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;}
#guide .ss-banner-box{ margin-top: 48px;}
#guide .ss-banner-box img{ width: 100%;}

#busBox{ border: 1px solid #ccc;}
.flex-box-center li img{ width: 100%;}

/* twitter*/
#twitterBox{ background: #F0FBD5; margin-top: 80px; padding-bottom: 80px;}
.twbox{ margin: 40px 40px 0; border-radius: 10px; background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/202311/images/icontiw1.png) left top no-repeat #f3f3f3; overflow: hidden; padding-bottom: 32px;}
.twbox:nth-of-type(2){ background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/202311/images/icontiw2.png) left top no-repeat #f3f3f3;}
.twtitl{ margin: 32px auto 0 ; text-align: center; font-size: 20px; line-height: 2;}
.twtitl span{position: relative; z-index: 1;}
.twtitl span::before{ display: block; content: ""; width: 100%; position: absolute; left: 0; bottom: 0; height: 12px; background: #F7FF00;}
.twtitl b{position: relative; z-index: 1;}
.twtitl b.blue{ color: #1DA1F2; background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/202311/images/sento_opan.png) 98% center no-repeat; padding: 7px 40px 4px 10px;}
.twbox .pst{ margin: 40px auto 0; text-align: center;}
.twbox .pst dt{ font-size: 22px;}
.twbox .pst dd{ position: relative; margin: 16px;}
.twbox .pst dd:first-of-type::after{ content: "&"; font-size: 80px; display: block; margin: 24px auto;}
.twtxt{ text-align: center; margin: 32px auto 0; font-size: 14px; line-height: 1.8;}

.twlink{ display: table; margin: 16px auto 0; padding-right: 28px; background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/images/ExternalLink.png) right center no-repeat; color: #1d54a7;}
.twbox .Rankbox{ margin: 40px 40px 0;}
.twbtn{ margin: 32px auto 0; text-align: center; font-size: 20px; font-weight: bold;}
.twbtn a{ display: block; margin: 24px auto 0; text-align: center;}
.twbtn small{ font-size: 12px; font-weight: normal;}
.twitterfrm{ margin: 24px auto 0;}
.twitter-tweet{ margin: 0 auto;}

/* premium coupon */
.cpnholder .dh.premium .couponimg{background-color:#1f2532;border-color:#1f2532}
.cpnholder .dh.premium p.kakutoku,.cpnholder .dh.premium span.cpService,.cpnholder .dh.premium span.cpService{color:#1f2532}
.dh.premium .couponimg p.kakutokuZumi .useTheCP{color: #1f2532;}
.cpnholder .dh.premium .char span.cpCal { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAIAAAD9iXMrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZWNlNDZlZS03NGRlLTVkNDktOWYyZC03NThhZTg0M2I4ZmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkIxMzk0MTMzNjg3MTFFOUFFMzA5MUQyRDczQjBDMTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkIxMzk0MTIzNjg3MTFFOUFFMzA5MUQyRDczQjBDMTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OWQ5MWU2M2QtN2RhMy05MzRkLWI5MDctNDBmOTUzYTUxZDQwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NTY3ZjRmNzItMDRkMi00NDQyLTgwOGYtMmY0NzJhNzVlOGVlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bBKdHAAAALpJREFUeNqMkMENgzAMRU2o2IEFYICgHBghA3DglktZgUhZhA1QZgF1mVwh/QVEUySg/2A5zrPz48h7T0RN0yB2XUeBwmIkhJimiS4VxzFxzjHyucj/ai+C2bhrgXlgbFEUdKcPNwzD2TWswxwGsfU8z/NrHKuqQt73vTFGa42csQ34+kOrlHL3lGVZ6I/tT6A1z/M1r+u6bdvQADvuaZFzTil1yiVJgmitLcvy+KN/95em6e3+wLwFGABb8KXlDpsN5QAAAABJRU5ErkJggg==) no-repeat; background-size: 13px 13px; background-position: 0 1px;}
.cpnholder .dh.premium .char span.cpUser { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3NTQ0QjYyMzY4OTExRTk4NkFDQ0U5OERDQzYxMjhDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU3NTQ0QjYzMzY4OTExRTk4NkFDQ0U5OERDQzYxMjhDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTc1NDRCNjAzNjg5MTFFOTg2QUNDRTk4RENDNjEyOEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTc1NDRCNjEzNjg5MTFFOTg2QUNDRTk4RENDNjEyOEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7flnVTAAAA4UlEQVR42oxQ2w2CQBC84/GPFSgdHM/wSwd2oFZirECpwBK0Ay0ACB1gB9oAnLOGJUCMOMnmbud2Z+dWaq0FIwzDE45Nl17zPN/xmzEoOqNJN03jIjxQEtxNDJEkycr3/VpMEATB0/O8Za8IBUd8AQY8EIsRSYpQYH8iiqLtcIqcfIaSOzia4BRF4Q7lqVuRHygcKadQSjl8p7A6j5e2bdMKYAFcX3EcK/AX27ZTCSVaS1WWZcYTPp6kZO97skGKa3QdetNdAQNvmWmaNe1KixlQjSH+hMUdc4WjPf7CW4ABALlVd6/ho9mYAAAAAElFTkSuQmCC) no-repeat; background-size: 10px 14px; background-position: 1px 3px; padding-left: 14px; }
.cpnholder .dh.premium .char span.cpTogether { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKAQMAAABVIEaHAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABpJREFUeNpj+P+AoUEBivb/YHjAwaAAQ/Y/AI42CA7KlOvcAAAAAElFTkSuQmCC) no-repeat 1px 5px; background-size: 13px; padding-left: 16px; }
.cpnholder .dh.premium .char span.cpPoint { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCMUU0MURGMzY4QTExRTk4NEFERDVEREY4RjZFOEZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCMUU0MUUwMzY4QTExRTk4NEFERDVEREY4RjZFOEZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEIxRTQxREQzNjhBMTFFOTg0QURENURERjhGNkU4RkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEIxRTQxREUzNjhBMTFFOTg0QURENURERjhGNkU4RkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7uRd4bAAABV0lEQVR42oxS3U2EQBBmNxRACdgB8pPwdpRgB2AFXAeeFRgquLMCrwPxjQdAOjisQL3wBIH1m8vOBfGibrLZmdlv55v5ZoUxW1EUWV3XradpioUQNsWUUo2UMjdNMyuKomWsZCMIguR4PL7ikaqq6qosS0Eb9jVi1jAMz57n3cyJDAq4rntA9nOM7KVPGGDjUyAMQxvOgYG4TMHusK/vY/YJ6ziOJfu+TxHIOTN6e0NpT+xTifPqgN2h59QkTQC85Qv0tAfrCqwPcD8paV3Xj2dRpHwBfitATWII7sf3fWVcWCSUrojKVeYSQEnoBOsdnWC7v5TIBFMLlgh2rhVWC8U33L4emzOOY0OMO9S84od/MQKbElbCyFB3YvxzoUISMzN09oTmQzP75cFphj9+Dx6vEXzH3vKweUODzbdfww3zwo+wabg0W5TvaKZW65A1TfPB2C8BBgDlkd+MwTiInQAAAABJRU5ErkJggg==) no-repeat; background-size: 14px 14px; background-position: 0 0; }

.cp_box input:checked ~ .cp_containerNew { height: auto; padding-bottom: 10px; transition: 0.5s; }

@media all and (min-width: 721px) {
  .pageBnr { margin: 50px auto auto auto; text-align: center; }
.kvBnr img.pc { display: block;}
.kvBnr h1 img { width: 100%;}
.ss-noteOut2{ margin: 20px auto 0; }
section#Searchbox{ max-width: none; width: 100%;}
.searchWide{width: 1100px; margin: 0 auto; background: #fff; box-sizing: border-box;}
.mapArea .column-list:last-of-type:after{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIJSURBVHgBtVZNTttAFH7vjcdF7SYsWsHOnKDNCaAnSLpoYdf0BMUngJwAOEHdXf+kpidAnIDcAO9SqapwF1Uh45nXN44IiEA8hvAtPLLnzXzv/xnggYHzNkfdpSSK3Vtm3hDBFwzYmhziggGGzHjkynG2OoC8EcFoCxJl9QfZ3oAgcGaN6d9ERNc//N7U7yOrj8Mvr/TsKR0f/9x8tD2zc/Xl15t4hxl24R5AhN2nX8b9GQKvuXW4DwuAI0xXPp/vTwm8z71bLoK4ABTWjNs+JlUMJKA7dZdbdi9lySEMLaV9kogFk4yJT+rPcCaPAzH5MNTSv2a8TFGpuxAE7CFip2R+BYF4HMXbxAid0AM+wyKidQv8LkQekdfJVyg0gCdBopas/QCKhO6SOeR4D4lPAkgSgjvCWPxDBFwn5wlyaAjHmMYKngdUfSEEnEMDeLdo5TiopTAPybdcCETlc4ZhaEtxQD/wtAsto+PTWmHHB0QmQ9DBhWYNrdHyAArpgIM6YYUsMvH3Blkng+hs0otKotRPqXnSjHQoSwJBYGl2VKVwRbD66SwvAVJYEBxT32s/JahIvposrDrnw9+x8u18mgQzM3n0WvcigL3mFV65OH0mil79OlPJ3pJSqbZo8hHCIUNfta9f7jH/t2VrKcHSdkWLjrTGBC6DnMvBoWU++lc+ydYGxa0J8h88Lt/L7qDBSwAAAABJRU5ErkJggg==); background-size: 24px 24px;}

.cp_box .cp_containerNew{ width: 100%; display: flex; justify-content: center; flex-wrap: wrap; height: 250px; overflow: hidden; transition: 0.5s;}
.cp_containerNew ul li a>p{ margin-bottom: 0;}
.cp_box input:checked~.cp_containerNew{ padding-bottom: 10px;}
.cp_box label{background: linear-gradient(to bottom,rgba(237,242,233,0) 0,rgba(237,242,233,.95) 90%); z-index: 11; height: 250px; bottom:-59px;}
.cp_box label:after{bottom: 20px; content: ' 5と０のつく日に使える 他のクーポンを獲得する'; width: 460px; background: #fff; display: block; color: #333; border: 2px solid #333; border-radius: 5px; text-align: center; padding: 12px 0; line-height: 1.6; font-weight: bold;}
.cp_box input:checked+label::before, .cp_box label:before{ border-top: 2px solid #333; border-right: 2px solid #333; top:auto; bottom:39px;right: calc(50% - 200px); margin: 0;}
.cp_box input:checked+label{ height: 60px;}
.cpnTwo .cpnholder > li{ border: none; background: none; padding: 0; width: 48%; background: none;}

.formExp {line-height: 1.4; font-size: 14px; top: 28px; left: 440px; position: absolute;}
#search-box.verB.test .explain{ left: 660px; top: -37px;}
.sp_m { display: none!important;}
}


@media all and (max-width: 720px) {
.pageBnr { margin: 24px auto auto auto; text-align: center; }
.pageBnr img { width: 100%;}
.kvBnr img.sp { display: block;}
#Campaign { padding: 0 16px; margin-bottom: 10px;}
.ss-container{ margin-top: 16px;}
.mainTtl{ margin-bottom: 24px; height: auto;}
.mainTtl span{ position: relative; justify-content: center;}
.mainTtl span::before,.mainTtl span::after{ content: "";}
.ttlicon:after{ transform: scale(0.7);}
#MAPBOX li.column-list:last-of-type dt{ border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px; background-size: auto 100% !important; background-color: #FAFAFA;}
.htlLogoNew ul li { max-width: 174px !important;}
.Link-list a.ttlicon:after{ position: absolute;}
.newBnr{ margin-top: 12px;}
.newBnr img,.twbtn img{ width: 100%;}
.ss-noteOut2{ margin: 16px 8px 24px;}
#COUPON{ margin-top: 32px;}
#dhInfo{ overflow: hidden; margin: 24px 8px 0; padding-bottom: 16px;}
#dhInfo h3{ font-size: 18px; margin-top: 24px;}
#dhInfo img{ width: 90%;}
#dhInfo p{ font-size: 14px;}
.cp_box{ margin:32px 8px 0;}
.cp_box .newTtl{ font-size: 18px;}
.Rankbox .jdsTabNav{ justify-content: flex-start; flex-wrap: wrap;}
.Rankbox .jdsTabNav li{ width: calc(25% - 4px); box-sizing: border-box; margin: 4px 2px 0; text-align: center; padding: 0.6em 0;}
.Rankbox .ss-hotel .htlrank{ left: 3px; top: 3px;}

#busBox{ margin: 24px 8px 0;}

#twitterBox{ overflow: hidden; margin-top: 32px; padding-bottom: 32px;}
#twitterBox .ss-container{ background: none;}
.twbox{ margin: 24px 8px 0; background-size: 48px !important;}
.twtitl{ font-size: 16px;}
.twbox .pst{ margin: 24px 16px 0;}
.twbox .pst dt{ font-size: 18px;}
.twbox .pst dd img{ width: 100%;}
.twbox .pst dd:first-of-type::after{ font-size: 40px; display: block; margin: 16px auto;}
.twbox .Rankbox{ margin: 24px 8px 0;}
.twbtn{ font-size: 16px; margin: 32px 16px 0;}
.twitterfrm{ margin: 16px 8px 0;}

.cpnholder.jssBox.allList{ margin: 8px 8px 0;}
.cpnTwo .cpnholder > li{ width: 48%; margin: 0 0 8px; background: none;}
.cp_box .cp_containerNew{ height: 500px; display: flex; justify-content: flex-start; flex-wrap: wrap; overflow: hidden; transition: 0.5s;}
.cp_containerNew ul li a>p{ margin-bottom: 0;}
.cp_box label{background: linear-gradient(to bottom,rgba(237,242,233,0) 0,rgba(237,242,233,.95) 90%); z-index: 11; height: 250px; bottom: -30px;}
.cp_box label:after{ content: ' 5と０のつく日に使える 他のクーポンを獲得する'; width: 340px; bottom: 0; background: #fff; display: block; color: #333; border: 2px solid #333; border-radius: 5px; text-align: center; padding: 8px 0; line-height: 1.6; font-weight: bold;font-size: 12px;}
.cp_box input:checked+label::before, .cp_box label:before{ border-top: 2px solid #333; border-right: 2px solid #333; top:auto; bottom:17px;left: 50%; margin: 0 0 0 145px; right: auto;}
.cp_box input:checked+label{ height: 40px;}
.cp_box input:checked+label::before{ bottom:13px;}
.formExp { font-size: 12px; padding: 0 16px 12px 16px;}

#search-box #search-box-body{ overflow: hidden;}
#search-box .explain{ padding: 0 6px;}
}


/*-- page header --*/
.pgPre { display: none;}
#cp50 { margin-bottom: 120px;}

.dtAl { max-width: 950px; margin: auto; background: #fff; border: 1px solid #333; border-radius: 4px; }
.dtAl dt { text-align: center; padding: 20px 0; background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/202311/images/plus_.png) right 16px center no-repeat; font-size: 20px;}
.dtAl dt:hover { opacity: 0.8;}
.dtAl dt.opn { background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/202311/images/close_.png) right 16px center no-repeat; }
.dtAl dd { font-size: 15px; line-height: 1.6; padding: 20px 24px; border-top: 1px solid #ccc; display: none;}
.h4T { padding: 12px 0 12px 36px; background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/202311/images/cpnIcn.png) left center no-repeat; border-bottom: 1px solid #333; color: #333; font-size: 20px; width: 100%; box-sizing: border-box; margin: 20px 15px 8px 15px;}
.pageTerms { background: #9B0020; color: #fff; text-align: center; font-weight: bold;}

.campDet .char { text-align: center;}
.campDet .char .kakunin { color: #333; font-size: 14px; background: url(../images/ExternalLink.png) right center no-repeat; padding-right: 24px;}
@media all and (min-width: 721px){
  .campDet { margin-bottom: 30px;}
  .markLink .Link-list:first-of-type { border-left: 1px solid #c4c4c4;}
  .markLink .Link-list:last-of-type { border-right: 1px solid #c4c4c4;}
    #COUPONbox .selectBtnNew .rgt.submenu { background-color: #fff; margin-top: 24px; }
    .selectBtnNew .typeRow { border-bottom: none;}
    .cpnBox-note { font-size: 12px; text-align: right; color: #767676;}
    .selectBtnNew ul li.checkBtn a { background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/202311/images/check.png) left center no-repeat;}

    #Ahead h2 { color: #00B900; font-size: 40px; text-align: center; margin: auto auto 20px auto; font-weight: 700;}
    #Ahead h2 span { font-size: 90px;}
    .termsBox { color: #333; font-size: 18px; width: 860px; margin: auto auto 24px auto; line-height: 1.7; text-align: center;}
    .termsBk { display: flex; justify-content: center; align-items: center; margin-bottom: 16px; }
.termsBk span { border: 1px solid #333; border-radius: 3px; padding: 6px 12px; margin-right: 12px; display: block;}
.exp { text-align: center; font-size: 14px;}
#twitterBox .Rankbox .swiper-wrapper { justify-content: center;}
.cpnholder .jss span.cpNTxt {
    padding: 3px 3px 4px 3px;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    margin-left: 8px;
    margin-top: 8px;
  }
  .termsBk span.sp_m { display: none!important;}
  #twitterBox .twtxt_l { text-align: left; width: 920px; box-sizing: border-box; font-size: 16px; padding-left: 110px;}
  .bnrExp { font-size: 14px; margin-top: 12px;}
  .pageTerms { font-size: 28px; padding: 16px 0; letter-spacing: 2px;}
  #Ahead { margin: 40px auto auto auto;}
}
.red_ { color: #9B0020;}

.dtAl dd h4 { font-size: 18px; margin-bottom: 6px;}
.dtAl dd>ul>li { margin-bottom: 10px;}
.dtAl dd>ul>li a { text-decoration: underline;}
.dtAl dd b.liTlt { display: block; color: #00B900;}

@media all and (max-width: 720px) {
  .campDet { margin-bottom: 20px;}
    #cp50 { margin-bottom: 60px; padding-bottom: 0;}
    .pageTerms { font-size: 15px; padding: 10px 0; letter-spacing: 1px;}
    .termsBox { color: #333; font-size: 14px; margin: auto auto 16px auto; line-height: 1.7; }
    .termsBk { display: flex; justify-content: start; align-items: center; margin-bottom: 16px; }
.termsBk span { border: 1px solid #333; border-radius: 3px; padding: 3px 8px; margin-right: 8px; display: block;}

    .dtAl dt { font-size: 16px; padding: 15px 0;}
    .dtAl dd { font-size: 14px; line-height: 1.6; padding: 16px; border-top: 1px solid #ccc; display: none;}
    .h4T { padding: 12px 0 12px 36px; background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/202311/images/cpnIcn.png) left center no-repeat; border-bottom: 1px solid #333; color: #333; font-size: 16px; width: 100%; box-sizing: border-box; margin: 20px 15px 8px 15px;}
    .exp { font-size: 14px;}
    .dtAl dd h4 { font-size: 15px; margin-bottom: 6px;}
    .cpnholder { justify-content: start;}
    .cpnholder .jss span.cpNTxt {
        padding: 3px 3px 4px 3px;
        color: #fff;
        display: block;
        float: left;
        font-size: 12px;
        margin-left: 8px;
        margin-top: 8px;
      }
      #twitterBox .twtxt_l { text-align: left; padding: 0 16px; font-size: 14px;}
      #Ahead .exp { text-align: left; margin-top: 22px;}
      .twtitl b.blue {
        color: #1DA1F2;
        background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/202311/images/sento_opan.png) 98% center no-repeat;
          background-size: auto;
        padding: 7px 40px 4px 10px;
        background-size: 22px;
      }
      .twbtn .txtL { text-align: left!important; display: block;
        margin-top: 16px;}
        .termsBk { display: block; position: relative; padding-left:45px; }
        .termsBk span { display: inline-block; margin-bottom: 8px;}
        .termsBk small { position: absolute; left: 0; top: 4px;}
        .bnrExp { font-size: 12px; margin-top: 8px;}
        #twitterBox .Rankbox .ss-hotel { width: 45%!important;}
}

.CampaignEntryButton_campaignButton__n6hK5 .CampaignEntryButton_rexButton__VH0Gh.CampaignEntryButton_success__GLKNB {
  color: #047205 !important;
}

.hstBtn { background: url(https://img.travel.rakuten.co.jp/special/onsen-sale/202311/images/window.png) right center no-repeat; padding-right:18px; background-size: 14px; margin-right: 2px;}


.Link-list a { color: #626262!important;}
.CPNbnr{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto;}
.CPNbnr li a { display: block; color: #333; line-height: 1.4;}
.CPNbnr li img{ width: 100%;}
@media all and (min-width:721px){
  .CPNbnr{width: 1020px;}
  .CPNbnr li{ margin: 0 15px 30px; width: 300px; box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.25);}
  .CPNbnr li a { padding: 16px 16px 12px 16px;}
  .CPNbnr li a span { display: block; margin-top: 10px; font-size: 14px; }
  .ss-container#bnrTk { padding-top: 0; margin-top: 60px;}
  .camUt { display: flex; justify-content: center;}
  .camUt>p { width:146px; margin: auto 15px; }
  .camUt>p>a { display: block; background: #eaeaea; border-radius: 4px; text-align: center; padding: 12px 0; color: #333; font-size: 15px;}
  .campDet .char .kakunin { font-size: 15px; border-radius: 4px; text-align: center; padding: 12px 0; color: #333; background: #eaeaea; width: 100% ; display: block; position: relative;}
  .hstBtn { position: relative;}
  .hstBtn:before { width: 20px; height: 21px; display: block; content: ""; background: url(../images/ExternalLink.png) 0 0 no-repeat; right: -30px; top: calc(50% - 11px); position: absolute;}
  .camUt>ul { width: 146px; }
  body { overflow-x: hidden;}
  #Campaign { margin-left: auto; margin-right: auto; width: 840px;}
  .ss-contents { min-width:1000px}
}
@media all and (max-width:720px){
  .CPNbnr li{ margin: 0 4px 8px; width: calc(50% - 8px); box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.25);}
  .CPNbnr li a { padding: 8px; }
  .CPNbnr li a span { display: block; margin-top: 6px; font-size: 13px;}
  .ss-container#bnrTk { margin-top: 8px;}
  .camUt { display: flex; justify-content: center;}
  .camUt>p { width:135px; margin: auto 10px; }
  .camUt>p>a { display: block; background: #eaeaea; border-radius: 4px; text-align: center; padding: 12px 0; color: #333; font-size: 14px;}
  .campDet .char .kakunin { font-size: 14px; border-radius: 4px; text-align: center; padding: 12px 0; color: #333; background: #eaeaea; width: 100% ; display: block; position: relative;}
  .hstBtn { position: relative;}
  .hstBtn:before { width: 20px; height: 21px; display: block; content: ""; background: url(../images/ExternalLink.png) 0 0 no-repeat; right: -24px; top: calc(50% - 11px); position: absolute;}
  .camUt>ul { width: 135px; }
}