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

/* ============================================================
   サイト全体デザイン統一 CSS
   ============================================================ */
:root {
  --navy: #0a0f1e; --navy-mid: #111827;
  --cream: #fcf8f2; --cream-dk: #f0eee9;
  --ink: #15110d; --sage: #a8b39a; --maroon: #7a5a3b; --muted: #6b655d;
  --font-sans: 'Noto Sans JP', -apple-system, sans-serif;
  --font-serif: 'Shippori Mincho', serif;
}
body { background: var(--cream) !important; font-family: var(--font-sans) !important; color: var(--ink) !important; }
#header, .header, .header-container { background: var(--navy) !important; box-shadow: 0 1px 0 rgba(255,255,255,0.06) !important; }
#site-name a, .site-name a, .header-logo a { color: #fff !important; font-family: var(--font-serif) !important; }
#navi, .navi, .global-nav, .header-container-in { background: var(--navy) !important; }
.navi-in > ul > li > a, .navi ul li a { color: rgba(255,255,255,0.82) !important; font-size: 0.85rem !important; letter-spacing: 0.04em !important; transition: color 0.2s !important; }
.navi-in > ul > li > a:hover, .navi ul li a:hover { color: #fff !important; text-decoration: none !important; }
.navi-in > ul > li:last-child > a { background: var(--sage) !important; color: #fff !important; border-radius: 4px !important; padding: 0.35rem 0.9rem !important; }
.header-container a { color: rgba(255,255,255,0.75) !important; }
.breadcrumb, .breadcrumbs { background: var(--cream-dk) !important; font-size: 0.8rem !important; }
.breadcrumb a, .breadcrumbs a { color: var(--maroon) !important; }
.entry-title, .article h1 { font-family: var(--font-serif) !important; color: var(--navy) !important; }
.entry-content h2 { border-left: 3px solid var(--sage); padding-left: 0.75rem; color: var(--navy) !important; }
.entry-content h3 { color: var(--maroon) !important; }
.entry-content a { color: var(--maroon) !important; }
.entry-content a:hover { color: var(--navy) !important; }
.widget-title, .sidebar-title { color: var(--navy) !important; border-bottom: 2px solid var(--sage) !important; }
#footer, .footer { display: none !important; }
#kn-footer { display: block !important; }
.post-list-card { background: #fff !important; border: 1px solid #e8e4de !important; border-radius: 8px !important; transition: box-shadow 0.2s, transform 0.2s !important; }
.post-list-card:hover { box-shadow: 0 4px 16px rgba(10,15,30,0.12) !important; transform: translateY(-2px) !important; }

/* --- スティッキーナビ (jb-g-nav) をネイビーに --- */
header.jb-g-nav,
.jb-g-nav {
  background: var(--navy) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}
header.jb-g-nav a,
.jb-g-nav a,
.jb-g-nav .menu-item a {
  color: rgba(255,255,255,0.85) !important;
}
header.jb-g-nav a:hover,
.jb-g-nav a:hover {
  color: #ffffff !important;
}
/* サイトロゴ文字も白に */
header.jb-g-nav .site-name,
header.jb-g-nav .logo,
.jb-g-nav .site-name {
  color: #ffffff !important;
}
/* 検索・ハンバーガーアイコンも白に */
header.jb-g-nav .icon-search,
header.jb-g-nav .menu-toggle,
.jb-g-nav svg,
.jb-g-nav .fas,
.jb-g-nav .far {
  color: rgba(255,255,255,0.8) !important;
  fill: rgba(255,255,255,0.8) !important;
}

/* --- モバイルメニューも統一 --- */
.mobile-menu,
#mobile-menu,
.sp-menu-box {
  background: var(--navy-mid) !important;
}
.mobile-menu a, #mobile-menu a {
  color: rgba(255,255,255,0.85) !important;
}

/* --- 記事の無料プレゼント・不要リンクを非表示 --- */
/* ナビからの古いリンク項目はメニューで整理済み */