/* =========================================================
   革のある時間 — 高級レザーメディア デザイン上書き v2
   2026-05-21 / 全220ページ適用
   ※ 色・字体・余白・線・影など装飾のみを上書き。
     レイアウト（display/width/position）には触れない。
   ========================================================= */

:root{
  --color_main:#8a6f4e !important;       /* サーモン → レザーブラウン */
  --color_main_dark:#6b5538 !important;
  --color_main_rgb:138,111,78 !important;
  --color_main_thin:rgba(138,111,78,.07) !important;
  --color_htag:#26211b !important;       /* 見出し → インクに近い黒 */
  --color_link:#8a6f4e !important;
  --color_bg:#f7f4ee !important;         /* 純白 → 温かいアイボリー */
  --color_text:#33302a !important;
  --swl-pad-content:6% !important;
}

/* ---- 基本 ---- */
body{
  background:#f7f4ee !important;
  color:#33302a !important;
  -webkit-font-smoothing:antialiased;
}
#body_wrap{ background:#f7f4ee !important; }

/* 本文の読みやすさ：行間と字間を上品に */
.post_content,
.post_content p,
.entry-content,
.entry-content p{
  line-height:2.0 !important;
  letter-spacing:.02em !important;
}
.post_content p{ margin-bottom:1.6em !important; }

/* ---- 見出しを明朝体に（日本語サイトの「上品さ」最大シグナル）---- */
h1, h2, h3, h4,
.c-postTitle, .p-postList__title, .c-secTitle, .c-widget__title,
.p-articleHead .c-postTitle,
.post_content h2, .post_content h3, .post_content h4,
.entry-content h2, .entry-content h3,
.wp-block-heading{
  font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Noto Serif JP",serif !important;
  letter-spacing:.045em !important;
  font-weight:600 !important;
  color:#26211b !important;
}

/* サイトロゴ・サイト名も明朝で */
.c-headLogo, .c-headLogo__link, .site-title, .l-header__logo{
  font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif !important;
  letter-spacing:.1em !important;
  color:#26211b !important;
}

/* ---- 記事タイトル（記事ページ上部）---- */
.p-articleHead .c-postTitle,
.p-articleHead h1{
  font-size:1.85em !important;
  line-height:1.55 !important;
  margin-bottom:.6em !important;
}

/* ---- 本文 H2：レザーブラウンの落ち着いた帯 ---- */
.post_content h2,
.entry-content h2,
.post_content .wp-block-heading.is-style-h2,
.post_content h2.wp-block-heading{
  background:none !important;
  border:none !important;
  border-left:5px solid #8a6f4e !important;
  border-bottom:1px solid #ddd4c5 !important;
  padding:.35em 0 .45em .7em !important;
  margin:2.6em 0 1.2em !important;
  font-size:1.42em !important;
}

/* ---- 本文 H3：細い下線 ---- */
.post_content h3,
.entry-content h3,
.post_content h3.wp-block-heading{
  background:none !important;
  border:none !important;
  border-bottom:1px dotted #c9bca3 !important;
  padding:0 0 .3em !important;
  margin:2.2em 0 1em !important;
  font-size:1.18em !important;
  color:#5a4a33 !important;
}
.post_content h4,
.post_content h4.wp-block-heading{
  border:none !important;
  color:#6b5538 !important;
  margin:1.8em 0 .8em !important;
}

