.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    font-size: 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; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5.00"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.75"]:after{ width: 93%;  } /* 星4.75 */
.star5_rating[data-rate="4.50"]:after{ width: 90%;  } /* 星4.5 */
.star5_rating[data-rate="4.25"]:after{ width: 88%;  } /* 星4.25 */
.star5_rating[data-rate="4.00"]:after{ width: 80%;  } /* 星4 */
.star5_rating[data-rate="3.75"]:after{ width: 73%;  } /* 星3.75 */
.star5_rating[data-rate="3.50"]:after{ width: 70%;  } /* 星3.5 */
.star5_rating[data-rate="3.25"]:after{ width: 68%;  } /* 星3.25 */
.star5_rating[data-rate="3.00"]:after{ width: 60%;  } /* 星3 */
.star5_rating[data-rate="2.75"]:after{ width: 53%;  } /* 星2.75 */
.star5_rating[data-rate="2.50"]:after{ width: 50%;  } /* 星2.5 */
.star5_rating[data-rate="2.25"]:after{ width: 48%;  } /* 星2.25 */
.star5_rating[data-rate="2.00"]:after{ width: 40%;  } /* 星2 */
.star5_rating[data-rate="1.75"]:after{ width: 33%;  } /* 星1.75 */
.star5_rating[data-rate="1.50"]:after{ width: 30%;  } /* 星1.5 */
.star5_rating[data-rate="1.25"]:after{ width: 28%;  } /* 星1.25 */
.star5_rating[data-rate="1.00"]:after{ width: 20%;  } /* 星1 */
.star5_rating[data-rate="0.75"]:after{ width: 13%;  } /* 星0.75 */
.star5_rating[data-rate="0.50"]:after{ width: 10%;  } /* 星0.5 */
.star5_rating[data-rate="0.25"]:after{ width: 8%;   } /* 星0.25 */
.star5_rating[data-rate="0.00"]:after{ width: 0%;   } /* 星0 */