@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;}
img{vertical-align:top;border:0;}
a img{border:0;}table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;}
html{box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/*common*/
html{height:100%; overflow-x: hidden;}
body{
  display: none;
  font-family:"Noto Sans JP",sans-serif,"Hiragino Kaku Gothic Pro","Meiryo","MS PGothic";
  text-align:center;
  position: relative;
  background:#4f6b17;
  width:100%;
  min-height: 100vh;
  position: relative;
  z-index: 0;
}
a{text-decoration:none;outline:none;color:#dfdfdf;}
a:focus,*:focus{outline:none;}
img{vertical-align:top;line-height:0;font-size:0; width: 100%; height: inherit;}
a:hover{cursor: pointer; color: #fff;}

/*contents*/
#wrapCol{
  background-image: url(../images/bg.png);
  background-size: cover;
  padding: 0 0 5% 0;
}
header {width: 80%; margin: auto;}

#noteCol {width: 80%; margin: 0 auto;}
#noteCol a{color: #fff; margin: 0 auto 5% auto; display: block; background: #4f6b17; width:100%; border-radius: 20px; padding: 0.5em;}
#noteCol a:hover{color: #fff;background: #000;}

#oldresult{display:none; }

.resultanimation{
  display: block;
  position: absolute;
  background: #fdfdfd;
  height: 100vh;
  width:100%;
  z-index: 99996;
  top:0;
  left: 0;
}
.notice{font-size: 70%;}
#resultbox{display:none;}
#mowgli{display: none; width: 300px; height:auto;position: absolute; margin: 0 0 0 -150px;}
#envelope{display: none; width: 300px; height:auto;position: absolute;top:40%; margin: 0 0 0 -150px;}
#envelope2{display: none; width: 300px; height:auto;position: absolute;top:30%; margin: 0 0 0 -150px;}

article{width:80%;display:block;margin:auto;}
footer{color: #fff; text-align:center; font-size: 70%; padding:0 2em 2em;}
footer p{padding-top:2em;}