.pc { display: none !important; }
#widewrapper{width: 100%; position: relative; clear: both; font-family: 'メイリオ', 'Meiryo',sans-serif;}
.ss-container{ margin: 32px 0 0; padding: 0; border-radius: 0 !important;}
#contentsArea{ background:#fff;}

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


.kv{ position: relative;}
.kv h1{ font-family: 'Noto Serif JP', serif; font-size: 32px; color: #fff; width: 100%; text-align: center; position: absolute; left: 0; top: 5vh; font-weight: 500; line-height: 140%; letter-spacing: 6.72px; text-shadow:0px 2px 4px rgba(0, 0, 0, 0.50);}
.kv h1 span{ display: block; margin: 24px auto 0; color: #FFF; text-align: center; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.40);  font-size: 20px; font-family: 'メイリオ', 'Meiryo', sans-serif; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: 0.8px;}
.kv h1 img { width: 80% !important; max-width: 400px; }
.kv p{ position: absolute; left: 50%; margin-left: -45%; width: 90%; bottom: 60px; display: table; text-align: center; border-radius: 4px; background:rgba(28, 137, 28, 0.80); padding: 12px 0;color: #FFF; font-size: 14px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: 1.6px;}
.kv p b{ font-size: 20px; font-weight: normal;}
.kv p small{ font-size: 18px;}

/**
 * ----------------------------------------
 * animation focus-in-expand
 * ----------------------------------------
 */
 @-webkit-keyframes focus-in-expand {
0% { letter-spacing: -0.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } }
@keyframes focus-in-expand {
0% { letter-spacing: -0.5em; -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; }
100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } }
.focus-in-expand { -webkit-animation: focus-in-expand 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: focus-in-expand 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }

.ttl{ margin-top: 0; font-family: 'Noto Serif JP', serif;color: #000; text-align: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: 100%; /* 24px */}


/* coupon */
#getAllCoupon{ margin: 0; padding: 16px; background:#1C891C;}
#getAllCoupon .txt{color: #FFF; font-size: 24px; font-weight: 500; text-align: center; line-height: 140%; /* 50.4px */ letter-spacing: 1.2px; position: relative;}
/* #getAllCoupon .txt::after{ display: block; content: ""; width: 200px; height: 1px; background: #fff; position: absolute; left: 50%; top: 48px; transform: translateX(-50%);} */
#getAllCoupon .txt span{ display: block; text-align: center; margin-top: 26px; font-size: 16px; line-height: 140%; /* 28px */ letter-spacing: 1.6px;}
#getAllCoupon .txt2{ color: #fff; font-size: 12px; line-height: 1.6; margin-top: 12px;}
.cpn-all-click{display: flex;justify-content: center;gap: 20px; margin: 20px auto;}
.cpn-all-click-btns{background: #bf0000; color: #fff; display: block; padding: 16px 0; font-size: 16px; border: none; border-radius: 100rem; width: 80%; max-width: 276px; line-height: 1; font-family: inherit; position: relative;}
.cpn-all-click-btns::after{ content: ""; position: absolute; right: 8%; top: 50%; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: translateY(-50%) rotate(45deg); }
.cpn-all-click-btns:hover{opacity: .8; cursor: pointer;}
.cpn-all-click-btns.acquired, .cpn-all-click-btns.finished, .cpn-all-click-btns.expired{background: #666; color: #fff; cursor: not-allowed;}
.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/special/special-offers/images/modal_svg.svg);} */
.coupon__filter__guide{ margin: 24px 0 0;}
.coupon__filter__guide::after{ background-image: url(https://img.travel.rakuten.co.jp/special/special-offers/images/modal_svg.svg);display: none;}
.coupon__filter__guide a{ padding: 4px 28px 4px 8px; background: #D9D9D9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAARVBMVEUAAAAwMDAwMDAwMDAxMTEzMzMyMjIzMzMzMzMyMjIzMzM1NTUyMjIwMDAzMzMzMzMyMjIxMTEyMjIzMzMyMjI0NDQzMzP51LwrAAAAFnRSTlMAIEAwoJ+Av+9/r2BgEFDP3x9w3+9Aa03MBwAAAHlJREFUeNrdykUSQkEUA8DvriPv/kfFSRhSxQ7rdWcfkhdQylEZ1HI07VWHofXGQ4cBQ4dxwpjzq5lDhrF0djVxoLHadrVQ4LHZnl0hyMFBDw56cNCDA+PBQQ9HQY95RRCDuM29GI01fzzahE+Gsychzx7EKTVnb3YA6mQP/gr9fQ8AAAAASUVORK5CYII=) no-repeat 98% center / 16px; color: #213153;}
.couponlink{ display: flex; justify-content: center; align-items: center; margin: 20px auto 0;}
.couponlink a{ display: block; padding: 8px 40px 8px 16px; border: 1px solid #D9D9D9; border-radius: 3px; font-size: 14px; color: #fff; position: relative;}
.couponlink a::after{ content: ""; position: absolute; right: 8%; top: 25%; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(135deg);}

#coupon{background: #1C891C; padding:40px 0; margin-top: 0;}
#coupon .ttl { font-family: 'Noto Serif JP', serif; color: #FFF; text-align: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: 1.5; position: relative;}
#coupon .ttl::after{ display: block; content: ""; width: 200px; height: 1px; background: #fff; position: absolute; left: 50%; top: 68px; transform: translateX(-50%);}
.coupon__box{ background: #FFFFFF;  margin: 24px 16px 0;}

/* search */
#Searchbox{padding:32px 0; background: #F5F5F5; margin: 0;}
#Searchbox .ttl{ margin-top: 0; font-family: 'Noto Serif JP', serif;color: #000; text-align: center; font-size: 20px; 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-bottom: 24px; margin-top: 16px;}
#search-box.verB #dh-search-form .searchSubmit a, #search-box.verB #dap-search-form .searchSubmit a{ margin-top: 0;background:#D04A00; border: none;}

.atn{ margin: 0 16px 16px; font-size:12px ; line-height: 1.6;}
.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; }

#MAPBOX{ margin: 40px auto 0; padding-bottom: 40px;}
#MAPBOX .square{ margin: 24px 16px 0;}
.mapArea .column-list .areaNm{ display: flex; justify-content: center; align-items: center; padding: 0;}