@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

/* =========================================
   TOPページ「ブログ」欄：カード型2列レイアウト
   Lightning / LTG 投稿リスト用
   修正内容：
   ・MORE削除
   ・画像を荒く見えにくく調整
   ・画像ホバー時に水色の薄いオーバーレイ
========================================= */

@media (min-width: 992px) {

  /* ブログ欄全体を2列グリッド化 */
  body.home #ltg_post_list-2 > .pt_0 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 28px !important;
    row-gap: 44px !important;
  }

  /* 見出し「ブログ」は2列全体にまたがらせる */
  body.home #ltg_post_list-2 > .pt_0 > .mainSection-title {
    grid-column: 1 / -1 !important;
  }

  /* 各記事カード */
  body.home #ltg_post_list-2 > .pt_0 > article.media {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  /* 前回追加したMOREを完全に非表示 */
  body.home #ltg_post_list-2 > .pt_0 > article.media::after {
    content: none !important;
    display: none !important;
  }

  /* article直下の投稿ラッパー */
  body.home #ltg_post_list-2 > .pt_0 > article.media > div {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
  }

  /* サムネイル枠：カード上部の大きな画像 */
  body.home #ltg_post_list-2 .postList_thumbnail {
    float: none !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;

    /* 添付のような横長画像 */
    aspect-ratio: 16 / 10 !important;

    background: #f3f3f3 !important;
  }

  /* 画像リンク */
  body.home #ltg_post_list-2 .postList_thumbnail a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }


  /* サムネイル画像 */
  body.home #ltg_post_list-2 .postList_thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: none !important;
    border-radius: 0 !important;

    /* ブラウザ側で自然に表示 */
    image-rendering: auto !important;

    /* 拡大アニメを入れないことで粗さを目立ちにくくする */
    transform: none !important;
    transition: filter 0.25s ease !important;
  }

  /* 本文エリア */
  body.home #ltg_post_list-2 .media-body {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* メタ情報 */
  body.home #ltg_post_list-2 .entry-meta {
    margin: 0 0 8px !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #777 !important;
  }

  /* タイトル */
  body.home #ltg_post_list-2 .media-heading.entry-title {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    border: none !important;
    background: none !important;
  }

  body.home #ltg_post_list-2 .media-heading.entry-title a {
    color: #111 !important;
    text-decoration: none !important;
  }

  body.home #ltg_post_list-2 .media-heading.entry-title a:hover {
    text-decoration: underline !important;
  }

  /* 抜粋文 */
  body.home #ltg_post_list-2 .media-body_excerpt {
    display: block !important;
    margin: 0 !important;
    color: #333 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    text-decoration: none !important;
  }

  body.home #ltg_post_list-2 .media-body_excerpt p {
    margin: 0 !important;
  }
}


/* =========================================
   タブレット以下：1列表示
========================================= */

@media (max-width: 991px) {

  body.home #ltg_post_list-2 > .pt_0 {
    display: block !important;
  }

  body.home #ltg_post_list-2 > .pt_0 > article.media {
    display: block !important;
    width: 100% !important;
    margin: 0 0 34px !important;
    padding: 0 !important;
    border: none !important;
  }

  /* 前回追加したMOREを完全に非表示 */
  body.home #ltg_post_list-2 > .pt_0 > article.media::after {
    content: none !important;
    display: none !important;
  }

  body.home #ltg_post_list-2 .postList_thumbnail {
    float: none !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    aspect-ratio: 16 / 10 !important;
    overflow: hidden !important;
    background: #f3f3f3 !important;
  }

  body.home #ltg_post_list-2 .postList_thumbnail a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  body.home #ltg_post_list-2 .postList_thumbnail a::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background: rgba(0, 190, 220, 0.22) !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease !important;
    pointer-events: none !important;
  }

  body.home #ltg_post_list-2 .postList_thumbnail a:hover::after {
    opacity: 1 !important;
  }

  body.home #ltg_post_list-2 .postList_thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    image-rendering: auto !important;
    border: none !important;
    border-radius: 0 !important;
    transform: none !important;
  }

  body.home #ltg_post_list-2 .media-heading.entry-title {
    margin: 0 0 10px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }

  body.home #ltg_post_list-2 .media-body_excerpt {
    font-size: 13px !important;
    line-height: 1.75 !important;
  }
}

