/*
 * 会員ログインページ（/member-login/、WP-Members の「login」設定ページ、ID 13437）専用スタイル.
 * WP-Membersのプラグインファイルは編集せず、CSSのみで見た目を上書きする.
 * body.page-id-13437 でスコープしているため、他ページには一切影響しない.
 * 既存のカスタムCSS（wp-custom-css）が後から読み込まれ #wpmem_login に
 * border/box-shadow を強制してくるため、上書き箇所は !important を使用している.
 */

body.page-id-13437 {
	background-color: #F2F2F2;
}

/* ヘッダー・パンくず・サイドバー・フッターを非表示にし、ログインのみに集中させる */
body.page-id-13437 .siteHeader,
body.page-id-13437 .page-header,
body.page-id-13437 .breadSection,
body.page-id-13437 .sideSection,
body.page-id-13437 .siteFooter {
	display: none !important;
}

/* サイドバーが消える分、メインカラムを全幅にする */
body.page-id-13437 .mainSection {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
}

/* 画面中央に配置するための外枠 */
body.page-id-13437 .section.siteContent {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding: 40px 20px;
	box-sizing: border-box;
}

body.page-id-13437 .section.siteContent .container,
body.page-id-13437 .section.siteContent .row {
	width: 100%;
}

/* 白いカード本体（entry-body をカードとして流用） */
body.page-id-13437 .entry-body {
	display: flex;
	align-items: stretch;
	max-width: 880px;
	margin: 0 auto !important;
	background-color: #FFFFFF;
	border: none !important;
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, .08) !important;
	padding: 0 !important;
	overflow: hidden;
}

/* カードの余分な空段落は非表示 */
body.page-id-13437 .entry-body > p.wp-block-paragraph:empty {
	display: none;
}

/* 左カラム: 「ログイン」見出し＋ロゴ（疑似要素で構成、DOM変更なしで実現） */
/* ロゴは画質改善監査時に object-fit:contain を追加済み（img[src*="logo_b.jpg"]）だが、
   ここは背景画像として使っているため影響なし。ロゴを約3倍（60〜70%程度）に拡大. */
body.page-id-13437 .entry-body::before {
	content: "ログイン";
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 0 0 42%;
	box-sizing: border-box;
	padding: 56px 40px;
	background-color: var(--em-paper, #FDFCF8);
	background-image: url("../../uploads/2020/10/logo_b.jpg");
	background-repeat: no-repeat;
	background-position: 40px 48px;
	background-size: 260px auto;
	padding-top: 150px;
	font-family: 'Shippori Mincho', serif;
	font-size: 34px;
	font-weight: 600;
	color: var(--em-red, #E60039);
	order: -1;
}

/* 右カラム: 「サイトに戻る」リンク＋フォーム本体をまとめて縦方向中央に配置 */
body.page-id-13437 .em-login-right {
	flex: 1 1 58%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 56px 48px;
}

body.page-id-13437 .em-login-back {
	display: inline-block;
	margin: 0 0 20px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 13px;
	color: #999999;
	text-decoration: none;
}

body.page-id-13437 .em-login-back:hover,
body.page-id-13437 .em-login-back:focus {
	color: var(--em-red, #E60039);
	text-decoration: underline;
}

body.page-id-13437 #wpmem_login {
	box-sizing: border-box;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}

body.page-id-13437 #wpmem_login fieldset {
	padding: 0 !important;
	border: none;
	min-width: 0;
}

/* 「既存ユーザのログイン」の legend は左の見出しと重複するため非表示 */
body.page-id-13437 #wpmem_login legend {
	display: none;
}

body.page-id-13437 #wpmem_login label {
	display: block;
	margin: 0 0 6px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: var(--em-text, #333333);
}

body.page-id-13437 #wpmem_login .div_text {
	margin: 0 0 14px;
}

body.page-id-13437 #wpmem_login input[type="text"],
body.page-id-13437 #wpmem_login input[type="password"],
body.page-id-13437 #wpmem_login input[type="email"] {
	box-sizing: border-box;
	width: 100%;
	padding: 12px 14px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 6px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 15px;
	color: var(--em-text, #333333);
	transition: border-color .2s ease;
}

body.page-id-13437 #wpmem_login input[type="text"]:focus,
body.page-id-13437 #wpmem_login input[type="password"]:focus,
body.page-id-13437 #wpmem_login input[type="email"]:focus {
	outline: none;
	border-color: var(--em-red, #E60039);
}

body.page-id-13437 #wpmem_login .button_div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 6px;
	margin: 4px 0 0;
}

body.page-id-13437 #wpmem_login .button_div label {
	display: inline;
	margin: 0;
	font-size: 13px;
	font-weight: 400;
}

body.page-id-13437 #wpmem_login input[type="checkbox"] {
	accent-color: var(--em-red, #E60039);
}

body.page-id-13437 #wpmem_login input.buttons,
body.page-id-13437 #wpmem_login input[type="submit"] {
	display: block;
	width: 100%;
	margin-top: 8px;
	padding: 13px 20px;
	background-color: var(--em-red, #E60039);
	border: none;
	border-radius: 999px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #FFFFFF;
	cursor: pointer;
	transition: background-color .2s ease;
}

body.page-id-13437 #wpmem_login input.buttons:hover,
body.page-id-13437 #wpmem_login input[type="submit"]:hover {
	background-color: var(--em-red-dark, #D10033);
}

body.page-id-13437 #wpmem_login .link-text {
	margin-top: 14px;
}

body.page-id-13437 #wpmem_login .link-text-forgot {
	font-size: 12px;
	color: #999999;
}

body.page-id-13437 #wpmem_login .link-text-forgot a {
	color: #999999;
	text-decoration: underline;
}

body.page-id-13437 #wpmem_login .link-text-forgot a:hover,
body.page-id-13437 #wpmem_login .link-text-forgot a:focus {
	color: var(--em-red, #E60039);
}

@media (max-width: 767.98px) {
	body.page-id-13437 .entry-body {
		flex-direction: column;
		max-width: 420px;
	}

	body.page-id-13437 .entry-body::before {
		flex: 0 0 auto;
		padding: 36px 32px 28px;
		background-position: 32px 28px;
		background-size: 210px auto;
		padding-top: 108px;
		font-size: 26px;
		text-align: left;
	}

	body.page-id-13437 .em-login-right {
		flex: 0 0 auto;
		padding: 32px;
	}
}