@charset "utf-8";
/*--------------------------------------------
  login.css
  ログイン系の共通CSS
--------------------------------------------*/
@media screen and (min-width:641px) {
	form {
		margin: 0 2%;
	}
}

#loginInputGroup{
	width: 48%;
	float: left;
/*	background: -webkit-gradient(linear, left top, left bottom, from(rgba(254,223,0,0.1)), to(rgba(255,255,255,0))), #fff;
	background:-moz-linear-gradient(top, rgba(254,223,0,0.1), rgba(255,255,255,0));
	background:linear-gradient(to bottom, rgba(254,223,0,0.1), rgba(255,255,255,0));*/
	border: 1px solid #c9c7c3;
	background-color: #fdfaf5;
	padding: 30px;
	min-height: 714px;
	margin-bottom: 60px;
/*		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
}

#registerGroup{
	width: 48%;
    float: right;
}

#memberRegisterGroup,
#netMemberAddGroup,
#amazonPayLoginGroup{
	width: 100%;
	border: 1px solid #c9c7c3;
/*	background: -webkit-gradient(linear, left top, left bottom, from(rgba(100,172,0,0.1)), to(rgba(255,255,255,0))), #fff;
	background:-moz-linear-gradient(top, rgba(100,172,0,0.1), rgba(255,255,255,0));
	background:linear-gradient(to bottom, rgba(100,172,0,0.1), rgba(255,255,255,0));*/
	padding: 30px;
	min-height: 240px;
/*	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
	margin-bottom: 20px;
}

#loginIdThSurround {
	width: 180px;
}
#saveLoginId_label,
#memberReminderLink_link{
	display: inline-block;
	margin-top: 7px;
	font-size: 90%;
	float: right;
}


.loginInputTitle,
.memberRegisterTitle,
.netMemberAddTitle,
.amazonPayLoginTitle {
	font-weight: normal;
	font-size: 1.05em;
}

/*必須アイコン*/
@media screen and (max-width:768px) {
	.required:after, .required_condition:after {
		display: none;
	}
}


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

.loginInputTitle {	text-align: center;}

.loginInputTitle:before {
/*	font-family: "FontAwesome";*/
/*	content: "\f007"; /* 「ユーザー」アイコン */*/
	font-size: 100%;
	padding: 0 10px 2px 0;
	font-weight: normal;
	color: #ec8125;
	position: relative;
	top: 50%;
	left: 0;
	vertical-align: middle;
	display: inline-block;

}

#loginButton {
	background: #fff;
	border: 1px solid #644c1f;
	margin: 30px 0 0 0;
	color: #644c1f;
	width: 68%;
	padding: 10px 0;
	font-size: 140%;
}

#memberRegisterLink_link,
#netMemberAddButton_link {
	background-color: #a27f37;
	border: none;
	margin: 20px 0 0 0;
	color: #fff;
	width: 68%;
	padding: 10px 0;
	font-size: 140%;
}

#loginBox a#memberRegisterLink_link:link,
#loginBox a#netMemberAddButton_link:link{
	text-decoration: none;
	color: #fff;
}
#loginBox a#memberRegisterLink_link:visited,
#loginBox a#netMemberAddButton_link:visited{
	text-decoration: none;
	color: #fff;
}

/* ----- 新規会員登録 ----- */
.memberRegisterTitle {text-align: center;}
.memberRegisterTitle:before {
	/*font-family: "icomoon";*/
	/*content: "\e900";*/ /* 「初心者マーク」アイコン */
	content: url(../images/login/loginTitleIcon.png);
	font-size: 130%;
	padding: 0 16px 0 5px;
	font-weight: normal;
	color: #2fa700;
	position: relative;
	top: 50%;
	left: 0;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	margin: 0 0 -8px 0;
}

/* ----- ネット会員登録 ----- */
.netMemberAddTitle:before {
	font-family: "FontAwesome";
	font-size: 105%;
	padding: 0 10px 2px 0;
	font-weight: normal;
	color: #2fa700;
	position: relative;
	top: 50%;
	left: 0;
	vertical-align: middle;
	display: inline-block;
}

