@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* noto-sans-jp-100 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-jp-v52-japanese-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
/* noto-sans-jp-200 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/noto-sans-jp-v52-japanese-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
/* noto-sans-jp-300 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-jp-v52-japanese-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
/* noto-sans-jp-regular - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-jp-v52-japanese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
/* noto-sans-jp-500 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-jp-v52-japanese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
/* noto-sans-jp-600 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-jp-v52-japanese-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
/* noto-sans-jp-700 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-jp-v52-japanese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
/* noto-sans-jp-800 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/noto-sans-jp-v52-japanese-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
/* noto-sans-jp-900 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-jp-v52-japanese-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}

/* kiwi-maru-300 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kiwi Maru';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/kiwi-maru-v14-japanese_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
/* kiwi-maru-regular - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kiwi Maru';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kiwi-maru-v14-japanese_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}
/* kiwi-maru-500 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kiwi Maru';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/kiwi-maru-v14-japanese_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-display: swap;
}

body{
    overflow-x: hidden !important;
		overflow-y: scroll !important;
		-webkit-overflow-scrolling: touch;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/************************************
** 投稿記事デザイン（フラット / ブランドティール）2026 リニューアル
** 対象: body.single-post のみ（固定ページ・LPには影響させない）
**  - グラデーション/強い影を排し、フラットな編集メディア的デザインに
**  - アクセントはサイト本体（トップページ）と統一したティール系
**  - 旧デザイン(#F9D923ベース)と .global-game / marker の重複定義を統合
************************************/

body.single-post {
  /* カラートークン（このスコープ内で完結。front-page.css の変数には依存しない） */
  --pd-accent:       #1E9494; /* ブランドティール */
  --pd-accent-deep:  #167C7C;
  --pd-accent-dark:  #106464;
  --pd-accent-50:    #EDF8F8;
  --pd-accent-100:   #C8EEEE;

  --pd-bg:           #F9F8F6; /* ページ背景（オフホワイト） */
  --pd-surface:      #ffffff; /* 記事面 */
  --pd-surface-soft: #FBFAF8;

  --pd-text:         #1A1918; /* 見出し */
  --pd-text-body:    #3E3D39; /* 本文 */
  --pd-text-sub:     #5C5A55;
  --pd-text-soft:    #7D7A74; /* メタ情報 */
  --pd-border:       #E4E1DC;

  --pd-radius-lg:    16px;
  --pd-radius-md:    12px;

  background: var(--pd-bg);
  color: var(--pd-text-body);
  font-family: 'Noto Sans JP', sans-serif;
}

/* ヘッダー/フッターを背景になじませる（フラット） */
body.single-post #header-container,
body.single-post header,
body.single-post .header-container,
body.single-post #footer,
body.single-post footer,
body.single-post .footer {
  background: var(--pd-bg) !important;
  box-shadow: none !important;
  border: none !important;
}

/* 全体の文字色・書体 */
body.single-post .main,
body.single-post .article,
body.single-post .entry-content {
  color: var(--pd-text-body);
  font-family: 'Noto Sans JP', sans-serif;
}

/* 記事本体：白面＋薄い枠のみ（影なし＝フラット） */
body.single-post .article {
  background: var(--pd-surface);
  border: 1px solid var(--pd-border);
  border-radius: var(--pd-radius-lg);
  box-shadow: none;
  padding: 40px 44px 48px;
}

/* 記事上部メタ */
body.single-post .entry-categories,
body.single-post .post-date,
body.single-post .entry-meta,
body.single-post .author-info {
  color: var(--pd-text-soft);
  font-size: 14px;
  letter-spacing: 0.01em;
}

/* カテゴリはフラットなタグ表現 */
body.single-post .entry-categories a {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 999px;
  background: var(--pd-accent-50);
  color: var(--pd-accent-deep);
  font-size: 12px;
  text-decoration: none;
}

/* タイトル */
body.single-post .entry-title {
  margin: 0 0 22px;
  padding: 0;
  background: none;
  border: none;
  font-size: clamp(28px, 3.8vw, 40px);
  line-height: 1.4;
  font-weight: 700;
  color: var(--pd-text);
  letter-spacing: 0.02em;
}

/* 本文 */
body.single-post .entry-content,
body.single-post .article p,
body.single-post .article li {
  font-size: 17px;
  line-height: 2;
  color: var(--pd-text-body);
}

body.single-post .article p + p {
  margin-top: 1.1em;
}

/* リンク */
body.single-post .entry-content a {
  color: var(--pd-accent-deep);
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.18em;
}

body.single-post .entry-content a:hover {
  color: var(--pd-accent-dark);
}

/* 見出し共通 */
body.single-post .article h2,
body.single-post .article h3,
body.single-post .article h4 {
  color: var(--pd-text);
  letter-spacing: 0.01em;
  background: none;
}

