@charset "utf-8";
/* ===== 新着情報（page-news.php 専用） ===== */

/* 上の大きな背景写真 */
.s-ttit .news-hero {
  background: url(/wp-content/uploads/2026/10/kv-water.jpg) center / cover no-repeat;
}

/* ページ全体 */
.news-page { background: #f1f8f6; }
.news-page #art-news {
  max-width: 900px; margin: 0 auto;
  padding-left: 20px; padding-right: 20px; box-sizing: border-box;
}

/* 記事のカード */
.news-page .news-item {
  position: relative; margin: 0 0 24px; padding: 28px 32px 26px;
  background: #fff; border-left: 6px solid #50ad92; border-radius: 16px;
  box-shadow: 0 10px 30px rgba(4, 53, 128, .12);
  transition: transform .3s, box-shadow .3s;
}
.news-page .news-item:hover {
  transform: translateY(-4px); box-shadow: 0 16px 36px rgba(4, 53, 128, .2);
}

/* 日付のラベル */
.news-page .news-item .date {
  display: inline-block; float: none; width: auto; margin: 0 0 12px; padding: 2px 14px;
  border-radius: 30px; background: #e8f5f1; color: #23735d;
  font-size: 14px; font-weight: 700; letter-spacing: .06em; line-height: 1.8;
}

/* タイトル（カード全体をクリックできるようにする） */
.news-page .news-item .title { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.6; }
.news-page #art-news .news-item .title a {
  font-size: 22px; color: #002651; text-decoration: none;
}
.news-page .news-item .title a::after {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
}

/* 抜粋の文章 */
.news-page .news-item dl { margin: 12px 0 0; padding: 0; }
.news-page .news-item dd {
  margin: 0; padding: 0; font-size: 15px; line-height: 1.9; color: #444;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.news-page .news-item dl::after {
  content: "続きを読む →"; display: block; margin-top: 14px;
  color: #23735d; font-size: 14px; font-weight: 700;
}

/* ページ送り */
.news-page .pagination {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 48px 0 0;
}
.news-page .pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; height: 44px; box-sizing: border-box;
  border-radius: 22px; background: #fff; color: #002651;
  font-size: 16px; font-weight: 700; text-decoration: none;
  box-shadow: 0 4px 12px rgba(4, 53, 128, .12);
}
.news-page .pagination a.page-numbers { font-size: 16px; }
.news-page .pagination .page-numbers.current { background: #50ad92; color: #fff; }
.news-page .pagination .page-numbers.prev,
.news-page .pagination .page-numbers.next { padding: 0 20px; }
.news-page .pagination .page-numbers.dots { background: transparent; box-shadow: none; }

/* 記事がないとき */
.news-page .notfound {
  padding: 60px 20px; text-align: center; background: #fff; border-radius: 16px;
  box-shadow: 0 10px 30px rgba(4, 53, 128, .12); color: #002651; font-weight: 700;
}

/* スマホ */
@media screen and (max-width: 600px) {
  .news-page .news-item { padding: 22px 20px 20px; margin-bottom: 18px; }
  .news-page .news-item .title,
  .news-page #art-news .news-item .title a { font-size: 18px; }
  .news-page .news-item dd { font-size: 14px; }
  .news-page .pagination { margin-top: 36px; }
}