.top-ranking__inner{display:flex;gap:24px;align-items:flex-start;justify-content:center;width:100%;max-width:1200px;margin:0 auto}@media screen and (max-width: 1200px){.top-ranking__inner{gap:calc(24vw/var(--scale-lg));max-width:calc(1200vw/var(--scale-lg))}}@media screen and (max-width: 990px){.top-ranking__inner{gap:calc(16vw/var(--scale-md));max-width:100%;flex-direction:column;padding:0 calc(20vw/var(--scale-md))}}@media screen and (max-width: 768px){.top-ranking__inner{gap:calc(16vw/var(--scale-sm));padding:0 calc(20vw/var(--scale-sm))}}.top-ranking__img{width:100%;max-width:512px}@media screen and (max-width: 1200px){.top-ranking__img{max-width:calc(512vw/var(--scale-lg))}}@media screen and (max-width: 990px){.top-ranking__img{max-width:100%}}.top-ranking__img img{width:100%;display:block}.collection--full-width slider-component:not(.slider-component-desktop).ranking__slider{padding:0;width:100%;max-width:784px;margin:0}@media screen and (max-width: 1200px){.collection--full-width slider-component:not(.slider-component-desktop).ranking__slider{max-width:calc(784vw/var(--scale-lg))}}@media screen and (max-width: 990px){.collection--full-width slider-component:not(.slider-component-desktop).ranking__slider{max-width:100%}}.grid.-ranking{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);width:100%;margin:0}@media screen and (max-width: 1200px){.grid.-ranking{gap:calc(16vw/var(--scale-lg))}}@media screen and (max-width: 990px){.grid.-ranking{grid-template-columns:repeat(1,1fr);gap:calc(16vw/var(--scale-md))}}@media screen and (max-width: 768px){.grid.-ranking{gap:calc(16vw/var(--scale-sm))}}.grid.-ranking li{width:100%;max-width:100%}.motion-reduce.-ranking{width:100%;max-width:200px}@media screen and (max-width: 1200px){.card__inner.-ranking{max-width:calc(200vw/var(--scale-lg))}}@media screen and (max-width: 990px){.card__inner.-ranking{max-width:calc(140vw/var(--scale-md))}}@media screen and (max-width: 768px){.card__inner.-ranking{max-width:calc(140vw/var(--scale-sm))}}.card__inner.-ranking .card__media:after{content:"";position:absolute;top:0;left:0;display:flex;padding:8px 6px;justify-content:center;align-items:center;aspect-ratio:1/1;color:#fff;text-align:center;font-family:Hiragino Mincho ProN;font-size:12px;font-style:normal;font-weight:300;line-height:100%;background:#b2b2b2}@media screen and (max-width: 1200px){.card__inner.-ranking .card__media:after{padding:calc(8vw/var(--scale-lg)) calc(6vw/var(--scale-lg));font-size:calc(12vw/var(--scale-lg))}}@media screen and (max-width: 990px){.card__inner.-ranking .card__media:after{padding:calc(8vw/var(--scale-md)) calc(6vw/var(--scale-md));font-size:calc(12vw/var(--scale-md))}}@media screen and (max-width: 768px){.card__inner.-ranking .card__media:after{padding:calc(8vw/var(--scale-sm)) calc(6vw/var(--scale-sm));font-size:calc(12vw/var(--scale-sm))}}.grid.-ranking li:first-child .card__inner.-ranking .card__media:after{content:"01"}.grid.-ranking li:nth-child(2) .card__inner.-ranking .card__media:after{content:"02"}.grid.-ranking li:nth-child(3) .card__inner.-ranking .card__media:after{content:"03"}.grid.-ranking li:nth-child(4) .card__inner.-ranking .card__media:after{content:"04"}.slider-mobile-gutter.-materia-list-ranking{padding:0}.product-list__ranking-inner{background:linear-gradient(120deg,#f0e7db66 17.85%,#f6f0f266 83%)}.product-list__ranking-main{display:flex;gap:32px;flex-direction:column;padding:100px 5rem}@media screen and (max-width: 1200px){.product-list__ranking-main{gap:calc(32vw/var(--scale-lg));padding:calc(100vw/var(--scale-lg)) 5rem}}@media screen and (max-width: 990px){.product-list__ranking-main{gap:calc(32vw/var(--scale-md));padding:calc(40vw/var(--scale-md)) calc(20vw/var(--scale-md))}}@media screen and (max-width: 768px){.product-list__ranking-main{gap:calc(32vw/var(--scale-sm));padding:calc(40vw/var(--scale-sm)) calc(20vw/var(--scale-sm))}}.grid.-ranking.-grid-3{grid-template-columns:repeat(3,1fr)}@media screen and (max-width: 990px){.grid.-ranking.-grid-3{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ranking-section.css.map */