/* ===== ベースレイアウト ===== */
body.login {
	background:#fff !important;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:100vh;
}
body.login #login {
	width:100%;
	max-width:460px;
	
}
@media(max-width:480px){
	body.login #login {padding:34px 24px;}
}

/* ===== ロゴを差し替え ===== */
body.login #login:before {
	background-image:url("../images/TIKAKU02_180px.png") !important;
	width:180px !important;           /* 画像サイズに合わせて変更 */
	height:180px !important;
	background-size:contain !important;
	margin:0 auto 30px !important;
}

/* ===== 赤字注意書き (擬似要素で挿入) ===== */
body.login #login #loginform {
	border:none;
  box-shadow:none;
  padding:0px;
}

body.login #login #loginform p.forgetmenot  {
	display:flex;
}



/* ===== 赤字注意書き (擬似要素で挿入) ===== */
body.login #login #loginform:before {
	content:"電話をかける際は、ログインしてください。";
	display:block;
	color:#e53935;
	font-size:16px;
	font-weight:600;
	text-align:center;
	margin-bottom:32px;
}



/* ===== フォーム ===== */
body.login label {
	font-weight:600;
	color:#243665;
	margin-bottom:.35rem;
	display:block;
}
body.login input[type="text"],
body.login input[type="password"] {
	width:100%;
	box-sizing:border-box;
	
	border:2px solid #a8c3d9;
	border-radius:6px;
	
}
body.login input:focus {
	border-color:#28a745 !important;
	box-shadow:0 0 0 2px rgba(31,213,122,.3);
}

body.login .button-primary {
	background:#46c06f;
	border:none;
	border-radius:30px;
	padding:12px 0;
	font-weight:700;
	width:100%;
	font-size:16px;
	box-shadow:0 4px 10px rgba(0,0,0,.12);
}
body.login .button-primary:hover {
	filter:brightness(1.05);
}


/* ===== エラーメッセージ ===== */
body.login .message,
body.login #login_error {
	border:none;
	background:#fdecea;
	color:#d93025;
	font-weight:600;
	text-align:center;
	margin-bottom:28px;
}

/* ===== 下部リンク ===== */
body.login #nav,
body.login #backtoblog {
	text-align:left;
	font-size:15px;
}
body.login #nav a,
body.login #backtoblog a {
	color:#0b63b5 !important;
	text-decoration:underline !important;
}
body.login #nav a:hover,
body.login #backtoblog a:hover {
	text-decoration:none !important;
}