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

/* ===== 4人パパの整える暮らし：トップページ用カスタムCSS（Cocoon Child） ===== */
:root{--yp-sage:#7fa37a;--yp-sage-d:#5e8a5a;--yp-beige:#f6f3ee;--yp-char:#3c3c3a;--yp-terra:#d98b6b;}
body{background:var(--yp-beige);color:var(--yp-char);}
.header-container{box-shadow:0 2px 10px rgba(60,60,58,.06);}
.navi-in>ul>li>a{font-weight:600;letter-spacing:.04em;}
.navi-in>ul>li:hover>a{background:#eef3ea;color:var(--yp-sage-d);}
.appeal-title{font-weight:700;font-size:1.9em;letter-spacing:.04em;}
.appeal-content{background:rgba(255,255,255,.88);border-radius:18px;padding:36px 40px;box-shadow:0 8px 30px rgba(60,60,58,.08);}
.appeal-message{line-height:1.9;}
.appeal-button{border-radius:999px;padding:.7em 2.2em;font-weight:700;box-shadow:0 4px 12px rgba(94,138,90,.35);}
.recommended-cards .a-wrap,.recommended-card{border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(60,60,58,.10);transition:transform .2s;}
.recommended-cards .a-wrap:hover{transform:translateY(-3px);}
.vertical-card .entry-card,.vertical-card-3 .entry-card{background:#fff;border-radius:16px;box-shadow:0 6px 18px rgba(60,60,58,.08);overflow:hidden;transition:transform .2s;}
.vertical-card .entry-card:hover{transform:translateY(-3px);}
.entry-card-thumb img{border-radius:0;}
.entry-card-title{font-weight:700;line-height:1.5;}
.cat-label{background:var(--yp-sage);border-radius:999px;padding:2px 10px;font-size:.75em;}
.main{background:#fff;border-radius:18px;}
.sidebar{background:transparent;}
.sidebar h3,.sidebar .widget-title{background:#eef3ea;color:var(--yp-sage-d);border-left:5px solid var(--yp-sage);border-radius:8px;padding:.5em .9em;font-weight:700;}
.sidebar .widget{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 14px rgba(60,60,58,.06);}
.author-box{border-radius:16px;}
.author-thumb img{border-radius:50%;box-shadow:0 4px 12px rgba(60,60,58,.12);}
.footer{background:#e7ede3;color:var(--yp-char);}
.footer a{color:var(--yp-char);}
.article h2{border-radius:10px;background:#eef3ea;border-left:6px solid var(--yp-sage);padding:.5em .8em;}
.article h3{border-left:4px solid var(--yp-terra);padding-left:.6em;}
.caption-box{border-radius:12px;}
.btn-green,.btn-wrap-green .btn{background:var(--yp-sage);}