body{
  max-width: 500px;       /* 中央にしたい横幅 */
  margin: 0 auto;         /* 左右を自動で中央に */
  padding: 0 1.5em;       /* スマホ用に左右余白もつける */
  background-color: #33454d; /* ダークグレー（黒すぎず目に優しい） */
  color: #ffffff;            /* 全体の文字色を白に */
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W6", "メイリオ", sans-serif;
}
ul {
  list-style-type: disc;
  padding-left: 1.5em; /* ← ここで調整（小さくする） */
}
hr {
  border: none;
  border-top: 2px solid #000; /* 線の太さと色 */
  margin: 0;              /* 上下の余白調整 */
  border-color: #ffffff;
}

footer {
  
  padding: 20px; /* フッター内の余白 */
  text-align: center; /* テキストを中央揃え */
  margin-top: 20px; /* メインコンテンツとの間に余白 */
}

/* リンク */
a {
  color: #7ff8e4; /* リンクの色を青に変更（任意の色を指定可能） */
  text-decoration: none; /* 下線を消す */
}

.custom-color-red1 {
  color: rgb(255, 144, 144); /* 青に変更 */
}
li::marker {
  content: "● "; /* 星マークをマーカーとして表示 */
  color: rgb(71, 148, 144);
  font-size: 1.2em;
}

/* 文字装飾＿色 */
.highlight_red {
    color: rgb(255, 100, 100); /* 好きな色を指定 */
}

.bold {
    font-weight: bold; /* 文字を太く */
}