.pc{display: none !important;}
#grpLocationArea,.navi li{position:relative}
#grpLocationArea{background:#fff;display:block!important;font-size:75%!important;line-height:38px}
#grpLocationArea p{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-left:calc(9.4em + 8px);-ms-overflow-style:none;scrollbar-width:none}
#grpLocationArea p::-webkit-scrollbar{display:none}
#grpLocationArea a:first-of-type{background:#fff;color:#333;left:0;padding:0 .5em 0 8px;position:absolute;top:0}
#grpLocationArea .grpLocationLocus{padding-right:8px}
#widewrapper{clear:both;font-family:Noto Sans JP,sans-serif;line-height:1.5;overflow:hidden;position:relative;width:100%}
.ss-container{border-radius:0!important;margin:32px 0 0}a:hover{opacity:.8;text-decoration:none!important}
.kv{position:relative}
.kv img{width:100%}
.kv p{margin:12px 8px;text-align:center}
.kv .jdsSlides,.kv .jdsSlides li,.kv .jdsSlides li img{overflow:hidden;position:relative;width:100%}
.rslides_tabs{display:flex;justify-content:center;margin:auto;overflow:hidden;position:absolute;bottom:10px;z-index:10;width:100%;}
.rslides_tabs li{margin:0 2px;}
.rslides_tabs li a{display:block;width:7px;height:7px;border-radius:50px;line-height:7px;text-indent:-9999px;background:none;border:1px solid #fff;}
.rslides_tabs li.rslides_here a{background:#fff;}

.kv .jdsSlides:before{background-color:rgba(0,0,0,.8);box-sizing:border-box;color:#fff;content:"PR";font-size:14px;font-weight:400;height:22px;left:0;line-height:1;padding:4px 0;position:absolute;text-align:center;top:0;width:30px;z-index:7}
#search-box #search-box-body{margin-top:16px}
.floating-widget{bottom:10px;position:fixed;right:10px;width:75px;z-index:9999}
.floating-widget a{display:block;margin-top:10px}
.floating-widget a:first-child{margin-top:0}
.floating-widget a img{display:block;height:auto;width:100%}
.cnt{margin:auto}
.cnt img{width:100%}
.serif{font-family:"Noto Serif JP",serif;font-weight:400}
#Searchbox .pkH2{padding-left:16px;padding-right:16px}
#COUPON{font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode','Geneva','Verdana',sans-serif;padding:40px 0 18px;width:100%}
.hanaretabi{font-size:14px;margin-bottom:30px;text-align:center}
.hanaretabi img{margin-bottom:12px;width:100%}
#topNav{z-index:999}
#topNav.active{padding: 0 0 12px;box-shadow:0 2px 2px 0 rgba(0,0,0,.16);}
#topNav,#topNav ul{background:#fff;width:100%}
#topNav ul{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;margin:0 auto;}
#topNav ul,#topNav ul li{align-items:stretch;display:flex}
#topNav ul li{border-right:1px solid #ccc;font-size:14px;justify-content:center;margin-top:12px;width:32%}
#topNav ul li:nth-of-type(3n){border:none}
#topNav ul li a{align-items:center;color:#333;display:flex;font-size:12px;font-weight:600;padding:0 2px;position:relative;text-align:center}
#topNav ul li a:active:after,#topNav ul li a:focus:after{background:#008FD8;bottom:-10px;content:"";height:1px;left:0;position:absolute;width:100%}
#topNav ul li a:active:before,#topNav ul li a:focus:before{border-color:#008FD8 transparent transparent;border-style:solid;border-width:5px 3px 0;bottom:-15px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}
.bg1{background-color:#F8FFFF}
.bg1,.bg2{overflow:hidden;padding:40px 16px}
.bg2{background-color:#DCF0FA}
.txts{font-size:12px;line-height:1.6;margin:16px 16px 0}
.txtm{color:#333;font-size:14px;font-style:normal;font-weight:400;letter-spacing:1px;line-height:2;margin:32px 16px}

.ttl{margin-bottom:24px;text-align:center}
.ttl img.sp{display:block;margin:0 auto; width: 100%;}
.ttl span{font-family:"Noto Serif JP",serif;font-size:16px;margin:24px auto}
.ttl small,.ttl span{display:block;font-weight:400}
.ttl small{color:#333;font-size:12px;line-height:2;margin-top:24px;text-align:center}

.swpBox{position: relative; margin: 0 auto;}
#okinawa .swpBox{background: #fff; padding: 16px 16px 0; box-sizing: border-box; border-radius: 10px; border: 1px solid #D0E3F3;}
.arr1 .swiper{width: 100%; padding-bottom: 32px;}
.arr1 .swiper-button-next, .arr1 .swiper-button-prev{background: url(https://img.travel.rakuten.co.jp/select/accor/feature/202505/images/arr1.png) no-repeat center / 100%; width: 24px; height: 24px; top: 50%; transform: translateY(-50%); text-indent: -9999px;margin-top: -12px;}
.arr1 .swiper-button-next{right: -12px;}
.arr1 .swiper-button-prev{left: -12px; transform: translateY(-50%) rotate(180deg);}
.swp .swiper-slide img{display: block; width: 100%;}
.swiper-pagination-bullet{width: 10px; height: 10px; opacity: 1; background: #c4c4c4; margin: 0 4px !important;}
.arr1 .swiper-pagination-bullet{width: 10px; height: 10px;}
.swiper-pagination-bullet-active{background: #008FD8 !important;}
.arr1 .swpBox .text{text-align: center; font-size: 13px; line-height: 1.8;}
/* .arr1 .swiper .text span{width: 50%;text-align: center;font-size: 9px;font-family:"Noto Serif JP",serif;padding-top: 6px;color: #333;line-height: 1.5;} */

#pickup{padding: 40px 0;}
.pkBox{margin: 0 auto;}
.pkHtl{margin-bottom:24px; padding: 16px; box-sizing: border-box;}
.pkHtl .swpBox{margin-bottom: 24px;}
.arr2 .swiper-button-next, .arr2 .swiper-button-prev{background: url(https://img.travel.rakuten.co.jp/select/accor/feature/202505/images/arr2.png) no-repeat center / 100%; width: 24px; height: 24px; top: 50%; transform: translateY(-50%); text-indent: -9999px;margin-top: 0;}
.arr2 .swiper-button-next{right: -12px;}
.arr2 .swiper-button-prev{left: -12px; transform: translateY(-50%) rotate(180deg);}
.pkHtl #hotel .htlName{text-align: center; font-size: 16px; color: #956618; margin-bottom: 24px; line-height: 1.6;}
.pkHtl .explain{text-align: center; font-size: 13px; color: #333; margin-bottom: 24px; line-height: 2;}
.pkHtl .btn{display: block; margin: 0 auto; width: 240px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; background: #956618;}

.cpnBg{background: #fff; margin: 16px;}
.coupon-tip{color:#333;font-size:12px;line-height:1.6;margin:auto;padding:21px 16px 0}
.couponOneClick .coupon__condition{position:relative}
.coupon__filter__guide{margin-bottom:0}

.ss-container.serach{padding-top:40px;}
#search-box.verB.test #dap-search-form .InpuDateBox.chkDateDP dl.structure25,
#search-box.verB.test #dap-search-form .chkAirDP,
#search-box.verB.test #dap-search-form .DPdetail .structure,
#search-box.verB.test #dap-search-form .heyaDP dl.structure,
#search-box.verB.test #dap-search-form #searchSwitchArea2 .ninzuDP ul li.adult,
#search-box.verB.test #dap-search-form #searchSwitchArea2 .ninzuDP ul li.child,
#search-box.verB.test #dh-search-form .chuArea .structure,
#search-box.verB .searchUndate,
#search-box.verB.test #dh-search-form .chkDate dl.fltDl.chkIn, #search-box.verB.test #dh-search-form .chkDate dl.fltDl.chkOut,
#search-box.verB.test #dh-search-form .roomNumber,
#search-box.verB.test #dh-search-form div.ninzu,
#searchSwitchArea1 .line.sibori
{border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
#search-box.verB.test #dh-search-form dl.structure.domInput.new{margin-top: 0;}

#dap-search-form .DPdetail .structure{overflow: hidden;}

#search-box.verB.test #dap-search-form #searchSwitchArea2 .ninzuDP ul li.child
#search-box.verB.test #searchSwitchArea1,#search-box.verB.test #searchSwitchArea2{background-size:cover}
#search-box .searchNavi{background-color:none!important;background:none;background-size:cover}
.coupon-category{border-bottom:1px solid #956618;box-sizing:border-box;color:#956618;font-size:16px;font-weight:700;margin:40px 16px 0;padding-bottom:10px}

#hotel{padding:40px 16px 0;}
.jdsTabNav{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:0 16px 24px}
.jdsTabNav li{background:#fff;border:1px solid #956618;box-sizing:border-box;color:#956618;font-size:16px;font-weight:400;padding:8px 0;text-align:center;width:48.5%}
.jdsTabNav li.active{background:#956618;color:#fff}
#hotel .swiper{padding-bottom:24px}
.jdsTabMain{padding:16px 0 0;}
#hotel .hotels.swiper-wrapper{transform: none; transition: none; flex-direction: column;}
#hotel .htl{background:#fff;overflow:hidden;padding: 16px;margin-bottom: 16px;box-sizing: border-box;}
#hotel .htl img{display:block;margin-bottom:8px;width:100%}
#hotel .htl .area{color:#333;font-size:12px;margin:0 16px 24px;text-align: center; font-weight: 400;}
#hotel .htl .area span{display: inline-block; background: #eee; padding: 4px 8px; margin: 0 8px;}
#hotel .htl .htlName{font-size:16px;font-weight:600;margin:0 8px 16px;color: #956618; text-align: center;}
#hotel .htl .explain{color:#333;font-size:14px;font-weight:400;margin:0 8px 16px}
#hotel .htl .btn {display: flex; justify-content: space-between;}
#hotel .htl .btn li{width: 48.5%;}
#hotel .htl .btn li a{background:#956618 url(https://img.travel.rakuten.co.jp/select/accor/feature/202505/images/arr3.png) no-repeat calc(100% - 8px) center / 18px;color:#fff;display:block;font-size:14px;font-weight:400;text-align:center; line-height: 1; padding: 12px 6px 12px 0;}

.jumpbtn {display: block;margin: 32px 16px;background: #fff url(https://img.travel.rakuten.co.jp/select/accor/feature/202506/images/arrow.png) no-repeat calc(100% - 12px) center / 26px auto;font-size: 14px;text-align: center;color: #008FD8!important;border: 1px solid #008FD8;border-radius: 3px;font-weight: 600;padding: 10px 24px 10px 0;box-sizing: border-box;}

#pool .note{font-size: 12px; margin-top: 16px;}
#pool .jdsTabMain{background: #fff;padding: 16px 16px 8px;}
#pool .subTtl{color:#956618;font-family:"Noto Serif JP",serif;font-size:16px;font-weight:700;margin-bottom:16px}
#pool .swiper{padding-bottom:24px;}
#pool .htl{border:1px solid #c5c5c5;border-radius:4px;background:#fff;overflow:hidden;box-sizing:border-box;}
#pool .htl img{display:block;width:100%;margin-bottom:8px;}
#pool .htl .area{font-size:12px;color:#666;margin:0 8px 8px;}
#pool .htl .htlName{font-weight:bold;font-size:14px;margin:0 8px 8px;}
#pool .htl .openingHours{font-size:12px;color:#333;margin:0 8px 16px;font-weight:400;}
#pool .htl .openingHours span{display: block; text-decoration: underline;}
#pool .htl .btn li{margin:0 8px;}
#pool .htl .btn li a{display:block;font-size:14px;text-align:center;color:#956618;border-radius:3px;border:1px solid #956618;padding:6px 0;font-weight:600;margin:0 auto 8px;}

/* 202506 ver2 */
.ver2 #topNav .navi{justify-content: space-around;}
.ver2 #topNav .navi li{flex: 1 1 auto; width: auto;}
.ver2 #topNav ul li:nth-of-type(3){border-right: 1px solid #ccc;}
.ver2 #topNav ul li:nth-of-type(4){border: none;}
.ver2 #topNav ul li a:active:before,.ver2 #topNav ul li a:focus:before{border-color:#956618 transparent transparent;bottom: -11px;}
.ver2 #topNav ul li a:active:after,.ver2 #topNav ul li a:focus:after{background: #956618;bottom: -6px;}
.ver2 .bg2{background: #eaeaea;}
.ver2 .bg1{background: #21204C url(../images/bg1_bottom.png) no-repeat center calc(100% - 40px) / 80%;padding: 40px 0 96px;}
.ver2 .bg3{background: #F9F3EB; padding: 40px 0;}

.ver2 .ttl small{font-size: 13px;}

.ver2 #hotel .htl .coupon__box__holder{margin-top: 16px;padding: 0;}

.ver2 .arr1 .swpBox .text{color: #fff; padding: 0 16px;}
#anchor{display: flex;justify-content: center;gap: 10px;margin-bottom: 16px;padding: 0 8px;}
#anchor li img{width: 100%;}

.ver2 #okinawa .swpBox{border: none; background: none; padding: 24px 0 0;margin-bottom: 24px;}
.okiHtlName{text-align: center; color: #F3C371; font-size: 20px;margin-bottom: 16px;letter-spacing: 5px;}
.ver2 a.jumpbtn{border: none; background: #AF8641; color: #fff !important; border-radius: 8px; position: relative;padding-right: 0;font-size: 14px; letter-spacing: 2px; font-weight: 400; letter-spacing: 2px;width: 80%;margin: 24px auto 0;}
.ver2 a.jumpbtn:after{position: absolute; content: ''; top: calc(50% - 5px); right: 16px;width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg);}
.ver2 .swiper-pagination-bullet-active{background: #AF8641 !important;}

.ver2 #all_inclusive .swiper-slide div{display: flex; justify-content: space-between;padding: 8px 0;}
.ver2 #all_inclusive .swiper-slide div p{width: 50%; text-align: center; font-weight: 400; font-size: 12px; box-sizing: border-box;padding: 0 8px;}
.ver2 #all_inclusive .swiper-button-next, .ver2 #all_inclusive .swiper-button-prev{transform: none; top:41%;}
.ver2 #all_inclusive a.jumpbtn{background: #fff url(../images/arrow_grey.png) no-repeat calc(100% - 8px) center / 20px; border: 1px solid #767676; border-radius: 4px; color: #767676 !important; font-weight: 500; position: static;padding-right: 8px; width: 96%; letter-spacing: 1px;}

.ver2 .floating-widget a.top-link img{width: 60px;margin: 0 auto;}
.ver2 .hanaretabi{margin: 16px 0;}