/*
 Theme Name: Cocoon Child
 Template: cocoon-master
 Version: 1.0
*/
@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
/* =========================================================
   冬色の実験室：追加CSS 整理版 v1
   変更内容：購入先リンクボックス重複削除／星評価スマホCSS一本化
   方針：見た目は大きく変えず、今後の改修前にCSSを整流化
========================================================= */

/* =========================================================
   冬色の実験室：全体・記事表示
========================================================= */

.entry-content {
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック体", "Noto Sans JP", sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(16px, 15px + 0.4vw, 18px);
  line-height: 2;
  letter-spacing: 0.025em;
  color: #222;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", Arial, sans-serif !important;
  font-weight: 600 !important;
}

/* Cocoonの見出し装飾を無効化 */
.article h2::before,
.article h2::after,
.article h3::before,
.article h3::after,
.entry-content h2::before,
.entry-content h2::after,
.entry-content h3::before,
.entry-content h3::after {
  content: none !important;
  display: none !important;
}

[class*="h2-"],
[class*="h3-"] {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* H2：左ライン＋薄い帯 */
.entry-content h2,
.entry-content h2.wp-block-heading {
  border-left: 4px solid #aeb6bf !important;
  padding: 0.6em 0.6em 0.5em 1em !important;
  margin: 2.4em 0 1.4em !important;
  background: linear-gradient(to right, rgba(174, 182, 191, 0.10), rgba(174, 182, 191, 0)) !important;
  color: #222;
  font-size: clamp(1.5rem, 1.2rem + 1vw, 1.9rem);
  line-height: 1.7;
  letter-spacing: 0.04em;
}

/* H3：左ライン＋薄い帯 */
.entry-content h3,
.entry-content h3.wp-block-heading {
  border-left: 3px solid #c0c6cc !important;
  padding: 0.5em 0.5em 0.4em 1em !important;
  margin: 2em 0 1.2em !important;
  background: linear-gradient(to right, rgba(192, 198, 204, 0.08), rgba(192, 198, 204, 0)) !important;
  color: #333;
  font-size: clamp(1.3rem, 1.1rem + 0.8vw, 1.6rem);
  line-height: 1.6;
  letter-spacing: 0.04em;
}

/* 星評価・本文の行間調整 */
.entry-content p {
  margin-bottom: 0.6em;
}

.entry-content br {
  line-height: 1.4;
}

.star-rating p {
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.entry-content h3 + p,
.entry-content h3 + p + p,
.entry-content h3 + p + p + p,
.entry-content h3 + p + p + p + p,
.entry-content h3 + p + p + p + p + p,
.entry-content h3 + p + p + p + p + p + p {
  margin-bottom: 0.35em;
}

/* =========================================================
   楽天リンク・広告枠のはみ出し防止
========================================================= */

.rakuten-box {
  max-width: 100%;
  overflow: hidden;
}

.rakuten-box img,
.rakuten-box table,
.rakuten-box iframe {
  max-width: 100% !important;
}

.rakuten-box img {
  height: auto !important;
}

.rakuten-box table,
.rakuten-box iframe {
  width: 100% !important;
}

@media screen and (max-width: 834px) {
  .rakuten-box table,
  .rakuten-box tbody,
  .rakuten-box tr,
  .rakuten-box td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .rakuten-box td {
    padding: 8px 0 !important;
  }
}

/* =========================================================
   カテゴリラベル・アーカイブ・記事カード
========================================================= */

.a-wrap .cat-label,
.entry-card .cat-label,
.single .eye-catch .cat-label {
  position: static !important;
  display: inline-block;
  background: #f5f5f5 !important;
  color: #555 !important;
  font-size: 12px;
  padding: 4px 8px;
  border: none !important;
  border-radius: 3px;
  margin-bottom: 6px;
}

.single .eye-catch .cat-label {
  margin-bottom: 10px;
  padding: 3px 8px;
}

.entry-categories a,
.cat-label {
  background-color: rgba(0, 0, 0, 0.04) !important;
  color: #888 !important;
  border: none !important;
}

.entry-categories a {
  padding: 3px 8px;
  font-size: 12px;
  border-radius: 2px;
}

.archive-title .fa-folder-open {
  display: none;
}

.archive-title {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 0.04em;
}

.entry-card-wrap {
  margin-bottom: 35px;
}

.entry-card-thumb {
  margin-bottom: 8px;
}

.entry-card-thumb img {
  height: auto;
}

.entry-card-title {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.entry-card-snippet {
  color: #666;
  font-size: 14px;
  line-height: 1.7;
}

.entry-card-meta {
  color: #999;
  font-size: 12px;
}

/* =========================================================
   補足メモ
========================================================= */

.affiliate-note,
.ai-note {
  color: #888;
  font-size: 0.85em;
  line-height: 1.6;
}

.affiliate-note {
  margin-top: 10px;
}

.ai-note {
  margin-top: 6px;
}

/* =========================================================
   プロフィール固定ページ調整
========================================================= */

.page-id-109 .entry-content h2,
.page-id-109 .entry-content h3 {
  letter-spacing: 0.02em;
}

.page-id-109 .entry-content p,
.page-id-109 .entry-content li {
  line-height: 1.8;
}

.page-id-109 .entry-content ul {
  margin-top: 0.4em;
  margin-bottom: 1.2em;
  padding-left: 1.4em;
}

.page-id-109 .entry-content li {
  margin-bottom: 0.65em;
}

.page-id-109 .entry-content a {
  color: #5f6775 !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(95, 103, 117, 0.35);
}

.page-id-109 .entry-content a:hover {
  color: #2f3440 !important;
  border-bottom-color: rgba(47, 52, 64, 0.55);
}

/* =========================================================
   Cocoonおすすめカード：トップ用アイコンカード化
========================================================= */

#recommended,
.recommended {
  margin: 28px auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
}

#recommended .navi-entry-cards,
.recommended .navi-entry-cards,
#recommended .widget-entry-cards,
.recommended .widget-entry-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 auto !important;
  padding: 0 22px !important;
  background: transparent !important;
}

#recommended .navi-entry-card-link,
.recommended .navi-entry-card-link,
#recommended .widget-entry-card-link,
.recommended .widget-entry-card-link,
#recommended .a-wrap,
.recommended .a-wrap {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  text-decoration: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  overflow: visible !important;
}

#recommended .navi-entry-card,
.recommended .navi-entry-card,
#recommended .widget-entry-card,
.recommended .widget-entry-card,
#recommended .e-card,
.recommended .e-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 122px !important;
  padding: 14px 10px !important;
  background: #ffffff !important;
  border: 1px solid #e4e5eb !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: none !important;
  animation: none !important;
}

#recommended .navi-entry-card-thumb,
.recommended .navi-entry-card-thumb,
#recommended .widget-entry-card-thumb,
.recommended .widget-entry-card-thumb,
#recommended .card-thumb,
.recommended .card-thumb {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 68px !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

#recommended .navi-entry-card-thumb img,
.recommended .navi-entry-card-thumb img,
#recommended .widget-entry-card-thumb img,
.recommended .widget-entry-card-thumb img,
#recommended .card-thumb img,
.recommended .card-thumb img,
#recommended img.wp-post-image,
.recommended img.wp-post-image {
  position: static !important;
  display: block !important;
  width: 76px !important;
  height: 76px !important;
  max-width: 76px !important;
  max-height: 76px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

#recommended .navi-entry-card-content,
.recommended .navi-entry-card-content,
#recommended .widget-entry-card-content,
.recommended .widget-entry-card-content,
#recommended .card-content,
.recommended .card-content,
#recommended .navi-entry-card-title,
.recommended .navi-entry-card-title,
#recommended .widget-entry-card-title,
.recommended .widget-entry-card-title,
#recommended .card-title,
.recommended .card-title {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

#recommended .navi-entry-card-content,
.recommended .navi-entry-card-content,
#recommended .widget-entry-card-content,
.recommended .widget-entry-card-content,
#recommended .card-content,
.recommended .card-content {
  text-align: center !important;
}

#recommended .navi-entry-card-title,
.recommended .navi-entry-card-title,
#recommended .widget-entry-card-title,
.recommended .widget-entry-card-title,
#recommended .card-title,
.recommended .card-title {
  color: #2f3238 !important;
  text-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

/* 黒帯・グレー被せ・グラデーションを消す */
#recommended .navi-entry-card::before,
#recommended .navi-entry-card::after,
#recommended .widget-entry-card::before,
#recommended .widget-entry-card::after,
#recommended .e-card::before,
#recommended .e-card::after,
#recommended .navi-entry-card-thumb::before,
#recommended .navi-entry-card-thumb::after,
#recommended .widget-entry-card-thumb::before,
#recommended .widget-entry-card-thumb::after,
#recommended .card-thumb::before,
#recommended .card-thumb::after,
.recommended .navi-entry-card::before,
.recommended .navi-entry-card::after,
.recommended .widget-entry-card::before,
.recommended .widget-entry-card::after,
.recommended .e-card::before,
.recommended .e-card::after,
.recommended .navi-entry-card-thumb::before,
.recommended .navi-entry-card-thumb::after,
.recommended .widget-entry-card-thumb::before,
.recommended .widget-entry-card-thumb::after,
.recommended .card-thumb::before,
.recommended .card-thumb::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

@media screen and (min-width: 768px) {
  #recommended .navi-entry-cards,
  .recommended .navi-entry-cards,
  #recommended .widget-entry-cards,
  .recommended .widget-entry-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    padding: 0 36px !important;
  }

  #recommended .navi-entry-card,
  .recommended .navi-entry-card,
  #recommended .widget-entry-card,
  .recommended .widget-entry-card,
  #recommended .e-card,
  .recommended .e-card {
    min-height: 130px !important;
  }
}

/* おすすめカード用固定ページだけ、本文上の大きなアイキャッチを非表示 */
.page-id-228 .eye-catch-wrap,
.page-id-4588 .eye-catch-wrap,
.page-id-4558 .eye-catch-wrap,
.page-id-4538 .eye-catch-wrap {
  display: none !important;
}

/* =========================================================
   トップ：ヒーロー
========================================================= */

.fuyuiro-hero {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 42px;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #f7f8fb;
}

.fuyuiro-hero-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.fuyuiro-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.84) 0%,
    rgba(255, 255, 255, 0.62) 36%,
    rgba(255, 255, 255, 0.12) 72%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
}

.fuyuiro-hero-text {
  position: absolute;
  z-index: 2;
  left: 7.5%;
  top: 17%;
  width: 50%;
  font-family: "Zen Kaku Gothic New", "Zen Kaku Gothic Antique", "Noto Sans JP", sans-serif;
  color: #4f5363;
}

.fuyuiro-hero-title {
  margin: 0 0 0.45em;
  font-size: clamp(1.8rem, 5.2vw, 3.1rem);
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.35;
}

.fuyuiro-hero-subtitle {
  margin: 0 0 1.45em;
  color: #6f7284;
  font-size: clamp(0.78rem, 2.1vw, 1.05rem);
  font-weight: 400;
  letter-spacing: 0.12em;
}

.fuyuiro-hero-lead {
  margin: 0 0 1.45em;
  color: #505565;
  font-size: clamp(0.84rem, 2.5vw, 1rem);
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.06em;
}

.fuyuiro-hero-button,
.fuyuiro-review-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.1em;
  min-width: 220px;
  padding: 0.86em 1.7em;
  border: none !important;
  border-radius: 999px;
  background: #9394bb !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(105, 108, 145, 0.2) !important;
  font-size: clamp(0.88rem, 2.5vw, 1rem);
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}

.fuyuiro-hero-button span {
  font-size: 1.35em;
  line-height: 1;
}

.fuyuiro-hero-button:link,
.fuyuiro-hero-button:visited,
.fuyuiro-hero-button:focus,
.fuyuiro-review-button:link,
.fuyuiro-review-button:visited,
.fuyuiro-review-button:focus {
  background: #9394bb !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.fuyuiro-hero-button:hover,
.fuyuiro-review-button:hover {
  background: #8789b0 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.fuyuiro-hero-button:active,
.fuyuiro-review-button:active {
  background: #7f82aa !important;
  color: #ffffff !important;
  transform: translateY(0);
}

.fuyuiro-hero-button:focus-visible,
.fuyuiro-review-button:focus-visible {
  outline: 2px solid rgba(147, 148, 187, 0.45);
  outline-offset: 3px;
}

.fuyuiro-review-button-wrap {
  margin: 22px auto;
  padding: 0 28px;
  text-align: center;
}

.fuyuiro-review-button::after {
  content: "›";
  margin-left: 18px;
  font-size: 26px;
  line-height: 1;
  transform: translateY(-1px);
}

@media screen and (max-width: 600px) {
  .fuyuiro-hero {
    margin-bottom: 34px;
    aspect-ratio: 5 / 4;
  }

  .fuyuiro-hero-text {
    left: 7%;
    top: 13.5%;
    width: 57%;
  }

  .fuyuiro-hero-title {
    font-size: 1.45rem;
    letter-spacing: 0.12em;
  }

  .fuyuiro-hero-subtitle {
    margin-bottom: 1.15em;
    font-size: 0.68rem;
  }

  .fuyuiro-hero-lead {
    margin-bottom: 1.25em;
    font-size: 0.74rem;
    line-height: 1.72;
  }

  .fuyuiro-hero-button,
  .fuyuiro-review-button {
    min-width: 178px;
    padding: 0.75em 1.25em;
    font-size: 0.8rem;
  }
}

/* =========================================================
   トップ：新着レビュー
========================================================= */

.fuyuiro-new-review-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 36px auto 18px;
  padding: 0 28px;
}

.fuyuiro-new-review-title span {
  display: block;
  flex: 1;
  height: 1px;
  background: #e3e4ea;
}

.fuyuiro-new-review-title h2 {
  margin: 0;
  color: #2f3238;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.12em;
  white-space: nowrap;
}

.home .entry-card-wrap:nth-of-type(n+4) {
  display: none !important;
}

.fuyuiro-more-button-wrap {
  margin: 24px auto 36px;
  padding: 0 28px;
  text-align: center;
}

.fuyuiro-more-button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 320px;
  min-height: 46px;
  margin: 0 auto;
  padding: 0 22px;
  background: #ffffff;
  color: #7f849c !important;
  border: 1px solid #cfd2dd;
  border-radius: 999px;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.fuyuiro-more-button::after {
  content: "›";
  margin-left: 14px;
  font-size: 22px;
  line-height: 1;
  transform: translateY(-1px);
}

.fuyuiro-more-button:hover {
  opacity: 0.88;
}

/* =========================================================
   トップ：ABOUT / REVIEW POINT カード
========================================================= */

.fuyuiro-top-lead {
  max-width: 620px;
  margin: 18px auto 12px;
  padding: 0 34px;
  color: #6b717c;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.05em;
  text-align: center;
}

.fuyuiro-intro-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(220px, 0.85fr);
  align-items: center;
  gap: 28px;
  max-width: 760px;
  margin: 34px auto 36px;
  padding: 30px 34px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid #e4e5eb;
  border-radius: 18px;
  box-shadow: 0 18px 38px rgba(120, 128, 150, 0.08);
  overflow: hidden;
}

.fuyuiro-intro-content {
  position: relative;
  z-index: 2;
}

.fuyuiro-intro-label {
  margin: 0 0 14px;
  color: #8a90a0;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.18em;
  line-height: 1.4;
  text-transform: uppercase;
}

.fuyuiro-intro-title {
  margin: 0;
  color: #2f3238;
  font-size: clamp(19px, 2.4vw, 25px);
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.fuyuiro-intro-text {
  margin: 16px 0 0;
  color: #606775;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.04em;
}

.fuyuiro-intro-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.fuyuiro-intro-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px;
  border: 1px solid #e1e3ea;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: #6f7480;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.fuyuiro-intro-visual {
  position: relative;
  z-index: 1;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
}

.fuyuiro-intro-visual img {
  display: block;
  width: 100%;
  max-width: 280px;
  height: auto;
  border-radius: 14px;
  object-fit: cover;
}

@media screen and (min-width: 835px) {
  .fuyuiro-intro-visual img {
    transform: translateX(8px);
  }
}

@media screen and (max-width: 834px) {
  .fuyuiro-intro-card {
    grid-template-columns: 1fr;
    gap: 18px;
    margin: 22px 16px 32px;
    padding: 26px 20px 22px;
    text-align: center;
  }

  .fuyuiro-intro-label {
    margin-bottom: 14px;
  }

  .fuyuiro-intro-title {
    line-height: 1.75;
  }

  .fuyuiro-intro-text {
    margin-top: 16px;
    line-height: 1.9;
    text-align: left;
  }

  .fuyuiro-intro-tags {
    justify-content: center;
    gap: 7px;
    margin-top: 18px;
  }

  .fuyuiro-intro-tags span {
    font-size: 11px;
    padding: 5px 10px;
  }

  .fuyuiro-intro-visual {
    order: -1;
    min-height: 0;
    margin: -4px -4px 4px;
  }

  .fuyuiro-intro-visual img {
    width: 100%;
    max-width: 100%;
    max-height: 150px;
    border-radius: 14px;
    object-fit: cover;
    object-position: center;
  }
}

/* =========================================================
   Cocoon標準ヘッダー非表示
========================================================= */

.logo-header {
  display: none !important;
}

.home #header-container,
.home #header,
.home .header,
.home .header-in,
.home .logo-header {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ==================================================
   iPad・PC：ヒーローをさらに横長にする上書き
================================================== */

@media screen and (min-width: 768px) {
  .fuyuiro-hero {
    aspect-ratio: 2 / 1 !important;
    max-height: 560px;
  }
}
/* ==================================================
   冬色の実験室：星評価ボックス
================================================== */

.fuyuiro-rating-box {
  margin: 28px 0 34px;
  padding: 20px 18px;
  background: #fafbfc;
  border: 1px solid #e4e6ec;
  border-radius: 14px;
}

.fuyuiro-rating-title {
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #3a3e48;
}

.fuyuiro-rating-item {
  display: grid;
  grid-template-columns: 6em 6em 1fr;
  gap: 10px;
  align-items: baseline;
  padding: 8px 0;
  border-top: 1px solid rgba(220, 224, 232, 0.75);
}

.fuyuiro-rating-item:first-of-type {
  border-top: none;
}

.fuyuiro-rating-label {
  font-size: 13px;
  font-weight: 500;
  color: #3f4450;
}

.fuyuiro-rating-stars {
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #8f91b2;
  white-space: nowrap;
}

.fuyuiro-rating-note {
  font-size: 13px;
  line-height: 1.6;
  color: #68707a;
}

/* スマホ表示：星評価ボックス */
@media screen and (max-width: 600px) {
  .fuyuiro-rating-box {
    padding: 18px 14px;
  }

  .fuyuiro-rating-item {
    grid-template-columns: 4.8em 1fr;
    column-gap: 12px;
    row-gap: 6px;
  }

  .fuyuiro-rating-label,
  .fuyuiro-rating-stars {
    white-space: nowrap;
  }

  .fuyuiro-rating-note {
    grid-column: 1 / -1;
    padding-left: 0;
    font-size: 12.8px;
    line-height: 1.75;
  }
}
/* =========================
   FUYUIRO LAB｜おすすめ・注意カード
========================= */

.fuyuiro-review-notes {
  margin: 2.4em 0;
  padding: 1.4em;
  border-radius: 18px;
  background: linear-gradient(135deg, #fbf9ff 0%, #f7f8fc 100%);
  border: 1px solid rgba(150, 135, 180, 0.18);
}

.fuyuiro-review-notes-title {
  margin: 0 0 1.1em;
  font-size: 1.05em;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #4d4858;
  text-align: center;
}

.fuyuiro-review-notes-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}

.fuyuiro-review-note-card {
  padding: 1.15em 1.2em;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(150, 135, 180, 0.14);
  box-shadow: 0 8px 22px rgba(70, 60, 90, 0.05);
}

.fuyuiro-review-note-heading {
  margin: 0 0 0.75em;
  font-size: 0.98em;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #4b4658;
}

.fuyuiro-review-note-list {
  margin: 0;
  padding-left: 1.15em;
}

.fuyuiro-review-note-list li {
  margin: 0.45em 0;
  line-height: 1.75;
  color: #55515f;
}

.fuyuiro-review-note-list li::marker {
  color: #9b8fba;
}

@media screen and (max-width: 768px) {
  .fuyuiro-review-notes {
    margin: 2em 0;
    padding: 1.1em;
    border-radius: 16px;
  }

  .fuyuiro-review-notes-grid {
    grid-template-columns: 1fr;
    gap: 0.9em;
  }

  .fuyuiro-review-note-card {
    padding: 1em;
  }
}
/* =========================
   FUYUIRO LAB｜商品メモカード
========================= */

.fuyuiro-product-info {
  margin: 1.8em 0 2.2em;
  padding: 1.35em 1.35em 1.45em;
  border-radius: 18px;
  background: linear-gradient(135deg, #fbfaff 0%, #f8f8fb 100%);
  border: 1px solid rgba(160, 150, 180, 0.18);
  box-shadow: 0 10px 26px rgba(65, 60, 85, 0.05);
}

.fuyuiro-info-label {
  margin: 0 0 1em;
  font-size: 0.88em;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #6f687c;
}

.fuyuiro-info-list {
  margin: 0;
  padding: 0;
}

.fuyuiro-info-list div {
  display: grid;
  grid-template-columns: 7.2em 1fr;
  column-gap: 0.9em;
  padding: 0.62em 0;
  border-top: 1px solid rgba(160, 150, 180, 0.14);
}

.fuyuiro-info-list div:first-child {
  border-top: none;
  padding-top: 0;
}

.fuyuiro-info-list div:last-child {
  padding-bottom: 0;
}

.fuyuiro-info-list dt {
  font-weight: 600;
  color: #5c5865;
  white-space: nowrap;
}

.fuyuiro-info-list dd {
  margin: 0;
  color: #34323a;
  line-height: 1.7;
}

.fuyuiro-info-note {
  margin: 1em 0 0;
  padding-top: 0.9em;
  border-top: 1px solid rgba(160, 150, 180, 0.14);
  font-size: 0.86em;
  line-height: 1.7;
  color: #77717f;
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
  .fuyuiro-product-info {
    margin: 1.6em 0 2em;
    padding: 1.15em 1.05em 1.25em;
    border-radius: 16px;
  }

  .fuyuiro-info-label {
    margin-bottom: 0.85em;
    font-size: 0.86em;
  }

  .fuyuiro-info-list div {
    grid-template-columns: 6.6em 1fr;
    column-gap: 0.7em;
    padding: 0.58em 0;
  }

  .fuyuiro-info-list dt,
  .fuyuiro-info-list dd {
    font-size: 0.95em;
  }

  .fuyuiro-info-note {
    margin-top: 0.9em;
    padding-top: 0.85em;
    font-size: 0.84em;
  }
}

/* かなり狭い画面での保険 */
@media screen and (max-width: 380px) {
  .fuyuiro-info-list div {
    grid-template-columns: 1fr;
    row-gap: 0.18em;
  }

  .fuyuiro-info-list dt {
    white-space: normal;
  }
}
/* ==================================================
   冬色の実験室：購入先リンクボックス
================================================== */

.fuyuiro-link-box {
  margin: 28px 0 34px;
  padding: 18px 18px 16px;
  background: #fafbfc;
  border: 1px solid #e4e6ec;
  border-radius: 14px;
}

.fuyuiro-link-title {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #3a3e48;
}

.fuyuiro-link-list {
  display: grid;
  gap: 10px;
}

.fuyuiro-shop-link {
  position: relative;
  display: block;
  padding: 12px 42px 12px 16px;

  background: #ffffff;
  border: 1px solid #dfe2ea;
  border-radius: 999px;

  color: #5f6575 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none !important;
  letter-spacing: 0.04em;
}

.fuyuiro-shop-link::after {
  content: "›";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #9a9fba;
  font-size: 22px;
  line-height: 1;
}

.fuyuiro-shop-link:hover {
  border-color: #cfd2e3;
  box-shadow: 0 8px 20px rgba(120, 128, 150, 0.08);
}

@media screen and (max-width: 600px) {
  .fuyuiro-link-box {
    padding: 16px 14px 14px;
  }

  .fuyuiro-shop-link {
    font-size: 13.5px;
    padding: 11px 38px 11px 14px;
  }
}
/* ==================================================
   冬色の実験室：目次デザイン調整
   目的：Cocoon標準目次を少し軽く、上品に整える
================================================== */

.toc {
  margin: 32px auto 42px;
  padding: 26px 24px;
  max-width: 620px;
  background: #ffffff;
  border: 1px solid #dfe2ea;
  border-radius: 2px;
  box-shadow: none;
}

.toc-title {
  margin-bottom: 18px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #2f3440;
  text-align: center;
}

.toc-list,
.toc ol,
.toc ul {
  margin: 0;
  padding-left: 1.4em;
}

.toc li {
  margin: 0.72em 0;
  line-height: 1.65;
  font-size: 15.5px;
  color: #2f3440;
}

.toc a {
  color: #2f3440;
  text-decoration: none;
}

.toc a:hover {
  color: #6f7894;
  text-decoration: none;
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
  .toc {
    margin: 28px auto 38px;
    padding: 24px 22px;
  }

  .toc-title {
    font-size: 16px;
  }

  .toc li {
    font-size: 15px;
    line-height: 1.7;
  }
}
/* ==================================================
   冬色の実験室：公式画像前の余白調整
   目的：本文から公式画像・購入導線へ急に切り替わる印象をやわらげる
================================================== */

.entry-content .fuyuiro-official-title {
  margin-top: 48px !important;
  margin-bottom: 18px !important;
}

/* スマホ表示 */
@media screen and (max-width: 600px) {
  .entry-content .fuyuiro-official-title {
    margin-top: 46px !important;
    margin-bottom: 18px !important;
  }
}
/* ==================================================
   冬色の実験室：購入先リンクボックスの余白
   目的：公式画像とは近すぎず、離れすぎない距離にする
================================================== */

.entry-content .fuyuiro-link-box {
  margin-top: 30px !important;
  margin-bottom: 46px !important;
}

@media screen and (max-width: 600px) {
  .entry-content .fuyuiro-link-box {
    margin-top: 30px !important;
    margin-bottom: 44px !important;
  }
}
/* ==================================================
   冬色の実験室：おすすめ・購入前カード
   目的：おすすめ対象・使用シーン・注意点を読みやすく整理する
================================================== */

.fuyuiro-recommend-cards {
  margin: 30px 0 42px;
  display: grid;
  gap: 16px;
}

.fuyuiro-recommend-card {
  padding: 20px 20px 18px;
  background: #ffffff;
  border: 1px solid #e1e4ec;
  border-radius: 16px;
}

.fuyuiro-recommend-title {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #30343d;
}

.fuyuiro-recommend-card ul {
  margin: 0;
  padding-left: 1.2em;
}

.fuyuiro-recommend-card li {
  margin: 0.45em 0;
  line-height: 1.75;
  font-size: 14.5px;
  color: #3f4350;
}

.fuyuiro-recommend-card-note {
  background: #fafbfe;
}

/* PC・タブレットでは3枚横並び */
@media screen and (min-width: 768px) {
  .fuyuiro-recommend-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
  }
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
  .fuyuiro-recommend-cards {
    margin: 28px 0 40px;
    gap: 14px;
  }

  .fuyuiro-recommend-card {
    padding: 18px 17px 16px;
    border-radius: 15px;
  }

  .fuyuiro-recommend-title {
    font-size: 14.8px;
    margin-bottom: 10px;
  }

  .fuyuiro-recommend-card li {
    font-size: 14px;
    line-height: 1.75;
  }
}

/* ==================================================
   FUYUIRO LAB｜Phase 2：色と部品ルールの統一
   目的：既存デザインを壊さず、寒色トーンをそろえる
   使い方：既存CSSまたは整理版CSSの一番下に追記
   戻し方：このブロックを丸ごと削除
================================================== */

:root {
  --fuyuiro-ink: #2f3440;
  --fuyuiro-text: #343946;
  --fuyuiro-muted: #687082;

  --fuyuiro-accent: #97a3ba;
  --fuyuiro-accent-rgb: 151, 163, 186;
  --fuyuiro-accent-deep: #7f8ca8;

  --fuyuiro-lavender: #8f91b2;
  --fuyuiro-lavender-rgb: 143, 145, 178;

  --fuyuiro-line: #dfe4ee;
  --fuyuiro-line-soft: rgba(160, 171, 194, 0.24);

  --fuyuiro-surface: #fbfcff;
  --fuyuiro-surface-soft: #f7f9fd;

  --fuyuiro-shadow-rgb: 84, 94, 120;
}

/* ==================================================
   1. 記事見出し：既存の形を保ったまま寒色を統一
================================================== */

.entry-content h2,
.entry-content h2.wp-block-heading {
  border-left-color: var(--fuyuiro-accent) !important;
  background: linear-gradient(
    to right,
    rgba(var(--fuyuiro-accent-rgb), 0.13),
    rgba(var(--fuyuiro-accent-rgb), 0.035) 54%,
    rgba(var(--fuyuiro-accent-rgb), 0)
  ) !important;
  color: var(--fuyuiro-ink) !important;
}

.entry-content h3,
.entry-content h3.wp-block-heading {
  border-left-color: rgba(var(--fuyuiro-accent-rgb), 0.72) !important;
  background: linear-gradient(
    to right,
    rgba(var(--fuyuiro-accent-rgb), 0.085),
    rgba(var(--fuyuiro-accent-rgb), 0.02) 54%,
    rgba(var(--fuyuiro-accent-rgb), 0)
  ) !important;
  color: var(--fuyuiro-text) !important;
}

/* ==================================================
   2. 記事内の主要ボックス：枠線・背景・影の思想を統一
================================================== */

.fuyuiro-product-info,
.fuyuiro-rating-box,
.fuyuiro-link-box,
.fuyuiro-review-notes,
.fuyuiro-recommend-card,
.toc {
  border-color: var(--fuyuiro-line) !important;
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    var(--fuyuiro-surface) 100%
  ) !important;
  box-shadow: 0 12px 28px rgba(var(--fuyuiro-shadow-rgb), 0.045);
}

.fuyuiro-product-info,
.fuyuiro-rating-box,
.fuyuiro-link-box,
.fuyuiro-review-notes,
.fuyuiro-recommend-card {
  border-radius: 18px;
}

/* 目次だけは角丸を少し控えめにして、本文導線として扱う */
.toc {
  border-radius: 10px !important;
}

/* ==================================================
   3. ボックス見出し・ラベル：文字色を統一
================================================== */

.fuyuiro-info-label,
.fuyuiro-rating-title,
.fuyuiro-link-title,
.fuyuiro-review-notes-title,
.fuyuiro-recommend-title,
.fuyuiro-review-note-heading,
.toc-title {
  color: var(--fuyuiro-ink) !important;
}

.fuyuiro-info-label,
.fuyuiro-rating-title,
.fuyuiro-link-title {
  letter-spacing: 0.09em;
}

/* ==================================================
   4. 区切り線：薄い寒色グレーに統一
================================================== */

.fuyuiro-info-list div,
.fuyuiro-info-note,
.fuyuiro-rating-item {
  border-color: var(--fuyuiro-line-soft) !important;
}

/* ==================================================
   5. 星・箇条書き・購入リンク：アクセント色を統一
================================================== */

.fuyuiro-rating-stars {
  color: var(--fuyuiro-lavender) !important;
}

.fuyuiro-review-note-list li::marker,
.fuyuiro-recommend-card li::marker {
  color: var(--fuyuiro-accent-deep);
}

.fuyuiro-shop-link {
  border-color: var(--fuyuiro-line) !important;
  color: var(--fuyuiro-muted) !important;
}

.fuyuiro-shop-link::after {
  color: var(--fuyuiro-lavender) !important;
}

.fuyuiro-shop-link:hover {
  border-color: rgba(var(--fuyuiro-lavender-rgb), 0.34) !important;
  box-shadow: 0 8px 20px rgba(var(--fuyuiro-shadow-rgb), 0.07);
}

/* ==================================================
   6. 補足テキスト：読める薄さにそろえる
================================================== */

.fuyuiro-info-note,
.fuyuiro-rating-note,
.affiliate-note,
.ai-note {
  color: var(--fuyuiro-muted) !important;
}

/* ==================================================
   FUYUIRO LAB｜Phase 3：本文・画像・見出し前後の余白設計
   目的：既存デザインを壊さず、記事全体の読み心地とリズムを整える
   使い方：Phase 2 の下、または現在の追加CSSの一番下に追記
   戻し方：このブロックを丸ごと削除
================================================== */

/* ==================================================
   1. 本文段落：記事本文だけ少し余白を戻す
   ※ ボックス内のpには強く影響させないため、直下のpを中心に指定
================================================== */

.entry-content > p {
  margin-bottom: 1.05em !important;
}

/* H2/H3直後の本文は、見出しとの距離を詰めすぎず自然に */
.entry-content h2 + p,
.entry-content h3 + p {
  margin-top: 0.15em !important;
}

/* ==================================================
   2. 見出し前後：章の切り替わりを少し明確にする
================================================== */

.entry-content h2,
.entry-content h2.wp-block-heading {
  margin-top: 2.9em !important;
  margin-bottom: 1.35em !important;
}

.entry-content h3,
.entry-content h3.wp-block-heading {
  margin-top: 2.25em !important;
  margin-bottom: 1.05em !important;
}

/* 記事のかなり上にある最初のH2だけ、上に空きすぎないよう保険 */
.entry-content h2:first-of-type {
  margin-top: 2.25em !important;
}

/* ==================================================
   3. 画像前後：写真と本文の切り替わりに余白を作る
================================================== */

.entry-content > figure,
.entry-content > .wp-block-image {
  margin-top: 2.15em !important;
  margin-bottom: 2.25em !important;
}

.entry-content .wp-block-image img,
.entry-content figure img {
  display: block;
}

/* キャプションがある場合だけ、本文より少し控えめに */
.entry-content figcaption,
.entry-content .wp-block-image figcaption {
  margin-top: 0.75em;
  color: var(--fuyuiro-muted, #687082);
  font-size: 0.86em;
  line-height: 1.65;
  letter-spacing: 0.03em;
  text-align: center;
}

/* ==================================================
   4. リスト：本文中の箇条書きが詰まりすぎないよう調整
   ※ カード内リストは既存デザインを優先
================================================== */

.entry-content > ul,
.entry-content > ol {
  margin-top: 0.95em !important;
  margin-bottom: 1.55em !important;
}

.entry-content > ul li,
.entry-content > ol li {
  margin-bottom: 0.55em;
  line-height: 1.85;
}

/* ==================================================
   5. 主要ボックス前後：本文から自然に独立させる
================================================== */

.entry-content .fuyuiro-product-info,
.entry-content .fuyuiro-rating-box,
.entry-content .fuyuiro-review-notes,
.entry-content .fuyuiro-recommend-cards {
  margin-top: 2.15em !important;
  margin-bottom: 2.45em !important;
}

/* 購入リンクは既存の公式画像用余白を尊重しつつ、下だけやや余韻を残す */
.entry-content .fuyuiro-link-box {
  margin-bottom: 2.85em !important;
}

/* 目次は記事導入から本文へ切り替わる場所なので、少しだけ余白を確保 */
.entry-content .toc {
  margin-top: 2em !important;
  margin-bottom: 2.65em !important;
}

/* ==================================================
   6. スマホ：間延びしない範囲で余白を微調整
================================================== */

@media screen and (max-width: 600px) {
  .entry-content > p {
    margin-bottom: 0.98em !important;
  }

  .entry-content h2,
  .entry-content h2.wp-block-heading {
    margin-top: 2.55em !important;
    margin-bottom: 1.2em !important;
  }

  .entry-content h3,
  .entry-content h3.wp-block-heading {
    margin-top: 2.05em !important;
    margin-bottom: 0.95em !important;
  }

  .entry-content h2:first-of-type {
    margin-top: 2em !important;
  }

  .entry-content > figure,
  .entry-content > .wp-block-image {
    margin-top: 1.9em !important;
    margin-bottom: 2.05em !important;
  }

  .entry-content .fuyuiro-product-info,
  .entry-content .fuyuiro-rating-box,
  .entry-content .fuyuiro-review-notes,
  .entry-content .fuyuiro-recommend-cards {
    margin-top: 1.9em !important;
    margin-bottom: 2.2em !important;
  }

  .entry-content .fuyuiro-link-box {
    margin-bottom: 2.55em !important;
  }

  .entry-content .toc {
    margin-top: 1.8em !important;
    margin-bottom: 2.35em !important;
  }
}

/* ==================================================
   FUYUIRO LAB｜Phase 4：記事内ボックス群の見た目統一
   目的：商品メモ・星評価・購入リンク・おすすめカードを
         “同じサイトの部品”として見せる
   使い方：Phase 3 の下、または現在の追加CSSの一番下に追記
   戻し方：このブロックを丸ごと削除
================================================== */

/* ==================================================
   1. 主要ボックス共通：上部にごく細い寒色の気配を作る
   ※ 強い装飾ではなく、部品としての統一感を出す
================================================== */

.fuyuiro-product-info,
.fuyuiro-rating-box,
.fuyuiro-link-box,
.fuyuiro-review-notes,
.fuyuiro-recommend-card {
  position: relative;
  overflow: hidden;
}

.fuyuiro-product-info::before,
.fuyuiro-rating-box::before,
.fuyuiro-link-box::before,
.fuyuiro-review-notes::before,
.fuyuiro-recommend-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    rgba(var(--fuyuiro-lavender-rgb, 143, 145, 178), 0.38),
    rgba(var(--fuyuiro-accent-rgb, 151, 163, 186), 0.16),
    rgba(var(--fuyuiro-accent-rgb, 151, 163, 186), 0)
  );
  pointer-events: none;
}

