@charset "UTF-8";
/* CSS Document */

Body{
background-color:#ccc1be;
font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
font-size:16px;
color:#451d16;
line-height:1.5;
}

img{
vertical-align: bottom;
position:relative;
}

main{
text-align: center;
margin:0 auto;
width:100%;

}

#wrapper{
width:100%;
margin:0 auto;
}

#ohisama{
margin-top:55%;
text-align:center;
mnargin:0 auto;
width:70%;
height:70%
}

#enter{
position: absolute;
z-index: 5;
left: 0;
  right: 0;
 margin:95% auto auto;
  width:20%;
height:auto;
}

#enter:hover{
opacity:0.6;
transition: 0.5s ease;
}

#mf{
position: fixed;
width:100%;
margin:0 auto;
}





#clo1{
width:25%;
height:25%;
}

#clo2{
width:25%;
height:25%;
margin: 0 0 0 auto;
float:right;
}

footer{
text-align: center;
font-size:10px;
}



@media screen and (min-width:700px) and ( max-width:1020px) {

#ohisama{
margin-top:40%;
text-align:center;
mnargin:0 auto;
width:70%;
height:70%
}

#enter{
position: absolute;
z-index: 5;
left: 0;
  right: 0;
 margin:80% auto auto;
  width:20%;
height:auto;
}

}

@media screen and (min-width:1020px) {

#ohisama{
width:600px;
height:auto;
margin-top:100px;
  justify-content: center;
  align-items: center;
}

#enter{
position: absolute;
z-index: 5;
left: 0;
  right: 0;
 margin:445px auto auto;
  width:200px;
height:auto;
}


}