/* 2列表示のブログ画像の四隅を軽く丸くする */
body.home #ltg_post_list-2 .postList_thumbnail,
body.home #ltg_post_list-2 .postList_thumbnail a,
body.home #ltg_post_list-2 .postList_thumbnail img {
  border-radius: 8px !important;
}



/* =========================================
   TOPページ「ブログ」欄：文章hoverをやわらかい赤色フェードに変更
   黒い下線は出さない
========================================= */

/* タイトルリンク：通常時 */
body.home #ltg_post_list-2 .media-heading.entry-title a {
  color: #111 !important;
  text-decoration: none !important;
  transition: color 0.35s ease !important;
}

/* タイトルリンク：hover時 */
body.home #ltg_post_list-2 .media-heading.entry-title a:hover {
  color: #d96b6b !important;
  text-decoration: none !important;
}

/* 抜粋文リンク：通常時 */
body.home #ltg_post_list-2 .media-body_excerpt {
  color: #333 !important;
  text-decoration: none !important;
  transition: color 0.35s ease !important;
}

/* 抜粋文リンク：hover時 */
body.home #ltg_post_list-2 .media-body_excerpt:hover {
  color: #d96b6b !important;
  text-decoration: none !important;
}

/* 抜粋文内のpにも反映 */
body.home #ltg_post_list-2 .media-body_excerpt p {
  color: inherit !important;
  transition: color 0.35s ease !important;
}

/* 抜粋文hover時にpもやわらかい赤にする */
body.home #ltg_post_list-2 .media-body_excerpt:hover p {
  color: #d96b6b !important;
}

/* 念のため、hover時の下線を全体的に無効化 */
body.home #ltg_post_list-2 .media-heading.entry-title a:hover,
body.home #ltg_post_list-2 .media-body_excerpt:hover,
body.home #ltg_post_list-2 .media-body_excerpt:hover p {
  text-decoration: none !important;
}


/* =========================================
   TOPページ「ブログ」欄：日付＋カテゴリを横並び表示
   参考：イベントカード風メタ情報
========================================= */

/* メタ情報全体 */
body.home #ltg_post_list-2 .entry-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #333 !important;
}

/* 日付 */
body.home #ltg_post_list-2 .entry-meta .published {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.4 !important;
}

/* 最終更新日・投稿者は非表示 */
body.home #ltg_post_list-2 .entry-meta_updated,
body.home #ltg_post_list-2 .entry-meta_items_author {
  display: none !important;
}

/* カテゴリ全体：絶対配置を解除して日付の右側へ */
body.home #ltg_post_list-2 .entry-meta_items_term {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: auto !important;
}

/* カテゴリボタン：参考コードの「開催終了」ラベル風 */
body.home #ltg_post_list-2 .entry-meta_items_term_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 4px 9px !important;
  border: none !important;
  border-radius: 3px !important;
  background-color: #5bc8df !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* カテゴリ hover */
body.home #ltg_post_list-2 .entry-meta_items_term_button:hover {
  background-color: #3fb8d2 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* 念のため、記事カード側の絶対配置基準を解除しないがカテゴリには影響させない */
body.home #ltg_post_list-2 > .pt_0 > article.media > div {
  position: relative !important;
}

/* タイトルとの間隔 */
body.home #ltg_post_list-2 .media-heading.entry-title {
  margin-top: 0 !important;
}


/* =========================================
   TOPページ「ブログ」欄：本文抜粋を非表示
========================================= */

body.home #ltg_post_list-2 .media-body_excerpt {
  display: none !important;
}

