@charset "utf-8";

/* お知らせ一覧 */
.news_archive {
  max-width: 108.1rem;
  margin: 6rem auto 8rem;
  padding: 0 2rem;
}

/* 区切り線のシンプルな行 */
.news_list {
  border-top: 0.1rem solid #d5d5d5;
}

.news_list_item {
  border-bottom: 0.1rem solid #d5d5d5;
}

.news_list_item a {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 2rem 0.5rem;
}

.news_list_meta {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.news_list_item time {
  flex-shrink: 0;
  color: #888;
  font-size: 1.4rem;
  font-weight: bold;
}

.news_list_item .news_badge_list {
  flex-shrink: 0;
}

.news_list_title {
  font-size: 1.6rem;
  line-height: calc(26 / 16);
  color: rgba(0, 49, 105, 1);
}

.news_list_item a:hover .news_list_title {
  color: #03A64D;
}

/* 記事なし */
.news_archive_empty {
  font-size: 1.6rem;
  color: rgba(0, 49, 105, 1);
  padding: 2rem 0.5rem;
}

/* ページネーション（.page_nation / .page-numbers は archive.css の既存定義を流用） */
.news_archive .page_nation {
  margin-top: 5rem;
}

/* the_posts_pagination の「投稿ナビゲーション」見出しを news 一覧でのみ視覚的に隠す */
.news_archive .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* SP */
@media screen and (max-width: 699.98px) {
  .news_archive {
    margin: 4rem auto 6rem;
  }

  .news_list_item a {
    padding: 1.8rem 0.5rem;
  }

  .news_list_meta {
    flex-wrap: wrap;
    gap: 1rem;
  }
}