.tab-ttl{margin-bottom:5rem}.tab__menu{margin:10px auto auto;position:relative;display:flex;justify-content:space-between;width:100%;max-width:100%;font-weight:700}.js-tab{padding:0 10px;position:relative;cursor:pointer;font-size:12px;color:#000}.js-tab.active:before{width:10px;height:10px;position:absolute;top:100%;left:50%;background:#fff;border:3px solid #E66400;content:"";transform:translate(-50%)}.js-tab.active{color:#e66400;pointer-events:none}.js-tab:not(.active):hover{opacity:.7}.js-panel{padding:0;display:none}.js-panel.active{display:block}.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.ranking-active .card__inner .card__content:before{width:30px;height:30px;position:absolute;top:-10px;left:-5px;background-color:#fff;content:"";transform:rotate3d(0,3,6,20deg)}.ranking-tab.ranking-active .card__inner .card__content:after{position:absolute;top:5px;left:9px;font-family:din-condensed,sans-serif;counter-increment:number 1;content:""counter(number)"";font-size:11px;line-height:1;text-align:center;color:#fff}.ranking-tab .card-wrapper:nth-of-type(1) .card__inner .card__content:before{background-color:#ffdb00}.ranking-tab .card-wrapper:nth-of-type(2) .card__inner .card__content:before{background-color:#484848}.ranking-tab .card-wrapper:nth-of-type(3) .card__inner .card__content:before{background-color:#8d3d00}.ranking-tab .card-wrapper:nth-of-type(n+4) .card__inner .card__content:after{color:#000}.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:100%;margin:30px auto 10px}.tab__menu{max-width:100%;margin:15px auto 0;overflow:scroll;white-space:nowrap;padding-bottom:10px;position:relative}.tab__menu:after{content:"";background:#ebebeb;height:1px;width:100%;position:absolute;bottom:5px;z-index:-1}.tab-ttl{overflow:hidden;border:none;display:block;margin-bottom:1rem}.tab-ttl .title--h2{margin:0 auto;font-family:din-condensed,sans-serif;font-weight:400;font-size:40px;text-align:center}.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/2/assets/original-ranking-new-tab.css.map */