@charset "UTF-8";

.voice_box{max-width:1200px;width:100%;height:auto;padding-top:5px;}
.bg{width:100%;height:auto;padding:20px 0px;margin-top:15px;background:#f3f3f3;box-shadow: 0 0 0 1px #c8c8c8 inset,0 0 0 5px #ffffff inset;}
	@media all and (max-width: 1024px) {
		.voice_box{padding-bottom:15px;}
	}

/*===■口コミ一覧===*/
.voice_box .voice{width:100%;height:auto;padding:10px 0px;}
.voice dl{width:calc(100% - 20px);height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.voice dt{width:20%;height:auto;margin-left:0px;}
.voice dd{width:calc(80% - 10px);height:auto;margin-right:0px;}
.voice_link a:link{color:#29b7d3;text-decoration:underline;}
.voice_link a:visited{color:#29b7d3;text-decoration:none;}
.voice_link a:hover{color:#29b7d3;text-decoration:none;}
.voice_link a:active{color:#29b7d3;text-decoration:none;}
	@media all and (max-width: 1024px) {
		.voice dl{width:calc(100% - 20px);}
		.voice dt{width:60%;margin:0px auto;}
		.voice dd{width:100%;margin:0px auto;padding-top:10px;}
	}
/*===■口コミ一覧 全件表示===*/
.profile_voicelist.voice dt{width:0%;}
.profile_voicelist.voice dd{width:100%;height:auto;}
/*===■口コミ 投稿者一覧===*/
.voice dd ul{width:100%;height:auto;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #c8c8c8;}
.voice dd ul:nth-of-type(1){padding-top:0px;padding-bottom:15px;}
.voice dd ul li{width:100%;height:auto;text-align:left;}
.voice dd ul li:nth-of-type(3) span:nth-of-type(2){font-size:15px;}
.voice dd ul li span:nth-of-type(1){display:inline-block;font-size:11px;padding-right:5px;}
.voice dd ul li span:nth-of-type(2){color:#ffac0b;}
.voice dd ul li:nth-of-type(4){width:100%;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.voice dd ul li:nth-of-type(4) p{width:25%;height:auto;margin:0px;}
	@media all and (max-width: 1024px) {
		.voice dd ul li:nth-of-type(4) p{width:50%;}
	}
.voice dt div.img{width:100%;position:relative;}
.voice dt div.img p.img{width:100%;}
.voice dt div.img .name_avg_satisfaction{width:100%;position:absolute;bottom:0px;left:0px;background:rgb(81,182,218,0.5);color:#ffffff;padding:3px 0px;}
.voice dt div.img .name_avg_satisfaction h3{width:100%;color:#ffffff;padding:2px 0px 0px 0px;}
.voice dt div.img .name_avg_satisfaction h3 span{font-size:10px;color:#51b6da;vertical-align: baseline;}
.voice dt div.img .name_avg_satisfaction p{width:100%;color:#ffffff;padding:0px;font-size:12px;}
/*===■総合平均満足度===*/
.star5_rating{position: relative;z-index: 0;display: inline-block;white-space: nowrap;color: #CCCCCC;font-size:12px;}
.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: #ffcd0b;}
.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */