@charset "UTF-8";

/* =========================================================
   NEWS記事詳細（single-news.php）
   本文（白カード / h2・h3 / 目次 / 共有 / ページ送り）は media(article.css) を踏襲。
   ここでは「背景制御」「NEWSヒーロー見出し」「カテゴリタグ」のみ上書き（article.css の後に読込）。
========================================================= */

/* ---------------------------------------------
   背景制御 ── media のダーク背景 / 透かし / 屋根 を消す
   ※「背景を消す」用のプロパティ。各レイヤを個別に on/off できるよう分離。
     背景を戻したい場合：display を外す・background-image を url(...) に戻す・色を #121111 に等。
--------------------------------------------- */
.article_wrapper.news_single {
  background-color: #fff;        /* media #121111（ダーク）を消す → 明るく */
}

.news_single .article {
}
/* 白カード横の和柄装飾（不要なら下2つを display:none に） */
/* .news_single .article_inner_wrap::before,
.news_single .article_inner_wrap::after { display: none; } */
/* .news_single .article_inner_content_bg { display: none; } */

/* ---------------------------------------------
   ヒーロー見出し（NEWS / Michroma）
   位置は media .article_title 準拠。明るい背景なので文字は濃色。
   （背景をダークに戻す場合は color を #fff に）
--------------------------------------------- */
.news_single_title {
  padding: 158px 0 0 83px;       /* media .article_title と同じ位置 */
  font-size: 78px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #E1BE91;
  opacity: 0;                    /* body.loaded .fadeIn でフェードイン（article.css） */
}

.news_single .article {
  /* background-image: none; */
}
.article .article_inner_wrap::before {
  content: "";
  background: none;
}
.article .article_inner_wrap::after {
  content: "";
  background: none;
}
/* ---------------------------------------------
   本文先頭：カテゴリタグ＋日付
--------------------------------------------- */
.news_single_meta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 8px;
}
.news_single_cat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  padding: 2px 12px;
  border-radius: 10px;
  font-family: "Yuji Syuku", serif;
  font-feature-settings: "palt" 1;
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
  text-decoration: none;
}
.news_single_meta .article_list_item_date {
  margin: 0;
}

/* ---------------------------------------------
   SP（750基準）
--------------------------------------------- */
@media (width <= 750px) {

  .news_single_title {
    padding: min(80 / 750 * 100vw, 80px) 0 0 5.3333333333vw;
    font-size: min(96 / 750 * 100vw, 96px);
    text-align: center;
  }
  .news_single_title {
    padding:0;
    font-size: min(calc(80/750*100vw),80px);
    margin-bottom: calc(50/750*100vw);
  }
  .news_single_meta {
    gap: calc(20 / 750 * 100vw);
    margin-bottom: calc(12 / 750 * 100vw);
  }
  .news_single_cat {
    min-width: calc(180 / 750 * 100vw);
    border-radius: calc(10 / 750 * 100vw);
    font-size: min(28 / 750 * 100vw, 14px);
  }
}