@charset "utf-8";
/*********************************************************************
 *
 *  For 会員-ログイン
 *
*********************************************************************/

@media print, screen and (min-width: 768px) {

/* mv */
/* --------------------------------------------------------------------------- */
#mv {
	padding-top: 75px;
	margin-bottom: 75px;
}
#mv h2 {
	font-size: 3.2rem;
	line-height: 1;
	font-weight: bold;
	text-align: center;
}
#mv h2::after {
	content: "";
	display: block;
	margin: 50px auto 0;
    width: 120px;
    height: 1px;
    background: #000;
}

/* login */
/* --------------------------------------------------------------------------- */
#login {	
}
#login .inner {
	width: 860px;
}
#login h4 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	border-bottom: 1px solid #000;
}
/* boxForm */
#login .boxForm {
	float: left;
	width: 400px;
}
#login .boxForm .form  {
	box-sizing: border-box;
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #e5e5e5;
}
#login .boxForm .form th {
	padding: 10px;
	min-width: 100px;
	vertical-align: top;
	text-align: center;
	line-height: 32px;
	white-space: nowrap;
	background-color: #f7f7f7;
	border-bottom: 1px solid #e5e5e5;
	border-right:1px solid #e5e5e5; 
}
#login .boxForm .form td {
	padding: 10px;
	vertical-align: top;
	text-align: left;
	line-height: 32px;
	border-bottom: 1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;;
}
#login .boxForm .form input[type=text], #login .boxForm .form input[type=password] {
	padding: 5px;
	margin:0 10px 0 0;
	background-color: #FFF;
	border: 1px solid #4b4b4b;
	-webkit-appearance: none;
	border-radius: 0;
}
#login .boxForm .btnLogin {
	display: block;
	margin: 0 auto 10px;
	width: 80%;
	color:#FFF;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 95px;
	text-decoration: none;
	border-radius: 4px;
	border: none;
	background-color:#96101a;
	cursor:pointer;
	outline:none;
}
#login .boxForm .policy {
	margin-bottom: 10px;
	font-size: 1.2rem;
	text-align: center;
}
#login .boxForm .note {
	font-size: 1.2rem;
	text-align: center;
}
#login .error {
	margin-bottom: 5px;
	color: #96101a;
	text-align: center;
}
/* boxRegister */
#login .boxRegister {
	float: right;
	width: 400px;
}
#login .boxRegister .box {
	box-sizing: border-box;
	padding: 40px 10px 0;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	height: 280px;
}
#login .boxRegister .desc {
	margin: 0 10px 40px;
	font-size: 1.6rem;
}
#login .boxRegister .btnRegister {
	box-sizing: border-box;
	display: block;
	padding-top: 20px;
	margin: 0 auto;
	width: 80%;
	height: 95px;
	color: #FFF;
	font-size: 2.4rem;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	background-color: #96101a;
	border-radius: 6px;
}
#login .boxRegister .btnRegister span {
	display: block;
	margin-bottom: 10px;
	font-size: 1.6rem;
}
/* boxLogout */
#login .boxLogout {
}
#login .boxLogout .desc {
	margin-bottom:20px;
	text-align: center;
}
#login .boxLogout .btnLogout {
	display: block;
	margin: 0 auto;
	width: 350px;
	color:#FFF;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 95px;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	border: none;
	background-color:#96101a;
	cursor:pointer;
	outline:none;
}

}/* min-width: 768px */

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

/* mv */
/* --------------------------------------------------------------------------- */
#mv {
	padding-top: 25px;
	margin-bottom: 25px;
}
#mv h2 {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
#mv h2::after {
	content: "";
	display: block;
	margin: 20px auto 0;
    width: 60px;
    height: 1px;
    background: #000;
}

/* login */
/* --------------------------------------------------------------------------- */
#login {	
}
#login .inner {
	margin: 0 5%;
}
#login h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	border-bottom: 1px solid #000;
}
/* boxForm */
#login .boxForm {
	margin-bottom: 50px;
}
#login .boxForm .form  {
	box-sizing: border-box;
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #e5e5e5;
}
#login .boxForm .form th {
	display: block;
	padding: 10px;
	min-width: 100px;
	white-space: nowrap;
	background-color: #f7f7f7;
	border-bottom: 1px solid #e5e5e5;
	border-right:1px solid #e5e5e5; 
}
#login .boxForm .form td {
	display: block;
	padding: 10px;
	line-height: 32px;
	border-bottom: 1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;;
}
#login .boxForm .form input[type=text], #login .boxForm .form input[type=password] {
	padding: 5px;
	width: 90%;
	background-color: #FFF;
	border: 1px solid #4b4b4b;
	-webkit-appearance: none;
	border-radius: 0;
}
#login .boxForm .btnLogin {
	display: block;
	margin: 0 auto 10px;
	width: 80%;
	color:#FFF;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 60px;
	text-decoration: none;
	border-radius: 4px;
	border: none;
	background-color:#96101a;
	cursor:pointer;
	outline:none;
}
#login .boxForm .policy {
	margin-bottom: 10px;
	font-size: 1.2rem;
}
#login .boxForm .note {
	font-size: 1.2rem;
}
#login .error {
	margin-bottom: 5px;
	color: #96101a;
	font-size: 1.2rem;
	text-align: center;
}
/* boxRegister */
#login .boxRegister {
}
#login .boxRegister .box {
	box-sizing: border-box;
	padding: 10px;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
}
#login .boxRegister .desc {
	margin-bottom: 20px;
	font-size: 1.2rem;
}
#login .boxRegister .btnRegister {
	box-sizing: border-box;
	display: block;
	padding: 20px 0 20px;
	margin: 0 auto;
	width: 80%;
	color: #FFF;
	font-size: 1.8rem;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	background-color: #96101a;
	border-radius: 6px;
}
#login .boxRegister .btnRegister span {
	display: block;
	margin-bottom: 10px;
	font-size: 1.4rem;
}
/* boxLogout */
#login .boxLogout {
}
#login .boxLogout .desc {
	margin-bottom:20px;
	font-size: 1.2rem;
}
#login .boxLogout .btnLogout {
	display: block;
	margin: 0 auto 10px;
	width: 80%;
	color:#FFF;
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
	line-height: 60px;
	text-decoration: none;
	border-radius: 4px;
	border: none;
	background-color:#96101a;
	cursor:pointer;
	outline:none;
}




}/* min-width: 768px */