/* -------------------------------
 * 
 * KyusyuStage
 * 
 * 
-------------------------------  */
header{
	width: 100%;
	padding: 50px 0;
}

header h1 img{
	width: 550px;
}


main{
  width: 570px;
  margin: 0 auto;
  border: solid 4px #466C99;
}

main form{
  display: block;
  padding: 50px;
}

.login-input{
  display: flex;
  align-items: center;
}

.login-input input{
  width: 100%;
  font-size: 2.0rem;
  padding: 10px;
}

.login-input + .login-input{
  margin-top: 20px;
}

.login-input p:first-child{
  width: 110px;
}

.login-input p + p{
  flex: 1;
}

.login-btn{
  width: 320px;
  margin: 0 auto;
}

.login-btn .btn{
  width: 100%;
  margin: 40px auto 0;
}

.messe-error{
  color: #f00;
  font-size: 1.6rem;
  padding-bottom: 30px;
  text-align: center;
}



/*
 * print styles
-------------  */



/*ブラウザ幅が1024px以下になったら{}内のCSSにしてね*/
@media screen and (max-width: 1024px) {	
	
	

}


@media screen and (max-width: 480px) {	/* 480px以下に適用されるCSS（スマホ用） */
	
	header h1 img{
		width: 90%;
	}

	main{
	  width: 90%;
	}

	main form{
	  padding: 20px;
	}

	.login-input input{
	  width: 100%;
	  font-size: 2.0rem;
	  padding: 10px;
	}

	.login-input + .login-input{
	  margin-top: 20px;
	}

	.login-input p:first-child{
	  width: 75px;
	}

	.login-btn{
	  width: 80%;
	}

	.login-btn .btn{
	  margin: 20px auto 0;
	}

	.messe-error{
	  font-size: 1.2rem;
	  padding-bottom: 20px;
	}


}