@charset "UTF-8";.section-header h1{padding-top:80px}.rank_wrap{display:-webkit-flex;display:-ms-flex;display:flex;-ms-align-items:stretch;align-items:stretch;align-content:stretch;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;counter-reset:ranking;margin-bottom:45px}.rank_wrap .rank_top{-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%;width:60%;max-width:60%}.rank_wrap .rank_second{-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%;width:40%;max-width:40%}a.rank_inner{display:block;position:relative;box-sizing:border-box}a.rank_inner .img_wrap{display:block;background-position:center center;-webkit-background-size:cover;background-size:cover}.rank_wrap .rank_top a.rank_inner{height:360px}.rank_wrap .rank_second a.rank_inner{height:180px}.rank_wrap .rank_second a.rank_inner .img_wrap,.rank_wrap .rank_top a.rank_inner .img_wrap{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;box-sizing:border-box}a.rank_inner .txt_wrap{display:-webkit-flex;display:-ms-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;align-content:center;height:100%;padding:0 15px;box-sizing:border-box;background-color:#ecf0f5e0;position:absolute;top:0;left:0;z-index:1}.rank_wrap .rank_top a.rank_inner .txt_wrap{width:35%}.rank_wrap .rank_second a.rank_inner .txt_wrap{width:50%}a.rank_inner .txt_inner{-webkit-flex:100%;-ms-flex:100%;flex:100%;width:100%;max-width:100%}a.rank_inner .txt_inner>span{display:block}a.rank_inner .txt_wrap .rank_num{display:block;background:#fff;margin-bottom:10px;font-size:25px;font-weight:700;text-align:center}a.rank_inner .txt_wrap .rank_num:before{counter-increment:ranking;content:"No." counter(ranking)}a.rank_inner .txt_wrap .rank_por_name{margin-bottom:5px;font-size:16px;font-weight:700}a.rank_inner .txt_wrap .rank_pro_type{margin-bottom:5px;font-size:14px}a.rank_inner .txt_wrap .price-item{font-size:16px}a.rank_inner .txt_wrap .price__compare{display:none}.rank_wrap .rank_other{display:-webkit-flex;display:-ms-flex;display:flex;-ms-align-items:stretch;align-items:stretch;align-content:stretch;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:100%;margin-top:30px}.rank_wrap .rank_other .rank_box{margin-bottom:30px;background-color:#ecf0f5e0}.rank_wrap .rank_other a.rank_inner .img_wrap,.rank_wrap .rank_other a.rank_inner .txt_wrap{position:relative}.rank_wrap .rank_other a.rank_inner .img_wrap{width:100%;padding-top:100%;margin-bottom:10px}.rank_wrap .rank_other a.rank_inner .txt_wrap{background:none;padding:10px}@media only screen and (min-width:750px){a.rank_inner:hover{opacity:.6}.rank_wrap .rank_top{border-right:#FFF 6px solid}.rank_wrap .rank_second .rank_box:nth-child(1) a{border-bottom:#FFF 3px solid}.rank_wrap .rank_second .rank_box:nth-child(2) a{border-top:#FFF 3px solid}.rank_wrap .rank_other .rank_box{-webkit-flex:0 0 23.5%;-ms-flex:0 0 23.5%;flex:0 0 23.5%;width:23.5%;max-width:23.5%}.rank_wrap .rank_other .rank_box:not(:nth-child(4n)){margin-right:2%}}@media only screen and (max-width:749px){.section-header h1{padding-top:40px}.rank_wrap{display:block}.rank_wrap .rank_top,.rank_wrap .rank_second{width:100%;max-width:100%}.rank_wrap .rank_top{margin-bottom:10px}.rank_wrap .rank_box:not(:last-child){margin-bottom:10px}a.rank_inner{display:block;background-position:center center;-webkit-background-size:cover;background-size:cover;position:relative;box-sizing:border-box}.rank_wrap .rank_top a.rank_inner,.rank_wrap .rank_second a.rank_inner{height:200px}.rank_wrap .rank_top a.rank_inner .txt_wrap,.rank_wrap .rank_second a.rank_inner .txt_wrap{width:50%;min-width:166px}a.rank_inner .txt_wrap .rank_num{font-size:18px}a.rank_inner .txt_wrap .rank_por_name{margin-bottom:5px;font-size:18px;font-weight:700}a.rank_inner .txt_wrap .rank_pro_type{margin-bottom:5px;font-size:12px}a.rank_inner .txt_wrap .price-item{font-size:14px}.rank_wrap .rank_other{margin-top:20px}.rank_wrap .rank_other .rank_box{-webkit-flex:0 0 49%;-ms-flex:0 0 49%;flex:0 0 49%;width:49%;max-width:49%;margin-bottom:10px}.rank_wrap .rank_other .rank_box:not(:nth-child(2n)){margin-right:2%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ranking.css.map */