:root{--ink:#292821;--red:#832c25;--muted:#77746c;--line:#d8d3c9;--paper:#faf9f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}header{height:92px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:#faf9f5;position:relative;z-index:10;border-bottom:1px solid #e5e1d9}.logo{display:flex;align-items:center;gap:12px;font-family:'Noto Serif JP'}.logo small{writing-mode:vertical-rl;letter-spacing:.18em;font-size:10px;border-right:1px solid var(--red);padding-right:10px}.logo strong{font-size:33px;letter-spacing:.08em}.logo strong span{color:var(--red)}nav{display:flex;gap:clamp(16px,2.7vw,42px)}nav a{font-size:12px;font-weight:700;letter-spacing:.08em}nav a:hover{color:var(--red)}#toggle{display:none}.hero{height:calc(100svh - 92px);min-height:640px;position:relative;color:#fff;background:#25180f url('ramen-hero.jpg') center/cover no-repeat;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c0906b8,#0c090642 65%,#0c090610)}.hero-copy{position:absolute;left:9%;top:48%;transform:translateY(-50%);text-shadow:0 3px 14px #0007}.hero-copy>p{font-family:'Noto Serif JP';font-size:18px;letter-spacing:.4em;margin:0 0 35px}.hero h1{font-family:'Noto Serif JP';font-weight:700;font-size:clamp(48px,6.6vw,90px);line-height:1.5;letter-spacing:.18em;margin:0}.hero-copy>div{font-size:15px;line-height:2.3;letter-spacing:.16em;margin-top:25px}.hero-vertical{position:absolute;right:3.5%;top:30%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em}.scroll{position:absolute;left:9%;bottom:36px;font-size:10px;letter-spacing:.28em}.flash{padding:25px 9%;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:#fff;font-size:12px}.flash>span{background:var(--red);color:white;padding:6px 14px}.flash time{color:var(--muted)}.flash a{flex:1}.flash b{float:right;color:var(--red);font-size:17px}.section{padding:105px 9% 120px}.index{font:13px 'Noto Serif JP';color:var(--red);padding-bottom:19px;border-bottom:1px solid var(--line);margin-bottom:78px}.index span{font:10px 'Noto Sans JP';color:var(--muted);letter-spacing:.23em;margin-left:14px}.columns{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.kicker{font-size:12px!important;color:var(--red);letter-spacing:.24em;font-weight:700;margin:0 0 19px!important}h2{font:600 clamp(30px,3.4vw,48px)/1.7 'Noto Serif JP';letter-spacing:.12em;margin:0 0 37px}.prose>p:not(.kicker){font:15px/2.65 'Noto Serif JP';letter-spacing:.08em;margin:0 0 24px}.phrase{height:590px;min-height:500px;background:#eae3d7;border:1px solid #d4c7b4;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.phrase:before{content:'';position:absolute;inset:18px;border:1px solid #c8bca7;pointer-events:none}.phrase-inner{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:37px;padding:35px 18px}.phrase-inner>span{font:13px 'Noto Serif JP';letter-spacing:.24em}.phrase-inner strong{font:700 clamp(30px,3vw,49px)/1.8 'Noto Serif JP';letter-spacing:.11em}.phrase-inner small{font:12px 'Noto Serif JP';color:var(--red);letter-spacing:.24em}.tint{background:#eeeae1}.taste{grid-template-columns:1.03fr .97fr;gap:9%}.taste>img{width:100%;height:650px;object-fit:cover}.point{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:24px 0;border-top:1px solid #c9c3b7}.point label{font:12px 'Noto Serif JP';color:var(--red);padding-top:5px}.point h3{font:600 19px 'Noto Serif JP';margin:0 0 10px}.point p{font-size:13px;line-height:2;color:#666159;margin:0}.center{text-align:center;margin-bottom:55px}.center h2{margin-bottom:15px}.center>p:last-child{font-size:13px;color:var(--muted)}.menu{gap:7%}.menu-photo{height:500px;position:relative;overflow:hidden}.menu-photo img{width:100%;height:100%;object-fit:cover;object-position:67% center}.menu-photo span{position:absolute;top:0;left:0;background:var(--red);color:white;padding:11px 20px;font:12px 'Noto Serif JP';letter-spacing:.2em}.prices>div{display:flex;justify-content:space-between;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.prices>div:first-child{border-top:1px solid var(--line)}.prices h3{font:600 19px 'Noto Serif JP';margin:0}.prices h3 small{display:block;font:11px 'Noto Sans JP';color:var(--muted);margin-top:9px}.prices b{font:600 20px 'Noto Serif JP';white-space:nowrap}.prices b small{font-size:12px;margin-left:5px}.prices>p{font-size:11px;color:var(--muted);line-height:2}.statement{background:#302b24;color:#f5f0e7;text-align:center;padding:103px 20px 116px;font-family:'Noto Serif JP'}.statement p{font-size:15px;letter-spacing:.22em;margin:0 0 30px}.statement strong{display:block;font-weight:500;font-size:clamp(34px,4.5vw,63px);line-height:1.8;letter-spacing:.2em}.statement small{display:block;font-size:12px;letter-spacing:.25em;color:#c7bbaa;margin-top:40px}.news{grid-template-columns:1fr 2fr}.news .entries>p{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;margin:0;font-size:13px}.news .entries>p:first-child{border-top:1px solid var(--line)}.news time{color:var(--muted);font-size:12px;white-space:nowrap}.news label{font-size:10px;border:1px solid #aaa398;padding:5px 9px;white-space:nowrap}.access{gap:10%}.access h2{font-size:35px}.access dl{display:grid;grid-template-columns:95px 1fr;margin:0}.access dt,.access dd{margin:0;border-top:1px solid #c9c3b8;padding:19px 0;font-size:13px;line-height:1.8}.access dt{font-weight:700}.disclaimer{font-size:11px;color:var(--muted);line-height:2;margin-top:25px}.access-photo{height:480px;position:relative}.access-photo img{width:100%;height:100%;object-fit:cover}.access-photo span{position:absolute;bottom:0;right:0;background:var(--paper);font:17px/1.9 'Noto Serif JP';letter-spacing:.12em;padding:24px 35px}footer{background:#26231d;color:#eeeae0;text-align:center;padding:75px 20px 35px}footer>a{display:flex;flex-direction:column;align-items:center;gap:7px;font-family:'Noto Serif JP'}footer>a small{font-size:11px;letter-spacing:.25em}footer>a strong{font-size:38px;letter-spacing:.15em}footer p{font-size:12px;letter-spacing:.13em;color:#c6bfb1;margin:17px 0 38px}footer div{display:flex;justify-content:center;gap:36px;font-size:11px;margin-bottom:60px}footer>small{font-size:10px;color:#9e978a}.mock{position:fixed;bottom:12px;left:12px;z-index:20;background:#1a1816de;color:#fff;padding:8px 10px;font:10px 'Noto Sans JP';letter-spacing:.08em;pointer-events:none}
@media(max-width:900px){header{height:74px;padding:0 5%}.logo strong{font-size:27px}nav{display:none;position:absolute;top:74px;left:0;right:0;padding:15px 6% 24px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:14px 0;border-bottom:1px solid var(--line)}#toggle{display:block;background:none;border:0;font-size:11px;letter-spacing:.12em}.hero{height:77svh;min-height:520px;background-position:65% center}.hero-shade{background:linear-gradient(90deg,#0c0906b9,#0c09064a)}.hero-copy{left:7%}.hero h1{font-size:clamp(40px,8vw,70px)}.hero-copy>p{font-size:14px}.hero-copy>div{font-size:13px}.hero-vertical{display:none}.scroll{left:7%}.flash{padding:20px 6%;flex-wrap:wrap;gap:12px}.flash a{flex-basis:100%}.section{padding:78px 6% 90px}.index{margin-bottom:45px}.columns{grid-template-columns:1fr;gap:45px}.phrase{height:410px;min-height:410px}.taste>img{height:400px}.menu-photo{height:400px}.news{gap:22px}.access-photo{height:350px}}
@media(max-width:500px){.hero h1{font-size:43px;letter-spacing:.1em}.hero-copy>p{letter-spacing:.23em}.hero-copy>div{font-size:12px;letter-spacing:.05em}.prose>p:not(.kicker){font-size:13px}.phrase-inner{gap:25px}.phrase-inner strong{font-size:31px}.taste>img,.menu-photo{height:290px}.prices h3{font-size:17px}.prices b{font-size:17px}.news .entries>p{display:grid;grid-template-columns:auto 1fr;gap:10px}.news .entries>p{font-size:12px}.access h2{font-size:28px}.access-photo{height:280px}.access-photo span{font-size:13px;padding:14px 18px}footer div{gap:16px;flex-wrap:wrap}.mock{font-size:8px;left:6px;bottom:6px}}