/* 本文削除後のタイトル下余白を調整 */
body.home #ltg_post_list-2 .media-heading.entry-title {
  margin-bottom: 0 !important;
}

/* =========================================
   TOPページ「ブログ」欄：画像に常時見える枠線＋hover拡大
   参考画像のように、枠線は常に表示したまま
========================================= */

/* 画像枠：常時見える細い枠線 */
body.home #ltg_post_list-2 .postList_thumbnail {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  border: 1px solid #222 !important; /* 常時表示する黒系の枠線 */
  background: #fff !important;
  box-sizing: border-box !important;
}

/* 画像リンク：枠の中に収める */
body.home #ltg_post_list-2 .postList_thumbnail a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 9px !important;
}

/* 画像本体：通常時 */
body.home #ltg_post_list-2 .postList_thumbnail img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 9px !important;
  transform: scale(1) !important;
  transition: transform 0.35s ease, filter 0.35s ease !important;
}

/* hover時：画像だけ少し拡大。枠線はそのまま残す */
body.home #ltg_post_list-2 .postList_thumbnail:hover img,
body.home #ltg_post_list-2 .postList_thumbnail a:hover img {
  transform: scale(1.06) !important;
  filter: brightness(1.03) !important;
}

/* 水色オーバーレイを使っている場合：角丸だけ合わせる */
body.home #ltg_post_list-2 .postList_thumbnail a::after {
  border-radius: 9px !important;
}

/* =========================================
   TOPページ「ブログ」欄：黒枠＋画像拡大のみ残す
   水色オーバーレイは削除
========================================= */

/* 画像枠：常時見える黒系の細い枠線 */
body.home #ltg_post_list-2 .postList_thumbnail {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  border: 1px solid #222 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

/* 画像リンク */
body.home #ltg_post_list-2 .postList_thumbnail a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 9px !important;
}

/* 水色ホバーを完全削除 */
body.home #ltg_post_list-2 .postList_thumbnail a::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* 画像本体 */
body.home #ltg_post_list-2 .postList_thumbnail img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 9px !important;
  transform: scale(1) !important;
  transition: transform 0.35s ease, filter 0.35s ease !important;
}

/* hover時：水色ではなく、画像だけ少し拡大 */
body.home #ltg_post_list-2 .postList_thumbnail:hover img,
body.home #ltg_post_list-2 .postList_thumbnail a:hover img {
  transform: scale(1.06) !important;
  filter: brightness(1.03) !important;
}


/* =========================================
   TOPページ「ブログ」見出し：シンプル表示
   線なし / BLOG 01なし / 管理画面の文言をそのまま表示
========================================= */

body.home #ltg_post_list-2 > .pt_0 > .mainSection-title {
  grid-column: 1 / -1 !important;

  display: block !important;
  width: 100% !important;

  margin: 0 0 28px !important;
  padding: 0 !important;

  background: none !important;
  border: none !important;

  color: #111 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;

  text-align: left !important;
}

/* BLOG 01などの疑似要素を完全削除 */
body.home #ltg_post_list-2 > .pt_0 > .mainSection-title::before,
body.home #ltg_post_list-2 > .pt_0 > .mainSection-title::after {
  content: none !important;
  display: none !important;
}

/* スマホ調整 */
@media (max-width: 767px) {
  body.home #ltg_post_list-2 > .pt_0 > .mainSection-title {
    margin-bottom: 22px !important;
    font-size: 22px !important;
  }
}



/* =========================================
   TOPページ「新着ブログ」見出し：余白をさらに詰める
========================================= */

/* ブログ欄全体の上余白を詰める */
body.home #ltg_post_list-2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 見出し本体の余白を詰める */
body.home #ltg_post_list-2 > .pt_0 > .mainSection-title {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* 2列グリッドの見出し下〜カード間の余白も詰める */
@media (min-width: 992px) {
  body.home #ltg_post_list-2 > .pt_0 {
    row-gap: 26px !important;
  }

  body.home #ltg_post_list-2 > .pt_0 > .mainSection-title {
    margin-bottom: 12px !important;
  }
}

