/* login.html 専用のスタイル。2026-07-31 にテンプレートから切り出した。
   CSPで style-src から 'unsafe-inline' を外すため。
   ページごとに body/h1/.note 等の定義が異なるので、1つに統合せずページ別に保つ。 */
    body { font-family: "Hiragino Sans", "Yu Gothic", sans-serif; background: #f4f7fa; color: #333; margin: 0; }
    .box { max-width: 360px; margin: 4rem auto; background: #fff; padding: 2rem; border-radius: 10px; box-shadow: 0 2px 12px rgba(0,0,0,.08); }
    h1 { font-size: 1.15rem; text-align: center; color: #254998; margin-top: 0; }
    label { display: block; margin: 1rem 0 .3rem; font-size: .9rem; }
    input { width: 100%; box-sizing: border-box; padding: .6rem; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
    button { width: 100%; margin-top: 1.5rem; padding: .7rem; background: #254998; color: #fff; border: none; border-radius: 6px; font-size: 1rem; cursor: pointer; }
    button:hover { background: #1b3a75; }
    .error { background: #fdeaea; color: #b02a2a; padding: .6rem; border-radius: 6px; font-size: .9rem; margin-top: 1rem; text-align: center; }