/* Local fallback layout for Steak House Gekko Kamen */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#322d29;background:#faf8f4;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
ul{list-style:none;padding:0;margin:0}
.sp{display:none}
.headArea{background:#171412;color:#fff;position:relative;z-index:20}
.headLogo{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:18px 24px}
.logoArea{width:240px;max-width:52vw}
.logoArea img{max-height:105px;object-fit:contain}
.headMenuArea h1{font-size:14px;font-weight:400;line-height:1.6;margin:0}
.headMenu{display:none}
.headNav{background:#312820}
.headNavarea{max-width:1180px;margin:auto}
.headNavarea nav ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.headNavarea nav li{min-width:125px;text-align:center}
.headNavarea nav a{display:block;padding:15px 24px;color:#fff;font-weight:700;letter-spacing:.08em}
.headNavarea nav a:hover,.headNavarea nav a:focus{background:#8e6541}
.headNavarea .more,.menuPoparea,.menuPopbg,.triangle{display:none!important}
.headNavbar{display:none}
.main,.mainArea,.recommendArea,.topicsArea,.info,.footerArea{width:min(1140px,calc(100% - 36px));margin:0 auto}
.mainArea,.recommendArea,.topicsArea,.info{padding:45px 0}
.mainImg,.infoImg,.top_img{overflow:hidden;border-radius:8px}
.mainTitle,.recommendTitle,.topicsTitle,.newsTitle,.infoWakuTitle{text-align:center;font-size:clamp(22px,3vw,32px);font-weight:750;color:#5f3424;margin:18px auto 24px}
.mainText,.recommendText,.recommendWaku,.infoWaku,.newsSection{background:#fff;border:1px solid #e8ddd1;border-radius:8px;padding:22px;margin:18px auto}
.mainBtn a,.tell_btn a{display:inline-block;background:#754e30;color:#fff;border-radius:5px;padding:12px 25px}
.recommendArea ul,.mainArea ul,.topicsList{display:flex;flex-wrap:wrap;gap:15px}
.recommendArea li,.mainArea li{flex:1 1 180px;min-width:0}
.topicsList li{flex:1 1 210px}
.newsArea,.newsList,.topicsListText,.infoWakuText{max-width:1040px;margin:auto}
.loopSliderArea,.single-item,.loop-slider{max-width:100%;overflow:hidden}
.single-item img,.loop-slider img{max-width:100%;height:auto}
.infoWaku{display:grid;gap:15px}
.map iframe{max-width:100%;width:100%;border:0}
.footerArea{padding:25px 0;text-align:center}
footer{background:#211b17;color:#f8f0e7;padding:30px 0}
.popArea{background:#fff;padding:25px;max-width:720px;margin:20px auto}
.mfp-hide{display:none}
.fallback-modal{position:fixed;inset:0;background:#000b;z-index:999;display:flex;align-items:center;justify-content:center;padding:15px}
.fallback-modal .popArea{max-height:90vh;overflow:auto}
.fallback-modal .mfp-hide{display:block}
.fallback-modal button{position:absolute;top:10px;right:15px;z-index:1;font-size:26px;border:0;background:#fff;border-radius:5px;cursor:pointer}
@media(max-width:720px){
 .pc{display:none!important}.sp{display:block}
 .headLogo{padding:14px 16px;gap:12px}
 .logoArea{width:170px}
 .headMenuArea h1{font-size:11px}
 .headNav{display:block}
 .headNavarea nav ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 .headNavarea nav li{min-width:0}
 .headNavarea nav a{padding:12px 5px;font-size:12px;letter-spacing:0}
 .mainArea,.recommendArea,.topicsArea,.info{padding:24px 0}
 .mainText,.recommendText,.recommendWaku,.infoWaku,.newsSection{padding:15px}
 .recommendArea li,.mainArea li{flex-basis:130px}
}