.category-nav{--cn-columns-mobile: 4;--cn-columns-desktop: 6;--cn-border: #e6e6e6;--cn-muted: #8c8c8c;--cn-accent: #d34b31}.category-nav__inner{display:block}.category-nav__hint{margin:0 0 1.6rem;padding:1.2rem 1.6rem;border:1px solid var(--cn-accent);border-radius:.6rem;background-color:#fff6f3;color:#3a3a3a;font-size:1.3rem;line-height:1.6}.category-nav__header{margin-bottom:1.6rem;text-align:center}.category-nav__heading-en{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.18em;line-height:1.4;color:var(--cn-muted);text-transform:uppercase}.category-nav__heading-ja{margin:.4rem 0 0;font-size:1.9rem;font-weight:700;line-height:1.4;letter-spacing:.02em}@media screen and (min-width:750px){.category-nav__header{margin-bottom:2.4rem}.category-nav__heading-en{font-size:1.3rem}.category-nav__heading-ja{font-size:2.4rem}}.category-nav__tabbar{display:flex;align-items:center;gap:.4rem;margin-bottom:1.8rem}.category-nav__tablist{display:flex;align-items:center;gap:.6rem;flex:1 1 auto;min-width:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:.2rem 0}.category-nav__tablist::-webkit-scrollbar{display:none}.category-nav__tab{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;justify-content:center;min-height:3.4rem;padding:.6rem 1.6rem;border:1px solid var(--cn-border);border-radius:1.8rem;background-color:#fff;color:rgb(var(--color-foreground));font-size:1.3rem;font-family:inherit;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.category-nav__tab:hover{border-color:#1e1e1e}.category-nav__tab[aria-selected=true],.category-nav__tab.is-active{font-weight:700;color:#fff;background-color:#1e1e1e;border-color:#1e1e1e}.category-nav__arrow{flex:0 0 auto;display:none;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:1px solid var(--cn-border);border-radius:50%;background-color:#fff;color:rgb(var(--color-foreground));cursor:pointer}.category-nav__tabbar--scrollable .category-nav__arrow{display:inline-flex}.category-nav__arrow[disabled]{opacity:.3;cursor:default;pointer-events:none}.category-nav__arrow .svg-wrapper{display:inline-flex;width:1rem;height:1rem}.category-nav__arrow svg{width:100%;height:100%}.category-nav__arrow--prev svg{transform:rotate(90deg)}.category-nav__arrow--next svg{transform:rotate(-90deg)}@media screen and (max-width:749px){.category-nav__tabbar--scrollable .category-nav__arrow{display:none}}.category-nav__panel[hidden]{display:none}.category-nav__panel:focus{outline:none}.category-nav__panel:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.category-nav__list{display:grid;grid-template-columns:repeat(var(--cn-columns-mobile, 4),minmax(0,1fr));gap:1.8rem .8rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.category-nav__list{grid-template-columns:repeat(var(--cn-columns-desktop, 6),minmax(0,1fr));gap:2.6rem 1.6rem}}.category-nav__link{display:block;text-decoration:none;color:inherit;border-radius:.6rem}.category-nav__link--static{cursor:default}.category-nav__link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.category-nav__media{display:block;width:100%;max-width:7.2rem;margin:0 auto .8rem;aspect-ratio:1 / 1;overflow:hidden;border:1px solid #e0e0e0;border-radius:50%;background-color:#f4f3f2;transition:transform .2s ease,box-shadow .2s ease}@media screen and (min-width:750px){.category-nav__media{max-width:11rem;margin-bottom:1rem}}.category-nav__image{width:100%;height:100%;object-fit:cover;display:block}.category-nav__label{display:block;text-align:center;font-size:1.2rem;font-weight:700;line-height:1.4;letter-spacing:0;color:#3a3a3a;font-feature-settings:"halt";transition:color .2s ease}@media screen and (min-width:750px){.category-nav__label{font-size:1.3rem}}@media screen and (min-width:750px)and (hover:hover){a.category-nav__link:hover .category-nav__media{transform:scale(1.04);box-shadow:0 .2rem .8rem #0000001a}a.category-nav__link:hover .category-nav__label{color:var(--cn-accent)}}@media(prefers-reduced-motion:reduce){.category-nav__media{transition:none}a.category-nav__link:hover .category-nav__media{transform:none}.category-nav__tablist{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/section-category-nav.css.map */