body {
  width: 80%; /* 全体の幅を画面の60%に設定 */
  margin: 0 auto; /* 上下のマージンは0、左右のマージンを自動に設定 */
  font-size: 1.0rem;
  font-weight: Bold;
  line-height: 1.7;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  background-color: #000000;
  color: #ffffff;
}

h1 {
  font-size: 1.5em; /* 親要素の2倍の大きさ */
}

h2 {
  font-size: 1.3em; /* 親要素の1.5倍の大きさ */
}

h3 {
  font-size: 1.1em; /* 親要素の1.5倍の大きさ */
}

a:link {
  color: #33ccff;
}

/* 訪問済みのリンク */
a:visited {
  color: #ffff00;
}

/* マウスが乗った時 */
a:hover {
  text-decoration: underline; /* 下線を引く */
}

/* クリックした瞬間 */
a:active {
  color: #ff6347; /* 例としてトマト色 */
}

table {
  /* 隣り合う枠線を1本にまとめる */
  border-collapse: collapse;
  width: 100%; /* 必要に応じて幅を調整 */
}

/* table, th, tdのすべてに枠線を設定 */
th, td {
  border: 2.0px solid white;
  padding: 8px; /* セル内の余白 */
  text-align: left; /* 文字の左揃え（お好みで） */
}