/* h2: メイン見出し（下線＋ティールの短いアクセント／フラット） */
body.single-post .article h2 {
  position: relative;
  margin: 64px 0 24px;
  padding: 0 0 12px;
  border: none;
  border-bottom: 2px solid var(--pd-border);
  font-size: clamp(23px, 3vw, 30px);
  line-height: 1.5;
  font-weight: 700;
}

body.single-post .article h2::before {
  content: none; /* 旧・黄色ドットを無効化 */
}

body.single-post .article h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 72px;
  height: 2px;
  background: var(--pd-accent);
}

/* h3: セクション見出し（ティールの左バー／グラデなし） */
body.single-post .article h3 {
  position: relative;
  margin: 44px 0 18px;
  padding: 2px 0 2px 16px;
  border: none;
  border-left: 4px solid var(--pd-accent);
  background: none;
  font-size: clamp(20px, 2.3vw, 25px);
  line-height: 1.6;
  font-weight: 700;
  color: var(--pd-text);
}

body.single-post .article h3::before {
  content: none; /* 旧・グラデバーを無効化 */
}

body.single-post .article h3 + p {
  margin-top: 0;
}

/* h4: 小見出し（ミニ左バー） */
body.single-post .article h4 {
  margin: 30px 0 12px;
  padding: 4px 0 4px 12px;
  border: none;
  border-left: 4px solid var(--pd-accent);
  background: none;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 700;
  color: var(--pd-text);
}

body.single-post .article h4::before {
  content: none;
}

/* 箇条書き */
body.single-post .article ul,
body.single-post .article ol {
  padding-left: 1.4em;
}

body.single-post .article li::marker {
  color: var(--pd-accent);
}

body.single-post .article li + li {
  margin-top: .4em;
}

/* マーカー（フラットなティール蛍光。旧・黄色グラデを上書き） */
body.single-post .article mark,
body.single-post mark,
body.single-post .marker,
body.single-post .marker-yellow {
  background: var(--pd-accent-100) !important;
  background-image: none !important;
  color: inherit !important;
  padding: 0 .2em;
  border-radius: 4px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* 引用（フラット・左ティールバー） */
body.single-post .article blockquote {
  margin: 30px 0;
  padding: 20px 24px;
  background: var(--pd-surface-soft);
  border: 1px solid var(--pd-border);
  border-left: 4px solid var(--pd-accent);
  border-radius: var(--pd-radius-md);
  box-shadow: none;
  color: var(--pd-text-sub);
}

/* 画像（控えめな角丸・影なし） */
body.single-post .entry-content img,
body.single-post .wp-block-image img,
body.single-post .wp-block-media-text__media img,
body.single-post .wp-block-media-text__media video {
  border-radius: 10px;
}

body.single-post .wp-block-image,
body.single-post .wp-block-media-text {
  margin-top: 28px;
  margin-bottom: 28px;
}

/* ボタン（フラット・ベタ塗りティール） */
body.single-post .wp-block-button__link,
body.single-post .btn-wrap a,
body.single-post a.wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 30px;
  border: none;
  border-radius: 999px;
  background: var(--pd-accent);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
  transition: background .2s ease;
}

body.single-post .wp-block-button__link:hover,
body.single-post .btn-wrap a:hover,
body.single-post a.wp-block-button__link:hover {
  background: var(--pd-accent-deep);
}

/* 区切り線（細い実線） */
body.single-post .article hr,
body.single-post .wp-block-separator {
  border: none;
  height: 1px;
  background: var(--pd-border);
  margin: 42px 0;
}

/* 表（フラット・ティールヘッダー） */
body.single-post .article table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--pd-border);
  border-radius: var(--pd-radius-md);
  overflow: hidden;
  background: #fff;
}

body.single-post .article th,
body.single-post .article td {
  padding: 12px 14px;
  border: 1px solid var(--pd-border);
}

body.single-post .article th {
  background: var(--pd-accent-50);
  color: var(--pd-text);
  font-weight: 700;
  text-align: left;
}

/* 関連記事・下部ナビ（フラット） */
body.single-post .related-entry-card-wrap,
body.single-post .related-list,
body.single-post .pager-post-navi,
body.single-post .comment-box {
  background: var(--pd-surface);
  border: 1px solid var(--pd-border);
  border-radius: var(--pd-radius-md);
  box-shadow: none;
  padding: 20px;
}

/* サイドバー ウィジェット */
body.single-post .widget {
  background: var(--pd-surface);
  border: 1px solid var(--pd-border);
  border-radius: var(--pd-radius-md);
  padding: 20px;
  box-shadow: none;
}

