html{font-size:20vw}@media screen and (max-width:320px){html{font-size:64px}}@media screen and (min-width:540px){html{font-size:108px}}body{max-width:540px;min-width:320px;font-size:.2rem}.mod_grid{position:relative}.mod_grid:after{content:"";position:absolute;z-index:0;pointer-events:none;background-color:#eee;height:1px;left:0;right:0;bottom:0}@media only screen and (-webkit-min-device-pixel-ratio:2){.mod_grid:after{-webkit-transform:scaleY(.5);-webkit-transform-origin:50% 0}}.mod_banner{position:relative;padding-top:14.2857142857%;height:0;overflow:hidden}.mod_banner img{width:100%;height:auto;position:absolute;left:0;top:0}.user-btn:active{opacity:.8;transform:scale(.95)}.hs-btn{width:13.3333333333vw;height:13.3333333333vw;border-radius:50%;font-size:3.7333333333vw;font-weight:450;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#54c48a}.pub-triangle{position:absolute;top:50%;right:2vw;width:0;height:0;transition:all .5s;transform:translateY(-25%);border-top:1.3333333333vw solid #4a4a4a}.pub-triangle,.pub-triangle-top{border-left:1.3333333333vw solid #fff;border-right:1.3333333333vw solid #fff;border-bottom:1.3333333333vw solid #fff}.pub-triangle-top{transform:rotate(180deg) translateY(75%);border-top:1.3333333333vw solid #dc0050}.ps{text-align:left;color:#999;font-size:3.2vw;padding:0 1.3333333333vw;margin-top:.6666666667vw;box-sizing:border-box}.text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.u-text-center{display:flex;flex-direction:row;align-items:center;justify-content:space-between;justify-content:center}.brf-rank{margin-top:2.7vw;width:91.7vw;padding:4.5vw;box-sizing:border-box;background-color:#fff;border-radius:1.6vw}.brf-rank .br_title{display:flex;justify-content:space-between;align-items:center;color:#000}.brf-rank .br_title .br_t_title{font-size:4.8vw;font-weight:700}.brf-rank .br_title .br_t_more{font-size:3.7vw}.brf-rank .br_rank{margin-top:2.7vw;padding:2.1vw 4.3vw 2.1vw 5.1vw;box-sizing:border-box;background-color:#fff;border-radius:1.1vw;border:.3vw solid #e7e7e7;color:#000}.brf-rank .br_rank .brr_title{text-align:left;margin-bottom:1.5vw;color:#000;display:flex;justify-content:space-between;align-items:center}.brf-rank .br_rank .brr_title .brr_t_name{font-size:3.7vw;font-weight:700}.brf-rank .br_rank .brr_title .brr_t_more{font-size:3vw;text-decoration:underline}.brf-rank .br_rank .brr_title .brr_t_tab{display:flex;align-items:center;border:.3vw solid #4a90e2;border-radius:1.1vw;font-size:3.2vw;color:#4a90e2}.brf-rank .br_rank .brr_title .brr_t_tab .tab_item{width:20vw;height:6.1vw;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.brf-rank .br_rank .brr_title .brr_t_tab .tab_item_ac{background-color:#4a90e2;color:#fff}.brf-rank .br_rank .br_item+.br_item{border-top:.3vw solid rgba(0,0,0,.05)}.brf-rank .br_rank .br_item{display:flex;justify-content:space-between;align-items:center;padding:2.4vw 0}.brf-rank .br_rank .br_item .br_i_left{font-size:3.7vw;color:#000;display:flex;align-items:center}.brf-rank .br_rank .br_item .br_i_left>img{margin-right:2.7vw;display:block;width:4.8vw;height:4.8vw}.brf-rank .br_rank .br_item .br_i_left .br_il_light{margin-left:3.5vw;color:rgba(0,0,0,.5)}.brf-rank .br_rank .br_item .br_i_right{font-weight:700}