.toplist_wrap{--star-size:20px;--star-color:#ccc;--star-background:#fc0;--main-color:#bf3938;--a-hover:#ff9800;--button-backgroud:#4CAF50}.toplist_box:after{content:"";display:table;clear:both}.toplist_box_title{display:flex;position:relative;padding:8px;align-content:center;align-items:center;justify-content:space-between}.toplist_box_title{-webkit-box-shadow:0 4px 5px 0 rgb(0 0 0 / 14%),0 1px 10px 0 rgb(0 0 0 / 12%),0 2px 4px -1px rgb(0 0 0 / 30%);box-shadow:0 4px 5px 0 rgb(0 0 0 / 14%),0 1px 10px 0 rgb(0 0 0 / 12%),0 2px 4px -1px rgb(0 0 0 / 30%);background:var(--main-color,#bf3938);border-radius:5px 5px 0 0;color:#fff}.toplist_box_content{padding:15px 10px 10px;background:#bf393836;color:#000;font-size:17px}.toplist_box{margin-bottom:15px}.toplist_thumb{margin-right:10px}.toplist_info{flex:1}.toplist_thumb img{width:65px;height:65px;border-radius:50%;overflow:hidden}.toplist_box_left{display:flex}.toplist_box_right{order:3}.toplist_info>strong{font-size:23px;display:block;margin-bottom:0;line-height:1}.toplist_desc{font-size:14px}.toplist_desc p:last-of-type,.toplist_box_center p:last-of-type{margin-bottom:0}.toplist_box_center{font-size:17px}.toplist_box p{margin-bottom:10px}.toplist_box_center p{margin-bottom:0}.toplist_box_center strong{color:var(--star-background);font-size:22px}.toplist_box_right a{background:#fbff00;color:#fff;width:100%;padding:5px 20px;text-decoration:none;text-align:center;margin:3px auto;border-radius:3px;font-weight:700;margin-top:20px;white-space:nowrap}.toplist_box_right a:hover{background:var(--star-background);color:#000}span.toplist_star{--percent:calc(var( --rating) / 100 * 100%);display:inline-block;font-size:var(--star-size);line-height:1}span.toplist_star::before{font-size:22px;content:'★★★★★';letter-spacing:0;background:linear-gradient(90deg,var(--star-background) var(--percent),var(--star-color) var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;display:block}.toplist_readmore{width:fit-content;display:block;margin:5px auto 0;padding:1px 10px;border-radius:3px;cursor:pointer;text-decoration:underline;color:#E91E63;font-style:italic;font-size:13px}.toplist_readmore:hover{color:var(--a-hover,#ff9800)}.toplist_content_full{max-height:52px;overflow:hidden}.toplist_box_content h3{color:#bf3938;font-size:18px;margin:0 10px 0 0;font-weight:700}.toplist-position{position:absolute;top:-16px;left:-17px;color:#000}.toplist-position.text_pos{border-radius:0 0 23px 0;background:#ccc;padding-left:5px;width:25px;height:25px;top:0;left:0}.toplist-position img{width:45px;height:auto}@media (max-width:767px){.toplist_box_title{flex-wrap:wrap}.toplist_box_center{width:100%;border-top:1px solid #ffffff2b}.toplist_box_right{order:unset}.toplist_box_right{text-align:center;margin-left:10px}.toplist_box_left{flex:1;margin-bottom:10px}.toplist_info{flex:1;line-height:1}.toplist_desc{display:none}.toplist_box_left{align-items:center;align-content:center}}