/************************************
** .global-game カード：フラット・ティール版に再設計
** （投稿内で使うメディア&テキストの強調カード。旧・黄色グラデ3定義を統合）
************************************/
.global-game {
  background: #ffffff !important;
  border: 1px solid #E4E1DC !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  overflow: hidden;
  padding: 26px 28px !important;
  position: relative;
}

/* 上部のティールアクセント（フラット） */
.global-game::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #1E9494;
  opacity: 1;
}

.global-game.wp-block-media-text {
  gap: 30px !important;
  align-items: center;
  border: none !important;
  grid-template-columns: 260px 1fr !important;
}

.global-game .wp-block-media-text__media img,
.global-game img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px !important;
  box-shadow: none;
}

.global-game .wp-block-media-text__content {
  padding: 4px 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.global-game h2,
.global-game h3,
.global-game h4 {
  color: #1A1918;
  letter-spacing: 0.02em;
}

.global-game h2 {
  margin: 0 0 16px;
  padding: 0 0 12px;
  border: 0 !important;
  border-bottom: 2px solid #E4E1DC !important;
  background: none !important;
  font-size: clamp(22px, 2.6vw, 28px);
  line-height: 1.35;
  font-weight: 700;
  text-align: left;
  position: relative;
}

.global-game h2::before {
  display: none !important;
}

.global-game h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 64px;
  height: 2px;
  background: #1E9494;
}

.global-game p {
  margin: 0 0 1em;
  font-size: 17px;
  line-height: 1.95;
  color: #3E3D39;
  max-width: none;
}

.global-game p:last-of-type {
  margin-bottom: 0;
}

.global-game a {
  color: #167C7C;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.16em;
}

.global-game .wp-block-buttons,
.global-game .wp-block-button {
  margin-top: 24px;
  margin-bottom: 0;
  justify-content: flex-start;
}

.global-game .wp-block-button__link,
.global-game .btn-wrap a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  min-height: 54px;
  padding: 14px 30px;
  border: none !important;
  border-radius: 999px;
  background: #1E9494 !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
  transition: background .2s ease;
}

.global-game .wp-block-button__link:hover,
.global-game .btn-wrap a:hover {
  background: #167C7C !important;
}

/************************************
** レスポンシブ
************************************/
@media screen and (max-width: 834px) {
  body.single-post .article {
    padding: 30px 22px 36px;
    border-radius: 14px;
  }

  body.single-post .entry-content,
  body.single-post .article p,
  body.single-post .article li {
    font-size: 16px;
    line-height: 1.95;
  }

  body.single-post .article h2 {
    margin-top: 50px;
  }

  body.single-post .article h3 {
    margin-top: 38px;
    padding-left: 14px;
  }

  .global-game {
    padding: 22px 20px !important;
    border-radius: 14px !important;
  }

  .global-game.wp-block-media-text {
    gap: 20px !important;
    grid-template-columns: 1fr !important;
  }

  .global-game .wp-block-media-text__content {
    padding: 0 !important;
  }

  .global-game p {
    font-size: 16px;
  }

  .global-game .wp-block-button__link,
  .global-game .btn-wrap a {
    width: 100%;
    min-width: 0;
  }
}

@media screen and (max-width: 480px) {
  body.single-post .article {
    padding: 24px 16px 30px;
    border-radius: 12px;
  }

  body.single-post .entry-title {
    font-size: 26px;
    line-height: 1.45;
  }

  body.single-post .article h2 {
    font-size: 22px;
  }

  body.single-post .article h3 {
    font-size: 20px;
    line-height: 1.5;
  }

  .global-game {
    padding: 18px 16px !important;
  }

  .global-game h2 {
    font-size: 22px;
  }
}

/************************************
** 投稿内ボタン：色分けを保ちつつフラット化
**  - ブロックで指定した背景色（青/緑など）はそのまま活かす
**  - 影・立体・光沢を除去し、フラットなベタ塗りに
**  - ホバーは軽く暗くするだけ（浮き上がりなし）
**  ※ .global-game 内のボタンは上のティール指定を優先
************************************/
body.single-post .wp-block-button__link,
body.single-post .wp-block-button a,
body.single-post .btn-wrap a {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  border: none !important;
  border-radius: 999px !important;
  transition: filter .2s ease, background-color .2s ease !important;
}

