@charset "utf-8";
/* マイページ ログイン専用
   ※ myuser/templates/login.html の <style> 直書きを外部化したもの（2026-07-09） */
.login-form-container { max-width: 800px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.form-group { margin-bottom: 20px; }
.form-label { display: block; margin-bottom: 8px; font-weight: bold; }
.form-control { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }
.btn-login { width: 100%; background: var(--primary-color, #132F71); color: #fff; padding: 15px; border: none; border-radius: 4px; font-weight: bold; font-size: 1.1em; cursor: pointer; transition: background 0.3s; }
.btn-login:hover { background: var(--primary-dark, #0E2455); }
.form-mark { background: #ff4d4f; color: #fff; font-size: 10px; padding: 2px 6px; border-radius: 2px; margin-left: 5px; vertical-align: middle; }
.error-msg { color: #ff4d4f; background: #fff1f0; border: 1px solid #ffa39e; padding: 10px; border-radius: 4px; margin-bottom: 20px; }
.login-links { margin-top: 20px; text-align: center; font-size: 0.9em; }
.login-links li { margin-bottom: 10px; }
.login-links a { text-decoration: underline; color: #666; }

@media (max-width: 768px) {
  .login-form-container {
    padding: 15px 15px;
  }
}