
.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(11, 150, 217, 0.80);   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(11, 150, 217, 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 */
#coupon{ margin: 0; padding: 16px; background: #0B96D9;}
.couponBox{ display: flex; flex-direction: column; row-gap: 24px;}
.couponBox .txt{color: #FFF; font-size: 30px; font-weight: 500; line-height: 140%; /* 50.4px */ letter-spacing: 1.2px; position: relative;}
.couponBox .txt::after{ display: block; content: ""; width: 180px; height: 1px; background: #fff; position: absolute; left: 0; top: 50px;}
.couponBox .txt span{ display: block; text-align: center; margin-top: 26px; font-size: 16px; line-height: 140%; /* 28px */ letter-spacing: 1.6px;}
.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(../images/modal_svg.svg);}
.coupon__filter__guide{ margin-bottom: 0;}
.coupon__filter__guide::after{ background-image: url(../images/modal_svg.svg);}


/* search */
#Searchbox{padding:32px 0; background: #F5F5F5; margin: 0;}
#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 .square{ margin: 24px 16px 0;}
.mapArea .column-list .areaNm{ display: flex; justify-content: center; align-items: center; padding: 0;}