body.single-post .wp-block-button__link:hover,
body.single-post .wp-block-button a:hover,
body.single-post .btn-wrap a:hover {
  filter: brightness(0.94) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ボタンを包む要素側の影・立体も除去 */
body.single-post .wp-block-butt
/************************************
** 内部送客モジュール（記事内クロスセル）
**  - サービス色: SUPER SCHOOL=青 #2F6FB0 / GLOBAL GAME=緑 #5E9E2E（ティールとは別のフラット系）
**  - .is-school / .is-game を付けて色を切替
**  - カスタムHTMLブロックに貼り付けて使用（再利用ブロック/パターン化推奨）
**  ※ Cocoonの「.article a」リンク装飾に勝つよう優先度を上げ、要所に !important を付与
************************************/

/* ---- 送客ボタン（案2：左アクセント帯＋補足） ---- */
body.single-post .entry-content a.coco-cta {
  --coco-c: #1E9494;
  display: flex !important;
  align-items: center;
  gap: 14px;
  background: #fff !important;
  border: 1px solid #E4E1DC !important;
  border-left: 6px solid var(--coco-c) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  margin: 12px 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background .2s ease, box-shadow .2s ease;
}
body.single-post .entry-content a.coco-cta:hover {
  background: #fafafa !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.05);
  text-decoration: none !important;
}
body.single-post .entry-content a.coco-cta .coco-cta__body {
  flex: 1;
}
body.single-post .entry-content a.coco-cta .coco-cta__title {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #1A1918 !important;
  line-height: 1.5;
  text-decoration: none !important;
}
body.single-post .entry-content a.coco-cta .coco-cta__sub {
  display: block;
  font-size: 12.5px;
  color: #7D7A74 !important;
  margin-top: 2px;
  line-height: 1.4;
  text-decoration: none !important;
}
body.single-post .entry-content a.coco-cta::after {
  content: "→";
  margin-left: auto;
  flex: none;
  color: var(--coco-c);
  font-size: 18px;
}
body.single-post .entry-content a.coco-cta.is-school { --coco-c: #2F6FB0; }
body.single-post .entry-content a.coco-cta.is-game   { --coco-c: #5E9E2E; }

/* ---- 送客バナー（案Y：淡色バンド） ---- */
body.single-post .entry-content .coco-band {
  --coco-c: #1E9494;
  --coco-bg: #EDF8F8;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  background: var(--coco-bg) !important;
  border-radius: 12px;
  padding: 18px 20px;
  margin: 24px 0;
}
body.single-post .entry-content .coco-band .coco-band__main {
  flex: 1;
  min-width: 220px;
}
body.single-post .entry-content .coco-band .coco-band__label {
  font-size: 12px;
  font-weight: 700;
  color: var(--coco-c);
  margin-bottom: 4px;
}
body.single-post .entry-content .coco-band .coco-band__title {
  font-size: 16px;
  font-weight: 700;
  color: #1A1918;
  line-height: 1.5;
}
body.single-post .entry-content .coco-band .coco-band__text {
  font-size: 13px;
  color: #5C5A55;
  line-height: 1.6;
  margin-top: 2px;
}
body.single-post .entry-content a.coco-band__btn {
  flex: none;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: var(--coco-c) !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: filter .2s ease;
}
body.single-post .entry-content a.coco-band__btn:hover {
  filter: brightness(.94);
  text-decoration: none !important;
}
body.single-post .entry-content .coco-band.is-school { --coco-c: #2F6FB0; --coco-bg: #EAF1F9; }
body.single-post .entry-content .coco-band.is-game   { --coco-c: #5E9E2E; --coco-bg: #EEF6E6; }

/* スマホ */
@media screen and (max-width: 600px) {
  body.single-post .entry-content .coco-band { flex-direction: column; align-items: stretch; }
  body.single-post .entry-content a.coco-band__btn { justify-content: center; }
}

/* フッターロゴのサイズ調整 */
.footer-bottom-logo img,
.logo-footer img,
img.footer-site-logo-image {
  width: 180px !important;
  height: auto !important;
  max-width: 60%;
}

/************************************
** サイドバー ウィジェット（関連記事・新着記事など）
************************************/
/* ウィジェット見出し（ミニ左バーで統一） */
body.single-post .widget .widget-title,
body.single-post .sidebar .widget-title {
  margin: 0 0 14px !important;
  padding: 2px 0 2px 12px !important;
  background: none !important;
  border: none !important;
  border-left: 4px solid var(--pd-accent) !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--pd-text) !important;
}
/* 記事カードのリンク：区切りを薄い線に */
body.single-post .widget .widget-entry-cards .a-wrap {
  border: none !important;
  border-bottom: 1px solid var(--pd-border) !important;
  padding: 10px 0 !important;
}
/* サムネイル角丸 */
body.single-post .widget .card-thumbnail img,
body.single-post .widget .widget-entry-card-thumbnail img {
  border-radius: 8px !important;
}
/* タイトル文字 */
body.single-post .widget .card-title,
body.single-post .widget .entry-card-title {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--pd-text-body) !important;
}
/* ホバー */
body.single-post .widget .a-wrap:hover .card-title {
  color: var(--pd-accent-deep) !important;
}