/* ===== NEWS DETAIL PAGE ===== */

.news-detail-page .news-archive__inner {
  gap: 48px;
}

/* ===== 記事カード（白背景） ===== */
.news-detail-card {
  background: var(--white);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 64px), calc(100% - 44px) 100%, 0 100%);
  padding: 36px 56px 56px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .6s ease .2s, transform .6s ease .2s;
}
.news-detail-card.is-inview {
  opacity: 1;
  transform: translateY(0);
}

/* カテゴリタグ */
.news-detail__cat {
  display: inline-block;
  align-self: flex-start;
  margin-left: 80px;
  background: var(--orange);
  color: var(--white);
  font-family: 'M PLUS 2', sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .1em;
  padding: 6px 40px 6px 30px;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%);
  margin-bottom: -26px;
  white-space: nowrap;
}

/* タイトル＋日付 */
.news-detail__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  padding: 0 80px;
}
.news-detail__title {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 28px;
  color: #000;
  line-height: 1.5;
  flex: 1;
  min-width: 0;
}
.news-detail__date {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--orange);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: -.02em;
}

/* メイン画像 */
.news-detail__image {
  width: 100%;
  padding: 0 80px;
  box-sizing: border-box;
}
.news-detail__image img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
}

/* 本文 */
.news-detail__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 80px;
}
.news-detail__body p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #000;
  line-height: 1.8;
}

/* ===== 記事ナビ（前へ・次へ）===== */
.news-article-nav {
  /* archive_news.css の .news-pagination を継承 */
}

/* ===== 1100px以下 ===== */
@media (max-width: 1100px) {
  .news-detail__image { padding: 0 40px; }
  .news-detail__title { font-size: 24px; }
}

/* ===== 1100px以下 ===== */
@media (max-width: 1100px) {
  .news-detail__image { padding: 0 40px; }
  .news-detail__meta { padding: 0 40px; }
  .news-detail__body { padding: 0 40px; }
  .news-detail__cat { margin-left: 40px; }
  .news-detail__title { font-size: 26px; }
}

/* ===== 900px以下 ===== */
@media (max-width: 900px) {
  .news-detail-card { padding: 24px 24px 40px; gap: 24px; }
  .news-detail__image { padding: 0; }
  .news-detail__meta { padding: 0; flex-direction: column; align-items: flex-start; gap: 8px; }
  .news-detail__body { padding: 0; }
  .news-detail__cat { margin-left: 0; margin-bottom: -14px; font-size: 14px; }
  .news-detail__title { font-size: 24px; }
  .news-detail__date { font-size: 14px; }
  .news-detail__body p { font-size: 15px; }
}

/* ===== 500px以下 ===== */
@media (max-width: 500px) {
  .news-detail__meta { flex-direction: column; gap: 8px; align-items: flex-start; }
  .news-detail__cat { font-size: 13px; margin-left: 0; }
  .news-detail__title { font-size: 18px; }
  .news-detail-card { padding: 20px 16px 32px; }
  .news-detail__body p { font-size: 15px; }
}