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


/* ヘッダー（2026-09-23　横長 2400x500 に差し替え済み）*/
#header .site-logo-image.header-site-logo-image{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:fill !important;
  display:block !important;
  margin:0 !important;
}
/* 見栄え（2026-09-23）*/

/* ① 記事カード：淡い影と余白。「押せるもの」に見せる */
.list .entry-card-wrap, .list .a-wrap{
  border:1px solid #e6e9df !important;
  border-radius:10px !important;
  background:#fff;
  box-shadow:0 1px 3px rgba(60,80,40,.06);
  transition:box-shadow .2s ease, transform .2s ease;
  margin-bottom:18px !important;
}
.list .a-wrap:hover{
  box-shadow:0 6px 18px rgba(60,80,40,.14);
  transform:translateY(-2px);
}
.entry-card-title, .large-entry-card-title{ font-weight:700; line-height:1.5; }
.entry-card-snippet, .large-entry-card-snippet{ color:#6b7263; }

/* ② 1本目の大きいカードを目立たせる */
.large-entry-card{ border:1px solid #d8e2cc !important; border-radius:12px !important; overflow:hidden; }
.large-entry-card-title{ font-size:24px !important; }

/* ③ カテゴリーラベルをはっきり */
.cat-label{ font-weight:700; letter-spacing:.02em; border-radius:4px; }

/* ④ メニューの文字を大きく太く */
#navi .navi-in a{ font-size:16px !important; font-weight:700 !important; letter-spacing:.02em; }
#navi .navi-in a:hover{ background:rgba(255,255,255,.22) !important; }

/* ⑤ サイドバーの見出しを揃える */
.sidebar h2, .sidebar h3{ border-radius:6px; letter-spacing:.02em; }
/* 背景色（2026-09-23）*/
/* 外側をグレーから薄いクリームへ。ヘッダーと同じ色に揃える */
body, .body, #body, #container{ background-color:#FBF8F0 !important; }
#content, .content, #main, .main, article, .entry-content{ background-color:#fff; }
.list .a-wrap{ background:#fff !important; }

/* フッター：背景を明るくしたので、文字を白から濃い緑に戻す */
#footer, #footer-in, .footer-bottom{ background-color:#F3F6EB !important; }
#footer, #footer *, .footer-bottom, .footer-bottom *{ color:#33452c !important; }
#footer a, .footer-bottom a{ color:#2c6b42 !important; }
#footer a:hover, .footer-bottom a:hover{ color:#1d4a2c !important; }
#footer h3{ color:#24391f !important; font-weight:700; }
#footer .footer-title, .copyright{ color:#5b6b52 !important; }