/* ==================================================
   2. ボックス見出し：タイトル部分に共通の区切りを作る
================================================== */

.fuyuiro-info-label,
.fuyuiro-rating-title,
.fuyuiro-link-title,
.fuyuiro-review-notes-title {
  padding-bottom: 0.78em;
  border-bottom: 1px solid var(--fuyuiro-line-soft, rgba(160, 171, 194, 0.24));
  line-height: 1.55;
}

.fuyuiro-info-label,
.fuyuiro-rating-title,
.fuyuiro-link-title {
  margin-bottom: 1.05em;
}

.fuyuiro-review-notes-title {
  margin-bottom: 1.25em;
}

/* ==================================================
   3. 商品メモ：情報表としての視認性を少し上げる
================================================== */

.fuyuiro-info-list dt {
  color: var(--fuyuiro-muted, #687082) !important;
  font-size: 0.94em;
}

.fuyuiro-info-list dd {
  color: var(--fuyuiro-ink, #2f3440) !important;
}

.fuyuiro-info-list div {
  column-gap: 1.05em;
}

/* ==================================================
   4. 星評価：評価欄を“確認パーツ”として少し引き締める
================================================== */

.fuyuiro-rating-item {
  padding: 0.85em 0;
}

.fuyuiro-rating-label {
  color: var(--fuyuiro-ink, #2f3440) !important;
  font-weight: 600;
}

.fuyuiro-rating-stars {
  font-weight: 500;
}

.fuyuiro-rating-note {
  color: var(--fuyuiro-muted, #687082) !important;
}

/* ==================================================
   5. 購入リンク：広告感を抑えたまま、押せる部品として整える
================================================== */

.fuyuiro-link-list {
  gap: 11px;
}

.fuyuiro-shop-link {
  background: rgba(255, 255, 255, 0.92) !important;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.fuyuiro-shop-link:hover {
  transform: translateY(-1px);
}

.fuyuiro-shop-link:active {
  transform: translateY(0);
}

/* ==================================================
   6. おすすめ・注意カード：カード内の階層を少し明確にする
================================================== */

.fuyuiro-review-note-card,
.fuyuiro-recommend-card {
  background: rgba(255, 255, 255, 0.88) !important;
}

.fuyuiro-review-note-heading,
.fuyuiro-recommend-title {
  padding-bottom: 0.58em;
  border-bottom: 1px solid var(--fuyuiro-line-soft, rgba(160, 171, 194, 0.24));
  line-height: 1.55;
}

.fuyuiro-review-note-list,
.fuyuiro-recommend-card ul {
  padding-left: 1.15em;
}

.fuyuiro-review-note-list li,
.fuyuiro-recommend-card li {
  color: var(--fuyuiro-text, #343946) !important;
}

/* ==================================================
   7. スマホ：装飾が重く見えないように微調整
================================================== */

@media screen and (max-width: 600px) {
  .fuyuiro-product-info::before,
  .fuyuiro-rating-box::before,
  .fuyuiro-link-box::before,
  .fuyuiro-review-notes::before,
  .fuyuiro-recommend-card::before {
    height: 2px;
  }

  .fuyuiro-info-label,
  .fuyuiro-rating-title,
  .fuyuiro-link-title,
  .fuyuiro-review-notes-title {
    padding-bottom: 0.7em;
  }

  .fuyuiro-rating-item {
    padding: 0.78em 0;
  }

  .fuyuiro-shop-link:hover {
    transform: none;
  }
}

/* ==================================================
   FUYUIRO LAB｜Phase 5：購入リンク・CTA導線の最終調整
   目的：広告感を強めず、購入先・レビュー一覧への導線を
         “押せる部品”として見やすく整える
   使い方：Phase 4 の下、または現在の追加CSSの一番下に追記
   戻し方：このブロックを丸ごと削除
================================================== */

/* ==================================================
   1. 記事内の購入先リンクボックス
   ※ 既存の形を保ち、余白・視認性・タップしやすさだけ整える
================================================== */

.entry-content .fuyuiro-link-box {
  padding: 20px 18px 18px !important;
}

.entry-content .fuyuiro-link-title {
  display: flex;
  align-items: center;
  gap: 0.75em;
}

.entry-content .fuyuiro-link-title::after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  background: var(--fuyuiro-line-soft, rgba(160, 171, 194, 0.24));
}

.entry-content .fuyuiro-link-list {
  gap: 12px;
}

.entry-content .fuyuiro-shop-link {
  min-height: 46px;
  box-sizing: border-box;
  display: flex;
  align-items: center;

  padding: 12px 44px 12px 17px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(248, 250, 254, 0.96) 100%
    ) !important;

  border-color: rgba(var(--fuyuiro-accent-rgb, 151, 163, 186), 0.34) !important;
  color: var(--fuyuiro-ink, #2f3440) !important;

  font-weight: 500;
}

.entry-content .fuyuiro-shop-link::after {
  right: 18px;
  color: var(--fuyuiro-accent-deep, #7f8ca8) !important;
}

.entry-content .fuyuiro-shop-link:hover {
  border-color: rgba(var(--fuyuiro-lavender-rgb, 143, 145, 178), 0.46) !important;
  box-shadow: 0 10px 22px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.08);
}

.entry-content .fuyuiro-shop-link:focus-visible {
  outline: 2px solid rgba(var(--fuyuiro-lavender-rgb, 143, 145, 178), 0.34);
  outline-offset: 3px;
}

/* ==================================================
   2. トップ・記事内共通のレビューCTA
   ※ ヒーロー内ボタンとレビュー一覧ボタンの色の思想を揃える
================================================== */

.fuyuiro-hero-button,
.fuyuiro-review-button {
  background:
    linear-gradient(
      135deg,
      var(--fuyuiro-lavender, #8f91b2) 0%,
      var(--fuyuiro-accent-deep, #7f8ca8) 100%
    ) !important;
  box-shadow: 0 12px 26px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.18) !important;
}

.fuyuiro-hero-button:hover,
.fuyuiro-review-button:hover {
  background:
    linear-gradient(
      135deg,
      #8588aa 0%,
      #75829d 100%
    ) !important;
  box-shadow: 0 14px 28px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.20) !important;
}

.fuyuiro-hero-button:active,
.fuyuiro-review-button:active {
  background:
    linear-gradient(
      135deg,
      #7d80a2 0%,
      #6f7b96 100%
    ) !important;
}

/* ==================================================
   3. 「もっと見る」ボタン
   ※ 白ボタンのまま、購入リンクと近い寒色トーンに揃える
================================================== */

.fuyuiro-more-button {
  min-height: 48px;
  border-color: rgba(var(--fuyuiro-accent-rgb, 151, 163, 186), 0.38) !important;
  color: var(--fuyuiro-muted, #687082) !important;
  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      var(--fuyuiro-surface, #fbfcff) 100%
    ) !important;
  box-shadow: 0 8px 18px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.045);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease,
    opacity 0.18s ease;
}

.fuyuiro-more-button::after {
  color: var(--fuyuiro-accent-deep, #7f8ca8);
}

.fuyuiro-more-button:hover {
  opacity: 1;
  border-color: rgba(var(--fuyuiro-lavender-rgb, 143, 145, 178), 0.45) !important;
  box-shadow: 0 10px 22px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.07);
  transform: translateY(-1px);
}

.fuyuiro-more-button:active {
  transform: translateY(0);
}

.fuyuiro-more-button:focus-visible {
  outline: 2px solid rgba(var(--fuyuiro-lavender-rgb, 143, 145, 178), 0.32);
  outline-offset: 3px;
}

/* ==================================================
   4. スマホ：押しやすさ優先。hoverの浮きは控える
================================================== */

@media screen and (max-width: 600px) {
  .entry-content .fuyuiro-link-box {
    padding: 18px 14px 16px !important;
  }

  .entry-content .fuyuiro-shop-link {
    min-height: 45px;
    padding: 11px 40px 11px 15px !important;
  }

  .fuyuiro-more-button {
    min-height: 46px;
  }

  .fuyuiro-more-button:hover,
  .entry-content .fuyuiro-shop-link:hover {
    transform: none;
  }
}

/* ==================================================
   FUYUIRO LAB｜Phase 6 light：トップ記事一覧の軽量調整
   目的：Phase 6 / 6b のカード感を外し、
         写真と余白を主役にした軽いレビュー一覧に整える
   使い方：
     1. Phase 6 と Phase 6b を削除
     2. このブロックを Phase 5 の下、または追加CSSの一番下に追記
   戻し方：このブロックを丸ごと削除
================================================== */

/* ==================================================
   1. トップページの記事一覧：カード化せず、余白だけ整える
================================================== */

.home .entry-card-wrap {
  margin-bottom: 34px !important;
}

.home .entry-card-wrap > a,
.home .entry-card-wrap .a-wrap {
  display: block;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  overflow: visible !important;
  transform: none !important;
}

.home .entry-card-wrap > a:hover,
.home .entry-card-wrap .a-wrap:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 0.94;
}

/* ==================================================
   2. 写真：枠で囲まず、誌面上の画像として見せる
================================================== */

.home .entry-card-thumb {
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}

.home .entry-card-thumb img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.home .entry-card-wrap > a:hover .entry-card-thumb img,
.home .entry-card-wrap .a-wrap:hover .entry-card-thumb img {
  transform: none !important;
}

/* ==================================================
   3. カテゴリラベル：主張を控えめに
================================================== */

.home .entry-card .cat-label,
.home .entry-card-wrap .cat-label {
  display: inline-block;
  margin: 0 0 10px !important;
  padding: 3px 8px !important;
  background: rgba(var(--fuyuiro-accent-rgb, 151, 163, 186), 0.06) !important;
  color: var(--fuyuiro-muted, #687082) !important;
  border: none !important;
  border-radius: 3px !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.035em !important;
}

/* ==================================================
   4. 記事タイトル：黒々しすぎず、でも検索記事として読める強さに
================================================== */

.home .entry-card-title {
  margin: 0.15em 0 0.55em !important;
  color: var(--fuyuiro-ink, #2f3440) !important;
  font-size: clamp(16px, 2.1vw, 18px) !important;
  font-weight: 600 !important;
  line-height: 1.62 !important;
  letter-spacing: 0.025em !important;
}

/* ==================================================
   5. 抜粋・日付：控えめに整理
================================================== */

.home .entry-card-snippet {
  margin-top: 0.4em !important;
  color: var(--fuyuiro-muted, #687082) !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
  letter-spacing: 0.025em !important;
}

.home .entry-card-meta {
  margin-top: 0.75em !important;
  color: #9ca3ad !important;
  font-size: 11.2px !important;
  letter-spacing: 0.04em !important;
}

/* 日付が右に寄る既存表示は活かし、色だけ控えめに */
.home .entry-card-meta .post-date,
.home .entry-card-meta .post-update,
.home .entry-card-meta time {
  color: #9ca3ad !important;
}

/* ==================================================
   6. スマホ：縦スクロールで重く見えないよう調整
================================================== */

@media screen and (max-width: 600px) {
  .home .entry-card-wrap {
    margin-bottom: 32px !important;
  }

  .home .entry-card-thumb {
    margin-bottom: 10px !important;
  }

  .home .entry-card-title {
    font-size: 16px !important;
    line-height: 1.6 !important;
    letter-spacing: 0.02em !important;
  }

  .home .entry-card-snippet {
    font-size: 12.8px !important;
    line-height: 1.72 !important;
  }
}

/* ==================================================
   7. おすすめアイコンカードには影響させない保険
================================================== */

#recommended .entry-card-wrap,
.recommended .entry-card-wrap {
  margin-bottom: 0 !important;
}

#recommended .entry-card-wrap > a,
#recommended .entry-card-wrap .a-wrap,
.recommended .entry-card-wrap > a,
.recommended .entry-card-wrap .a-wrap {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ==================================================
   FUYUIRO LAB｜Phase 7：トップ記事タイトルだけを弱める
   目的：トップ記事一覧の“見出しの黒さ・大きさ”を抑え、
         写真が主役に見えるバランスへ寄せる
   使い方：Phase 6 light の下、または現在の追加CSSの一番下に追記
   戻し方：このブロックを丸ごと削除
================================================== */

/* ==================================================
   1. トップページの記事タイトルだけ調整
   ※ 記事本文タイトル・H2/H3・商品メモ等には影響させない
================================================== */

.home .entry-card-title {
  margin: 0.2em 0 0.45em !important;

  color: #333844 !important;

  font-size: clamp(15px, 1.9vw, 16.5px) !important;
  font-weight: 560 !important;
  line-height: 1.64 !important;
  letter-spacing: 0.018em !important;
}

/* ==================================================
   2. タイトル下の日付をさらに控えめに
================================================== */

.home .entry-card-meta {
  margin-top: 0.55em !important;
  color: #a3a9b2 !important;
  font-size: 11px !important;
}

/* ==================================================
   3. カード間の余白を少しだけ整える
================================================== */

.home .entry-card-wrap {
  margin-bottom: 30px !important;
}

/* ==================================================
   4. スマホ：読みやすさを残しつつ、見出し圧を下げる
================================================== */

@media screen and (max-width: 600px) {
  .home .entry-card-title {
    font-size: 15px !important;
    font-weight: 560 !important;
    line-height: 1.62 !important;
    letter-spacing: 0.015em !important;
  }

  .home .entry-card-wrap {
    margin-bottom: 30px !important;
  }
}
/* =========================================
   フッターの自己紹介カードを整える
   （フッター内だけに限定）
========================================= */
#footer .author-box{
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 16px;
  border: 1px solid #d9dde5;
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
}

/* アイコン画像 */
#footer .author-box .author-thumb{
  float: none;
  width: 84px;
  min-width: 84px;
  margin: 0;
}

#footer .author-box .author-thumb img{
  width: 84px;
  height: 84px;
  object-fit: cover;
  border-radius: 50%;
}

/* 右側の本文 */
#footer .author-box .author-content{
  margin-left: 0;
  flex: 1;
  min-width: 0;
}

/* 名前 */
#footer .author-box .author-name{
  margin: 0 0 8px;
  font-size: 17px;
  line-height: 1.4;
}

/* 説明文 */
#footer .author-box p{
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.8;
  color: #3f4652;
}

/* SNSボタン周り */
#footer .author-box .sns-follow-buttons,
#footer .author-box .author-box .sns-follow-buttons{
  margin-top: 8px;
}

#footer .author-box .sns-follow-buttons a{
  margin-right: 6px;
}

