:root{--color-bg:#f1f2f5;--color-bg-alt:#e6e8ed;--color-bg-card:#f7f8fa;--color-bg-subtle:#eceef2;--color-surface:#d8dbe2;--color-border:#c8ccd5;--color-border-strong:#2a2e36;--color-text:#1c1f26;--color-text-muted:#5a616d;--color-text-subtle:#8a919c;--color-accent:#2a2e36;--color-accent-hover:#3f4654;--color-accent-inverse:#f7f8fa;--color-highlight:#b8a16a;--color-highlight-soft:rgba(184,161,106,0.16);--color-link:#1c1f26;--color-link-hover:#5a616d;--color-hero-ink:#12151a;--color-hero-mist:#252b34;--color-hero-text:#f2eee6;--color-hero-muted:rgba(242,238,230,0.72);--color-hero-line:rgba(184,161,106,0.55);--color-success:#2d6a4f;--color-success-bg:#e8f5ee;--color-error:#b33a2e;--color-error-bg:#fdecea;--font-display:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;--font-serif:var(--font-display);--font-sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;--font-hand:"Yomogi","Segoe Print","Comic Sans MS",cursive;--font-mono:ui-monospace,"Cascadia Code",monospace;--color-topfv-accent:#b0956b;--color-topfv-ink:#5c636c;--color-topfv-ink-soft:#6a717a;--color-topfv-muted:rgba(92,99,108,0.62);--text-xs:0.75rem;--text-sm:0.8125rem;--text-md:0.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-display:clamp(1.85rem,3.8vw,2.75rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:88px;--space-section:var(--space-5);--space-section-gap:var(--space-6);--space-block:var(--space-5);--space-stack:var(--space-4);--sidebar-width:220px;--header-height:56px;--topbar-height:34px;--container-max:1180px;--site-gutter:var(--space-4);--admin-nav-width:240px;--radius-sm:2px;--radius-md:4px;--shadow-sm:0 1px 0 rgba(28,31,38,0.04);--shadow-md:0 12px 40px rgba(18,21,26,0.08);--touch-min:44px;--transition:0.22s ease;--motion-rise:0.7s cubic-bezier(0.22,1,0.36,1);--motion-pan:14s ease-out}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-md);font-weight:400;line-height:1.65;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(ellipse 120% 80% at 100% -10%,rgba(184,161,106,.08),transparent 45%),radial-gradient(ellipse 90% 60% at -10% 30%,rgba(37,43,52,.05),transparent 50%),linear-gradient(180deg,#f4f5f7 0,var(--color-bg) 28%,#eceef2 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--color-link);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-link-hover)}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding-inline:max(var(--site-gutter),env(safe-area-inset-left,0px)) max(var(--site-gutter),env(safe-area-inset-right,0px))}.hidden{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:var(--touch-min);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:.08em;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.product-card__img{width:100%;height:100%;object-fit:cover;display:block}.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--color-bg-card);color:var(--color-text);padding:var(--space-2) var(--space-4)}.skip-link:focus{left:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:hover{transform:none}}