.top-ranking{--tr-columns-desktop: 5;--tr-border: #e6e6e6;--tr-muted: #8c8c8c;--tr-skeleton: #ededed;--tr-rank-fg: #2a2a2a}.top-ranking__inner{display:block}.top-ranking__header{margin-bottom:1.6rem;text-align:center}.top-ranking__heading-en{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.18em;line-height:1.4;color:var(--tr-muted);text-transform:uppercase}.top-ranking__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){.top-ranking__header{margin-bottom:2.4rem}.top-ranking__heading-en{font-size:1.3rem}.top-ranking__heading-ja{font-size:2.4rem}}.top-ranking__tabbar{display:flex;align-items:center;gap:.4rem;margin-bottom:1.8rem}.top-ranking__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}.top-ranking__tablist::-webkit-scrollbar{display:none}.top-ranking__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(--tr-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}.top-ranking__tab:hover{border-color:#1e1e1e}.top-ranking__tab[aria-selected=true],.top-ranking__tab.is-active{font-weight:700;color:#fff;background-color:#1e1e1e;border-color:#1e1e1e}.top-ranking__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(--tr-border);border-radius:50%;background-color:#fff;color:rgb(var(--color-foreground));cursor:pointer}.top-ranking__tabbar--scrollable .top-ranking__arrow{display:inline-flex}.top-ranking__arrow[disabled]{opacity:.3;cursor:default;pointer-events:none}.top-ranking__arrow .svg-wrapper{display:inline-flex;width:1rem;height:1rem}.top-ranking__arrow svg{width:100%;height:100%}.top-ranking__arrow--prev svg{transform:rotate(90deg)}.top-ranking__arrow--next svg{transform:rotate(-90deg)}@media screen and (max-width:749px){.top-ranking__tabbar--scrollable .top-ranking__arrow{display:none}}.top-ranking__panel[hidden]{display:none}.top-ranking__panel:focus{outline:none}.top-ranking__panel:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.top-ranking__list{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.top-ranking__list{grid-template-columns:repeat(var(--tr-columns-desktop, 5),minmax(0,1fr));gap:2.4rem 1.6rem}}.top-ranking__card{position:relative;display:flex;align-items:center;gap:1.2rem}@media screen and (min-width:750px){.top-ranking__card{display:block}}.top-ranking__media{position:relative;flex:0 0 11rem;width:11rem;aspect-ratio:1 / 1;overflow:hidden;border-radius:.8rem;background-color:#f4f3f2}@media screen and (min-width:750px){.top-ranking__media{flex:none;width:100%;margin-bottom:1rem}}.top-ranking__image{width:100%;height:100%;object-fit:cover;display:block}.top-ranking__rank{position:absolute;top:.6rem;left:.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;font-size:1.3rem;font-weight:700;line-height:1;color:var(--tr-rank-fg);background-color:#dfe6e9;box-shadow:0 .1rem .3rem #0003}.top-ranking__rank--1{background-color:gold}.top-ranking__rank--2{background-color:silver}.top-ranking__rank--3{background-color:#cd7f32}@media screen and (min-width:750px){.top-ranking__rank{width:3.2rem;height:3.2rem;font-size:1.5rem}}.top-ranking__wishlist-slot{position:absolute;top:.6rem;right:.6rem;z-index:3;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem}.top-ranking__wishlist-slot:empty{display:none}.top-ranking__info{flex:1 1 auto;min-width:0}.top-ranking .caption-with-letter-spacing.product__vendor{margin:0 0 .3rem;font-size:1.1rem;line-height:1.4}.top-ranking__title{margin:0 0 .6rem;font-size:1.3rem;font-weight:600;line-height:1.5;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width:750px){.top-ranking__title{font-size:1.4rem}}.top-ranking__link{color:inherit;text-decoration:none}.top-ranking__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.top-ranking__card:hover .top-ranking__title{text-decoration:underline;text-underline-offset:.2rem}.top-ranking__link:focus-visible:after{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.top-ranking__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .4rem}.top-ranking__price .price{margin:0;font-size:1.4rem;font-family:system-ui}.top-ranking__price .price__regular .price-item{color:#333232;font-weight:700}.top-ranking__price .price__sale .price-item{color:#ea0606;font-weight:700}.top-ranking__view-all{margin-top:2rem}.top-ranking__item--skeleton .top-ranking__card{pointer-events:none}.top-ranking__item--skeleton .top-ranking__media{background-color:var(--tr-skeleton)}.top-ranking__skeleton-line{display:block;height:1rem;margin-bottom:.8rem;border-radius:.4rem;background-color:var(--tr-skeleton)}.top-ranking__skeleton-line--short{width:40%}.top-ranking__item--skeleton .top-ranking__media,.top-ranking__skeleton-line{animation:top-ranking-pulse 1.2s ease-in-out infinite}@keyframes top-ranking-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.top-ranking__item--skeleton .top-ranking__media,.top-ranking__skeleton-line{animation:none}.top-ranking__tablist{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/section-top-ranking.css.map */