.c-lineup__tabs{position:relative;display:grid;grid-template-columns:repeat(var(--c-lineup-cols-pc, 4),minmax(0,1fr));gap:28px 20px}.c-lineup__tab{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.c-lineup__tab:focus-visible{outline:2px solid currentColor;outline-offset:4px}.c-lineup__tab-media{display:block;width:100%;aspect-ratio:var(--c-lineup-ratio, 3 / 2);overflow:hidden;background:#f2f2f2}.c-lineup__tab-img,.c-lineup__tab-placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.c-lineup__tab-placeholder{fill:#00000040}@media(hover:hover){.c-lineup__tab:hover .c-lineup__tab-img{opacity:.8}}.c-lineup__tab-label{position:relative;display:inline-block;margin-top:10px;padding-bottom:4px;font-size:var(--c-lineup-label-pc, 15px);font-weight:700;line-height:1.4;letter-spacing:.02em}.c-lineup__tabs--underline .c-lineup__tab-label:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}.c-lineup__tabs--underline .c-lineup__tab.is-active .c-lineup__tab-label:after{transform:scaleX(1)}.c-lineup__items{scroll-margin-top:100px}.c-lineup__panel[hidden]{display:none!important}.c-lineup__panel:focus{outline:none}.c-lineup__panel.is-loading{opacity:.4;pointer-events:none;transition:opacity .2s ease}@media(max-width:768px){.c-lineup__tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.c-lineup__tabs--sp-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.c-lineup__tabs--sp-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.c-lineup__tabs--sp-scroll::-webkit-scrollbar{display:none}.c-lineup__tabs--sp-scroll .c-lineup__tab{flex:0 0 42%;scroll-snap-align:start}.c-lineup__tab-label{margin-top:8px;font-size:var(--c-lineup-label-sp, 13px)}.c-lineup__items{scroll-margin-top:74px}}
/*# sourceMappingURL=/cdn/shop/t/198/assets/custom-lineup-tabs.css.map */
