.index-ranking{width:100%;background-color:#efefef;padding-top:140px;padding-bottom:140px;margin-bottom:200px;transition:all .1s ease}@media screen and (max-width: 1399px){.index-ranking{padding-top:100px;margin-bottom:150px}}@media screen and (max-width: 989px){.index-ranking{padding-top:80px;padding-bottom:70px;margin-bottom:100px}}.index-ranking-inner{text-align:center;padding:0 7.7vw}@media screen and (max-width: 989px){.index-ranking-inner{padding:0}}.index-ranking-inner h2{font-family:optMediumFont,sans-serif;font-size:40px;text-align:center;color:var(--txt-col);margin:0 0 140px;transition:all .1s ease}@media screen and (max-width: 1399px){.index-ranking-inner h2{font-size:2.85rem;margin:0 0 100px}}@media screen and (max-width: 989px){.index-ranking-inner h2{font-size:20px;margin:0 0 50px}}.index-ranking-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:80px;grid-row-gap:60px;transition:all .1s ease}@media screen and (max-width: 1399px){.index-ranking-list{grid-column-gap:60px}}@media screen and (max-width: 989px){.index-ranking-list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-row-gap:30px}}@media screen and (max-width: 989px){.index-ranking-list-item:nth-child(n+5){display:none}.index-ranking.open .index-ranking-list-item:nth-child(n+5){display:block}}.index-ranking-list-item figure{padding:127.53% 0 0;position:relative;margin:0;overflow:hidden}.index-ranking-list-item figure img{position:absolute;left:0;top:0;z-index:1;padding:0;margin:0;height:100%;object-fit:cover;object-position:center center;width:100%;transition:transform .15s ease-out}.index-ranking-list-item a:hover img{transform:scale(1.07)}.index-ranking-list-item-info{text-align:center;padding-top:10px}.index-ranking-list-item-info p{margin:0;color:var(--txt-col)}.index-ranking-list-item-info .rank{font-family:optBoldFont,sans-serif;font-size:24px}.index-ranking-list-item-info .title{font-family:optFont,sans-serif;font-size:16px;margin-bottom:10px}.index-ranking-list-item-info .price{font-family:optFont,sans-serif;font-size:16px}@media screen and (max-width: 1399px){.index-ranking-list-item-info .rank{font-size:17px}.index-ranking-list-item-info .title{font-size:11.5px;margin-bottom:10px}.index-ranking-list-item-info .price{font-size:11.5px}}@media screen and (max-width: 989px){.index-ranking-list-item-info{text-align:left;padding:1rem 3rem 0}.index-ranking-list-item-info .rank{font-size:12px}.index-ranking-list-item-info .title{font-size:10px;margin-bottom:10px}.index-ranking-list-item-info .price{font-size:10px}}.index-ranking-btn{display:none;padding:4rem 0 0;font-family:optFont,sans-serif;font-size:1.2rem}@media screen and (max-width: 989px){.index-ranking-btn{display:block}}.index-ranking.open .index-ranking-btn{display:none!important}.index-ranking-list-item-ov{position:absolute;right:0;top:0;left:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;background-color:#fff9;transition:all .1s ease;opacity:0}.index-ranking-list-item-ov p{font-family:optDemiBoldFont,sans-serif;font-size:14px;text-decoration:underline;color:#797979}@media screen and (min-width: 990px){a:hover .index-ranking-list-item-ov{opacity:1}}@media screen and (max-width: 1399px){.index-ranking-list-item-ov p{font-size:10px}}@media screen and (max-width: 989px){.index-ranking-list-item-ov{display:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-index-ranking.css.map */