@charset "utf-8";

html {
    overflow-x:hidden;
}

/* 共通部 */
body {
	background-color:#f0f0f0;margin:0px;text-align:center;color:#000; overflow-x:hidden;
	/* font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; */
	font-family:"BIZ UDPGothic";
	line-height:1.4;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-size:18px;
}
header {
    padding:20px 10px; width: 100%; box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 10%); background-color:#0488cc;
    font-size:22px; color:#fff; margin:0px auto; text-align:center; font-weight:normal;
}
h2 {
	background-color: lightblue; margin: 5px auto 20px auto; padding: 20px; text-align: left;
	font-weight:normal; line-height:22px; 
}

#contents {
    width:100%;
    background-color:#fff;
    padding:3% 0px;
    flex: 1;
}

.login-div {
    width: 80%;
    margin: 0px auto;
	text-align:left;
}
#color-red {
	color:red;
}
#mes
#message1 {
	margin:5px 0px;
}
#message2 {
	margin:5px 0px;
}
#message2 ol{
	border:1px solid grey;
}
#message3 {
	margin:5px 0px;
}
#message4 {
	margin:5px 0px;
}

#input-form {
	margin:5px 0px;
	text-align:center;
}


.login-input-text {
	margin: 5px 0px;
	padding: 3px;
	width: 80%;
	height: 35px;
	font-size: 18px;
	max-width: 300px;
	text-align: center;
}

#login-button-div {
    display: flex;
    justify-content: center;
}


#login-button {
	padding:0px 0px; width:170px; height:45px; line-height:50px;
	color: #000; background-color: #ccc; border:0px solid #999; 
    background-color:#0488cc; color:#fff; cursor:pointer;  margin: 0px 5px 15px 5px; font-size:16px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2); border-radius:3px;
}



#login-error {
	color: red;
}


footer {
    border:0px solid #ccc; 
    background-color:#000;
    color:#fff;
    padding:20px 0px 20px 0px;
    background-color:#ccc;
    color:#666;
}



@media (max-width:640px) {
	body {
		font-size:14px;
	}
	header h1 {
	    font-size:16px; color:#fff;  margin:0px auto; text-align:center; font-weight:normal;
	}
	.login-input-text {	
		font-size:14px;
	}
	#complete {
		font-size:18px;
	}

}