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

/* =============================================
   ちぃとかめぴ カスタムスタイル
   〜 やわらかアウトドア自然スタイル 〜
   ============================================= */

/* 全体背景 */
#wrapper { background-color: #f4f1ea !important; }

/* 記事エリア */
.article {
  background-color: #faf8f3 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 12px rgba(50, 70, 20, 0.07) !important;
}

/* H2見出し：森の緑×やわらかクリーム */
.entry-content h2 {
  background: linear-gradient(135deg, #e8f0d8 0%, #f2edd8 100%) !important;
  border-left: 5px solid #5c7a3e !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid #c8d8a0 !important;
  color: #2d4a1e !important;
  padding: 12px 18px 12px 22px !important;
  margin: 2em 0 1em !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 1.15em !important;
  letter-spacing: 0.04em !important;
}

/* H3見出し：グリーンのアンダーライン */
.entry-content h3 {
  color: #3a5a28 !important;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 2px solid #8aaa5a !important;
  background: transparent !important;
  padding: 4px 0 9px !important;
  margin: 1.8em 0 0.9em !important;
  border-radius: 0 !important;
}

/* H4見出し：左ライン＋薄緑背景 */
.entry-content h4 {
  color: #4a5c30 !important;
  padding: 4px 0 4px 13px !important;
  border-left: 3px solid #a0c070 !important;
  border-bottom: none !important;
  border-top: none !important;
  border-right: none !important;
  background-color: #f2f7ea !important;
  border-radius: 0 4px 4px 0 !important;
  margin: 1.4em 0 0.7em !important;
}

/* 記事一覧カード */
.entry-card-wrap,
.card-wrap {
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(50, 70, 25, 0.10) !important;
  border: 1px solid #ddd8c4 !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}
.entry-card-wrap:hover,
.card-wrap:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 7px 20px rgba(50, 70, 25, 0.16) !important;
}

/* サイドバーウィジェット */
.widget {
  background-color: #faf8f3 !important;
  border: 1px solid #d8d0b8 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(60, 80, 30, 0.06) !important;
}
.widget-title, .widgettitle {
  background: linear-gradient(135deg, #5c7a3e, #3d5228) !important;
  color: #f5f2e8 !important;
  padding: 9px 16px !important;
  letter-spacing: 0.07em !important;
}

/* フッター */
#footer {
  background-color: #2d3d1e !important;
  color: #d8e8c0 !important;
}