/* ----- login.css オリジナル ----- */
.divClear { clear: both;}
.forgottonMailaddress { font-size: 90%; float: right; padding: 5px 0 15px;}

#loginBox a:link{
	text-decoration: underline;
	color: #a27f37;
}
#loginBox a:visited{
	text-decoration: underline;
	color: #a27f37;
}
#loginBox a:hover{
	text-decoration: none;
}

#memberRegisterText {
	text-align: center;
	font-size: 110%;
}

#loginBox input[type="text"], #loginBox input[type="password"]  { width: 67%; float: right; margin-top: -30px;}
#loginBox .includeExplain01 { font-size: 95%; line-height: 160%; margin: 20px 0;}
#loginBox .includeExplain02 { font-size: 95%; line-height: 160%;}

#loginBox input[type="text"]:focus, #loginBox input[type="password"]:focus {
    outline: 2px solid #bfa77a; background-color: #f5eee0;
}


/* ----- common.cssを上書き ----- */
.level_h2 {
    font-size: 1.5em;
    border-bottom: none;
	color: #644c1f;
    margin: 0 0 30px;
    padding: 5px 0;
}

.contents {
    width: 1000px;
	}

.topGroupName {
    width: 1000px;
	}

.loginIdItemWrap,
.passwordItemWrap{display: table-row;}


@media screen and (min-width:769px) and ( max-width:999px) {
.contents {
    width: 100%;
	}

.topGroupName {
    width: 100%;
	}

#loginBox input[type="text"], #loginBox input[type="password"]  { width: 62%; float: right; margin-top: -30px;}
}

@media screen and (max-width: 768px) {
	#loginInputGroup{
		width:100%;
		float:none;
		min-height:auto;
		padding:10px;
		margin-bottom: 30px;
	}
	#registerGroup
	{
		width:100%;
		float:none;
		min-height:auto;
		margin-top:10px;
	}
	#memberRegisterGroup,
	#netMemberAddGroup,
	#amazonPayLoginGroup
	{
		width:100%;
		float:none;
		min-height:auto;
		padding: 35px 10px 0;
		margin:10px 0 0 0;
	}

	#memberRegisterGroup {margin:10px 0 70px 0;}

	.contents {
    width: 100%;
	}

	.topGroupName {
    width: 100%!important;
	}

	.loginIdItemWrap,
	.passwordItemWrap{display: block;}

	#loginIdThSurround { width: 33%; font-size: 80%;}
	#passwordThSurround { width: 33%; }

	#loginIdItemWrap label {font-size: 80%;}

	#loginBox .includeExplain01 { font-size: 75%; line-height: 160%;}
	#loginBox .includeExplain02 { font-size: 80%; line-height: 160%; margin-top: -10px;}

	#loginInputTitle_innerId { margin: 0 0 5px 0; }

	#loginBox .loginIdItemWrap input[type="email"], #loginBox input[type="password"]  { width: 70%; margin-top: -28px;}

	.forgottonMailaddress { display: inline-block; font-size: 80%; float: none; padding: 5px 0 20px;}

	#saveLoginId_label,
	#memberReminderLink_link, .password_itemLabel {
	display: inline-block;
	margin-top: 7px;
	font-size: 80%;
	float: none;
}

	#loginButton {
	background: #fff;
	border: 1px solid #644c1f;
	margin: 15px 0 0 0;
	color: #644c1f;
	width: 64%;
	padding: 2px 0;
	font-size: 110%;
}

	#memberRegisterText {
	padding: 20px 0 15px;
	text-align: center;
	font-size: 85%;
	}

	#memberRegisterLink_link {
	background-color: #a27f37;
	border: none;
	margin: 0 0 10px 0;
	color: #fff;
	width: 68%;
	padding: 5px 0;
	font-size: 110%;
}


	.level_h2 {
    font-size: 1.3em;
    border-bottom: none;
	color: #644c1f;
    margin: -20px 0 20px;
    padding: 5px;


}