/* 背景色（元の雰囲気を維持） */
body.sync-page {
  background: #CBF5AF;
  color: #000000;
  font-family: "MS PGothic", sans-serif;
}

/* リンク色（元の設定） */
a { color: #0000ff; }
a:visited { color: #990099; }
a:active { color: #ff0000; }

/* 中央寄せ */
.center { text-align: center; }

/* 右寄せ */
.right { text-align: right; }

/* 左寄せ */
.left { text-align: left; }

/* 更新日 */
.updated {
  text-align: right;
  color: #408080;
  font-style: italic;
}
/* ページ全体の左右余白を確保 */
.sync-page {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* 文章の最大幅を制限して読みやすくする */
.sync-page section,
.sync-page p {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* 説明文 */
.intro {
  color: #004080;
}

/* FixedSys 風のテキスト */
.fixed {
  font-family: "Courier New", monospace;
  color: #004080;
  line-height: 1.6;
}

/* 区切り線 */
hr {
  margin: 1.5em 0;
}

/* コピーライト */
copyright {
  color: #ffffff;
  background: #000080;
  padding: 4px 8px;
}