body{
    background-image: url(../img_story1/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{
    font-size: 18px;
    font-weight:bold;
    width:90vw;
    text-align: center;
    transform:translate(-18vw,-31vw);

}

.special2{
    width:90vw;
    transform:translate(33vw,-37vw);

}

.special3{
    width:90vw;
    transform:translate(32vw,-36vw);

}

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

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

.text6{
    width:90vw;
    text-align: center;
    transform:translate(4vw,-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;
    
}