/* タブレット */
@media (max-width: 991px) {
  body.home #ltg_post_list-2 > .pt_0 > .mainSection-title {
    margin-bottom: 14px !important;
  }
}

/* スマホ */
@media (max-width: 767px) {
  body.home #ltg_post_list-2 > .pt_0 > .mainSection-title {
    margin-bottom: 12px !important;
  }
}


/* =========================================
   右側「よく読まれている記事」：見出し装飾＋hover調整
   ・下線なし
   ・2列記事と同じ淡い赤 hover
========================================= */

/* 見出し：新着ブログと同じようなシンプル太字デザイン */
body.home .sideSection aside.popular-posts .widget-title,
body.home .sideSection aside.popular-posts .subSection-title {
  display: block !important;
  width: 100% !important;

  margin: 0 0 18px !important;
  padding: 0 !important;

  background: none !important;
  border: none !important;
  box-shadow: none !important;

  color: #111 !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.03em !important;

  text-align: left !important;
}

/* 見出しの疑似要素や下線装飾を消す */
body.home .sideSection aside.popular-posts .widget-title::before,
body.home .sideSection aside.popular-posts .widget-title::after,
body.home .sideSection aside.popular-posts .subSection-title::before,
body.home .sideSection aside.popular-posts .subSection-title::after {
  content: none !important;
  display: none !important;
  border: none !important;
  background: none !important;
}

/* 人気記事タイトル：通常時 */
body.home .sideSection aside.popular-posts .wpp-post-title {
  color: #111 !important;
  text-decoration: none !important;
  transition: color 0.35s ease !important;
}

/* 人気記事タイトル：hover時。2列記事と同じ淡い赤 */
body.home .sideSection aside.popular-posts .wpp-post-title:hover,
body.home .sideSection aside.popular-posts li:hover .wpp-post-title {
  color: #d96b6b !important;
  text-decoration: none !important;
}

/* 念のため、aタグ全体のhover下線も消す */
body.home .sideSection aside.popular-posts a:hover,
body.home .sideSection aside.popular-posts a:focus {
  text-decoration: none !important;
}

/* スマホ時：少し小さく */
@media (max-width: 767px) {
  body.home .sideSection aside.popular-posts .widget-title,
  body.home .sideSection aside.popular-posts .subSection-title {
    margin-bottom: 14px !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
  }
}


/* =========================================
   右側「よく読まれている記事」：記事同士の縦間隔を少し広げる
========================================= */

body.home .sideSection aside.popular-posts .wpp-list li {
  margin-bottom: 15px !important;
}

/* 最後の記事だけ余白を消す */
body.home .sideSection aside.popular-posts .wpp-list li:last-child {
  margin-bottom: 0 !important;
}



/* =========================================
   右側「よく読まれている記事」：日付をタイトル下へ＋記事間に薄い線
========================================= */

/* 人気記事リスト全体 */
body.home .sideSection aside.popular-posts .wpp-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  counter-reset: popular-ranking;
}

/* 各人気記事：画像＋本文エリア、下線あり */
body.home .sideSection aside.popular-posts .wpp-list li {
  counter-increment: popular-ranking;
  position: relative !important;

  display: grid !important;
  grid-template-columns: 112px 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 6px !important;
  align-items: start !important;

  margin: 0 !important;
  padding: 16px 0 !important;

  border-bottom: 1px solid #eeeeee !important;
  overflow: visible !important;
}

/* 1件目だけ上の余白を少し詰める */
body.home .sideSection aside.popular-posts .wpp-list li:first-child {
  padding-top: 0 !important;
}

/* 最後だけ下線を消す */
body.home .sideSection aside.popular-posts .wpp-list li:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* ランキング番号 */
body.home .sideSection aside.popular-posts .wpp-list li::before {
  content: counter(popular-ranking);
  position: absolute;
  top: 6px;
  left: -7px;
  z-index: 3;

  width: 27px;
  height: 27px;

  border: 2px solid #111;
  border-radius: 50%;
  background: #fff;
  color: #111;

  font-size: 15px;
  font-weight: 800;
  line-height: 23px;
  text-align: center;
  box-sizing: border-box;
}

