@font-face {
    font-family: 'Design Plus';
    src: url('https://nateam.jp/wp-content/themes/drop_tcd087/fonts/design_plus.woff?v=1.5') format('woff');
    font-display: swap;
}


body {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* ───────────────────────
  ブログの「投稿記事」だけ白背景・黒文字にする
────────────────────── */

/* 背景と基本の文字色を反転 */
body.single-post {
    background-color: #ffffff !important; /* 背景：白 */
    color: #333333 !important;           /* 文字：濃いグレー */
}
/* =========================================================
  トップページ：SCROLL直下の投稿（日付付きリンク）を完全に非表示
========================================================= */
body.home #cb_content_1,
body.home #cb_content_1 *,
body.home #main_contents > a[href*="/interview/"],
body.home #main_contents > a[href*="/blog/"],
body.home #main_contents > time,
body.home #main_contents > .date {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* スマホだけ：TOPのSCROLL直下ニュース/投稿ティッカーを完全非表示 */
@media (max-width: 767px) {
  body.home #news_ticker_bottom,
  body.home #news_ticker_bottom * {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}






/* 記事内の主要なパーツ（見出し、段落、リストなど）も黒文字に固定 */
body.single-post h1, 
body.single-post h2, 
body.single-post h3, 
body.single-post h4, 
body.single-post p, 
body.single-post li, 
body.single-post dl, 
body.single-post dt, 
body.single-post dd {
    color: #333333 !important;
}

/* 記事エリアを包むコンテナがある場合、そこも白にする（テーマ対策） */
body.single-post #main_contents,
body.single-post .l-container,
body.single-post .site-main {
    background-color: #ffffff !important;
}

/* よくある質問（Q部分）の文字色修正 */
.faq_list .question,
.cb_faq_list .question {
  color: #000 !important;  /* 黒字に変更。白背景でも見える */
}


/* ───────────────────────
  ブログ記事：ヘッダー画像上の文字（タイトル・パンくず）を白にする
────────────────────── */

/* タイトル部分を白にする */
body.single-post #page_header .title,
body.single-post .post_title,
body.single-post .entry-title {
    color: #ffffff !important;
}

/* パンくずリスト部分（リンク含む）を白にする */
body.single-post #breadcrumb,
body.single-post #breadcrumb a,
body.single-post .breadcrumb_list,
body.single-post .breadcrumb_list a,
body.single-post .breadcrumb_inner * {
    color: #ffffff !important;
}

/* もしタイトル下の「日付」なども消えていればこれも追加 */
body.single-post #page_header .date,
body.single-post .post_date {
    color: #ffffff !important;
}


/* ───────────────────────
  ブログ記事：#main_contents 内にある「下部のリスト」を白文字にする
────────────────────── */

/* 1. 黄色枠（#main_contents）の下の方にある、リンクやタイトルをすべて白に */
body.single-post #main_contents .item .title,
body.single-post #main_contents .item .title_area *,
body.single-post #main_contents .item .date,
body.single-post #main_contents .item a {
    color: #ffffff !important;
}

/* 2. インタビュー記事の時に効いた「title_area」をブログ用にも適用 */
body.single-post #main_contents [class*="title_area"],
body.single-post #main_contents [class*="title_area"] * {
    color: #ffffff !important;
}

/* 3. 「related」という文字がどこかに含まれる要素を、黄色枠の中で探して白にする */
body.single-post #main_contents [id*="related"] *,
body.single-post #main_contents [class*="related"] * {
    color: #ffffff !important;
}

/* 4. 画像の上にあるかもしれない「カテゴリー名」なども白にする */
body.single-post #main_contents .category,
body.single-post #main_contents .cat_label {
    color: #ffffff !important;
}


/* ───────────────────────
  スマホ：おすすめ記事（関連記事）の白飛びを修正
────────────────────── */



/* 2. 各記事カード（リンク枠）の背景が白くなるのを防ぎ、画像を見えるようにする */
body.single-post #main_contents .item,
body.single-post #main_contents .item a {
    background-color: transparent !important;
}

/* 3. 画像の上に重なるタイトルの背景（もしあれば）を透明にする */
body.single-post #main_contents .item .title_area {
    background-color: transparent !important;
}

/* 4. 画像が見えにくい場合のために、うっすら黒いレイヤーを重ねる（オプション） */
body.single-post #main_contents .item a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); /* 20%の黒透明 */
    z-index: 1;
}


/* ───────────────────────
  スマホ：おすすめ記事（関連記事）の白飛びを修正
────────────────────── */

/* 1. 関連記事のエリア全体を黒背景に強制的に戻す */
body.single-post #main_contents #related_post,
body.single-post #main_contents .post_list,
body.single-post #main_contents [id*="related"] {
    background-color: #000000 !important;
}