body{
    background-image: url(../img_story2/background.white.png);

    background-size: 100vw;
    color:white;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 13px;
}

.skip{
    width: 20vw;
    position: absolute;
    top:10vw;
    right:8vw;
}

.place{
    width:80vw;
    position: absolute;
    top:19vw;
    left:10vw;
    z-index: 10;
}

.bomb{
    width:40vw;
    position: absolute;
    top:86vw;
    left:30vw;
    z-index: 20;
}


.back{
    width:2vw;
    position: absolute;
    top:150vw;
    left:8vw;
}

.next{
    width:2vw;
    position: absolute;
    top:150vw;
    right:8vw;
}

.textBox{
    width:90vw;
    margin: 5vw auto;
}

.textBoxImg{
    width:90vw;
}

.text1{
    width:90vw;
    text-align: center;
    transform:translate(3vw,-28vw);

}

.parent{
    position: relative;
    top:127vw;
}

.text2{
    width:90vw;
    text-align: center;
    transform:translate(3vw,-30vw);

}

.text3{
    width:90vw;
    text-align: center;
    transform:translate(3vw,-29vw);

}

.special1{
    width:70vw;
    transform:translate(14vw,-31vw);

}

.special2{
    font-size: 18px;
    font-weight:bold;
    width:35vw;
    transform:translate(58vw,-38vw);

}

.special3{
    width:18vw;
    transform:translate(77vw,-44vw);
}

.special4{
    width:50vw;
    transform:translate(42vw,-44vw);

}




.text4{
    width:90vw;
    text-align: center;
    transform:translate(3vw,-33vw);
}

.text5{
    width:90vw;
    text-align: center;
    transform:translate(3vw,-32vw);
}

.text6{
    width:90vw;
    text-align: center;
    transform:translate(3vw,-31vw);
}

.clickBack{
    display: inline-block;
    width: 44vw;
    height:36vw;



    position: absolute;
    left:5vw;
    top:133vw;

    z-index: 10;
}

.clickNext{
    display: inline-block;
    
    width: 44vw;
    height:36vw;

    position: absolute;
    right:5vw;
    top:133vw;

    z-index: 10;
    
}