@charset "utf-8";
body{
    font-family: serif;
}
h1{
    font-family: sans-serif;
}
@keyframes movex1{
    from{top:263px;left:86px;}
    to{top:152px;left:64px;            }
}
.movex1{
    position:absolute;
    left:86px;
    top:263px;
    border-radius: 50%;
    animation:blink 2s ease 2s,movex1 2s ease 4s;
    animation-fill-mode: forwards;
}
@keyframes movex2{
    from{top:262px;left:163px;            }
    to{        top:152px;left:340px;            }
}
.movex2{
    position:absolute;
    left:163px;
    top:262px;
    border-radius: 50%;
    animation:blink 2s ease 2s,movex2 2s ease 4s;
    animation-fill-mode: forwards;
}
@keyframes shutugen{
    from{opacity:0;}
    to{opacity:1;    }
}
@keyframes ryoutankugiri{
    from{height: 0px;width: 226px;opacity:0;}
    to{height:91px;width: 226px;opacity:1}
}
.ryoutankugiri{
    animation-name: ryoutankugiri;
    animation-delay: 5s;
    animation-duration: 2s;
    animation-fill-mode: forwards;  
}
@keyframes nm2{
    from{top:345px;left:207px;            }
    to{  top:212px;left:65px;            }
}
@keyframes n18{
    from{top:370px;left:156px;            }
    to{  top:212px;left:336px;            }
}
.nm2{
    position:absolute;
    left:207px;
    top:345px;
    border-radius: 50%;
    animation:blink 2s ease 2s,nm2 2s ease 4s;
    animation-fill-mode: forwards;
}
.n18{
    position:absolute;
    left:156px;
    top:370px;
    border-radius: 50%;
    animation:blink 2s ease 2s,n18 2s ease 4s;
    animation-fill-mode: forwards;
}
@keyframes nakakugiri{
    from{height: 0px;width: 226px;opacity:0;}
    to{height:91px;width: 226px;opacity:1}
}
.nakakugiri{
    animation-name: nakakugiri;
    animation-delay: 6s;
    animation-duration: 6s;
    animation-fill-mode: forwards;  
}
@keyframes blink{
    0%{        opacity:1;        background-color: red;        font-size: x-large;    }
    25%{        background-color: yellow;        font-size: medium;    }
    50%{        background-color: red;        font-size: x-large;    }
    75%{        background-color: yellow;        font-size: medium;        }
    95%{        background-color: red;        font-size: x-large;    }
    100%{background-color: unset;        font-size: medium;        opacity:1;    }
}


#main{
    position: absolute;
    top:260px;
}
#sechyou{
    position: absolute;
    top:145px;
    /*z-index: 0;*/
}
#ryoutankugiri{
    position: absolute;
    top:0px;
    left:90px;
}
#nakakugiri{
    position: absolute;
    top:0px;
    left:90px;
    width:226px;
    overflow: hidden;
}
#next{
    position:absolute;
    z-index: 2;
}
#btnnext{
    opacity:0;
}

.shutugen{
    animation-name: shutugen;
    animation-fill-mode: forwards;
    animation-duration: 2s;

}
.svgstr{
    vertical-align: middle;
}
.op0{
    opacity:0;
}