/* 1件目だけ番号位置を上に詰める */
body.home .sideSection aside.popular-posts .wpp-list li:first-child::before {
  top: -9px;
}

/* 画像リンク */
body.home .sideSection aside.popular-posts .wpp-list li > a:first-child {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;

  width: 112px !important;
  height: 74px !important;
  margin: 0 !important;

  overflow: hidden !important;
  border-radius: 6px !important;
}

/* サムネイル */
body.home .sideSection aside.popular-posts .wpp-thumbnail {
  display: block !important;
  float: none !important;

  width: 112px !important;
  height: 74px !important;
  max-width: none !important;
  margin: 0 !important;

  object-fit: cover !important;
  border-radius: 6px !important;
}

/* タイトル */
body.home .sideSection aside.popular-posts .wpp-post-title {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #111 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  text-decoration: none !important;

  transition: color 0.35s ease !important;
}

/* タイトルhover：2列ブログと同じ薄い赤 */
body.home .sideSection aside.popular-posts .wpp-post-title:hover,
body.home .sideSection aside.popular-posts li:hover .wpp-post-title {
  color: #d96b6b !important;
  text-decoration: none !important;
}

/* 日付・メタ情報：タイトルの下に配置 */
body.home .sideSection aside.popular-posts .wpp-meta,
body.home .sideSection aside.popular-posts .post-stats,
body.home .sideSection aside.popular-posts .wpp-date {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 2 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #555 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
  text-decoration: none !important;
}

/* hover時も下線なし */
body.home .sideSection aside.popular-posts a:hover,
body.home .sideSection aside.popular-posts a:focus {
  text-decoration: none !important;
}



/* =========================================
   サイト全体：フォント・文字間・行間・太さを調整
   参考：meets糸島風の読みやすいWebメディア系
========================================= */

/* Google Fonts読み込み */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Reem+Kufi:wght@600;700&display=swap');

/* 全体の基本フォント */
body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
  color: #111 !important;

  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.85 !important;
  letter-spacing: 0.035em !important;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* 全体リンク */
body a {
  color: inherit;
  text-decoration: none;
}

/* 本文系 */
body p,
body li,
body .entry-body,
body .entry-content,
body .post-content {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.9 !important;
  letter-spacing: 0.035em !important;
}

/* 見出し共通 */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
  color: #111 !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.04em !important;
}

/* 記事タイトル・カードタイトル系 */
body .entry-title,
body .media-heading,
body .media-heading a,
body .wpp-post-title {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
  font-weight: 800 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.035em !important;
}

/* メタ情報：日付・カテゴリなど */
body .entry-meta,
body .entry-meta_items,
body .published,
body .updated,
body .entry-meta_items_term_button {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

/* 英字を使う部分があれば少しだけ欧文フォント寄せ */
body .en,
body .english,
body [class*="en"] {
  font-family: "Reem Kufi", "Noto Sans JP", sans-serif !important;
  letter-spacing: 0.04em !important;
}

さらに、今作っているトップページの2列記事・右側人気記事に効かせる調整も入れるなら、こちらも続けて追加してください。

/* =========================================
   TOPページ：2列記事・人気記事の文字バランス調整
========================================= */

/* 新着ブログ見出し */
body.home #ltg_post_list-2 > .pt_0 > .mainSection-title {
  font-size: 30px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
}

/* 2列記事タイトル */
body.home #ltg_post_list-2 .media-heading.entry-title,
body.home #ltg_post_list-2 .media-heading.entry-title a {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.035em !important;
}

/* 2列記事の日付・カテゴリ */
body.home #ltg_post_list-2 .entry-meta {
  font-size: 14px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;
}

