*{
margin:0;
padding:0;
}


body{
	background-image:url("../img/sky1.jpg");
	background-repeat:no-repeat;
	background-size:cover;
}
#wrapper{
	background:;
	width:100%;
	margin:auto;
	min-height:100vh;
	position:relative;
	padding-bottom:;
	overflow:hidden;
}

header{
	background-color:rgba(255,255,255,0.7);
	text-align:center;
	height:5rem
}
h1{
	line-height:80px;
	font-size:2rem;
}

#content{
position:auto;
min-height:50vh;
padding-bottom:10%;
padding-top:4%;
}


#box{
margin:auto;
border-radius:10px;
background-color:rgba(255,255,255,0.5);
width:450px;
height:450px;
}

p.lost{
text-align:center;
padding:0.5rem;
}

p.err{
text-align:center;
}

.send{
 margin:1rem;
}
.sumnail1{
	width:70%;
	margin:auto;
	display:block;
	padding-top:1rem;
}

footer{
width:100%;
height:5rem;
background:gray;
position:absolute;
bottom:0;
}

footer p{
	text-align:center;
	line-height:4rem;
	color:#fff;
}


/*iosでのボタンcssリセット*/

input[type="submit"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration{
  display: none;
}

input[type="submit"]::focus{
outline-offset: -2px;
}

/*ここまで*/



.login{
width:80%;
height:2rem;
box-shadow:3px 3px #555;
background-color:skyblue;
border:none;
display:block;
margin:auto;
}

#button2{
width:80%;
height:2rem;
box-shadow:3px 3px #555;
background-color:red;
border:none;
display:block;
margin:auto;
}

#box2{
display:none;
}

#regist{
margin:auto;
}

#table{
margin:auto;
}

.send2{
width:80%;
height:2rem;
box-shadow:3px 3px #555;
background-color:yellow;
border:none;
display:block;
margin:auto;
}



@media screen and (min-width: 480px) and (max-width:1000px){

	#content{
	min-height:50vh;
	padding-bottom:20%;
	padding-top:6%;
	}


#post{
	margin:5% auto;
	text-align:center;
	padding:auto 4rem;
	border-radius:10px;
	background-color:rgba(255,255,255,0.5);
	width:90vw;
}
}

@media screen and (max-width: 480px){

#content{
min-height:50vh;
padding-bottom:20%;
padding-top:6%;
}




#box{
	margin:auto;
	text-align:center;
	padding:1rem;
	border-radius:10px;
	padding-top:;
	background-color:rgba(255,255,255,0.5);
	width:80vw;
	height:50%;
}
	

}