@charset "utf-8";

/* login
-------------------------------------------------- */
/* タイトル */
h2{
	font-weight:300;
	text-align:center;
	margin-bottom:20px;
}
h2 span{
	display:inline-block;
	border-bottom:2px solid #d90013;
	padding-bottom:5px;
	font-size:2.6rem;
}

.login .login-inner p{
	line-height:125%;
}

/* ログイン */
.login .member-login{
	padding:15px 15px 30px 15px;
}
.login .member-login .formarea{
	margin-top:15px;
	padding:15px;
	background:#f0f0f0;
}
.login .member-login dl{
	width:100%;
	margin-bottom:15px;
}
.login .member-login dl dd input{
	margin-top:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	font-family:'Noto Sans JP', sans-serif;
	padding:3px 5px;
}
.login .member-login .btn-login{
	display:inline-block;
	min-width:16rem;
	border:0;
	cursor:pointer;
	color:#ffffff;
	padding:8px 25px;
	font-family:'Noto Sans JP', sans-serif;
	font-weight:400;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#d90013;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.login .member-login .error{
	margin-top:15px;
	color:#d90013;
}
.login .member-login .forget-pass{
	margin-top:15px;
}
.login .member-login .forget-pass::before{
	content:'？';
	display:inline-block;
	background:#d90013;
	color:#ffffff;
	width:1.9rem;
	height:1.9rem;
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;	
	margin-right:3px;
}
.login .member-login .forget-pass a{
	color:#d90013;
	text-decoration:underline;
}

/* 新規会員登録 */
.login .login-inner .entry{
	background:#f5f5f5;
	padding:30px 15px;
}
.login .login-inner .entry .btn-entry{
	margin:15px 0;
	text-align:center;
}
.login .login-inner .entry .btn-entry a{
	display:inline-block;
	color:#ffffff;
	padding:8px 25px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#d90013;	
	min-width:16rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {


	/* login
	++++++++++++++++++++++++++++++++++++++++++++++ */
	.login .login-inner p{
		line-height:150%;
	}

	/* ログイン */
	.login .login-inner{
		max-width:900px;
		padding:40px 0 60px 0;
		margin:0 auto;
	}
	.login .member-login{
		float:left;
		width:42%;
		padding:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.login .member-login .formarea{
		padding:30px;
	}
	.login .member-login .forget-pass::before{
		width:24px;
		height:24px;
	}

	/* 新規会員登録 */
	.login .login-inner .entry{
		float:right;
		width:42%;
		background:#ffffff;
		padding:0;
	}
	.login .login-inner .entry .btn-entry{
		background:#f0f0f0;
		padding:30px;
	}
}