/* 右側：よく読まれている記事の見出し */
body.home .sideSection aside.popular-posts .widget-title,
body.home .sideSection aside.popular-posts .subSection-title {
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
}

/* 右側：人気記事タイトル */
body.home .sideSection aside.popular-posts .wpp-post-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.035em !important;
}

/* スマホ調整 */
@media (max-width: 767px) {
  body {
    font-size: 15px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.025em !important;
  }

  body p,
  body li,
  body .entry-body,
  body .entry-content,
  body .post-content {
    font-size: 15px !important;
    line-height: 1.85 !important;
    letter-spacing: 0.025em !important;
  }

  body.home #ltg_post_list-2 > .pt_0 > .mainSection-title {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }

  body.home #ltg_post_list-2 .media-heading.entry-title,
  body.home #ltg_post_list-2 .media-heading.entry-title a {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }

  body.home .sideSection aside.popular-posts .widget-title,
  body.home .sideSection aside.popular-posts .subSection-title {
    font-size: 21px !important;
  }

  body.home .sideSection aside.popular-posts .wpp-post-title {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
}


/* =========================================
   記事タイトルだけ調整
   対象：
   1. TOPページ2列カードの記事タイトル
   2. 記事詳細ページの記事タイトル

   ※右側の「よく読まれている記事」は変更しない
   ※「#新着ブログ」「#よく読まれている記事」の見出しも変更しない
========================================= */


/* -----------------------------------------
   1. TOPページ：2列カードの記事タイトルだけ小さく・軽く
----------------------------------------- */

body.home #ltg_post_list-2 .media-heading.entry-title,
body.home #ltg_post_list-2 .media-heading.entry-title a {
  font-size: 18.5px !important;
  font-weight: 650 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.025em !important;
}


/* -----------------------------------------
   2. 記事詳細ページ：記事タイトルだけ小さく・軽く
----------------------------------------- */

body.single-post .entry-title,
body.single-post h1.entry-title {
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.03em !important;
}


/* -----------------------------------------
   タブレット調整
----------------------------------------- */

@media (max-width: 991px) {
  body.home #ltg_post_list-2 .media-heading.entry-title,
  body.home #ltg_post_list-2 .media-heading.entry-title a {
    font-size: 18px !important;
    font-weight: 650 !important;
    line-height: 1.6 !important;
  }

  body.single-post .entry-title,
  body.single-post h1.entry-title {
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
  }
}


/* -----------------------------------------
   スマホ調整
----------------------------------------- */

@media (max-width: 767px) {
  body.home #ltg_post_list-2 .media-heading.entry-title,
  body.home #ltg_post_list-2 .media-heading.entry-title a {
    font-size: 16.5px !important;
    font-weight: 650 !important;
    line-height: 1.6 !important;
  }

  body.single-post .entry-title,
  body.single-post h1.entry-title {
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
  }
}


/* =========================================
   記事本文内の見出し調整
   対象：記事ページ本文内の h2 / h3 / h4
   ※TOPページ・サイドバー・一覧見出しには影響させない
========================================= */

/* H2：大見出し */
body.single-post .entry-body h2,
body.single-post .entry-content h2,
body.single-post .post-content h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.03em !important;

  margin-top: 42px !important;
  margin-bottom: 18px !important;
}

/* H3：中見出し */
body.single-post .entry-body h3,
body.single-post .entry-content h3,
body.single-post .post-content h3 {
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.03em !important;

  margin-top: 34px !important;
  margin-bottom: 14px !important;
}

/* H4：小見出し */
body.single-post .entry-body h4,
body.single-post .entry-content h4,
body.single-post .post-content h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.03em !important;

  margin-top: 28px !important;
  margin-bottom: 12px !important;
}


/* -----------------------------------------
   タブレット調整
----------------------------------------- */

