@charset "utf-8";
/*--------------------------------------------
  ログイン系の共通CSS
--------------------------------------------*/
#loginInputGroup{
	width: 59%;
	float: left;
	border:1px solid #bebebe;
	padding: 33px 33px;
	min-height: 470px;
	border-radius: 6px;
}
#loginInputGroup,
#memberRegisterGroup,
#netMemberAddGroup,
#amazonPayLoginGroup {
	width: calc(50% - 10px);
	border: 1px solid #bebebe;
	border-radius: 6px;
	padding: 30px;
	box-sizing: border-box;
	margin-top: 20px;
}
#flexGroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#registerGroup {
	width: 39%;
	float: right;
}
div#keepLoginDispButtonItemWrap {
	position: relative;
	line-height: 1;
	display: block;
	text-align: center;
}
#loginIdThSurround {
	width: 190px;
}
#saveLoginId_label,
#memberReminderLink_link{
	display: inline-block;
	margin-top: 10px;
}
.loginButtonGroup [class*="memberReminderLink"] {
	margin-top: 5px;
}

@media screen and (max-width: 641px) {
	#loginInputGroup {
		width: 100%;
		float: none;
		min-height: auto;
	}
	#registerGroup,
	#memberRegisterGroup,
	#netMemberAddGroup,
	#amazonPayLoginGroup {
		width: 100%;
		float: none;
		min-height: auto;
		margin-top: 10px;
	}
	#loginIdThSurround,
	#loginIdTdSurround{
		width: 100%;
	}
}

/* ----- ログイン ----- */
.loginInputTitle:before {
	font-family: "Font Awesome 5 Free";
	font-size: 132%;
	padding: 0 10px 2px 0;
	font-weight: bold;
	color: #ec8125;
	position: relative;
	top: 50%;
	left: 0;
	vertical-align: middle;
	display: inline-block;
}

/* ----- 新規会員登録 ----- */
.memberRegisterTitle:before {
	font-family: "icomoon";
	font-size: 130%;
	padding: 0 6px 2px 0;
	font-weight: normal;
	color: #2fa700;
	position: relative;
	top: 50%;
	left: 0;
	vertical-align: middle;
	display: inline-block;
}

/* ----- ネット会員登録 ----- */
.netMemberAddTitle:before {
	font-family: "Font Awesome 5 Free";
	content: "\f108"; /* 「デスクトップモニター」アイコン */
	font-size: 105%;
	padding: 0 10px 2px 0;
	font-weight: bold;
	color: #2fa700;
	position: relative;
	top: 50%;
	left: 0;
	vertical-align: middle;
	display: inline-block;
}

div#passwordItemWrap .items {
	display: flex;
	flex-direction: column;
}
label#pwdDispButton_label {
	margin-top: 6px;
	text-align: center;
}
div#includeExp2ItemWrap {
	padding-top: 10px;
}
h2#loginInputTitle_innerId {
	padding-bottom: 13px;
}