/* ---------- ログイン（shop/login/...）共通 ---------- */

.login {
    max-width: 800px;
    margin: auto;
}

.login input[type="text"],
.login input[type="email"],
.login input[type="password"] {
	display: block;
    width: 100%;
	height: 45px;
    line-height: 1;
	background-color: #FFFFFF;
	border: 1px solid #C7C7C7;
	margin: 8px auto;
	padding: 5px;
	border-radius: 5px;
	transition: border linear 0.2s;
}

.login input[type="text"]::placeholder,
.login input[type="email"]::placeholder,
.login input[type="password"]::placeholder {
	color: #A0A0A0;
}

.login input[type="text"]:focus,
.login input[type="email"]:focus,
.login input[type="password"]:focus {
	border: 1px solid #555;
}

.login .intro-box {
	margin-bottom: 32px;
}

.login__error__box {
    max-width: 440px;
    margin: 16px auto;
}

.login .bg-block {
    background-color: #F8F8F8;
	border-radius: 5px;
    padding: 16px;
	margin: 32px auto;
}

.login .bg-block:first-child {
	margin-top: 0;
}

.FlowupLabels .fl_wrap {
    max-width: 440px;
    margin: auto;
}

.FlowupLabels .fl_wrap + .fl_wrap {
    margin-top: 16px;
}

.login .button-box {
	width: 100%;
	margin: 24px auto 16px;
	padding: 0;
	white-space: nowrap;
}

/* チェックボックス選択前のボタン */
.login .button-box .lakus__login__btn,
.login .button-box .lakus__register__btn {
	color: #000;
    border: solid 1px #CCCCCC;
    background-color: #CCCCCC;
    pointer-events: none;
}

.login .anchor-text {
	margin: 24px 0;
}

@media (min-width: 1024px) {
    .login .bg-block {
        padding: 24px 32px;
    }
}


/* ---------- パスワードの再発行（shop/login/forget_password） ---------- */

.password_forget input[type="text"],
.password_forget input[type="email"],
.password_forget input[type="password"] {
	display: block;
    width: 100%;
	height: 45px;
    line-height: 1;
	background-color: #FFFFFF;
	border: 1px solid #C7C7C7;
	margin: 8px auto;
	padding: 5px;
	border-radius: 4px;
	transition: border linear 0.2s;
}

.password_forget input[type="text"]::placeholder,
.password_forget input[type="email"]::placeholder,
.password_forget input[type="password"]::placeholder {
    color: #A0A0A0;
}

.password_forget input[type="text"]:focus,
.password_forget input[type="email"]:focus,
.password_forget input[type="password"]:focus {
	border: 1px solid #555;
}