.matoi-sbc{--msbc-serif: var(--m-serif, "Cormorant Garamond", Georgia, "Times New Roman", serif);--msbc-sans: var(--m-sans, "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--msbc-line: rgba(51, 41, 42, .1);--msbc-muted: rgba(51, 41, 42, .5);--msbc-accent: var(--m-blush, #b9878a);--msbc-ease: cubic-bezier(.22, .61, .36, 1);--msbc-gap: 1.6rem;background:var(--msbc-bg, #fdfbf9);color:var(--msbc-text, #33292a)}.matoi-sbc__wrap{max-width:132rem;margin:0 auto;padding-left:2.4rem;padding-right:2.4rem}.matoi-sbc__head{max-width:62ch;margin:0 auto 3.2rem;text-align:center}.matoi-sbc__label{margin:0 0 .9rem;font-family:var(--msbc-sans);font-size:1.05rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--msbc-accent)}.matoi-sbc__h{margin:0;font-family:var(--msbc-serif);font-weight:300;font-size:clamp(2.6rem,3.4vw,3.8rem);line-height:1.14;letter-spacing:.004em;color:inherit}.matoi-sbc__h p{margin:0}.matoi-sbc__h em{font-style:italic}.matoi-sbc__lede{margin-top:1.1rem;font-family:var(--msbc-sans);font-size:1.4rem;line-height:1.72;color:var(--msbc-muted)}.matoi-sbc__lede p{margin:0}.matoi-sbc__row{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(15rem,46vw);gap:var(--msbc-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-left:2.4rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem}.matoi-sbc__row::-webkit-scrollbar{display:none}.matoi-sbc__item{scroll-snap-align:start;display:flex}@media screen and (min-width:750px){.matoi-sbc__row{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(var(--msbc-cols, 6),minmax(0,1fr));overflow:visible;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.matoi-sbc--slider .matoi-sbc__row{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(0,calc((100% - (var(--msbc-cols) - 1) * var(--msbc-gap)) / var(--msbc-cols)));overflow-x:auto;scroll-snap-type:x proximity}}.matoi-sbc__empty{grid-column:1 / -1;font-family:var(--msbc-sans);font-size:1.3rem;color:var(--msbc-muted);text-align:center}.matoi-sbc__card{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;text-decoration:none;color:inherit;padding:2.4rem 1.4rem 2rem;border:1px solid var(--msbc-line);border-radius:var(--msbc-radius, 12px);background:#ffffff8c;transition:border-color .4s var(--msbc-ease),background-color .4s var(--msbc-ease),transform .4s var(--msbc-ease)}.matoi-sbc--noborder .matoi-sbc__card{border-color:transparent;background:transparent}@media(hover:hover){.matoi-sbc__card:hover{border-color:#33292a33;background:#fff;transform:translateY(-2px)}}.matoi-sbc__card:focus-visible{outline:2px solid var(--msbc-accent);outline-offset:3px}.matoi-sbc__dots{display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem;padding-left:var(--msbc-overlap, 8px)}.matoi-sbc__dot{position:relative;display:block;width:var(--msbc-dot, 30px);height:var(--msbc-dot, 30px);border-radius:50%;margin-left:calc(var(--msbc-overlap, 8px) * -1);box-shadow:inset 0 0 0 1px #33292a12;transition:transform .45s var(--msbc-ease)}@media(hover:hover){.matoi-sbc__card:hover .matoi-sbc__dot{transform:translateY(-2px)}.matoi-sbc__card:hover .matoi-sbc__dot:nth-child(2){transition-delay:.03s}.matoi-sbc__card:hover .matoi-sbc__dot:nth-child(3){transition-delay:.06s}.matoi-sbc__card:hover .matoi-sbc__dot:nth-child(4){transition-delay:.09s}.matoi-sbc__card:hover .matoi-sbc__dot:nth-child(5){transition-delay:.12s}}.matoi-sbc__en{display:block;font-family:var(--msbc-serif);font-weight:400;font-size:1.9rem;line-height:1.24;letter-spacing:.01em;overflow-wrap:break-word}.matoi-sbc__jp{display:block;margin-top:.4rem;font-family:var(--msbc-sans);font-size:1.15rem;font-weight:400;letter-spacing:.12em;color:var(--msbc-muted)}.matoi-sbc__link{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.4rem;padding-bottom:.4rem;border-bottom:1px solid var(--msbc-line);font-family:var(--msbc-sans);font-size:1.15rem;font-weight:500;letter-spacing:.04em;transition:border-color .4s var(--msbc-ease)}.matoi-sbc__arrow{width:1.8rem;height:.8rem;flex:none;transition:transform .4s var(--msbc-ease)}@media(hover:hover){.matoi-sbc__card:hover .matoi-sbc__link{border-bottom-color:currentColor}.matoi-sbc__card:hover .matoi-sbc__arrow{transform:translate(3px)}}.matoi-sbc__foot{margin:3.2rem 0 0;text-align:center}.matoi-sbc__footlink{font-family:var(--msbc-sans);font-size:1.25rem;font-weight:600;letter-spacing:.06em;color:inherit;text-decoration:none;border-bottom:1px solid var(--msbc-accent);padding-bottom:.3rem}.matoi-sbc__footlink:hover{border-bottom-color:currentColor}@media screen and (max-width:749px){.matoi-sbc__wrap{padding-left:1.8rem;padding-right:1.8rem}.matoi-sbc__row{--msbc-gap: 1.2rem;grid-auto-columns:minmax(13.5rem,42vw);margin-left:-1.8rem;margin-right:-1.8rem;padding-left:1.8rem;padding-right:1.8rem;scroll-padding-left:1.8rem}.matoi-sbc__row:after{content:"";display:block;width:.6rem}.matoi-sbc__head{margin-bottom:2.4rem}.matoi-sbc__lede{font-size:1.3rem;line-height:1.68}.matoi-sbc__card{padding:2rem 1rem 1.6rem}.matoi-sbc__dots{margin-bottom:1.2rem}.matoi-sbc__dot{width:calc(var(--msbc-dot, 30px) * .78);height:calc(var(--msbc-dot, 30px) * .78);margin-left:calc(var(--msbc-overlap, 8px) * -.78)}.matoi-sbc__en{font-size:1.65rem}.matoi-sbc__jp{font-size:1.05rem}.matoi-sbc__link{margin-top:1rem;font-size:1.05rem;gap:.5rem}.matoi-sbc__arrow{width:1.5rem}.matoi-sbc__foot{margin-top:2.4rem}}@media(prefers-reduced-motion:reduce){.matoi-sbc__card,.matoi-sbc__dot,.matoi-sbc__arrow,.matoi-sbc__link{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/matoi-shop-by-color.css.map */