@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{--ink:#243d49;--blue:#e9f4f8;--yellow:#fff29a;--red:#c34245;--line:#bbccd0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.9 'Noto Sans JP',sans-serif;letter-spacing:0}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip{position:fixed;top:-60px;background:#fff;z-index:10}.skip:focus{top:0}header{padding:21px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:6px solid var(--yellow)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.seal{border:1px solid var(--red);color:var(--red);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;font-family:serif;outline:1px solid var(--red);outline-offset:3px}.brand small{display:block;font:9px/1.9 Arial,sans-serif}nav{display:flex;gap:30px;font-size:12px;flex-shrink:0}nav a:hover{color:var(--red)}.hero{height:min(650px,calc(100svh - 180px));min-height:470px;position:relative;isolation:isolate}.hero>img{height:100%;object-fit:cover;object-position:center 55%;position:absolute;inset:0;z-index:-1}.hero-title{padding:45px 5%;color:#fff;text-shadow:0 1px 8px #0006;max-width:800px}.hero-title>p:first-child{font:11px/1.5 Arial,sans-serif}.hero h1{font-size:43px;line-height:1.4;margin:18px 0 25px;overflow-wrap:anywhere}.tagline{font-size:36px;font-weight:700;line-height:1.65}.hero-title>a{display:inline-block;margin-top:25px;padding:12px 20px;background:var(--yellow);color:var(--ink);font-size:12px;text-shadow:none;border:1px solid #e3d378}.hero-label{position:absolute;right:4%;bottom:20px;font-size:10px;color:white;text-shadow:0 1px 5px #000}.ribbon{display:flex;justify-content:space-between;gap:15px;align-items:center;background:var(--yellow);padding:17px 5%;border-bottom:1px solid #e3d378;font-size:12px}.ribbon span:nth-child(2){font-size:15px}.section{padding:80px 6%}.heading{text-align:center}.eyebrow{font:11px/1.6 Arial,sans-serif;color:var(--red)}h2{font-size:36px;line-height:1.65}.heading h2{margin:12px 0 20px}.heading>p:last-child{font-size:14px}.pair{display:grid;grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);gap:24px;align-items:center;max-width:1150px;margin:45px auto 28px}.pair article:nth-of-type(2){margin-top:75px}.photo{position:relative;padding:12px;border:1px solid var(--line)}.photo img{aspect-ratio:4/3;object-fit:cover}.pudding{background:#fff7b8;border-radius:140px 140px 3px 3px}.pudding img{border-radius:130px 130px 2px 2px}.latte{background:var(--blue);border-radius:3px 3px 130px 130px}.latte img{border-radius:2px 2px 120px 120px}.photo-label{position:absolute;top:20px;left:22px;background:white;padding:4px 10px;font:9px/1.5 Arial,sans-serif;border:1px solid var(--line)}.plus{font-size:40px;color:var(--red);text-align:center}.caption{padding-top:20px}.caption h3{font-size:22px}.caption p{font-size:12px;margin-top:6px}.favorites>.text-link{display:table;margin:auto}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:4px}.menu{background:var(--blue);border-block:1px solid var(--line)}.menu-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.menu-heading h2{font-size:30px;margin-top:12px}.tabs{display:flex;gap:16px;flex-shrink:0}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 0;color:var(--ink);font-size:12px}.tabs button[aria-selected=true]{border-color:var(--red);color:var(--red);font-weight:700}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}.menu-grid img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:#f1f1f1}.menu-grid img.soda{object-fit:contain}.menu-grid article>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-top:15px}.menu-grid h3{font-size:16px}.menu-grid article>div>span{font-size:15px;white-space:nowrap}.menu-grid article>p{font-size:12px;color:#596b73;margin-top:5px}.note{font-size:11px;margin-top:28px;color:#586e78}.break{position:relative;padding:80px 6%;display:grid;grid-template-columns:1fr 1.3fr;gap:7%;align-items:center}.break h2{margin:20px 0;font-size:42px}.break-copy>p:last-child{font-size:14px;line-height:2.3}.break>img{aspect-ratio:5/4;object-fit:cover;border:1px solid var(--line);border-radius:160px 160px 0 0}.vertical{position:absolute;right:2%;writing-mode:vertical-rl;font-size:10px;color:var(--red)}.visit{background:#fff8c6;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-block:1px solid #e4d797}.visit h2{margin-top:17px}.visit-name{font-size:22px;font-weight:700;margin-top:25px;overflow-wrap:anywhere}.region{font-size:12px}.visit dl{margin:0}.visit dl>div{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #d6cc98}.visit dl>div:first-child{border-top:1px solid #d6cc98}.visit dt{font-size:12px}.visit dd{font-size:14px;margin:0;overflow-wrap:anywhere}.actions{display:flex;align-items:center;gap:25px;margin-top:25px}.button{background:var(--red);color:white;border:1px solid var(--red);padding:12px 23px;font-size:12px}.button:hover{background:#a83135}footer{padding:28px 6%;background:white}.footer-line{display:flex;justify-content:space-between;gap:15px;font:10px/1.8 Arial,sans-serif}.footer-brand{display:block;font-size:85px;font-weight:900;color:var(--red);line-height:1.5;padding:28px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.footer-bottom{display:flex;gap:30px;justify-content:space-between;padding-top:20px;font-size:10px}.footer-bottom p{max-width:850px}.footer-bottom>a{flex-shrink:0}
@media(min-width:1700px){.section,.break{padding-left:max(6%,calc((100% - 1500px)/2));padding-right:max(6%,calc((100% - 1500px)/2))}}
@media(max-width:950px){.menu-heading{display:block}.tabs{margin-top:20px}.hero h1{font-size:36px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.break h2{font-size:32px}.section,.break{padding:60px 5%}.footer-brand{font-size:65px}.pair{gap:15px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}}
@media(max-width:600px){header{flex-wrap:wrap;padding:17px 6%;gap:15px}.brand{font-size:21px}nav{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:11px}.hero{height:530px;max-height:calc(100svh - 210px);min-height:420px}.hero>img{object-position:58% center}.hero-title{padding:26px 6%}.hero h1{font-size:30px;max-width:100%;margin:13px 0 17px}.hero-title>p:first-child{font-size:9px}.tagline{font-size:28px}.hero-title>a{font-size:11px;padding:10px 15px}.hero-label{font-size:8px}.ribbon{font-size:8px;padding:15px 5%}.ribbon span:nth-child(2){font-size:12px}.ribbon span:last-child{display:none}.section{padding:45px 6%}h2{font-size:27px}.heading>p:last-child{font-size:12px}.pair{grid-template-columns:1fr;gap:20px;margin:28px auto}.pair article{width:88%}.pair article:nth-of-type(2){margin:0 0 0 auto}.plus{line-height:1;font-size:27px}.photo{padding:8px}.caption{padding-top:12px}.caption h3{font-size:20px}.caption p{font-size:11px}.menu-heading h2{font-size:25px}.tabs{justify-content:space-between;gap:12px}.menu-grid{gap:25px 13px}.menu-grid article>div{display:block;margin-top:9px}.menu-grid h3{font-size:13px;line-height:1.6}.menu-grid article>div>span{font-size:13px}.menu-grid article>p{font-size:10px}.break{grid-template-columns:1fr;padding:45px 6%;gap:28px}.break h2{font-size:32px}.break-copy>p:last-child{font-size:13px}.break>img{aspect-ratio:5/4;border-radius:100px 100px 0 0}.vertical{display:none}.visit{grid-template-columns:1fr;gap:28px}.visit dd{font-size:12px}.visit dl>div{grid-template-columns:65px 1fr}.actions{gap:17px}.actions .text-link{font-size:10px}.footer-brand{font-size:40px}.footer-bottom{display:block;font-size:9px}.footer-bottom>a{display:inline-block;margin-top:12px}.footer-line{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}