.index-ranking{padding-bottom:20px}@media screen and (max-width: 980px){.index-ranking{width:100vw;padding-left:16px;padding-right:16px}}@media screen and (max-width: 980px){.index-ranking-new-header{width:100%;max-width:740px;margin:0 auto}}.index-ranking-new-header img{max-width:100%;height:auto}.index-ranking-wrap{position:relative;padding:0 20px;width:740px}@media screen and (max-width: 980px){.index-ranking-wrap{width:100%;max-width:740px;margin:0 auto}}.index-ranking-wrap-left,.index-ranking-wrap-right{position:absolute;top:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;color:rgba(0,0,0,.3);background:rgba(0,0,0,.12);border-radius:50%;z-index:1;cursor:pointer}.index-ranking-wrap-left:hover,.index-ranking-wrap-right:hover{opacity:.7}.index-ranking-wrap-left{display:none;left:20px;transform:translateX(-50%)}.index-ranking-wrap-right{display:inline-flex;right:20px;transform:translateX(50%)}.index-ranking-wrap-scroll{counter-reset:ranking 0;display:grid;grid-template-columns:repeat(auto-fit, 180px);grid-gap:8px;max-width:1000%;width:max-content}.index-ranking-wrap-body{position:relative;max-width:100%;overflow:scroll}.index-ranking-wrap-body-item{position:relative;display:flex;flex-direction:column;border-radius:8px;background:#fff;overflow:hidden;font-size:12px;padding:8px;border:1px rgba(0,0,0,.16) solid}.index-ranking-wrap-body-item::after{counter-increment:ranking;content:counter(ranking);position:absolute;display:inline-flex;justify-content:center;align-items:center;top:0;left:0;width:24px;height:28px;font-weight:bold;color:#fff;background:#ffb749}.index-ranking-wrap-body-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}@media screen and (max-width: 980px){.index-ranking-wrap-body-item-header{flex-direction:column;align-items:flex-end}.index-ranking-wrap-body-item-header p:first-child{margin-bottom:4px}}.index-ranking-wrap-body-item-header.ranking{flex-direction:column;align-items:flex-end}.index-ranking-wrap-body-item-header.ranking p:first-child{margin-bottom:8px}.index-ranking-wrap-body-item-img{text-align:center;margin-bottom:16px}.index-ranking-wrap-body-item-img img{max-width:100%;height:auto}.index-ranking-wrap-body-item-price{margin-top:auto;padding-top:8px;text-align:center}.index-ranking-wrap-link{text-align:right;color:#0d86ff;font-weight:bold}@media screen and (max-width: 980px){.index-ranking-wrap-link{width:100%;max-width:740px;margin:0 auto}}.index-ranking-wrap-link:link,.index-ranking-wrap-link:visited{color:#0d86ff}#wear-order{box-sizing:border-box}@media screen and (max-width: 980px){#wear-order{padding:16px}}#wear-order h2 span{display:block;font-size:12px;letter-spacing:1.2px;line-height:18px;margin-bottom:8px}#wear-order ul#page-link{display:grid;grid-template-columns:repeat(2, 268px);grid-gap:16px;justify-content:center;margin-bottom:80px;box-sizing:border-box}@media screen and (max-width: 980px){#wear-order ul#page-link{display:grid;grid-template-columns:268px}}#wear-order ul#page-link li a{display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;padding:16px 0;border:1px solid #e0e0e0;border-radius:4px;text-align:center}#wear-order ul#page-link li a>p{font-size:12px;font-weight:bold}#wear-order ul#page-link li a>p span{font-size:16px}#wear-order ul#page-link li a i{font-size:16px}#wear-order ul#page-link li a:hover{background-color:#eaeaea;opacity:1}#wear-order section a.link-blue{display:block;width:fit-content;position:relative;left:100%;transform:translateX(-100%);color:#0d86ff;font-size:14px;font-weight:bold;letter-spacing:1.12px;margin-bottom:20px}#wear-order section .order-flow{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:8px}@media screen and (max-width: 980px){#wear-order section .order-flow{grid-template-columns:repeat(2, 1fr)}}#wear-order section .order-flow-wrap{background:rgba(0,0,0,.04);padding:24px 8px;position:relative}#wear-order section .order-flow-index{font-size:24px;font-weight:bold;position:absolute;top:4px;left:8px}#wear-order section .order-before{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:16px}@media screen and (max-width: 980px){#wear-order section .order-before{grid-template-columns:1fr}}#wear-order section .order-before-item{display:grid;grid-template-columns:164px 1fr}#wear-order section div.feature{display:flex;gap:16px;box-sizing:border-box}@media screen and (max-width: 980px){#wear-order section div.feature{flex-direction:column-reverse !important}}#wear-order section div.feature>div{flex:1}@media screen and (max-width: 980px){#wear-order section div.feature>p{flex:1;box-sizing:border-box;padding:0 12px;text-align:center}}#wear-order section div.feature:nth-of-type(even){flex-direction:row-reverse}