/* === 【お知らせアーカイブ】 === */
/* 意図: TOPページの .news-section と同じトンマナで、お知らせ一覧を
   アイキャッチなしのシンプルなリスト（ラベル+日付+タイトル）で表示する */

/* --- ヘッダー --- */
.news-archive__header {
  text-align: center;
  padding: var(--sp-32) var(--sp-20) var(--sp-24);
}

.news-archive__en {
  font-size: var(--fz-sm);
  color: var(--color_main);
  letter-spacing: 0.1em;
  margin-bottom: var(--sp-8);
}

.news-archive__title {
  font-size: var(--fz-xl);
  font-weight: bold;
  color: var(--color_black);
}

/* --- リスト --- */
.news-archive__list {
  background: var(--color_white);
  border-top: 1px solid var(--color_border);
  border-bottom: 1px solid var(--color_border);
}

@media (min-width: 960px) {
  .news-archive__list {
    max-width: 900px;
    margin: 0 auto;
    border: none;
    border-radius: var(--radius-sm);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }
}

/* --- 行 --- */
.news-archive__row {
  display: flex;
  align-items: center;
  gap: var(--sp-12);
  padding: var(--sp-16) var(--sp-20);
  border-bottom: 1px solid var(--color_border);
  text-decoration: none;
  color: var(--color_black);
  transition: background-color 0.2s;
}

.news-archive__row:last-child {
  border-bottom: none;
}

.news-archive__row:hover {
  background-color: var(--color_base);
}

/* --- ラベル --- */
.news-archive__label {
  background: var(--color_main);
  color: var(--color_white);
  font-size: var(--fz-xs);
  padding: var(--sp-4) var(--sp-12);
  border-radius: var(--radius-xs);
  font-weight: bold;
  white-space: nowrap;
  flex-shrink: 0;
}

/* --- 日付 --- */
.news-archive__date {
  font-size: var(--fz-sm);
  color: #999;
  white-space: nowrap;
  flex-shrink: 0;
}

/* --- タイトル --- */
.news-archive__text {
  font-size: var(--fz-sm);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* SP: 日付とタイトルを折り返し */
@media (max-width: 959px) {
  .news-archive__row {
    flex-wrap: wrap;
  }

  .news-archive__text {
    width: 100%;
    white-space: normal;
    overflow: visible;
  }
}

/* --- ページネーション --- */
.news-archive__pagination {
  padding: var(--sp-32) var(--sp-20);
}

.news-archive__pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--sp-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

.news-archive__pagination .page-numbers li {
  display: block;
}

.news-archive__pagination .page-numbers a,
.news-archive__pagination .page-numbers span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 var(--sp-8);
  border-radius: var(--radius-xs);
  font-size: var(--fz-sm);
  text-decoration: none;
  color: var(--color_black);
  transition: background-color 0.2s, color 0.2s;
}

.news-archive__pagination .page-numbers a:hover {
  background-color: var(--color_base);
}

.news-archive__pagination .page-numbers .current {
  background-color: var(--color_main);
  color: var(--color_white);
}

/* --- 空メッセージ --- */
.news-archive__empty {
  text-align: center;
  padding: var(--sp-48) var(--sp-20);
  color: #999;
}