.sp { display: none !important; }
#widewrapper{width: 100%; position: relative; clear: both; font-family: 'メイリオ', 'Meiryo';}
.ss-container{ margin: 40px 0 0; border-radius: 0 !important;}
#contentsArea{ background:#fff;}
a:hover { opacity: 0.8; text-decoration: none !important; }

.kv{ height: 400px; position: relative;}
.kv h1{ font-family: 'Noto Serif JP', serif; font-size: 68px; color: #fff; width: 100%; text-align: center; position: absolute; left: 0; top: 24px; font-weight: 500; line-height: 100%; letter-spacing: 15.36px; text-shadow:0px 2px 4px rgba(0, 0, 0, 0.50);}
.kv h1 span{ display: block; margin: 44px 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: 100%; letter-spacing: 0.8px;}
.kv h1 span b{ font-size: 32px; font-weight: normal;}
.kv p{ position: absolute; left: 50%; transform:translateX(-50%); bottom: 80px; display: table; margin: 42px auto 0; border-radius: 4px; background:rgba(28, 137, 28, 0.80); padding: 12px 24px;color: #FFF; font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: 1.6px;}
.kv p b{ font-size: 24px; font-weight: normal;}
.kv p small{ font-size: 20px;}


/**
 * ----------------------------------------
 * 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: 40px; font-family: 'Noto Serif JP', serif;color: #000; text-align: center; font-size: 24px; font-style: normal; font-weight: 600; line-height: 100%; /* 24px */}


/* coupon */
#getAllCoupon{ margin: 0; padding: 32px 0 40px; background:#1C891C;}
#getAllCoupon .txt{color: #FFF; font-size: 36px; font-weight: 500; text-align: center; line-height: 140%; /* 50.4px */ letter-spacing: 1.44px; position: relative;}
/* #getAllCoupon .txt::after{ display: block; content: ""; width: 220px; height: 1px; background: #fff; position: absolute; left: 50%; top: 60px; transform: translateX(-50%);} */
#getAllCoupon .txt span{ display: block; margin-top: 40px; font-size: 20px;line-height: 140%; /* 28px */ letter-spacing: 1.6px;}
#getAllCoupon .txt2{ color: #fff; font-size: 12px; line-height: 1.6; margin-top: 12px;}
.getAllCoupon{ display: flex; justify-content: center; align-items: center; flex-direction: column;}
.cpn-all-click{display: flex;justify-content: center; margin: 20px auto 0;}
.cpn-all-click-btns{background: #bf0000; color: #fff; display: block; padding: 16px 0; font-size: 24px; border: none; border-radius: 100rem; width: 425px; line-height: 1; font-family: inherit; position: relative;}
.cpn-all-click-btns::after{ content: ""; position: absolute; right: 8%; top: 50%; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px 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 .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; justify-content: flex-start;}
.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 32px 4px 8px; background: #D9D9D9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAARVBMVEUAAAAwMDAwMDAwMDAxMTEzMzMyMjIzMzMzMzMyMjIzMzM1NTUyMjIwMDAzMzMzMzMyMjIxMTEyMjIzMzMyMjI0NDQzMzP51LwrAAAAFnRSTlMAIEAwoJ+Av+9/r2BgEFDP3x9w3+9Aa03MBwAAAHlJREFUeNrdykUSQkEUA8DvriPv/kfFSRhSxQ7rdWcfkhdQylEZ1HI07VWHofXGQ4cBQ4dxwpjzq5lDhrF0djVxoLHadrVQ4LHZnl0hyMFBDw56cNCDA+PBQQ9HQY95RRCDuM29GI01fzzahE+Gsychzx7EKTVnb3YA6mQP/gr9fQ8AAAAASUVORK5CYII=) no-repeat 96% center / 16px; color: #213153;}
.couponlink{ display: flex; justify-content: center; align-items: center; margin: 20px auto 0;}
.couponlink a{ display: block; padding: 12px 50px 12px 24px; 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: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg);}

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

/* search */
#Searchbox{padding:64px 0; background: #F5F5F5; margin: 0;}
#Searchbox .ttl{ margin-top: 40px; font-family: 'Noto Serif JP', serif;color: #000; text-align: center; font-size: 24px; 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;}


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

#MAPBOX{ width: 100%; max-width: 1280px; margin: 64px auto 0; padding-bottom: 64px;}
#MAPBOX .square{ margin-top: 32px;}
.mapArea .column-list .areaNm{ display: flex; justify-content: center; align-items: center; padding: 0;}