@charset "utf-8";
/*--------------------------------------------
  login.css
  ログイン系の共通CSS
--------------------------------------------*/
.topGroupName {
	margin-left: auto;
	margin-right: auto;
	padding: 0 var(--screen-pd-lr);
	width: min(100%, 840px);
	
	& .table {
		& .th {
			width: 27%;
			vertical-align: baseline;
			padding-top: calc(20px + 0.5em);
			@media screen and (max-width: 600px) {
				width: 100%;
				padding-top: 1em;;
			}
		}
		& .checkboxLabel {
			display: block;
			margin-top: 5px;
		}
	}
}

.memberReminderLink {
	margin-top: 0.5em;
}

@media screen and (max-width: 600px) {
	.table {
		.td {
			padding-block: 10px;
		}
	}
	.memberReminderLink {
		margin-bottom: 0.5em;
	}
}

/* ボタン */
.contents .buttonArea {
	margin: 20px auto 0;
	width: min(100%, 250px);
}
input[class*="btn_"],
input[type="submit"].loginButton,
a[class*="btn_"] {
	width: 100%;
	min-width: 240px;
}

.registerButtonGroup {
	margin: 20px auto 0;
	
	.buttonArea {
		margin: 0 auto;
	}
	.unOpenedButtonLinkItemWrap {
		a {
			margin: 0.5em auto 0;
		}
		
	}
}

/* ログイン */
.loginInputGroup {
	border-radius: 0;
	.h2Wrap {
		display: none;
	}
}

/* 会員登録 */
.registerGroup {
	border-radius: 0;
	margin-top: 2rem;
	background-color: var(--color-background-gray);
	padding: var(--screen-pd-lr);
	> .set-group {
		padding: var(--screen-pd-lr);
		background-color: #fff;
		+ .set-group {
			padding-top: 2rem;
		}
	}
	.h2Wrap {
		margin-bottom: 1em;
}
}


/* Amazonログイン */
.amazonPayLoginGroup {
	display: none;
}

/* SNS */
.facebookLoginIncludeItemWrap,
.googleLoginIncludeItemWrap,
.yahooLoginIncludeItemWrap,
.lineLoginIncludeItemWrap,
.instagramLoginIncludeItemWrap,
.twitterLoginIncludeItemWrap {
	display: none;
}