@media (max-width: 991px) {
  body.single-post .entry-body h2,
  body.single-post .entry-content h2,
  body.single-post .post-content h2 {
    font-size: 22px !important;
  }

  body.single-post .entry-body h3,
  body.single-post .entry-content h3,
  body.single-post .post-content h3 {
    font-size: 20px !important;
  }

  body.single-post .entry-body h4,
  body.single-post .entry-content h4,
  body.single-post .post-content h4 {
    font-size: 17px !important;
  }
}


/* -----------------------------------------
   スマホ調整
----------------------------------------- */

@media (max-width: 767px) {
  body.single-post .entry-body h2,
  body.single-post .entry-content h2,
  body.single-post .post-content h2 {
    font-size: 20px !important;
    line-height: 1.55 !important;
    margin-top: 34px !important;
    margin-bottom: 16px !important;
  }

  body.single-post .entry-body h3,
  body.single-post .entry-content h3,
  body.single-post .post-content h3 {
    font-size: 18px !important;
    line-height: 1.55 !important;
    margin-top: 28px !important;
    margin-bottom: 12px !important;
  }

  body.single-post .entry-body h4,
  body.single-post .entry-content h4,
  body.single-post .post-content h4 {
    font-size: 16.5px !important;
    line-height: 1.6 !important;
    margin-top: 24px !important;
    margin-bottom: 10px !important;
  }
}


/* =========================================
   ヘッダーサイト名：文字サイズ・太さだけ微調整
   ※メニュー・ヘッダー高さ・配置には干渉しない
========================================= */

.siteHeader h1.navbar-brand.siteHeader_logo > a > span {
  font-size: 32px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
}



/* =========================================
   記事本文：H2 / H3 / H4 見出しデザイン調整
   H2：大きめ装飾
   H3：控えめ装飾
   H4：文字だけ
   ※TOPページやサイドバーには影響させない
========================================= */


/* -----------------------------------------
   共通：Lightning側の既存装飾をリセット
----------------------------------------- */

body.single-post .entry-body h2,
body.single-post .entry-content h2,
body.single-post .post-content h2,
body.single-post .entry-body h3,
body.single-post .entry-content h3,
body.single-post .post-content h3,
body.single-post .entry-body h4,
body.single-post .entry-content h4,
body.single-post .post-content h4 {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  color: #111 !important;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Meiryo", sans-serif !important;
}

/* 既存テーマの疑似要素を削除 */
body.single-post .entry-body h2::before,
body.single-post .entry-body h2::after,
body.single-post .entry-content h2::before,
body.single-post .entry-content h2::after,
body.single-post .post-content h2::before,
body.single-post .post-content h2::after,
body.single-post .entry-body h3::before,
body.single-post .entry-body h3::after,
body.single-post .entry-content h3::before,
body.single-post .entry-content h3::after,
body.single-post .post-content h3::before,
body.single-post .post-content h3::after,
body.single-post .entry-body h4::before,
body.single-post .entry-body h4::after,
body.single-post .entry-content h4::before,
body.single-post .entry-content h4::after,
body.single-post .post-content h4::before,
body.single-post .post-content h4::after {
  content: none !important;
  display: none !important;
}


/* H2 */
body.single-post .entry-body h2,
body.single-post .entry-content h2,
body.single-post .post-content h2 {
  position: relative !important;

  margin: 52px 0 24px !important;
  padding: 18px 24px 18px 26px !important;

  background: #f8f5ee !important;
  border-left: 7px solid #337ab7 !important;
  border-radius: 12px !important;

  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.035em !important;
}

/* H3 */
body.single-post .entry-body h3,
body.single-post .entry-content h3,
body.single-post .post-content h3 {
  position: relative !important;

  margin: 38px 0 18px !important;
  padding: 0 0 0 16px !important;

  border-left: 4px solid #337ab7 !important;
  background: none !important;
  border-radius: 0 !important;

  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.03em !important;
}

/* -----------------------------------------
   H4：文字だけ。装飾なし
----------------------------------------- */

