.rate_icon{
    max-width:100%;
    cursor: pointer;              /* カーソル形状 */
}

.rate_icon.confirm{
    cursor:default;
}

.desvg path{
    fill-opacity:0.5;
}
/* ラジオボタンの○を消す */
.radioBtn {
   display: none;
}


/*にこちゃんアイコンホバー時に色を変える*/
.radioA:hover + label .desvg path {
    fill:#ec6969;
    fill-opacity:1.5;
}

.radioB:hover + label .desvg path {
    fill: #efa961;
    fill-opacity:1.5;
}

.radioC:hover + label .desvg path{
    fill: #a9dce4;
    fill-opacity:2;
}

/*にこちゃんアイコンクリック時に色を変える*/
.radioA:checked + label .desvg path {
    fill:#ec6969;
    fill-opacity:1.5;
}
.radioB:checked + label .desvg path {
    fill: #efa961;
    fill-opacity:1.5;
}

.radioC:checked + label .desvg path {
    fill: #a9dce4;
    fill-opacity:2;
}

/*確認画面で*/
.button_a.applied.desvg path{
    fill:#ec6969;
    fill-opacity:1.5;

}

.button_b.applied.desvg path{
    fill: #efa961;
    fill-opacity:1.5;
}

.button_c.applied.desvg path{
    fill: #a9dce4;
    fill-opacity:2;
}