/* =============================================================
   NEWS 一覧ページ専用（#news-page）
   個別のお知らせ詳細ページを設けていないため、一覧で各お知らせを
   省略せず全文表示する。common.css の一覧スタイルは HOME のティーザー
   （1行省略）と共用なので、ここでは #news-page に限定して上書きする。
   ============================================================= */

/* 固定高さ＋1行省略をやめ、内容に応じて伸びる行にする */
#news-page .custom-news-item {
  height: auto;
  padding: 1.85rem 0;
  border-bottom: 1px solid var(--color-line);
}
/* 固定高さ前提の区切り線（::after）は border-bottom に置き換えるため無効化 */
#news-page .custom-news-item::after { display: none; }

#news-page .custom-news-link {
  height: auto;            /* タイトルが複数行でも収まる */
  align-items: center;
}

#news-page .custom-news-title {
  white-space: normal;     /* 折り返して全文表示 */
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere; /* 長いURL等も折り返す */
  line-height: 3rem;
}

/* ---------- SP（〜767px）---------- */
@media (max-width: 767px) {
  #news-page .custom-news-item { height: auto; padding: 2.2rem 0; }

  /* SP既定の絶対配置をやめ、バッジ＋日付＝1行目／タイトル＝全幅の2行目に */
  #news-page .custom-news-link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.4rem;
  }
  #news-page .custom-news-badge { position: static; }
  #news-page .custom-news-date  { position: static; }
  #news-page .custom-news-title {
    position: static;
    flex: 0 0 100%;
    margin-top: 0.4rem;
    line-height: 2.6rem;
  }
}