/* スマホで少しだけ詰める */
@media screen and (max-width: 480px){
  #footer .author-box{
    gap: 14px;
    padding: 16px 14px;
  }

  #footer .author-box .author-thumb{
    width: 72px;
    min-width: 72px;
  }

  #footer .author-box .author-thumb img{
    width: 72px;
    height: 72px;
  }

  #footer .author-box .author-name{
    font-size: 16px;
  }

  #footer .author-box p{
    font-size: 14px;
    line-height: 1.75;
  }
}
/* =========================================
   自己紹介カード：最終微調整
   目的：Cocoon標準感を弱めて、冬色の実験室のトーンに寄せる
========================================= */

/* トップページ下部のプロフィールカードだけ調整 */
.home .author-box {
  border-color: rgba(160, 171, 194, 0.32) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fbfcff 100%
    ) !important;
}

/* 名前リンクの“普通のリンク感”を弱める */
.home .author-box .author-name a,
.home .author-box .author-name {
  color: #4f586d !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

/* 自己紹介文 */
.home .author-box .author-content p {
  color: #3f4652 !important;
  line-height: 1.78 !important;
}

/* 小さいSNSアイコンを軽くする */
.home .author-box .sns-follow-buttons {
  margin-top: 10px !important;
}

.home .author-box .sns-follow-buttons a,
.home .author-box .author-follows a {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;

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

  margin-right: 6px !important;
  border: 1px solid rgba(160, 171, 194, 0.34) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #8a92a6 !important;
  box-shadow: none !important;
}

/* アイコン色 */
.home .author-box .sns-follow-buttons a::before,
.home .author-box .author-follows a::before,
.home .author-box .sns-follow-buttons .fa,
.home .author-box .author-follows .fa {
  color: #8a92a6 !important;
}

/* スマホで少しだけ詰める */
@media screen and (max-width: 480px) {
  .home .author-box {
    padding: 16px 14px !important;
  }

  .home .author-box .author-content p {
    font-size: 14px !important;
    line-height: 1.72 !important;
  }

  .home .author-box .sns-follow-buttons a,
  .home .author-box .author-follows a {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }
}
/* ==================================================
   FUYUIRO LAB｜購入先リンクボックス調整
   目的：
   ・楽天とAmazonのボタンサイズを統一
   ・広告感を強めず、押せる場所として少し見やすくする
   ・既存CSSを壊さず、記事内の購入リンクだけ上書きする
   戻し方：このブロックを丸ごと削除
================================================== */

/* 購入先ボックス全体 */
.entry-content .fuyuiro-link-box {
  padding: 20px 18px 18px !important;
  border-color: rgba(var(--fuyuiro-accent-rgb, 151, 163, 186), 0.28) !important;
}

/* 見出し：「購入先はこちら」用 */
.entry-content .fuyuiro-link-title {
  margin-bottom: 14px !important;
  color: var(--fuyuiro-ink, #2f3440) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
}

/* 見出し右の細線 */
.entry-content .fuyuiro-link-title::after {
  background: rgba(var(--fuyuiro-accent-rgb, 151, 163, 186), 0.26) !important;
}

/* ボタン同士の間隔 */
.entry-content .fuyuiro-link-list {
  display: grid !important;
  gap: 12px !important;
}

/* 楽天・Amazon共通ボタン */
.entry-content .fuyuiro-shop-link {
  width: 100% !important;
  min-height: 52px !important;
  box-sizing: border-box !important;

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

  padding: 13px 48px 13px 48px !important;

  background:
    linear-gradient(
      135deg,
      rgba(248, 250, 255, 0.98) 0%,
      rgba(243, 246, 252, 0.98) 100%
    ) !important;

  border: 1px solid rgba(var(--fuyuiro-accent-rgb, 151, 163, 186), 0.42) !important;
  border-radius: 999px !important;

  color: var(--fuyuiro-ink, #2f3440) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  text-decoration: none !important;

  box-shadow: 0 6px 16px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.045) !important;
}

/* 右矢印 */
.entry-content .fuyuiro-shop-link::after {
  right: 20px !important;
  color: var(--fuyuiro-accent-deep, #7f8ca8) !important;
  font-size: 24px !important;
}

/* PC hover */
.entry-content .fuyuiro-shop-link:hover {
  border-color: rgba(var(--fuyuiro-lavender-rgb, 143, 145, 178), 0.52) !important;
  box-shadow: 0 10px 22px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.075) !important;
  transform: translateY(-1px);
}

/* タップ時 */
.entry-content .fuyuiro-shop-link:active {
  transform: translateY(0);
}

/* キーボード操作時 */
.entry-content .fuyuiro-shop-link:focus-visible {
  outline: 2px solid rgba(var(--fuyuiro-lavender-rgb, 143, 145, 178), 0.34);
  outline-offset: 3px;
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
  .entry-content .fuyuiro-link-box {
    padding: 18px 14px 16px !important;
  }

  .entry-content .fuyuiro-link-title {
    font-size: 13.8px !important;
    margin-bottom: 13px !important;
  }

  .entry-content .fuyuiro-shop-link {
    min-height: 50px !important;
    padding: 12px 42px 12px 42px !important;
    font-size: 14px !important;
  }

  .entry-content .fuyuiro-shop-link:hover {
    transform: none;
  }
}
/* ==================================================
   FUYUIRO LAB｜購入先リンク 見出し線の整理
   目的：見出し右の線だけを残し、下線の重なりを消す
   戻し方：このブロックを削除
================================================== */

.entry-content .fuyuiro-link-title {
  padding-bottom: 0 !important;
  border-bottom: none !important;
  margin-bottom: 16px !important;
}
/* ==================================================
   FUYUIRO LAB｜AIイメージ画像 注意書き
   目的：本文より控えめに、でも読める濃さで表示
   戻し方：このブロックを削除
================================================== */

.entry-content .fuyuiro-ai-image-note {
  margin: 28px 0 10px;
  padding: 12px 14px;
  border: 1px solid rgba(151, 163, 186, 0.18);
  border-radius: 10px;
  background: rgba(248, 250, 253, 0.55);

  color: #8b92a3;
  font-size: 12.5px;
  line-height: 1.8;
  letter-spacing: 0.02em;
}

.entry-content .fuyuiro-ai-image-note p {
  margin: 0;
  color: inherit;
}

@media screen and (max-width: 600px) {
  .entry-content .fuyuiro-ai-image-note {
    margin: 24px 0 8px;
    padding: 11px 12px;
    font-size: 12.2px;
    line-height: 1.8;
  }
}
/* ==================================================
   FUYUIRO LAB｜注意書きカード
   対象：
   ・アフィリエイト注意書き
   ・AIモデル画像の補足
   戻し方：このブロックを削除
================================================== */

.entry-content .fuyuiro-disclosure-note {
  margin: 22px 0 28px;
  padding: 12px 14px;

  background: rgba(248, 250, 253, 0.58);
  border: 1px solid rgba(151, 163, 186, 0.18);
  border-radius: 12px;

  color: #8a92a3;
  font-size: 13px;
  line-height: 1.85;
  letter-spacing: 0.02em;
}

.entry-content .fuyuiro-disclosure-note p {
  margin: 0;
  color: inherit;
}

/* 冒頭PR表記：少しだけ記事情報らしく */
.entry-content .fuyuiro-pr-note {
  margin-top: 20px;
  margin-bottom: 30px;
}

/* AIモデル画像下：画像キャプション寄りに少し控えめ */
.entry-content .fuyuiro-model-note {
  margin-top: 12px;
  margin-bottom: 34px;
  font-size: 12.8px;
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
  .entry-content .fuyuiro-disclosure-note {
    padding: 11px 12px;
    font-size: 12.5px;
    line-height: 1.8;
    border-radius: 11px;
  }

  .entry-content .fuyuiro-pr-note {
    margin-top: 18px;
    margin-bottom: 28px;
  }

  .entry-content .fuyuiro-model-note {
    margin-top: 10px;
    margin-bottom: 32px;
    font-size: 12.3px;
  }
}
/* ==================================================
   FUYUIRO LAB｜記事冒頭サマリー v2
   目的：重要キーワードを丸タグで見せ、その下に一言カードを置く
   影響範囲：このHTMLを入れた箇所のみ
================================================== */

.fuyuiro-summary-panel {
  margin: 22px 0 30px;
}

/* 上部：丸で囲んだ重要キーワード */
.fuyuiro-summary-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
}

.fuyuiro-summary-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 13px;

  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--fuyuiro-line, #dfe4ee);
  border-radius: 999px;

  color: var(--fuyuiro-muted, #687082);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

/* 下部：ひとことでカード */
.fuyuiro-summary-card {
  margin: 0;
  padding: 18px 18px 17px;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      var(--fuyuiro-surface, #fbfcff) 62%,
      var(--fuyuiro-surface-soft, #f7f9fd) 100%
    );

  border: 1px solid var(--fuyuiro-line, #dfe4ee);
  border-radius: 18px;

  color: var(--fuyuiro-text, #343946);
  box-shadow: 0 10px 24px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.035);
}

.fuyuiro-summary-label {
  display: inline-block;
  margin: 0 0 12px;
  padding: 4px 12px;

  background: rgba(var(--fuyuiro-lavender-rgb, 143, 145, 178), 0.08);
  border-radius: 999px;

  color: var(--fuyuiro-muted, #687082);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

.fuyuiro-summary-title {
  margin: 0 0 8px !important;

  color: var(--fuyuiro-ink, #2f3440);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.58;
  letter-spacing: 0.035em;
}

.fuyuiro-summary-text {
  margin: 0 !important;

  color: var(--fuyuiro-muted, #687082);
  font-size: 13.8px;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.02em;
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
  .fuyuiro-summary-panel {
    margin: 20px 0 28px;
  }

  .fuyuiro-summary-tags {
    gap: 7px;
    margin-bottom: 13px;
  }

  .fuyuiro-summary-tags span {
    padding: 6px 11px;
    font-size: 12.5px;
  }

  .fuyuiro-summary-card {
    padding: 17px 15px 16px;
    border-radius: 17px;
  }

  .fuyuiro-summary-label {
    font-size: 11px;
  }

  .fuyuiro-summary-title {
    font-size: 18px;
    line-height: 1.6;
  }

  .fuyuiro-summary-text {
    font-size: 13.2px;
    line-height: 1.85;
  }
}
/* ==================================================
   FUYUIRO LAB｜記事冒頭サマリー・互換整理版
   目的：丸タグ＋ひとことでカードを安定表示
   対応：旧クラス／新クラスの両方
================================================== */

.fuyuiro-intro-summary,
.fuyuiro-summary-panel {
  margin: 22px 0 30px;
}

/* 上部：丸で囲んだ重要キーワード */
.fuyuiro-intro-keywords,
.fuyuiro-summary-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.fuyuiro-intro-keywords span,
.fuyuiro-summary-tags span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 6px 13px !important;

  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid var(--fuyuiro-line, #dfe4ee) !important;
  border-radius: 999px !important;

  color: var(--fuyuiro-muted, #687082) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
}

/* 下部：ひとことでカード */
.fuyuiro-oneword-card,
.fuyuiro-summary-card {
  margin: 0 !important;
  padding: 18px 18px 17px !important;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      var(--fuyuiro-surface, #fbfcff) 62%,
      var(--fuyuiro-surface-soft, #f7f9fd) 100%
    ) !important;

  border: 1px solid var(--fuyuiro-line, #dfe4ee) !important;
  border-radius: 18px !important;

  color: var(--fuyuiro-text, #343946) !important;
  box-shadow: 0 10px 24px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.035) !important;
}

/* ラベル */
.fuyuiro-oneword-label,
.fuyuiro-summary-label {
  display: inline-block !important;
  margin: 0 0 12px !important;
  padding: 4px 12px !important;

  background: rgba(var(--fuyuiro-lavender-rgb, 143, 145, 178), 0.08) !important;
  border-radius: 999px !important;

  color: var(--fuyuiro-muted, #687082) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.08em !important;
}

/* タイトル */
.fuyuiro-oneword-title,
.fuyuiro-summary-title {
  margin: 0 0 8px !important;

  color: var(--fuyuiro-ink, #2f3440) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.58 !important;
  letter-spacing: 0.035em !important;
}

/* 補足文 */
.fuyuiro-oneword-text,
.fuyuiro-summary-text {
  margin: 0 !important;

  color: var(--fuyuiro-muted, #687082) !important;
  font-size: 13.8px !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
  letter-spacing: 0.02em !important;
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
  .fuyuiro-intro-summary,
  .fuyuiro-summary-panel {
    margin: 20px 0 28px !important;
  }

  .fuyuiro-intro-keywords,
  .fuyuiro-summary-tags {
    gap: 7px !important;
    margin-bottom: 13px !important;
  }

  .fuyuiro-intro-keywords span,
  .fuyuiro-summary-tags span {
    padding: 6px 11px !important;
    font-size: 12.5px !important;
  }

  .fuyuiro-oneword-card,
  .fuyuiro-summary-card {
    padding: 17px 15px 16px !important;
    border-radius: 17px !important;
  }

  .fuyuiro-oneword-label,
  .fuyuiro-summary-label {
    font-size: 11px !important;
  }

  .fuyuiro-oneword-title,
  .fuyuiro-summary-title {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }

  .fuyuiro-oneword-text,
  .fuyuiro-summary-text {
    font-size: 13.2px !important;
    line-height: 1.85 !important;
  }
}
/* ==================================================
   冬色の実験室：記事本文 h2/h3 見出し調整・見出し感あり版
================================================== */

.article h2,
.entry-content h2,
.article .entry-content h2 {
  margin: 46px 0 24px !important;
  padding: 12px 0 13px 18px !important;

  background: linear-gradient(90deg, #f4f6fb 0%, #ffffff 76%) !important;
  border: none !important;
  border-left: 4px solid #aeb8d3 !important;
  border-bottom: 1px solid #dde3ef !important;
  border-radius: 0 !important;

  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif !important;
  font-size: 1.22em !important;
  font-weight: 700 !important;
  letter-spacing: 0.035em !important;
  line-height: 1.55 !important;
  color: #2f3440 !important;
}

.article h3,
.entry-content h3,
.article .entry-content h3 {
  margin: 34px 0 16px !important;
  padding: 2px 0 2px 12px !important;

  background: transparent !important;
  border: none !important;
  border-left: 3px solid #c4cce0 !important;

  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif !important;
  font-size: 1.06em !important;
  font-weight: 700 !important;
  letter-spacing: 0.025em !important;
  line-height: 1.7 !important;
  color: #3b4050 !important;
}
/* ==================================================
   FUYUIRO LAB｜関連記事ブログカード
   目的：
   ・関連記事見出しを本文になじませる
   ・Cocoon内部ブログカードを冬色の実験室のトーンに寄せる
   影響範囲：
   ・記事本文内の「関連記事」見出し
   ・記事本文内の内部ブログカード
   戻し方：
   ・このブロックを丸ごと削除
================================================== */

/* 関連記事 見出し */
.entry-content .fuyuiro-related-title {
  margin: 2.45em 0 0.8em !important;
  padding: 0 0 0.55em !important;

  border-bottom: 1px solid var(--fuyuiro-line-soft, rgba(160, 171, 194, 0.24));

  color: var(--fuyuiro-muted, #687082);
  font-size: 0.92em;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.08em;
}

/* Cocoon内部ブログカード：余白 */
.entry-content .internal-blogcard-wrap {
  margin: 0.8em 0 2.35em !important;
}

/* Cocoon内部ブログカード：外枠 */
.entry-content .internal-blogcard {
  border: 1px solid var(--fuyuiro-line, #dfe4ee) !important;
  border-radius: 14px !important;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      var(--fuyuiro-surface, #fbfcff) 100%
    ) !important;

  box-shadow: 0 8px 18px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.035) !important;
  overflow: hidden !important;
}

/* ブログカードタイトル */
.entry-content .internal-blogcard .blogcard-title {
  color: var(--fuyuiro-ink, #2f3440) !important;
  font-size: 0.96em !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.02em !important;
}

/* ブログカード抜粋 */
.entry-content .internal-blogcard .blogcard-snippet {
  color: var(--fuyuiro-muted, #687082) !important;
  font-size: 0.86em !important;
  line-height: 1.65 !important;
}

/* ドメイン・日付など */
.entry-content .internal-blogcard .blogcard-footer,
.entry-content .internal-blogcard .blogcard-site,
.entry-content .internal-blogcard .blogcard-date,
.entry-content .internal-blogcard .blogcard-domain {
  color: #8f97a6 !important;
  font-size: 0.82em !important;
}

/* サムネイル */
.entry-content .internal-blogcard .blogcard-thumbnail img {
  border-radius: 8px !important;
}

/* hoverは控えめに */
.entry-content .internal-blogcard:hover {
  border-color: rgba(var(--fuyuiro-accent-rgb, 151, 163, 186), 0.42) !important;
  box-shadow: 0 10px 22px rgba(var(--fuyuiro-shadow-rgb, 84, 94, 120), 0.055) !important;
}

/* スマホ調整 */
@media screen and (max-width: 600px) {
  .entry-content .fuyuiro-related-title {
    margin: 2.25em 0 0.75em !important;
    font-size: 0.9em;
  }

  .entry-content .internal-blogcard-wrap {
    margin: 0.75em 0 2.2em !important;
  }

  .entry-content .internal-blogcard {
    border-radius: 13px !important;
  }

  .entry-content .internal-blogcard .blogcard-title {
    font-size: 0.94em !important;
    line-height: 1.55 !important;
  }

  .entry-content .internal-blogcard .blogcard-snippet {
    font-size: 0.84em !important;
    line-height: 1.6 !important;
  }
}