/* template-news.php（新着情報）専用CSS */

.nh-page .news-sec{background:var(--paper);}

.nh-page .news-list{border-top:1.5px solid var(--line);}

.nh-page .news-item{
  display:flex;
  flex-wrap:wrap;
  gap:6px 24px;
  align-items:baseline;
  padding:26px 4px;
  border-bottom:1.5px solid var(--line);
  transition:background .2s ease;
}
.nh-page a.news-item:hover{background:var(--cream);}

.nh-page .news-date{
  font-family:'Inter',sans-serif;
  font-size:13px;
  color:var(--ink-soft);
  flex-shrink:0;
  width:100px;
}

.nh-page .news-cat{
  background:var(--peach);
  color:var(--coral-deep);
  font-size:11px;
  font-weight:700;
  padding:4px 12px;
  border-radius:20px;
  flex-shrink:0;
  white-space:nowrap;
}

.nh-page .news-title{
  font-size:15px;
  font-weight:700;
  color:var(--ink);
  flex:1;
  min-width:200px;
}
.nh-page a.news-item:hover .news-title{color:var(--coral-deep);}

.nh-page .news-excerpt{
  flex-basis:100%;
  font-size:13px;
  color:var(--ink-soft);
  line-height:1.7;
  padding-left:124px;
}

/* ページネーション */
.nh-page .news-pagination{margin-top:44px;}
.nh-page .news-pagination ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:8px;
  list-style:none;
}
.nh-page .news-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 14px;
  border-radius:20px;
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:600;
  color:var(--ink);
  border:1.5px solid var(--line);
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.nh-page .news-pagination a.page-numbers:hover{
  background:var(--peach);
  border-color:var(--peach);
  color:var(--coral-deep);
}
.nh-page .news-pagination .page-numbers.current{
  background:linear-gradient(135deg,var(--peach-deep),var(--coral-deep));
  border-color:transparent;
  color:#fff;
}
.nh-page .news-pagination .page-numbers.dots{
  border-color:transparent;
  color:var(--ink-soft);
}

@media (max-width:640px){
  .nh-page .news-item{padding:20px 4px;}
  .nh-page .news-excerpt{padding-left:0;}
  .nh-page .news-title{min-width:100%;order:3;}
}