@charset "UTF-8";.p-ranking{display:grid;width:100%;max-width:1200px;margin:0 auto}@media screen and (min-width:750px){.p-ranking{gap:120px}}@media screen and (max-width:749px){.p-ranking{gap:60px}}.p-ranking__item-image{width:100%;border:1px solid #f0f0f0}@media screen and (min-width:641px){.p-ranking__item-image{margin-bottom:20px}}@media screen and (max-width:640px){.p-ranking__item-image{margin-bottom:10px}}.p-ranking__item-link{display:grid;justify-items:center}.p-ranking__item-rank{display:grid;place-items:center center;margin-bottom:10px;font-family:Cinzel,"Noto Serif",serif;color:#625640}.p-ranking__item-name{margin-bottom:10px;font-family:Zen Kaku Gothic New,Yu Gothic,\6e38\30b4\30b7\30c3\30af\4f53,Yu Gothic Medium,\6e38\30b4\30b7\30c3\30af  Medium,sans-serif}@media screen and (min-width:641px){.p-ranking__item-name{font-size:24px}}@media screen and (max-width:640px){.p-ranking__item-name{font-size:20px}}.p-ranking__item-price{font-weight:700}@media screen and (min-width:641px){.p-ranking__item-price{font-size:24px}}@media screen and (max-width:640px){.p-ranking__item-price{font-size:18px}}.p-ranking__item-price span{font-size:.6em}.p-ranking__item-rank-number{font-size:2em;line-height:1}.p-ranking__list{display:grid;padding-left:0;list-style:none}@media screen and (min-width:641px){.p-ranking__list{grid-template-columns:repeat(4,1fr);gap:55px 5%}}@media screen and (max-width:640px){.p-ranking__list{grid-template-columns:repeat(2,1fr);gap:30px 5%}}.p-ranking__list-heading{position:relative}.p-ranking__list-heading:before{position:absolute;top:50%;left:0;width:100%;height:1px;content:"";background-color:#3a3b4e}@media screen and (min-width:641px){.p-ranking__list-heading{margin-bottom:80px}}@media screen and (max-width:640px){.p-ranking__list-heading{margin-bottom:40px}}.p-ranking__list-heading span{position:relative;display:inline-block;padding-right:20px;background-color:#fff}.p-ranking__top-item{display:grid;gap:20px 40px;align-items:center}@media screen and (min-width:641px){.p-ranking__top-item{grid-template-columns:350px 1fr}}.p-ranking__top-item-button{position:relative;inset:auto;width:10px;height:10px;margin-top:0;color:#3a3b4e}.p-ranking__top-item-button:after{content:none}.p-ranking__top-item-button--prev{transform:rotate(90deg)}.p-ranking__top-item-button--next{transform:rotate(-90deg)}@media screen and (min-width:641px){.p-ranking__top-item-description{margin:0 0 30px}}@media screen and (max-width:640px){.p-ranking__top-item-description{margin:0 0 10px}}.p-ranking__top-item-functions{position:relative;display:flex;gap:30px;align-items:center;justify-content:center;padding:20px 10px}.p-ranking__top-item-images{width:100%;border:1px solid #f0f0f0}.p-ranking__top-item-images .swiper-wrapper{height:auto}.p-ranking__top-item-link{border-bottom:1px solid #3a3b4e}.p-ranking__top-item-name{margin-bottom:10px;font-family:Zen Kaku Gothic New,Yu Gothic,\6e38\30b4\30b7\30c3\30af\4f53,Yu Gothic Medium,\6e38\30b4\30b7\30c3\30af  Medium,sans-serif}@media screen and (min-width:750px){.p-ranking__top-item-name{font-size:26px}}@media screen and (max-width:749px){.p-ranking__top-item-name{font-size:20px}}.p-ranking__top-item-pagination.p-ranking__top-item-pagination{position:relative;inset:auto;display:flex;flex-wrap:wrap;width:fit-content}.p-ranking__top-item-price{display:inline-block;font-weight:700}@media screen and (min-width:641px){.p-ranking__top-item-price{margin-bottom:30px;font-size:24px}}@media screen and (max-width:640px){.p-ranking__top-item-price{margin-bottom:10px;font-size:18px}}.p-ranking__top-item-price span{font-size:.6em}.p-ranking__top-item-rank{position:absolute;top:0;left:0;z-index:2;display:grid;place-items:center center;align-content:center;width:72px;height:72px;font-family:Cinzel,"Noto Serif",serif;color:#fff;background-color:#3a3b4e}.p-ranking__top-item-rank-number{font-size:2em;line-height:1}.p-ranking__top-list{display:grid;padding-left:0;list-style:none}@media screen and (min-width:750px){.p-ranking__top-list{gap:100px}}@media screen and (max-width:749px){.p-ranking__top-list{gap:40px}}@media screen and (min-width:750px){.p-ranking__wrap{padding:100px 20px 200px}}@media screen and (max-width:749px){.p-ranking__wrap{padding:40px 20px 80px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sf-ranking.css.map */