body{
    background-image: url('./slice/syoukai.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
    width:100vw;
    margin:0;
}

#morning{
    background-image: url('./slice/01.3.svg');
}

#question6gogo{
    background-image:url('./slice/yakei.png');
}

#gameoverhaikei{
    background-size: cover;
    height: 100vh;
    background-image: url('./slice/gameover.svg'),url('./slice/1arokuichi.svg'),url('./slice/2haikei.svg');
}

#gameover1{
    background-image: url('./slice/gameover.svg'),url('./slice/4rokuichi.svg'),url('./slice/1ahaikei.svg');
}

#gameover3{
    background-image:url('./slice/gameover.svg'),url('./slice/rokuichigoo.svg'),url('./slice/3haikei.svg'); ;
}

#gameover4{
    background-image:url('./slice/gameover.svg'),url('./slice/rokuichihoo.svg'),url('./slice/1ahaikei.svg'); 
}

#gameover5{
    background-image:url('./slice/gameover.svg'),url('./slice/4rokuichi.svg'),url('./slice/5haikei.svg'); 
}

#gameover6{
    background-image:url('./slice/gameover.svg'),url('./slice/1arokuichi.svg'),url('./slice/6haikei.svg'); 
}

#kokuhakugo{
    background-image:url('./slice/4rokuichi.svg'),url('./slice/6ahaikei.svg');
}

#owari{
    background-image: url('./slice/gameover.svg'),url('./slice/4rokuichi.svg'),url('./slice/6ahaikei.svg');
}

#heartsan{
   padding-top: 18vh;
}

#owaritugihe{
    padding-top: 18vh;
   
}

#titlehe{
    width:50vw;
    left: 0vw;
}

#kokuhakugoo{
padding-top: 3vh;
}




.clear{
    width: 90vw;
    padding-top: 53vh;
    padding-left: 10vw;
}

.syoukaihako{
    height: 50vh;
    width:100vw;
    padding-top: 37vh;
}
.syoukaibun{
    font-family:Droid Arial, Helvetica, sans-serif;
    font-size: 6vw;
    color: white;
    width:100vw;  
    margin-top: 0vh;
    font-weight: bold;
      
}


.nextbutton{
    position: relative;
    width:50vw;
    padding-top: 15vh;
    margin: auto;
    display: block;
}


#kokuhaku{
    padding-top: 75vh;
}

#overr{

    padding-top: 5vh;
}

#overrr{
    font-family:Arial, Helvetica, sans-serif;
    margin-top:5.3%;
    width:50vw;
    left:0.7vw;
}

.next{
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:white;
    font-size: 5vw;
    position: absolute;
    margin-top:5%;
    left:20vw;
}

#kokuhakunomae{
    margin-top:5.3%;
}
p{

    text-align: center;
}

#morningbun{
    
    color: black;
   
}

.over{
    display:block;
    padding-top: 46vh;
    margin-inline: 8vw;
}

#yarinaoshi{
    display: block;
    padding-top: 20vh;
}

@media (min-width: 1280px){
    .nextbutton{
        width:35vw;
    }

    .next{
        font-size: 4vw;
        left:13.5vw;
    }
}