/* ---- リンク：派手な青をやめて品のあるブラウン ---- */
a{ color:#8a6f4e !important; }
.post_content a,
.entry-content a{
  color:#7a5e3c !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  text-decoration-color:rgba(138,111,78,.4) !important;
}
.post_content a:hover{ text-decoration-color:#8a6f4e !important; }

/* ---- 記事一覧カード：端正なカード化＋ホバーで浮く ---- */
.p-postList__item{
  background:#fff !important;
  border:1px solid #e7e0d2 !important;
  border-radius:3px !important;
  box-shadow:0 1px 3px rgba(60,48,30,.05) !important;
  overflow:hidden !important;
  transition:box-shadow .25s ease, transform .25s ease !important;
}
.p-postList__item:hover{
  box-shadow:0 8px 22px rgba(60,48,30,.13) !important;
  transform:translateY(-3px) !important;
}
.p-postList__body{ padding:1em 1.1em 1.2em !important; }
.p-postList__title{
  font-size:1.04em !important;
  line-height:1.6 !important;
  color:#26211b !important;
}
.p-postList__thumb,
.c-postThumb,
.c-postThumb__figure{ border-radius:0 !important; }

/* サムネイル画像の角 */
.p-articleThumb__img,
.p-articleThumb img,
.c-postThumb__img{ border-radius:2px !important; }

/* ---- カテゴリーラベル（サムネ上の小さなタグ）：サーモン → ブラウン ---- */
.cat-label, .c-postThumb__cat, .p-postList__cat,
.c-categoryList__link, .post-cat,
.p-articleMetas__termList a{
  background:#8a6f4e !important;
  color:#fff !important;
  border-color:#8a6f4e !important;
  letter-spacing:.04em !important;
}

/* ---- 記事下などのカテゴリー一覧：チップ表示で端正に ---- */
.widget_categories ul,
.c-listMenu ul{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.55em !important;
  list-style:none !important;
  padding:0 !important;
  margin:.8em 0 0 !important;
}
.widget_categories .cat-item,
.c-listMenu .cat-item{
  margin:0 !important;
  border:none !important;
  background:none !important;
}
.widget_categories .cat-item a,
.c-listMenu .cat-item a{
  display:inline-block !important;
  background:#fbf9f4 !important;
  border:1px solid #d8cdb8 !important;
  border-radius:4px !important;
  padding:.42em .95em !important;
  color:#5a4a33 !important;
  font-size:.92em !important;
  text-decoration:none !important;
  line-height:1.5 !important;
  letter-spacing:.02em !important;
}
.widget_categories .cat-item a:hover,
.c-listMenu .cat-item a:hover{
  background:#8a6f4e !important;
  color:#fff !important;
  border-color:#8a6f4e !important;
}

/* ---- ボタン／CTA：レザーブラウンの上質ボタン ---- */
.swell-block-button a,
.wp-block-button__link,
.c-plainBtn,
.p-profileBox__btnLink,
.is-style-btn_normal a,
.is-style-btn_normal .c-plainBtn{
  background:#8a6f4e !important;
  color:#fff !important;
  border:1px solid #8a6f4e !important;
  border-radius:3px !important;
  letter-spacing:.05em !important;
  box-shadow:0 2px 6px rgba(138,111,78,.25) !important;
  transition:background .2s ease !important;
}
.swell-block-button a:hover,
.wp-block-button__link:hover,
.c-plainBtn:hover,
.p-profileBox__btnLink:hover{
  background:#6b5538 !important;
  color:#fff !important;
}

/* 固定追従ボタン（floating CTA）も同色に */
.c-fixBtn, .p-fixBtnWrap a{
  background:#8a6f4e !important;
  color:#fff !important;
}

/* ---- 目次（TOC）：余白と線を整える ---- */
.p-toc{
  background:#fbf9f4 !important;
  border:1px solid #e7e0d2 !important;
  border-radius:3px !important;
}
.p-toc__ttl{
  color:#26211b !important;
  letter-spacing:.06em !important;
}
.p-toc a{ color:#5a4a33 !important; }

/* ---- 比較表：高級感のあるテーブル ---- */
.post_content table,
.entry-content table{
  border-collapse:collapse !important;
  border:1px solid #ddd4c5 !important;
  font-size:.95em !important;
}
.post_content table th{
  background:#8a6f4e !important;
  color:#fff !important;
  border:1px solid #7a5e3c !important;
  letter-spacing:.03em !important;
  padding:.7em .8em !important;
}
.post_content table td{
  border:1px solid #e2dac9 !important;
  padding:.7em .8em !important;
}
.post_content table tbody tr:nth-child(even) td{
  background:#fbf9f4 !important;
}

/* ---- 吹き出し（c-balloon）：カジュアル感を抑えて上品に ---- */
.c-balloon{
  margin:1.8em 0 !important;
}
.c-balloon__body,
.c-balloon__text{
  background:#fbf9f4 !important;
  border:1px solid #e2dac9 !important;
  border-radius:4px !important;
  color:#4a4338 !important;
  box-shadow:none !important;
  font-size:.96em !important;
  line-height:1.85 !important;
}
.c-balloon__icon img,
.p-profileBox__iconImg img,
.p-profileBox__icon img{
  border-radius:50% !important;
  border:2px solid #e2dac9 !important;
}
.c-balloon__iconName{
  color:#6b5538 !important;
  letter-spacing:.03em !important;
}

/* ---- プロフィールボックス：端正に ---- */
.p-profileBox{
  background:#fff !important;
  border:1px solid #e7e0d2 !important;
  border-radius:3px !important;
  box-shadow:0 1px 4px rgba(60,48,30,.06) !important;
}
.p-profileBox__name{
  font-family:"游明朝","Yu Mincho",YuMincho,serif !important;
  color:#26211b !important;
  letter-spacing:.06em !important;
}
.p-profileBox__job{ color:#8a6f4e !important; letter-spacing:.03em !important; }

/* ---- 引用 ---- */
.post_content blockquote,
.entry-content blockquote{
  background:#fbf9f4 !important;
  border-left:4px solid #c9bca3 !important;
  color:#5a5043 !important;
}

/* ---- ヘッダー／グローバルナビ：余計な彩度を落とす ---- */
.l-header{
  background:#fff !important;
  border-bottom:1px solid #e7e0d2 !important;
  box-shadow:0 1px 6px rgba(60,48,30,.04) !important;
}
.c-gnav__item a, .c-gnav a{
  color:#3b352c !important;
  letter-spacing:.04em !important;
}
.c-gnav__item a:hover{ color:#8a6f4e !important; }

/* ---- ウィジェット見出し（サイドバー）---- */
.c-widget__title{
  border-bottom:2px solid #8a6f4e !important;
  color:#26211b !important;
  letter-spacing:.05em !important;
}

/* ---- フッター ---- */
.l-footer, .p-footer{
  background:#2c2620 !important;
  color:#ccc3b3 !important;
}
.l-footer a, .p-footer a{ color:#d8cdb8 !important; }

/* ---- 関連記事「あわせて読みたい」---- */
.kawa-related{
  background:#fbf9f4 !important;
  border:1px solid #e2dac9 !important;
  border-radius:4px !important;
  padding:1.2em 1.4em !important;
  margin:2.8em 0 1.5em !important;
}
.kawa-related__ttl{
  font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif !important;
  font-weight:600 !important;
  color:#26211b !important;
  letter-spacing:.05em !important;
  margin:0 0 .6em !important;
  padding-bottom:.45em !important;
  border-bottom:1px solid #ddd4c5 !important;
}
.kawa-related ul{ margin:0 !important; padding-left:1.2em !important; }
.kawa-related li{ margin:.45em 0 !important; line-height:1.7 !important; }
.kawa-related a{ color:#7a5e3c !important; }

/* ---- 区切り線 ---- */
.post_content hr,
.wp-block-separator{
  border:none !important;
  border-top:1px solid #ddd4c5 !important;
}


/* ---- kawa-catnav (category navigation on homepage) ---- */
.kawa-catnav{
  margin:0 0 2.2em !important;
  padding:1.6em 1.8em !important;
  background:#f7f3ec !important;
  border:1px solid #e3d9c6 !important;
  border-radius:6px !important;
}
.kawa-catnav__ttl{
  font-family:"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN",serif !important;
  font-size:1.35em !important;
  font-weight:600 !important;
  color:#26211b !important;
  letter-spacing:.06em !important;
  margin:0 0 .2em !important;
  padding:0 !important;
  border:none !important;
}
.kawa-catnav__sub{
  font-size:.86em !important;
  color:#8a7a5f !important;
  letter-spacing:.04em !important;
  margin:1.1em 0 .6em !important;
}
.kawa-catnav ul.c-listMenu{
  list-style:none !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.55em !important;
  margin:0 !important;
  padding:0 !important;
}
.kawa-catnav ul.c-listMenu li{
  margin:0 !important;
  padding:0 !important;
}
.kawa-catnav ul.c-listMenu li::before{ content:none !important; }
.kawa-catnav ul.c-listMenu a{
  display:inline-block !important;
  padding:.4em 1em !important;
  background:#fff !important;
  border:1px solid #d9cdb5 !important;
  border-radius:999px !important;
  color:#5c4632 !important;
  font-size:.9em !important;
  line-height:1.5 !important;
  text-decoration:none !important;
  transition:all .15s ease !important;
}
.kawa-catnav ul.c-listMenu a:hover{
  background:#7a5e3c !important;
  border-color:#7a5e3c !important;
  color:#fff !important;
}