/* --------------------------------------- */
/* basic */
/* --------------------------------------- */
/* 総合点 */
.rv_t_score {
    display: flex;
    align-items: center;
}

.score_graph {
    position: relative;
    width: 90px;
    height: 1.2em;
    font-size: 1.2em;
    overflow: hidden;
    box-sizing: border-box;
}

.score_graph .star {
    width: 100%;
    height: 100%;
}

/* 星 */
.score_graph .star::before,
.score_graph .lost::before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-family: 'icomoon';
    font-size: inherit;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    content: '\e92f\e92f\e92f\e92f\e92f';
    letter-spacing: 1px;
}

/* 得点分 */
.score_graph .star {
    display: block;
}

.score_graph .star::before {
    z-index: 98;
    color: #ffc642;
    text-shadow: 0 1px 0 #a59a92;
}

/* 失点分 */
.score_graph .lost {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    display: block;
    height: 100%;
    overflow: hidden;
}

.score_graph .lost::before {
    color: #ccc;
}

.score_graph.sc00 .lost {
    width: 100%;
}

.score_graph.sc01 .lost {
    width: 98%;
}

.score_graph.sc02 .lost {
    width: 96%;
}

.score_graph.sc03 .lost {
    width: 94%;
}

.score_graph.sc04 .lost {
    width: 92%;
}

.score_graph.sc05 .lost {
    width: 90%;
}

.score_graph.sc06 .lost {
    width: 88%;
}

.score_graph.sc07 .lost {
    width: 86%;
}

.score_graph.sc08 .lost {
    width: 84%;
}

.score_graph.sc09 .lost {
    width: 82%;
}

.score_graph.sc10 .lost {
    width: 80%;
}

.score_graph.sc11 .lost {
    width: 78%;
}

.score_graph.sc12 .lost {
    width: 76%;
}

.score_graph.sc13 .lost {
    width: 74%;
}

.score_graph.sc14 .lost {
    width: 72%;
}

.score_graph.sc15 .lost {
    width: 70%;
}

.score_graph.sc16 .lost {
    width: 68%;
}

.score_graph.sc17 .lost {
    width: 66%;
}

.score_graph.sc18 .lost {
    width: 64%;
}

.score_graph.sc19 .lost {
    width: 62%;
}

.score_graph.sc20 .lost {
    width: 60%;
}

.score_graph.sc21 .lost {
    width: 58%;
}

.score_graph.sc22 .lost {
    width: 56%;
}

.score_graph.sc23 .lost {
    width: 54%;
}

.score_graph.sc24 .lost {
    width: 52%;
}

.score_graph.sc25 .lost {
    width: 50%;
}

.score_graph.sc26 .lost {
    width: 48%;
}

.score_graph.sc27 .lost {
    width: 46%;
}

.score_graph.sc28 .lost {
    width: 44%;
}

.score_graph.sc29 .lost {
    width: 42%;
}

.score_graph.sc30 .lost {
    width: 40%;
}

.score_graph.sc31 .lost {
    width: 38%;
}

.score_graph.sc32 .lost {
    width: 36%;
}

.score_graph.sc33 .lost {
    width: 34%;
}

.score_graph.sc34 .lost {
    width: 32%;
}

.score_graph.sc35 .lost {
    width: 30%;
}

.score_graph.sc36 .lost {
    width: 28%;
}

.score_graph.sc37 .lost {
    width: 26%;
}

.score_graph.sc38 .lost {
    width: 24%;
}

.score_graph.sc39 .lost {
    width: 22%;
}

.score_graph.sc40 .lost {
    width: 20%;
}

.score_graph.sc41 .lost {
    width: 18%;
}

.score_graph.sc42 .lost {
    width: 16%;
}

.score_graph.sc43 .lost {
    width: 14%;
}

.score_graph.sc44 .lost {
    width: 12%;
}

.score_graph.sc45 .lost {
    width: 10%;
}

.score_graph.sc46 .lost {
    width: 8%;
}

.score_graph.sc47 .lost {
    width: 6%;
}

.score_graph.sc48 .lost {
    width: 4%;
}

.score_graph.sc49 .lost {
    width: 2%;
}

.score_graph.sc50 .lost {
    width: 0;
}

.score_ave {
    text-align: right;
    line-height: 1em;
}

/* 点数 */
.score_ave .num,
.socre_cate .num {
    font-weight: bold;
}

.rv_t_score .num {
    color: #FF9442;
}