.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(11, 150, 217, 0.80); font-size: 20px; font-family: 'メイリオ', 'Meiryo',sans-serif; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: 0.8px;}
.kv p{ position: absolute; left: 50%; transform:translateX(-50%); bottom: 80px; display: table; margin: 42px auto 0; border-radius: 4px; background: rgba(11, 150, 217, 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 */
#coupon{ margin: 0; padding: 32px 0; background: #0B96D9;}
.couponBox{ display: flex; justify-content: center; align-items: center; gap: 35px;}
.couponBox .txt{color: #FFF; font-size: 36px; font-weight: 500; line-height: 140%; /* 50.4px */ letter-spacing: 1.44px; position: relative;}
.couponBox .txt::after{ display: block; content: ""; width: 220px; height: 1px; background: #fff; position: absolute; left: 0; top: 60px;}
.couponBox .txt span{ display: block; margin-top: 40px; font-size: 20px;line-height: 140%; /* 28px */ letter-spacing: 1.6px;}
.couponOneClick .coupon__time,.couponOneClick .coupon__time .coupon__time__start span,.couponOneClick .coupon__amount,.couponOneClick .coupon__condition{ color: #fff;}
.couponOneClick .coupon__condition::after{background: url(../images/modal_svg.svg);}
.coupon__filter__guide{ margin: 24px 0 0; justify-content: flex-start;}
.coupon__filter__guide::after{ background-image: url(../images/modal_svg.svg);}

/* search */
#Searchbox{padding:64px 0; background: #F5F5F5; margin: 0;}
#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: 40px auto 0;}
#MAPBOX .square{ margin-top: 32px;}
.mapArea .column-list .areaNm{ display: flex; justify-content: center; align-items: center; padding: 0;}