@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){
  /*必要ならばここにコードを書く*/
}

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

/* ============================================================
   郷土考 配色（古い紙・セピア／枯れ草の差し色／沢の水のリンク）
   背景=生成り #F5F2EC ／本文=墨色 #33312E
   見出し・差し色=枯れ草 #7A6A52 ／リンク=沢の水 #4A6B6B
   ============================================================ */
:root {
  --kk-bg: #F5F2EC;
  --kk-paper: #FBF9F4;
  --kk-ink: #33312E;
  --kk-accent: #7A6A52;
  --kk-link: #4A6B6B;
  --kk-link-hover: #3C5A58;
  --kk-line: #E3DDD1;
  --kk-footer: #2C2A26;
}

/* 全体の地色と文字色 */
body { background-color: var(--kk-bg) !important; color: var(--kk-ink); }
#container, #wrap, #main, #content, .main, .content,
article, .entry-content, .page-content, .main-column {
  color: var(--kk-ink);
  background-color: transparent;
}

/* リンク＝沢の水（彩度を落とした青緑） */
a { color: var(--kk-link); }
a:hover { color: var(--kk-link-hover); }
.entry-content a { color: var(--kk-link); text-decoration-color: #A9BFBC; }

/* 見出し＝枯れ草色 */
h1, h2, h3, h4, h5, h6,
.entry-title, .a-title, .page-title, .widget-title, .article-title {
  color: var(--kk-accent);
}
.entry-content h2 { border-bottom: 2px solid var(--kk-accent); background: transparent; padding-bottom: .3em; }
.entry-content h3 { border-left: 4px solid var(--kk-accent); padding-left: .6em; }

/* ヘッダー＝明るい生成り、サイト名＝枯れ草 */
#header, #header-container, .header-container {
  background-color: var(--kk-paper);
  border-bottom: 1px solid var(--kk-line);
}
.site-name-text, .site-name a, #site-title a, .logo-text a, .logo a { color: var(--kk-accent) !important; }
.site-description, .tagline { color: #8A8275; }

/* グローバルナビ */
#navi, .navi, #navi-in { background-color: #EFEAE0; }
#navi .navi-in > ul > li > a { color: var(--kk-ink); }
#navi .navi-in > ul > li > a:hover { background-color: #E3DDD1; color: var(--kk-accent); }

/* フッター＝濃いセピア */
#footer, .footer { background-color: var(--kk-footer); color: #D8D2C4; }
#footer a, .footer a, .copyright { color: #C9BFA9; }

/* 引用・罫線・本文の組版 */
blockquote { background: #EFEAE0; border-left: 4px solid var(--kk-accent); color: #4A463F; }
hr, .entry-content hr { border-color: var(--kk-line); }
.entry-content { line-height: 1.9; }

/* 記事カード（一覧）を紙色に */
.entry-card, .related-entry-card, .widget { background-color: var(--kk-paper); border-color: var(--kk-line); }

/* ===== フォント＝源ノ明朝（Source Han Serif JP / Noto Serif JP）===== */
:root {
  --kk-serif: "Source Han Serif JP", "源ノ明朝", "Noto Serif JP",
    "Noto Serif CJK JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
}
body, button, input, select, textarea,
#container, #wrap, #main, #content, .main, .content,
.entry-content, .entry-title, .a-title, .page-title,
.widget, .widget-title, .article-title,
h1, h2, h3, h4, h5, h6,
#navi, #header, #footer, .site-name-text, .site-description {
  font-family: var(--kk-serif) !important;
}

/* ===== ヘッダーのサイト名「郷土考」を大きく・太く ===== */
.logo-header .site-name-text,
.site-name-text {
  font-size: 2.6rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em;
  line-height: 1.3;
}

/* ===== リンクをもう少し青く＋差し色に緑を追加 ===== */
:root {
  --kk-link: #3F6A86;        /* 沢の水→やや青寄りに */
  --kk-link-hover: #2E5067;
  --kk-green: #5E7B4F;       /* 差し色：苔・若葉を思わせる自然な緑（くすみ） */
}
.entry-content a { text-decoration-color: #9FB6C6; }
/* 見出し・引用・リスト記号に緑を差す（文字は枯れ草色のまま二色使い） */
.entry-content h2 { border-bottom-color: var(--kk-green); }
.entry-content h3 { border-left-color: var(--kk-green); }
blockquote { border-left-color: var(--kk-green); }
.entry-content ul li::marker { color: var(--kk-green); }
.entry-content ol li::marker { color: var(--kk-green); }
/* ナビ等のホバーにも緑のニュアンス */
#navi .navi-in > ul > li > a:hover { color: var(--kk-green); }

/* ===== 記事リスト（エントリーカード）のサムネイルを非表示 ===== */
.entry-card-thumb,
.card-thumb,
.e-card-thumb { display: none !important; }
.entry-card-content,
.card-content,
.e-card-content { margin-left: 0 !important; width: 100% !important; }