@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){
  /*必要ならばここにコードを書く*/
}
/* ===== ママの図鑑 by Suu カスタムCSS ===== */

/* フォント・全体 */
body {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 16px;
  line-height: 1.9;
  color: #3D2B1F;
}

/* リンクの色 */
a {
  color: #6B8F71;
}
a:hover {
  color: #4A6741;
  text-decoration: underline;
}

/* H2見出し */
h2 {
  border-left: 5px solid #6B8F71;
  border-bottom: 1px solid #C8D8C9;
  padding: 8px 12px;
  background-color: #F0F5F0;
  color: #3D2B1F;
}

/* H3見出し */
h3 {
  border-left: 4px solid #8B6347;
  padding: 4px 10px;
  color: #3D2B1F;
}

/* H4見出し */
h4 {
  color: #6B8F71;
  font-weight: bold;
  border-bottom: 1px dashed #C8D8C9;
  padding-bottom: 4px;
}

/* 記事全体の幅 */
.entry-content {
  max-width: 760px;
  margin: 0 auto;
}

/* ボックス（Cocoonのメモボックスなど） */
.wp-block-cocoon-blocks-box-bucket {
  border-color: #6B8F71;
  background-color: #F7FAF7;
}

/* ボタン */
.btn {
  background-color: #6B8F71;
  color: #ffffff;
  border-radius: 30px;
}
.btn:hover {
  background-color: #4A6741;
  color: #ffffff;
}

/* 引用ブロック */
blockquote {
  border-left: 4px solid #8B6347;
  background-color: #FAF5F0;
  padding: 12px 16px;
  color: #5C4033;
}

/* テーブル */
table th {
  background-color: #6B8F71;
  color: #ffffff;
}
table td {
  background-color: #FAFAFA;
}
table tr:nth-child(even) td {
  background-color: #F0F5F0;
}

/* フッターのウィジェットタイトルを非表示 */
.footer-widget .widget-title {
  display: none;
}

/* フッターウィジェットタイトル非表示（複数パターン） */
.footer-widget .widget-title,
.footer-widget .widgettitle,
.footer-widget h2,
.footer-widget h3 {
  display: none;
}