@charset "utf-8";

/**************************************************************************************
ログイン
--------------------------------------------------------------------------------------

***************************************************************************************/

body {
	min-height:1vh;
}


/* ログインフォーム
========================================== */

.loginForm {
	width:460px;
	margin:20px auto;
	display:block;
	padding:40px;
	background:rgba(255, 255, 255, 0.9);
	border-radius:5px;
}
.loginForm > p {
	font-size:14px;
	color:#737373;
}
.loginForm ul {
	margin-top:20px;
}
.loginForm ul li {}
.loginForm ul li + li {
	margin-top:20px;
}
.loginForm ul li input {
	width:100%;
	font-size:14px;
}
.loginForm button {
	margin-top:40px;
}
.loginForm .error {
	font-size:12px;
	padding:10px;
}
.loginForm.mailError {
}
.loginForm.mailError em {
	font-weight: bold;
	color:#737373;
}
.loginForm.mailError .txtTel {
	font-weight: bold;
	color:#737373;
}
.loginForm.mailError  .txtTel {
	margin-top:20px;
	border-top:1px solid rgba(0, 0, 0, 0.5);
	padding-top:20px;
}
.loginForm.mailError .txtTel a {
	font-size:25px;
	font-weight:bold;
	display:block;
	color:#737373;
}
.loginForm.mailError small {
	display:block;
	font-size:14px;
	margin-top:10px;
}

@media screen and (max-width:767px) {
	.loginForm {
		width:90%;
		padding:15px;
	}
	.loginForm > p {
		font-size:14px;
	}
	.loginForm > p br {
		display:none;
	}
	.loginForm button {
		margin-top:20px;
	}
	.loginForm .error {
		font-size:12px;
		padding:10px 0;
	}
	.loginForm.mailError .txtTel a {
		font-size:16px;
	}
	.loginForm.mailError em {
		font-size:14px;
	}
	.loginForm.mailError .txtTel small {
		font-size:12px;
	}
}
/* ポップアップ
========================================== */

.popup {
	max-width:960px;
	width:100%;
	margin:0 auto;
	padding:40px;
}
@media screen and (max-width:767px) {
	.popup {
		width:100%;
		padding:40px 30px;
		box-sizing:border-box;
	}
}

/* ログインフォーム
========================================== */

#login01 {
	background:#f1f1f5;
	padding-bottom:80px;
}

#login02 {}

/* メンテナンス
========================================== */

.maintenance {
	background:#fff;
	padding-bottom:60px;
}
.maintenance > dl {
	padding:30px 0;
	border-bottom:none;}
.maintenance > dl > dt {
	text-align:center;
	font-size:20px;
}
.maintenance > dl > dd {
	text-align:center;
	margin-top:20px;
	font-size:16px;
}
.maintenance > dl dd em {
	font-weight:bold;
}
.maintenance > dl dd p {
	margin-top:30px;
	text-align:center;
	font-size:16px;
}
@media screen and (max-width:767px) {
	.maintenance {
		padding:15px;
	}
	.maintenance > dl {
	}
	.maintenance > dl dt {
	}
	.maintenance > dl dd {
		text-align:left;
	}
	.maintenance > dl dd em {
		font-size:16px;
		font-weight:bold;
	}
	.maintenance > dl dd p {
		text-align:left;
	}
}
.maintenance .reserve {
	max-width:640px;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding:20px 30px;
}
.maintenance .reserve p.titSyorui {
	font-weight:bold;
	text-align:center;
	font-size:18px;
}
.maintenance .reserve dl {
	padding:0 0 10px 0;
	border-bottom:none;
}
.maintenance .reserve dl dt {
	font-size:16px;
}
.maintenance .reserve dl dd {
	margin-top:10px;
	font-size:16px;
}
.maintenance .reserve ul {
	font-size:16px;
}
.maintenance .reserve ul li {
	padding-left:1em;
	text-indent:-1em;
}
.maintenance .reserve ul li + li {
	margin-top:5px;
}
.maintenance .reserve .txtTel {
	margin-top:20px;
	font-size:16px;
	border-top:1px solid #ccc;
	padding-top:20px;
}
@media screen and (max-width:767px) {
	.maintenance .reserve {
		padding:15px;
	}
	.maintenance .reserve p.titSyorui {
	}
	.maintenance .reserve dl {
	}
	.maintenance .reserve dl dt {
	}
	.maintenance .reserve dl dd {
	}
	.maintenance .reserve ul {
	}
	.maintenance .reserve ul li {
	}
	.maintenance .reserve ul li + li {
	}
	.maintenance .reserve .txtTel {
	}
	.maintenance .reserve .txtTel a {
		color:#0259A9;
		text-decoration: underline;
	}
}