@charset "UTF-8";.popular-ranking__wrapper{max-width:100rem;padding-top:4rem}h1{margin:2rem auto;font-size:3.2rem;width:max-content;position:relative}h1:before,h1:after{content:"";width:30px;height:2px;background:var(--black);position:absolute;top:57%;-moz-transform:translateY(-43%);-webkit-transform:translateY(-43%);-ms-transform:translateY(-43%);transform:translateY(-43%)}h1:before{left:-4rem}h1:after{right:-4rem}@media screen and (max-width:640px){h1{margin:1rem auto;font-size:2.4rem;line-height:1.4;width:max-content;position:relative;text-align:center}}h2{margin-bottom:5rem;scroll-margin-top:10rem}.popular-ranking__menu{display:flex;gap:2rem;margin-bottom:2rem}.popular-ranking__list{counter-reset:rank;margin-bottom:4rem;display:grid;gap:3rem}.ranking__item{counter-increment:rank;display:flex;gap:1rem;align-items:flex-start;width:100%;max-width:60rem;color:#000;position:relative;isolation:isolate}.ranking__item:before{content:"#" counter(rank);padding:1rem;background-color:#05b;color:#fff;aspect-ratio:1;width:1.6rem;display:grid;place-items:center;clip-path:polygon(50% 0,75% 20%,100% 0,100% 50%,100% 100%,50% 100%,0 100%,0 50%,0 0,25% 20%);font-family:Barlow Semi Condensed;transition:all linear .25s}.ranking__item:hover:before{clip-path:polygon(50% 0%,64% 30%,98% 35%,77% 60%,85% 94%,51% 78%,19% 91%,24% 58%,2% 35%,35% 31%)}.ranking__benefits{width:100%;color:#000}.ranking__product{display:flex;gap:1rem;margin-bottom:1rem}.ranking__product img{width:6rem}.ranking__item:nth-child(1) img{width:10rem}.ranking__item:nth-child(1):before{font-size:2rem;width:3rem;background-color:gold}.popular-ranking-newlist{display:flex;max-width:1000px;flex-wrap:wrap;margin:0 auto;justify-content:flex-start}@media screen and (max-width:640px){.popular-ranking-newlist{justify-content:space-between}}.popular-ranking-newlist a{display:block;width:calc((100% - 9rem)/4);margin:0 1rem 5rem;position:relative;border:1px solid #bcbcbc;padding:.75rem;border-radius:1.5rem}.popular-ranking-newlist a:before{color:#fff;background-color:#9a9a9a;display:block;text-align:center;font-size:1.6rem;line-height:1;font-weight:700;padding:.75rem;margin-bottom:2rem;margin:-.75rem -.75rem 2rem;border-radius:1rem 1rem 0 0}.popular-ranking-newlist a:first-child:before,.popular-ranking-newlist a:nth-child(2):before,.popular-ranking-newlist a:nth-child(3):before{font-size:1.8rem;margin:-1.75rem -1.75rem 2rem;border-radius:1rem 1rem 0 0}@media screen and (max-width:640px){.popular-ranking-newlist a:before{margin:-.75rem -.75rem 2rem;border-radius:.75rem .75rem 0 0}.popular-ranking-newlist a:first-child:before,.popular-ranking-newlist a:nth-child(2):before,.popular-ranking-newlist a:nth-child(3):before{margin:-.75rem -.75rem 2rem;border-radius:.75rem .75rem 0 0}}.popular-ranking-newlist a:first-child:before{content:"1\4f4d";background-color:#bbb067}.popular-ranking-newlist a:nth-child(2):before{content:"2\4f4d";background-color:#94a0a7}.popular-ranking-newlist a:nth-child(3):before{content:"3\4f4d";background-color:#a26d38}.popular-ranking-newlist a:nth-child(4):before{content:"4\4f4d"}.popular-ranking-newlist a:nth-child(5):before{content:"5\4f4d"}.popular-ranking-newlist a:nth-child(6):before{content:"6\4f4d"}.popular-ranking-newlist a:nth-child(7):before{content:"7\4f4d"}.popular-ranking-newlist a:nth-child(8):before{content:"8\4f4d"}.popular-ranking-newlist a:nth-child(9):before{content:"9\4f4d"}.popular-ranking-newlist a:nth-child(10):before{content:"10\4f4d"}.popular-ranking-newlist a:hover{opacity:.65;transition:.45s ease}.popular-ranking-newlist a:first-child,.popular-ranking-newlist a:nth-child(2),.popular-ranking-newlist a:nth-child(3){width:calc((100% - 7rem) / 3);margin:0 1rem 2rem;padding:1.75rem;border-radius:1.5rem;border:1px solid #bcbcbc}@media screen and (max-width:640px){.popular-ranking-newlist a{display:block;width:calc((100% - 3rem)/2);margin:0 .75rem 1.5rem;padding:.75rem;border-radius:1rem}.popular-ranking-newlist a:first-child,.popular-ranking-newlist a:nth-child(2),.popular-ranking-newlist a:nth-child(3){width:calc((100% - 2rem)/2);margin:0 .5rem 1rem;padding:.75rem;border-radius:1rem}}.popular-ranking-newlist a img{width:100%}.popular-ranking-newlist a img{width:90%;margin:0 auto 1.5rem;display:block}.popular-ranking-newlist a .ranking__benefits .title{font-size:1.5rem;line-height:1.4;font-weight:700;margin-bottom:1.5rem;font-feature-settings:"palt" 1;letter-spacing:.05rem}.popular-ranking-newlist a:first-child .ranking__benefits .title,.popular-ranking-newlist a:nth-child(2) .ranking__benefits .title,.popular-ranking-newlist a:nth-child(3) .ranking__benefits .title{font-size:1.6rem}@media screen and (max-width:640px){.popular-ranking-newlist a:first-child .ranking__benefits .title,.popular-ranking-newlist a:nth-child(2) .ranking__benefits .title,.popular-ranking-newlist a:nth-child(3) .ranking__benefits .title{font-size:1.4rem}}.popular-ranking-newlist a .text{font-size:1.4rem;line-height:1.4;font-weight:400;margin:1rem 0;color:#000}.product__tag{color:#000}.product__tag--red,.product__tag--black{color:#fff}.popular-ranking-newlist a .price{font-size:2rem;letter-spacing:.1rem;line-height:2;color:#000;font-family:Barlow Semi Condensed,sans-serif;margin-top:1rem;font-feature-settings:"palt" 1;letter-spacing:.05rem}.popular-ranking-newlist a .price span{font-size:1.4rem}h2.ranking{margin:4rem 2rem 3rem;padding:.75rem 1rem 1rem 1.6rem;font-size:2.4rem;text-align:center;border-bottom:1px solid #bcbcbc}.popular-ranking__menu{display:flex;justify-content:center;gap:0;margin-bottom:0}.popular-ranking__menu a{padding:.5rem 3rem;position:relative;border-left:1px solid #333;border-right:1px solid #333;color:#000;font-size:1.6rem;display:flex}.popular-ranking__menu a:first-child{border-right:none}.circle__down{position:relative;display:grid;place-items:center;width:1.6rem;height:1.6rem;border:1px solid #000;border-radius:1rem;margin-left:1rem}.circle__down:after{content:"";width:.5rem;height:.5rem;border-right:1px solid #000;border-top:1px solid #000;transform:rotate(135deg) translate(-20%,15%)}.read{text-align:center;margin-bottom:4rem;font-size:1.5rem;font-weight:500}@media screen and (max-width:640px){h2.ranking{margin:4rem 1rem 2rem;padding:.75rem 1rem 1rem 1.25rem;font-size:2rem}}.link_button{font-size:1.6rem;font-weight:500;background-color:#005bac;border-radius:50px;padding:1.4rem 4rem;color:#fff;display:block;max-width:max-content;text-align:center;margin:0 auto}.banner_container{display:flex;gap:2rem;margin:6rem 0 10rem}.banner_container a{width:calc((100% - 4rem) / 3)}.banner_container a img{width:100%}a:hover{opacity:.65;transition:.45s ease}@media screen and (max-width:640px){.banner_container{flex-direction:column;gap:1rem}.banner_container a{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/203/assets/css_popularity_ranking.css.map */