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}.ponent-info{font-family:cupf}.ponent-info .is_green{color:#108ee9}.ponent-info .is_orange{color:#ff7030}.ponent-info .is_red{color:#dc0050}.ponent-info .pd_wrap{margin-top:2.3vw;padding:2.7vw 4.8vw;box-sizing:border-box;background:#fff}.ponent-info .pd_wrap>div+div{border-top:.3vw solid #f5f5f5}.ponent-info .pd_wrap .pdw_up{justify-content:space-between;padding:1.9vw 0;font-size:4.8vw;color:#333}.ponent-info .pd_wrap .pdw_up,.ponent-info .pd_wrap .pdw_up .pdwu_coach_wrap{display:flex;align-items:center}.ponent-info .pd_wrap .pdw_up .pdwu_coach_wrap>img{display:block;width:11.7vw;height:11.7vw;border-radius:50%}.ponent-info .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info{margin-left:3.5vw}.ponent-info .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info .pcwi_wrap{display:flex}.ponent-info .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info .pcwi_wrap .pcwiw_name{font-size:4.8vw;color:#333}.ponent-info .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info .pcwi_wrap .pcwiw_title{margin-left:.9vw;display:flex;align-items:center;font-size:3.2vw;color:#666}.ponent-info .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info .pcwi_star{display:flex;align-items:center;font-size:3.5vw;line-height:7.1vw;color:#999;text-align:left}.ponent-info .pd_wrap .pdw_up .pdwu_coach_wrap .pcw_info .pcwi_star>.van-rate{margin-left:1.5vw}.ponent-info .pd_wrap .pdw_up .pdw_up_detail{padding:.5vw 2.5vw;background-color:#dc0050;border-radius:1.1vw;font-size:3.5vw;letter-spacing:.1vw;color:#fff}.ponent-info .pd_wrap .pdw_mid{padding:1.9vw 0}.ponent-info .pd_wrap .pdw_mid>div+div{margin-top:1.3vw}.ponent-info .pd_wrap .pdw_mid .pdwm_total{display:flex;justify-content:center;align-items:flex-end;font-size:10.7vw;line-height:10.7vw;color:#333}.ponent-info .pd_wrap .pdw_mid .pdwm_total .pdwm_total_info{margin-left:4vw;font-size:3.5vw;line-height:4.9vw;color:#108ee9}.ponent-info .pd_wrap .pdw_mid .pdwm_progress{font-size:2.5vw;line-height:3.5vw}.ponent-info .pd_wrap .pdw_mid .pdwm_target{font-size:4.5vw;line-height:4.9vw;color:#108ee9}.ponent-info .pd_wrap .pdw_mid .pdwm_target .pdwm_target_percent{font-size:3.5vw;line-height:4vw;color:#108ee9}.ponent-info .pd_wrap .pdw_mid .pdwm_types{display:flex;justify-content:center;align-items:center}.ponent-info .pd_wrap .pdw_mid .pdwm_types>span+span{margin-left:10.9vw}.ponent-info .pd_wrap .pdw_mid .pdwm_types>span{display:flex;align-items:center;font-size:3.5vw;line-height:4vw;letter-spacing:.1vw;color:#7a7878}.ponent-info .pd_wrap .pdw_mid .pdwm_types>span>span{margin-left:1vw;font-size:4vw;line-height:5.6vw;color:#7a7878}.ponent-info .pd_wrap .pdw_down{display:flex;justify-content:space-between;align-items:center;padding:1.5vw 0 0}.ponent-info .pd_wrap .pdw_down>div{display:flex;align-items:center;font-size:3.5vw;line-height:4.9vw;color:#bbb}.ponent-info .pd_wrap .pdw_down>div>div+div{margin-left:1vw}