body {
    background-color: #95b818;
    color: #fff;
}

.chara_container {
    color: #336810;
}

.chara_details>div {
    border-bottom: solid 1px #336810;
}

@media screen and (max-width:767px) {

    .chara_details {
        background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, #336810 20%, #336810 100%);
        padding: 24px;
        padding-top: 40px;
    }
}

.hachiware::before {
    background-image: url(../assets/face/hachiware.png);
}

.kotowo::before {
    background-image: url(../assets/face/kotowo.png);
}

.sumika::before {
    background-image: url(../assets/face/sumika.png);
}

.mio::before {
    background-image: url(../assets/face/mio.png);
}

.kururu::before {
    background-image: url(../assets/face/kururu.png);
}

.kou::before {
    background-image: url(../assets/face/kou.png);
}

.michinaga::before {
    background-image: url(../assets/face/michinaga.png);
}

.tsudurene::before {
    background-image: url(../assets/face/tsudurene.png);
}

.touma::before {
    background-image: url(../assets/face/touma.png);
}