/* Phone layouts share the desktop art direction, without fixed text boxes. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:760px){
 html[lang] body{overflow-x:hidden}
 html[lang] body .wrap{width:100%;min-width:0;padding-inline:22px}
 html[lang] body .sec-grid{grid-template-columns:minmax(0,1fr)}
 html[lang] body .sec-grid>*,html[lang] body .menu-top>*,html[lang] body .info-grid>*{min-width:0}
 html[lang] body .vh{white-space:normal;line-height:1.6;letter-spacing:.12em}
 html[lang] body .vh small{white-space:normal;line-height:1.9;letter-spacing:.08em}
 html[lang] body>header{inset:0 0 auto;height:190px}
 html[lang] body .lang{top:14px;left:15px;right:auto;flex-direction:row;gap:2px}
 html[lang] body .lang a{font-size:11px;min-width:30px;min-height:36px;display:grid;place-items:center;padding:4px}
 html[lang] body .logo{top:56px;left:48%;height:120px}
 html[lang] body .logo .mk{font-size:29px}
 html[lang] body .logo .seal{margin-top:58px}
 html[lang] body .vnav{top:62px;right:20px}
 html[lang] body .hero{--photo-h:clamp(460px,125vw,540px);min-height:0;height:calc(190px + var(--photo-h) + 230px);max-height:none}
 html[lang] body .hero-photo{top:190px;left:12%;right:0;bottom:auto;width:88%;height:var(--photo-h)}
 html[lang] body .hero-photo img{object-position:50% 50%}
 html[lang] body .hero-copy h1{top:224px;left:16px;height:auto;max-height:none;font-size:25px;line-height:1.55;padding:14px 6px;letter-spacing:.12em}
 html[lang] body .hero-copy .sig{left:20px;top:calc(190px + var(--photo-h) - 165px);height:auto;margin:0;padding:8px 4px;background:#faf9f7ed;font-size:11px;z-index:4}
 html[lang] body .hero-l{top:164px;left:20px}
 html[lang] body .hero-r{top:190px;right:0}
 html[lang] body .big-en{font-size:64px}
 html[lang] body .hero-cutout{top:calc(190px + var(--photo-h) - 110px);bottom:auto;width:205px;right:-25px;left:auto}
 html[lang] body .hero-city{top:calc(190px + var(--photo-h) + 27px);bottom:auto;left:4%;font-size:13.4vw;line-height:1;z-index:4}
 html[lang] body .hero-action{left:20px;right:20px;bottom:22px}
 html[lang] body .hero .hero-btns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 html[lang] body .hero .btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 8px;font-size:11px;line-height:1.7}
 html[lang] body .hero-info{font-size:11px;line-height:1.9;margin-top:13px;max-width:none}
 html[lang] body .hero-scroll{display:none}
 html[lang] body .notice-paper dl div{align-items:baseline;gap:12px}
 html[lang] body .notice-paper dt{flex-shrink:0}
 html[lang] body .notice-paper dd{min-width:0;max-width:65%;line-height:1.8;font-size:13px}
 html[lang] body .notice-foot{gap:18px}
 html[lang] body .voices .vh{text-align:left;font-size:25px}
 html[lang] body .voices .lead{text-align:left;font-size:13px}
 html[lang] body .track{grid-auto-columns:calc(100% - 24px);gap:14px;scroll-snap-type:x proximity}
 html[lang] body .rv{padding:24px 22px;border-radius:2px}
 html[lang] body .rv h3{font-size:19px;line-height:1.7}
 html[lang] body .story-intro{padding-inline:24px}
 html[lang] body .story-frame{max-width:calc(100% - 48px)}
 html[lang] body .story-place{font-size:46px;right:0;max-height:110px}
 html[lang] body #enjoy .vh{margin-left:24px;margin-right:24px;font-size:26px}
 html[lang] body .st .step-copy{display:block;padding:26px 26px 0;max-width:540px;margin:0 auto}
 html[lang] body .st h3{display:block;writing-mode:horizontal-tb;font-size:21px;line-height:1.75;letter-spacing:.06em}
 html[lang] body .st h3 .n{display:inline-block;font-size:26px;margin:0 15px 0 0}
 html[lang] body .st p{writing-mode:horizontal-tb;height:auto;line-height:2;font-size:14px;margin-top:12px;letter-spacing:.03em}
 html[lang] body .steps3{gap:52px}
 html[lang] body .menu .section-word{font-size:clamp(66px,20vw,90px);margin-left:22px}
 html[lang] body .menu-top{gap:24px;margin-bottom:30px}
 html[lang] body .menu-top img{width:112%;margin-left:-6%}
 html[lang] body .menu-top .cap{font-size:11px;line-height:1.9;margin-top:10px}
 html[lang] body .menu-top .vh{font-size:27px}
 html[lang] body .menu-top h3{font-size:22px;letter-spacing:.07em;line-height:1.7}
 html[lang] body .menu .board{display:block;overflow:visible;padding:0}
 html[lang] body .col,html[lang] body .col.limited{display:block;writing-mode:horizontal-tb;min-height:0;width:100%;padding:25px 18px;border:0;border-bottom:1px solid var(--line)}
 html[lang] body .col:last-child{border-bottom:0}
 html[lang] body .col h3{writing-mode:horizontal-tb;white-space:normal;letter-spacing:.08em;line-height:1.7;font-size:20px;margin:0 0 14px}
 html[lang] body .col h3 small{font-size:12px;letter-spacing:.03em;line-height:1.9;margin:8px 0 0}
 html[lang] body .col li{display:block;white-space:normal;line-height:1.9;letter-spacing:.02em;margin:8px 0;font-size:15px;overflow-wrap:anywhere}
 html[lang] body .col li .p{display:block;margin:5px 0 0;font-size:13px;white-space:normal}
 html[lang] body .col .tag{writing-mode:horizontal-tb;display:inline-block;margin:0 0 12px;padding:3px 9px;letter-spacing:.08em}
 html[lang] body .faq summary{grid-template-columns:24px minmax(0,1fr) 20px;font-size:15px;line-height:1.9;padding:20px 0;gap:7px}
 html[lang] body .faq .ans{padding-left:31px;font-size:13px}
 html[lang] body .info-table{table-layout:fixed;font-size:13px;width:100%}
 html[lang] body .info-table th{width:6.8em;word-break:normal}
 html[lang] body .info-table td{overflow-wrap:anywhere}
 html[lang] body .info-links{display:grid;grid-template-columns:1fr;padding:28px 0 0}
 html[lang] body .info-links .btn{text-align:center}
 html[lang] body .end h2{font-size:24px;line-height:1.7;overflow-wrap:anywhere}
 html[lang] body .end .hero-btns{display:grid;grid-template-columns:1fr}
 html[lang] body .scroll-nav{padding:8px 16px;gap:14px;min-height:52px}
 html[lang] body .scroll-nav a{font-size:11px;letter-spacing:.02em;min-height:36px;display:flex;align-items:center}
 html[lang] body .scroll-nav a[href="#about"],html[lang] body .scroll-map{display:none}
 html[lang] body .scroll-nav .scroll-brand{font-size:21px}
 html[lang] body .fixbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#faf9f7;border-top:1px solid #d9c9b2;padding-bottom:env(safe-area-inset-bottom,0px)}
 html[lang] body .fixbar a{color:#382d22;border-color:#d9c9b2;display:flex;align-items:center;justify-content:center;min-height:54px;padding:12px 5px;font-size:12px;line-height:1.5;letter-spacing:.04em}
 html[lang] body .fixbar a.main{color:#fff;background:#a75732}
 html[lang] body .copy{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 :is(html[lang=en],html[lang=ko]) body .hero-copy h1{width:158px;letter-spacing:0;font-size:24px;line-height:1.5;padding:16px 10px}
 :is(html[lang=en],html[lang=ko]) body .hero-copy .sig{width:145px;font-size:11px;line-height:1.7;padding:8px}
 :is(html[lang=en],html[lang=ko]) body .story-frame h2{font-size:23px}
 :is(html[lang=en],html[lang=ko]) body .story-frame{height:auto;min-height:315px}
}
@media(max-width:760px){
 html[lang] body .logo .seal{white-space:nowrap;flex-shrink:0}
 html[lang] body .scroll-nav .scroll-map{display:none}
}
/* Store details sit on paper in the current design. */
.info{color:var(--ink)}
.info .vh small,.info-l .sub,.info-l .dest,.info-table th{color:#6b655d}
.info-table th,.info-table td{border-color:var(--line)}
.info-table a{color:#815031}
.info .btn.line{color:var(--ink);border-color:#a58b70}
.info .btn.line:hover{background:var(--ink);color:#fff}
@media(max-width:760px){html{overflow-x:clip}}

/* 麺はともあれ：6文字のロゴ */
@media(max-width:760px){html[lang] body .logo .mk{font-size:19px;letter-spacing:0}html[lang] body .hero-photo img{object-position:68% 50%}}