:root{--c-cream: #fbf6ee;--c-cream-2: #f3e9da;--c-ink: #2c2420;--c-ink-soft: #5b5048;--c-rose: #e8607d;--c-rose-dark: #c9495f;--c-matcha: #6f8f5a;--c-matcha-dark: #566f45;--c-ocean: #2a9d9a;--c-gold: #d8a24a;--c-line: #06c755;--c-white: #ffffff;--c-border: #e7dccb;--maxw: 1120px;--pad: clamp(1.1rem, 4vw, 2rem);--radius: 16px;--radius-lg: 28px;--shadow: 0 10px 30px rgba(44, 36, 32, .08);--shadow-soft: 0 4px 14px rgba(44, 36, 32, .06);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, system-ui, sans-serif;--font-serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);color:var(--c-ink);background:var(--c-cream);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:var(--c-rose-dark);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25;margin:0 0 .5em;font-weight:800}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}.section{padding-block:clamp(3rem,8vw,5.5rem)}.section--alt{background:var(--c-cream-2)}.section__head{text-align:center;max-width:640px;margin:0 auto clamp(1.8rem,5vw,3rem)}.section__title{font-family:var(--font-serif);font-size:clamp(1.7rem,5vw,2.6rem);letter-spacing:.01em}.section__subtitle{color:var(--c-ink-soft);font-size:1.05rem;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:700;color:var(--c-ocean)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.5rem;border-radius:999px;font-weight:700;font-size:1rem;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;text-decoration:none;line-height:1}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn--primary{background:var(--c-rose);color:#fff;box-shadow:var(--shadow-soft)}.btn--primary:hover{background:var(--c-rose-dark)}.btn--line{background:var(--c-line);color:#fff}.btn--line:hover{background:#05a648}.btn--ghost{background:transparent;color:var(--c-ink);border-color:var(--c-border)}.btn--ghost:hover{border-color:var(--c-ink-soft)}.btn--soon{background:var(--c-cream-2);color:var(--c-ink-soft);cursor:default;pointer-events:none}.btn--soon:hover{transform:none}.site-header{position:sticky;top:0;z-index:50;background:#fbf6eee0;backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--c-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:62px}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;color:var(--c-ink)}.brand:hover{text-decoration:none}.brand__mark{width:34px;height:34px;flex:0 0 auto}.brand__name{font-family:var(--font-serif);font-size:1.15rem;letter-spacing:.02em}.nav{display:none;gap:1.4rem;align-items:center}.nav a{color:var(--c-ink-soft);font-weight:600;font-size:.95rem}.nav a:hover{color:var(--c-ink);text-decoration:none}.header__right{display:flex;align-items:center;gap:.75rem}@media(min-width:880px){.nav{display:flex}}.langswitch{display:inline-flex;border:1px solid var(--c-border);border-radius:999px;overflow:hidden}.langswitch a{padding:.35rem .7rem;font-size:.85rem;font-weight:700;color:var(--c-ink-soft);background:transparent;white-space:nowrap}.langswitch a:hover{text-decoration:none;background:var(--c-cream-2)}.langswitch a[aria-current=true]{background:var(--c-ink);color:#fff}.hero{position:relative;overflow:hidden;background:radial-gradient(120% 80% at 80% 0%,rgba(232,96,125,.16),transparent 60%),radial-gradient(110% 70% at 0% 100%,rgba(42,157,154,.14),transparent 55%),var(--c-cream)}.hero__inner{display:grid;gap:clamp(1.5rem,4vw,3rem);align-items:center;padding-block:clamp(2.6rem,7vw,4.5rem)}.hero__title{font-family:var(--font-serif);font-size:clamp(2.1rem,7vw,3.6rem);margin-top:.4rem}.hero__subtitle{color:var(--c-ink-soft);font-size:clamp(1rem,2.6vw,1.2rem);max-width:38ch}.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.hero__visual{aspect-ratio:4 / 3;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;background:var(--c-white)}.hero__visual img,.hero__visual svg{width:100%;height:100%;object-fit:cover}@media(min-width:880px){.hero__inner{grid-template-columns:1.05fr 1fr}}.product-grid{display:grid;gap:clamp(1.1rem,3vw,1.8rem);grid-template-columns:1fr}@media(min-width:620px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.product-grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.card__media{aspect-ratio:1 / 1;background:var(--c-cream-2);position:relative}.card__media img,.card__media svg{width:100%;height:100%;object-fit:cover}.card__badge{position:absolute;left:10px;top:10px;background:#ffffffe6;color:var(--c-ink-soft);font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:999px}.card__body{padding:1rem 1.1rem 1.2rem}.card__title{font-size:1.05rem;margin:0 0 .35rem}.card__desc{font-size:.92rem;color:var(--c-ink-soft);margin:0}.store-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:620px){.store-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.store-grid{grid-template-columns:repeat(3,1fr)}}.store{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius);padding:1.2rem 1.3rem;box-shadow:var(--shadow-soft)}.store__chain{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ocean)}.store__name{font-size:1.15rem;margin:.2rem 0 .15rem}.store__area{color:var(--c-ink-soft);font-size:.92rem;margin:0 0 .2rem}.store__addr{color:var(--c-ink-soft);font-size:.85rem;margin:0 0 .8rem}.store__map{font-weight:700;font-size:.9rem}.story__body{max-width:680px;margin-inline:auto}.story__body p{font-size:1.06rem;margin:0 0 1.1rem}.story__body p:first-child:first-letter{font-family:var(--font-serif);font-size:2.6em;float:left;line-height:.8;padding:.05em .12em 0 0;color:var(--c-rose)}.company{max-width:720px;margin-inline:auto;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:clamp(1.3rem,4vw,2.2rem)}.company dl{display:grid;grid-template-columns:1fr;gap:.2rem 1.2rem;margin:0}.company dt{font-weight:700;color:var(--c-ink);padding-top:.9rem}.company dd{margin:0 0 .2rem;color:var(--c-ink-soft)}.company dt:first-child{padding-top:0}@media(min-width:620px){.company dl{grid-template-columns:160px 1fr;align-items:baseline}.company dt,.company dd{padding-top:.4rem}.company dt:first-child,.company dd:first-of-type{padding-top:0}}.cta{background:linear-gradient(135deg,#e8607df2,#2a9d9aeb);color:#fff;border-radius:var(--radius-lg);text-align:center;padding:clamp(2.2rem,6vw,3.6rem) var(--pad);box-shadow:var(--shadow)}.cta__title{font-family:var(--font-serif);font-size:clamp(1.6rem,5vw,2.4rem);color:#fff}.cta__subtitle{max-width:46ch;margin:0 auto 1.6rem;opacity:.95}.cta__buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.cta .btn--primary{background:#fff;color:var(--c-rose-dark)}.cta .btn--primary:hover{background:#fff;opacity:.92}.cta .btn--ghost{border-color:#ffffffb3;color:#fff}.cta .btn--soon{background:#ffffff2e;color:#ffffffd9}.site-footer{background:var(--c-ink);color:#e9e0d5;padding-block:clamp(2.2rem,5vw,3rem)}.site-footer a{color:#f4d9e0}.footer__grid{display:grid;gap:1.6rem;grid-template-columns:1fr}.footer__brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-serif);font-size:1.2rem}.footer__tagline{color:#b9ad9e;margin:.6rem 0 0;font-size:.95rem}.footer__social{display:flex;gap:1rem;margin-top:.8rem}.footer__col h3{font-size:.95rem;color:#fff;margin-bottom:.6rem}.footer__links{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.footer__bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:1.8rem;padding-top:1.2rem;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;justify-content:space-between;font-size:.85rem;color:#9c9081}@media(min-width:760px){.footer__grid{grid-template-columns:1.4fr 1fr 1fr}}.skip-link{position:absolute;left:-9999px;top:0;background:var(--c-ink);color:#fff;padding:.6rem 1rem;border-radius:0 0 8px;z-index:100}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--c-ocean);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}