/* 更新履歴 */
/* テーブルの全体スタイル */
.update-list {
  width: 95%;
  border-collapse: collapse; /* 枠線の重なりを解消 */
  border-radius: 5px; /* カードの角を丸く */
  background-color: var(--accent-color);
  color: #fff;
  justify-content: space-between; /* 日付と説明を左右に分ける */
  margin: 10px;
}

.update-list ul {
margin: 16px auto;
padding: 0 0.5em;
}

.update-list li {
line-height: 1.5;
padding: 0.7em 0 0.7em 1.5em;
border-bottom: 2px solid var(--accent2-color);
}

/* 最後の行だけ線を非表示 */
.update-list li:last-child {
  border-bottom: none; /* 下線を消す */
}

/* 更新履歴ページ */
/* 更新履歴リストのスタイル */
.update-full {
  list-style: none; /* デフォルトの箇条書きスタイルを無効化 */
  margin: 0;
  padding: 0;
}

/* 各リストアイテムのスタイル */
.update-full li {
  background-color: var(--accent-color);
  border-radius: 5px; /* カードの角を丸く */
  margin-bottom: 16px; /* 各項目の間隔を調整 */
  padding: 18px;
  justify-content: space-between; /* 日付と説明を左右に分ける */
  align-items: center; /* 高さを中央揃え */
}

/* 日付部分のスタイル */
.update-date {
  font-weight: bold;
  margin-right: 1em;
  flex-shrink: 0; /* 日付の幅を固定 */
  color: var(--accent2-color);
  font-size: 0.9em;
}

/* 内容部分のスタイル */
.update-short-description {
  flex-grow: 1; /* 内容を幅いっぱい使う */
  color: var(--accent2-color);
  margin-right: 1.5em;
  font-size: 0.9em;
  font-weight: 700;
}

/* 詳細ページ用 */
.update-long-description {
  flex-grow: 1; /* 内容を幅いっぱい使う */
  color: var(--accent2-color);
  line-height: 1.6  ;
}

/* ページネーションのスタイル */
.pagination {
  margin-top: 20px;
  text-align: center;
}

.pagination a {
  display: inline-block;
  margin: 0 5px;
  padding: 8px 12px;
  text-decoration: none;
  background: var(--accent-color);
  color: var(--accent2-color);
  border-radius: 5px;
  font-size: 14px;
  transition: background-color 0.3s, color 0.3s;
}

/* .pagination a:hover {
  background-color: #CDD5A7;
  color: #fff;
}
.pagination a.current {
  background-color: #CDD5A7;
  color: #fff;
} */