/*********************************************************************/
/* 口コミ */
.cp_qa{
    margin-top: 30px;
}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
    font-family: 'FontAwesome', sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cp_qa dt,.cp_qa dd {
    position: relative;
    padding: 0.5em;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    border-radius: 0.3em;
}
.cp_qa dt {
    margin: 0 60px 1em 60px;
    background: #ffe0b2;
}

.cp_qa dt.reply {
    margin: 0 0px 1em 60px;
    background: #ffe0b2;
}

.cp_qa dd {
    margin: 0 60px 3em 60px;
    background: #b2ebf2;
}
.cp_qa dd.reply {
    margin: 0 60px 3em 0px;
    background: #b2ebf2;
}
/* 吹き出し▶︎ */
.cp_qa dt::before,.cp_qa dd::before{
    position: absolute;
    z-index: 99;
    top: 0.5em;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border-style: solid;
}
/* 質問吹き出し▶︎ */
.cp_qa dt::before {
    left: -0.5em;
    border-width: 5px 8.7px 5px 0;
    border-color: transparent #ffe0b2 transparent transparent;
}
/* 答え吹き出し▶︎ */
.cp_qa dd::before {
    right: -0.5em;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #b2ebf2;
}
/* ?!アイコン */
/*.cp_qa dt::after,.cp_qa dd::after {*/
    /*font-size: 1.2em;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*color: #ffffff;*/
    /*border-radius: 50%;*/
    /*display: inline-block;*/
    /*width: 1.5em;*/
    /*height: 1.5em;*/
    /*line-height: 1.2em;*/
/*}*/
/* ?アイコン */
/*.cp_qa dt::after {*/
    /*left: -2.5em;*/
    /*margin: 0 0.5em 0 0;*/
    /*padding: 0.2em 0.4em;*/
    /*content: '\f128';*/
    /*background: #f57c00;*/
/*}*/
/* !アイコン */
/*.cp_qa dd::after {*/
    /*right: -2.5em;*/
    /*margin: 0 0 0 0.5em;*/
    /*padding: 0.2em 0.55em;*/
    /*content: '\f12a';*/
    /*background: #0097a7;*/
/*}*/
.pic_review{
    position: absolute;
    top: 0;
    left:-60px;
    border-radius: 3px;
    display: inline-block;
    width: 50px;
    height: 50px;

}
.pic_coach{
    position: absolute;
    top: 0;
    right:-60px;
    border-radius: 3px;
    display: inline-block;
    width: 50px;
    height: 50px;

}
.pic_review img,.pic_coach img{
    border-radius: 5px;
}

.btn_report2{
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border-style: none;
    background: #ffe0b2;
}

/*********************************************************************/
/* 星評価入力 */

.cont{
    width: 100%;
    /*max-width: 350px;*/
    text-align: center;
    margin: 4% auto;
    padding: 30px 0;
    background: #111;
    color: #EEE;
    border-radius: 5px;
    border: thin solid #444;
    overflow: hidden;
}

hr{
    margin: 20px;
    border: none;
    border-bottom: thin solid rgba(255,255,255,.1);
}

div.stars{
    width: 200px;
    display: inline-block;
    padding:10px 10px;
}

input.star{
    display: none;
}

label.star {
    float: right;
    padding: 5px;
    font-size: 25px;
    color: #444;
    transition: all .2s;
}

input.star:checked ~ label.star:before {
    content:'\f005';
    color: #FD4;
    transition: all .25s;
}


input.star-5:checked ~ label.star:before {
    color:#FE7;
    text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before {
    color: #F62;
}

label.star:hover{
    transform: rotate(-15deg) scale(1.3);
}

label.star:before{
    content:'\f006';
    font-family: FontAwesome;
}

.rev-box{
    overflow: hidden;
    height: 0;
    width: 100%;
    transition: all .25s;
}

textarea.review{
    background: #222;
    border: none;
    width: 100%;
    max-width: 100%;
    height: 100px;
    padding: 10px;
    box-sizing: border-box;
    color: #EEE;
}

label.review{
    display: block;
    transition:opacity .25s;
}



input.star:checked ~ .rev-box{
    height: 125px;
    overflow: visible;
}






/*********************************************************************/
/* 星評価表示 */

.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.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"]: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 */