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


/* ===== 働くママの研究所 ブランドデザイン v1 (custom) ===== */
:root{
  --wml-cream:#FBF7EC; --wml-cream2:#F3ECD9;
  --wml-sage:#8FA87C; --wml-sage-d:#6E8A5E;
  --wml-coral:#E0846A; --wml-coral-d:#cf6f54;
  --wml-ink:#4a4035; --wml-wood:#d9b98c;
}
body{ background:var(--wml-cream)!important; color:var(--wml-ink); }
#header, .header-container, #header-in{ background:var(--wml-cream)!important; }
.header-container{ box-shadow:none!important; }
.logo-image img, .header-logo-image img, #header .logo img{ max-height:76px; width:auto; }
.tagline, .site-description{ color:var(--wml-sage-d)!important; font-size:13px; letter-spacing:.04em; }
/* グローバルナビ */
#navi{ background:#ffffff!important; border:none!important; box-shadow:0 3px 12px rgba(120,100,70,.08); border-radius:0 0 20px 20px; }
#navi .navi-in>ul>li>a{ color:var(--wml-ink)!important; font-weight:600; transition:all .2s ease; border-radius:999px; margin:6px 4px; }
#navi .navi-in>ul>li>a:hover{ background:var(--wml-coral)!important; color:#fff!important; }
#navi ul ul li a{ border-radius:0; }
#navi ul ul li a:hover{ background:var(--wml-sage)!important; color:#fff!important; }
/* 記事カード */
.entry-card, article.post, .related-entry-card-wrap{ border-radius:16px!important; overflow:hidden; box-shadow:0 4px 18px rgba(120,100,70,.08)!important; border:none!important; background:#fff; transition:transform .2s ease, box-shadow .2s ease; }
.entry-card:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(120,100,70,.15)!important; }
.cat-label{ background:var(--wml-coral)!important; border-radius:999px!important; font-weight:600; padding:3px 12px!important; }
.entry-card-title,.card-title,.entry-card-content .card-title{ color:var(--wml-ink)!important; }
a, .entry-content a{ color:var(--wml-sage-d); }
a:hover{ color:var(--wml-coral); }
/* 本文見出し */
.article h2{ background:transparent!important; border:none!important; border-left:7px solid var(--wml-coral)!important; padding:.35em .7em!important; color:var(--wml-ink)!important; font-weight:700; border-radius:4px; }
.article h3{ border:none!important; border-bottom:3px solid var(--wml-sage)!important; padding-bottom:.2em!important; color:var(--wml-ink)!important; }
/* サイドバー */
.sidebar h3, .widget h3, .widget-sidebar h3{ background:transparent!important; border-left:6px solid var(--wml-sage)!important; padding-left:10px!important; color:var(--wml-ink)!important; }
.widget{ background:#fff; border-radius:14px; padding:14px 16px; box-shadow:0 3px 14px rgba(120,100,70,.06); margin-bottom:22px; }
/* ボタン・検索 */
.search-submit, input[type=submit], button.search-submit, .btn-wrap a, .wp-block-button__link{ background:var(--wml-coral)!important; border-color:var(--wml-coral)!important; border-radius:999px!important; color:#fff!important; }
/* フッター */
.footer, #footer, .footer-in{ background:var(--wml-sage)!important; color:#fff!important; }
#footer a, .footer a{ color:#fff!important; }
.navi-footer-in ul li a:hover{ color:var(--wml-cream)!important; }

/* 検索ボタン・微調整 patch */
.wp-block-search__button,.search-submit,.searchform input[type=submit],.searchform button,.search-box .search-submit{background:var(--wml-coral)!important;color:#fff!important;border:none!important;border-radius:999px!important;box-shadow:none!important;}
.wp-block-search__input,.search-edit,.searchform input[type=text]{border-radius:999px!important;border:1px solid var(--wml-cream2)!important;}
#navi .navi-in>ul>li>a{padding-left:14px;padding-right:14px;}
.entry-card-thumb img,.card-thumb img{transition:transform .3s ease;}
.entry-card:hover .entry-card-thumb img{transform:scale(1.04);}

/* mobile safety */
@media screen and (max-width:480px){
 .logo-image img,#header .logo img{max-height:52px!important;}
 #navi{border-radius:0!important;}
 .widget{padding:12px 14px;}
 .article h2{font-size:1.2em;}
}