@charset "utf-8";

/* 評価段階(星マーク) */
.star5_rating {
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー */
    /*font-size: 30px;*/ /*フォントサイズ */
    font-size: 1.2em;
}

    .star5_rating:before, .star5_rating:after {
        content: '★★★★★';
    }

    .star5_rating:after {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        color: #ffcf32; /* 星色(黄色) */
    }

    /* 星5 */
    .star5_rating[data-rate="5"]:after {
        width: 100%;
    }

    .star5_rating[data-rate="5.0"]:after {
        width: 100%;
    }

    /*
        2024.01.22 レビューの平均値の表示の為、段階を0.1区切りに変更.
    */

    /* 星4.9 */
    .star5_rating[data-rate="4.9"]:after {
        width: 98%;
    }
    /* 星4.8 */
    .star5_rating[data-rate="4.8"]:after {
        width: 96%;
    }
    /* 星4.7 */
    .star5_rating[data-rate="4.7"]:after {
        width: 94%;
    }
    /* 星4.6 */
    .star5_rating[data-rate="4.6"]:after {
        width: 92%;
    }

    /* 星4.5 */
    .star5_rating[data-rate="4.5"]:after {
        width: 90%;
    }

    /* 星4.4 */
    .star5_rating[data-rate="4.4"]:after {
        width: 88%;
    }
    /* 星4.3 */
    .star5_rating[data-rate="4.3"]:after {
        width: 86%;
    }
    /* 星4.2 */
    .star5_rating[data-rate="4.2"]:after {
        width: 84%;
    }
    /* 星4.1 */
    .star5_rating[data-rate="4.1"]:after {
        width: 82%;
    }

    /* 星4 */
    .star5_rating[data-rate="4"]:after {
        width: 80%;
    }

    .star5_rating[data-rate="4.0"]:after {
        width: 80%;
    }

    /* 星3.9 */
    .star5_rating[data-rate="3.9"]:after {
        width: 78%;
    }
    /* 星3.8 */
    .star5_rating[data-rate="3.8"]:after {
        width: 76%;
    }
    /* 星3.7 */
    .star5_rating[data-rate="3.7"]:after {
        width: 74%;
    }
    /* 星3.6 */
    .star5_rating[data-rate="3.6"]:after {
        width: 72%;
    }

    /* 星3.5 */
    .star5_rating[data-rate="3.5"]:after {
        width: 70%;
    }

    /* 星3.4 */
    .star5_rating[data-rate="3.4"]:after {
        width: 68%;
    }
    /* 星3.3 */
    .star5_rating[data-rate="3.3"]:after {
        width: 66%;
    }
    /* 星3.2 */
    .star5_rating[data-rate="3.2"]:after {
        width: 64%;
    }
    /* 星3.1 */
    .star5_rating[data-rate="3.1"]:after {
        width: 62%;
    }

    /* 星3 */
    .star5_rating[data-rate="3"]:after {
        width: 60%;
    }

    .star5_rating[data-rate="3.0"]:after {
        width: 60%;
    }

    /* 星2.9 */
    .star5_rating[data-rate="2.9"]:after {
        width: 58%;
    }
    /* 星2.8 */
    .star5_rating[data-rate="2.8"]:after {
        width: 56%;
    }
    /* 星2.7 */
    .star5_rating[data-rate="2.7"]:after {
        width: 54%;
    }
    /* 星2.6 */
    .star5_rating[data-rate="2.6"]:after {
        width: 52%;
    }

    /* 星2.5 */
    .star5_rating[data-rate="2.5"]:after {
        width: 50%;
    }

    /* 星2.4 */
    .star5_rating[data-rate="2.4"]:after {
        width: 48%;
    }
    /* 星2.3 */
    .star5_rating[data-rate="2.3"]:after {
        width: 46%;
    }
    /* 星2.2 */
    .star5_rating[data-rate="2.2"]:after {
        width: 44%;
    }
    /* 星2.1 */
    .star5_rating[data-rate="2.1"]:after {
        width: 42%;
    }

    /* 星2 */
    .star5_rating[data-rate="2"]:after {
        width: 40%;
    }

    .star5_rating[data-rate="2.0"]:after {
        width: 40%;
    }

    /* 星1.9 */
    .star5_rating[data-rate="1.9"]:after {
        width: 38%;
    }
    /* 星1.8 */
    .star5_rating[data-rate="1.8"]:after {
        width: 36%;
    }
    /* 星1.7 */
    .star5_rating[data-rate="1.7"]:after {
        width: 34%;
    }
    /* 星1.6 */
    .star5_rating[data-rate="1.6"]:after {
        width: 32%;
    }

    /* 星1.5 */
    .star5_rating[data-rate="1.5"]:after {
        width: 30%;
    }

    /* 星1.4 */
    .star5_rating[data-rate="1.4"]:after {
        width: 28%;
    }
    /* 星1.3 */
    .star5_rating[data-rate="1.3"]:after {
        width: 26%;
    }
    /* 星1.2 */
    .star5_rating[data-rate="1.2"]:after {
        width: 24%;
    }
    /* 星1.1 */
    .star5_rating[data-rate="1.1"]:after {
        width: 22%;
    }

    /* 星1 */
    .star5_rating[data-rate="1"]:after {
        width: 20%;
    }

    .star5_rating[data-rate="1.0"]:after {
        width: 20%;
    }

    /* 星0.9 */
    .star5_rating[data-rate="0.9"]:after {
        width: 18%;
    }
    /* 星0.8 */
    .star5_rating[data-rate="0.8"]:after {
        width: 16%;
    }
    /* 星0.7 */
    .star5_rating[data-rate="0.7"]:after {
        width: 14%;
    }
    /* 星0.6 */
    .star5_rating[data-rate="0.6"]:after {
        width: 12%;
    }

    /* 星0.5 */
    .star5_rating[data-rate="0.5"]:after {
        width: 10%;
    }

    /* 星0.4 */
    .star5_rating[data-rate="0.4"]:after {
        width: 8%;
    }
    /* 星0.3 */
    .star5_rating[data-rate="0.3"]:after {
        width: 6%;
    }
    /* 星0.2 */
    .star5_rating[data-rate="0.2"]:after {
        width: 4%;
    }
    /* 星0.1 */
    .star5_rating[data-rate="0.1"]:after {
        width: 2%;
    }

    /* 星0 */
    .star5_rating[data-rate="0"]:after {
        width: 0%;
    }

    .star5_rating[data-rate="0.0"]:after {
        width: 0%;
    }

/*EOF*/