@charset "utf-8";

.head-img {
    width: 95vw;
    margin: 0 auto 0;
}

.title-rogo {
    width: 40vw;
    position: absolute;
}

.charactors {
    width: 95vw;
}

.charas-info {
    line-height: 1.4;
    margin: -3vw 0 0;
}

.charactor {
    width: 100vw;
    margin: 0 auto 0;
}

.white-bale {
    background-color: rgba(255, 255, 255, .8);
}

.model img {
    height: 50vw;
    margin-left: 10vw;
}

h1 {
    font-size: 7vw;
    font-family: 'hiraginokakugoW7';
    margin: 0vw 10vw 1vw;
}

.chara-prof {
    padding: 0 5vw 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    text-shadow:
        #eee .1vw .1vw 0,
        #eee -.1vw .1vw 0,
        #eee .1vw -.1vw 0,
        #eee -.1vw -.1vw 0,
        #eee .1vw 0 0,
        #eee -.1vw 0 0,
        #eee 0 .1vw 0,
        #eee 0 -.1vw 0;
}

.chara-voice {
    font-size: 4.5vw;
    margin: 1vw;
    font-weight: bold;
}

.h2-info {
    font-size: 5vw;
    line-height: 1.1;
    margin: 0;
    padding: 0 .5em 0;
    font-family: 'hiraginokakugoW7';
}

.h3-info {
    margin: 0;
    text-indent: 1em;
    font-size: 3.3vw;
    padding: 1em;
}

h3 {
    font-size: 3vw;
    margin: 0;
    font-weight: normal;
    text-indent: 1em;
}

.model {
    background-repeat: no-repeat;
    background-blend-mode: color-burn;
}

.model-01 {
    background-size: 150vw;
    background-position: 0vw -10vw;
    background-image: url(img/02_01_img/01_01.png);
    margin-top: -8vw;
}

.model-02 {
    background-size: 110vw;
    background-position: 10vw 10vw;
    background-image: url(img/02_01_img/02_01.png);
    margin-top: -5vw;
}

.model-03 {
    background-size: 90vw;
    background-position: 10vw 10vw;
    background-image: url(img/02_01_img/03_01.png);
    margin-top: -8vw;
}

.model-04 {
    background-size: 80vw;
    background-position: 20vw 10vw;
    background-image: url(img/02_01_img/04_01.png);
    margin-top: -8vw;
}

.model-05 {
    background-size: 120vw;
    background-position: -5vw 5vw;
    background-image: url(img/02_01_img/05_01.png);
    margin-bottom: 10vw;
}

.bottom-line {
    height: 2vw;
    width: 90vw;
    background-color: rgba(230, 100, 230, 1);
    margin: 5vw auto 0;
    border-radius: 1vw;
    z-index: 2;
}

.line5 {
    background-color: rgba(230, 150, 230, .4);
}