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

/* =========================================================
   ゆるLife.jp 配色統一
   HOME=TEAL / MONEY=BLUE / LIFE=GREEN
   ========================================================= */

/* HOMEヒーロー */
.home .entry-content > .wp-block-group:first-child,
.home .entry-content > .wp-block-group:first-child h1,
.home .entry-content > .wp-block-group:first-child p,
.home .entry-content > .wp-block-group:first-child strong {
  color: #fff !important;
}

/* HOME：ゆるLife.jpとは */
.home .entry-content > .wp-block-group:nth-of-type(2) > h2 {
  background: #397C78 !important;
  color: #fff !important;
  padding: 16px 20px !important;
}

/* HOME：お金・働き方 */
.home .entry-content > .wp-block-group:nth-of-type(3) > h2 {
  background: #416B8C !important;
  color: #fff !important;
  padding: 16px 20px !important;
}

/* HOME：生活・楽しみ */
.home .entry-content > .wp-block-group:nth-of-type(4) > h2 {
  background: #5F8064 !important;
  color: #fff !important;
  padding: 16px 20px !important;
}

/* 記事：お金・働き方＝BLUE */
body.category-money-career .article h2,
body.category-investment .article h2,
body.category-work .article h2 {
  background: #416B8C !important;
  color: #fff !important;
}

/* 記事：生活・楽しみ＝GREEN */
body.category-life-enjoy .article h2,
body.category-running .article h2,
body.category-parenting .article h2,
body.category-life .article h2 {
  background: #5F8064 !important;
  color: #fff !important;
}

/* 記事：ゆる定義＝TEAL */
body.category-yuru-definition .article h2 {
  background: #397C78 !important;
  color: #fff !important;
}

/* HOME：新着記事・Shiraについての見出し文字を白に */
.home .entry-content h2 {
  color: #ffffff !important;
}

/* 記事内H2：カテゴリカラー背景では文字を白に統一 */
.single .article h2,
.single .article h2 *,
.single .article h2 a {
  color: #ffffff !important;
}