@import"https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@700&family=EB+Garamond:ital,wght@0,400;0,700;1,400&family=Noto+Sans+JP:wght@400;500;700&family=Manrope:wght@400;600&display=swap";:root{--color-primary-dark: #1A2744;--color-navy-mid: #223256;--color-navy-light: #31425F;--color-primary: #1176D4;--color-accent: #3D8EA6;--color-gold: #C8922A;--color-bg: #FAF8F5;--color-surface: #F2F1EE;--color-surface-white: #FFFDF9;--color-on-dark: #F5F2EC;--color-text: #2F343A;--color-text-sub: #626B74;--color-border: rgba(47, 52, 58, .14);--font-heading-ja: "Zen Old Mincho", "Noto Serif JP", serif;--font-heading-en: "EB Garamond", Georgia, serif;--font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--font-label: "Manrope", "Noto Sans JP", sans-serif;--radius-card: 12px;--radius-pill: 100px;--radius-btn: 8px;--spacing-page: max(16px, 5vw)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading-ja);font-weight:700;line-height:1.3}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.pr-banner{background-color:var(--color-primary-dark);color:var(--color-on-dark);text-align:center;padding:6px var(--spacing-page);font-size:.75rem;font-family:var(--font-label);letter-spacing:.05em}.site-header{background-color:var(--color-primary-dark);color:var(--color-on-dark);padding:0 var(--spacing-page);height:56px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:100}.site-header .logo{font-family:var(--font-heading-en);font-size:1.2rem;color:var(--color-on-dark);letter-spacing:.02em}.site-header nav a{color:var(--color-on-dark);font-family:var(--font-label);font-size:.875rem;opacity:.85}.site-header nav a:hover{opacity:1;text-decoration:none}.site-footer{background-color:var(--color-primary-dark);color:var(--color-on-dark);padding:32px var(--spacing-page);text-align:center;font-size:.8rem;font-family:var(--font-label);opacity:.9}.page-container{max-width:900px;margin:0 auto;padding:32px var(--spacing-page) 64px}.product-card{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;transition:box-shadow .2s;text-decoration:none;color:var(--color-text);display:flex;flex-direction:column}.product-card:hover{box-shadow:0 4px 16px #1176d41f;text-decoration:none}.product-card__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;background-color:var(--color-surface)}.product-card__image-placeholder{width:100%;aspect-ratio:1 / 1;background-color:var(--color-navy-light);display:flex;align-items:center;justify-content:center;color:var(--color-on-dark);font-size:2rem;font-family:var(--font-heading-en)}.product-card__body{padding:12px;flex:1}.product-card__brand{font-family:var(--font-label);font-size:.75rem;color:var(--color-text-sub);margin-bottom:2px}.product-card__name{font-size:.9rem;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__category{margin-top:6px;display:inline-block;font-family:var(--font-label);font-size:.7rem;background:var(--color-surface);border-radius:var(--radius-pill);padding:2px 10px;color:var(--color-text-sub)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}@media(min-width:600px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.purchase-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.purchase-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-btn);font-family:var(--font-label);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;border:none;transition:opacity .15s}.purchase-btn:hover{opacity:.88;text-decoration:none}.purchase-btn--amazon{background:#f90;color:#111}.purchase-btn--rakuten{background:#bf0000;color:#fff}.purchase-btn--yahoo{background:#f03;color:#fff}.pr-note{font-family:var(--font-label);font-size:.75rem;color:var(--color-text-sub);margin-bottom:8px}.pr-note strong{color:var(--color-text)}.filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-pill{padding:6px 16px;border-radius:var(--radius-pill);font-family:var(--font-label);font-size:.8rem;border:1px solid var(--color-border);background:var(--color-surface-white);color:var(--color-text-sub);cursor:pointer;text-decoration:none;transition:background .15s,color .15s}.filter-pill:hover,.filter-pill[aria-current=true]{background:var(--color-primary-dark);color:var(--color-on-dark);border-color:var(--color-primary-dark);text-decoration:none}.app-cta-banner{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-navy-mid) 100%);color:var(--color-on-dark);border-radius:var(--radius-card);padding:24px 28px;margin-top:32px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.app-cta-banner__text h3{font-size:1rem;font-family:var(--font-heading-ja);color:var(--color-on-dark);margin-bottom:4px}.app-cta-banner__text p{font-size:.85rem;opacity:.85;line-height:1.5}.app-cta-banner__btn{padding:10px 20px;background:var(--color-gold);color:var(--color-primary-dark);border-radius:var(--radius-pill);font-family:var(--font-label);font-size:.875rem;font-weight:600;white-space:nowrap;text-decoration:none}.app-cta-banner__btn:hover{opacity:.9;text-decoration:none}
