.tab-ttl{margin-bottom:5rem;border-bottom:1px solid;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.tab-ttl .title--h2{border:none}.title--head{position:relative}.title--head .title--span{bottom:-35px;position:absolute}.tab__menu{margin:auto;display:flex;justify-content:flex-end;width:750px;max-width:100%;font-weight:700}.js-tab{padding:0 15px;position:relative;cursor:pointer;font-size:14px;color:#000}.js-tab.active:after{content:"";position:absolute;width:100px;height:5px;bottom:-15px;background:#000;left:50%;transform:translate(-50%);border-radius:30px}.js-tab.no-active:hover{opacity:.7}.js-panel{padding:0}.new-tab .js-panel{justify-content:space-between}.js-panel:last-child{margin-bottom:2rem}.js-panel .card-wrapper,.new-tab .js-panel .card-wrapper{width:calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5)}.ranking-tab{margin-top:60px;counter-reset:number 0}.ranking-tab .card__inner .card__content{position:relative}.ranking-tab .card__inner .card__content:before{width:29px;height:29px;position:absolute;top:5px;left:5px;background-color:#fff;border-radius:50%;content:""}.ranking-tab .card__inner .card__content:after{width:29px;height:29px;position:absolute;top:5px;left:5px;counter-increment:number 1;content:""counter(number)"";font-family:cortado,sans-serif;font-size:26px;line-height:1;text-align:center}.ranking-tab .card-wrapper:nth-of-type(1) .card__inner .card__content:after{color:#e5bf00}.ranking-tab .card-wrapper:nth-of-type(2) .card__inner .card__content:after{color:#545454}.ranking-tab .card-wrapper:nth-of-type(3) .card__inner .card__content:after{color:#723500}.new-tab{margin-top:100px}.new-tab .card__inner .card__content{position:relative}.new-tab .card__inner .card__content:before{position:absolute;content:"NEW";background:#000;color:#fff;padding:0 5px;font-size:14px}@media screen and (max-width:834px){.tab__menu{width:auto;justify-content:left}.js-tab{padding:0 10px}}@media screen and (max-width:480px){.tab-wrap{width:100%}.tab-panel{margin-bottom:20px}.tab-wrap h2{width:95%;margin:30px auto 10px}.tab__menu{max-width:95%;margin:15px auto 0;overflow:scroll;white-space:nowrap}.tab-ttl{overflow:hidden;border:none;display:block;margin-bottom:1rem}.tab-ttl .title--h2{border-bottom:1px solid;width:95%;margin:0 auto}.title--head .title--span{right:10px;bottom:5px}.js-tab.active{border-bottom:3px solid}.js-tab.active:after{content:none}.ranking-tab{margin-top:30px}.ranking-tab .js-panel .grid{margin:0 10px;padding:0 15px;flex-wrap:nowrap;overflow:scroll}.ranking-tab .js-panel .card-wrapper{width:130px;flex-shrink:0}.new-tab{margin-top:40px}.new-tab .js-panel{margin:0 10px;padding:0;justify-content:space-between}.new-tab .js-panel .grid{margin:0 10px;flex-wrap:nowrap;overflow:scroll}.new-tab .js-panel .card-wrapper{width:130px;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/original-ranking-new-tab.css.map */