body.single-post .entry-body h4,
body.single-post .entry-content h4,
body.single-post .post-content h4 {
  margin: 30px 0 12px !important;
  padding: 0 !important;

  border: none !important;
  background: none !important;
  border-radius: 0 !important;

  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.03em !important;
}


/* -----------------------------------------
   スマホ調整
----------------------------------------- */

@media (max-width: 767px) {
  body.single-post .entry-body h2,
  body.single-post .entry-content h2,
  body.single-post .post-content h2 {
    margin: 42px 0 20px !important;
    padding: 15px 18px 15px 20px !important;

    font-size: 21px !important;
    line-height: 1.55 !important;
    border-left-width: 6px !important;
    border-radius: 10px !important;
  }

  body.single-post .entry-body h3,
  body.single-post .entry-content h3,
  body.single-post .post-content h3 {
    margin: 32px 0 14px !important;
    padding-left: 13px !important;

    font-size: 18.5px !important;
    line-height: 1.6 !important;
    border-left-width: 4px !important;
  }

  body.single-post .entry-body h4,
  body.single-post .entry-content h4,
  body.single-post .post-content h4 {
    margin: 26px 0 10px !important;

    font-size: 16.5px !important;
    line-height: 1.6 !important;
  }
}


/* =========================================
   TOPページ「新着ブログ」下：ブログ一覧へボタン
   ※HTML差し替えなし
   ※ヘッダーメニュー・サイドバーには影響させない
========================================= */

/* 既存の text-right を中央揃えに上書き */
body.home #ltg_post_list-2 > .pt_0 > .text-right {
  text-align: center !important;
  margin: 42px 0 12px !important;
  padding: 0 !important;
}

/* 「ブログ一覧へ ➡」ボタン本体 */
body.home #ltg_post_list-2 > .pt_0 > .text-right > a.btn.btn-default.btn-xs[href="https://kubota-ryuji.com/information/"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  min-width: 230px !important;
  padding: 15px 30px !important;

  border: 1.5px solid #222 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #222 !important;

  font-size: 0 !important; /* 既存テキストを見た目上だけ置き換える */
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;

  text-decoration: none !important;
  box-shadow: none !important;

  transition:
    background-color 0.35s ease,
    color 0.35s ease,
    border-color 0.35s ease,
    transform 0.35s ease !important;
}

/* テキストをCSSで再表示 */
body.home #ltg_post_list-2 > .pt_0 > .text-right > a.btn.btn-default.btn-xs[href="https://kubota-ryuji.com/information/"]::before {
  content: "ブログ一覧へ" !important;
  display: inline-block !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;
}

/* 矢印 */
body.home #ltg_post_list-2 > .pt_0 > .text-right > a.btn.btn-default.btn-xs[href="https://kubota-ryuji.com/information/"]::after {
  content: "→" !important;
  display: inline-block !important;

  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  transition: transform 0.35s ease !important;
}

/* hover時 */
body.home #ltg_post_list-2 > .pt_0 > .text-right > a.btn.btn-default.btn-xs[href="https://kubota-ryuji.com/information/"]:hover {
  background: #337ab7 !important;
  border-color: #337ab7 !important;
  color: #fff !important;

  text-decoration: none !important;
  transform: translateY(-2px) !important;
}

/* hover時：矢印だけ少し右へ */
body.home #ltg_post_list-2 > .pt_0 > .text-right > a.btn.btn-default.btn-xs[href="https://kubota-ryuji.com/information/"]:hover::after {
  transform: translateX(5px) !important;
}


/* =========================================
   上書き用：ブログ一覧へボタンを2列全体の中央に配置
   ※前のCSSは消さず、このコードを一番下に追加
========================================= */

body.home #ltg_post_list-2 > .pt_0 > .text-right {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  text-align: center !important;
  justify-self: stretch !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ボタン本体も中央固定 */
body.home #ltg_post_list-2 > .pt_0 > .text-right > a.btn.btn-default.btn-xs[href="https://kubota-ryuji.com/information/"] {
  margin-left: auto !important;
  margin-right: auto !important;
}