@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 固定ページの本文内にある「最初の見出し（H2〜H6）」の上の余白を最優先でゼロにする */
.page .entry-content h2:first-of-type,
.page .entry-content h3:first-of-type,
.page .entry-content h4:first-of-type,
.page .entry-content h5:first-of-type,
.page .entry-content h6:first-of-type {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

/* 固定ページの見出しのアイコンを文字の左側に正しく並べる */
.page .entry-content h4::before {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 8px !important;  /* アイコンと文字の間の隙間 */
  
  /* 位置の微調整用（上下に動かしたい場合はここを触ります） */
  position: relative !important;
  top: 1px !important;           /* 下に下げるためにプラスの数値にしています */
}


/* H4見出しのフォントサイズ変更例 */
.article h4 {
  font-size: 24px;
}

/*■TOPページ(ID40)のタイトル(見出し1)を消す*/
.page-id-40 h1.entry-title{
display:none;
}

/*■スマホフッターメニューのカスタマイズ*/
.mobile-footer-menu-buttons .menu-button,
.mobile-footer-menu-buttons .menu-button:hover,
.mobile-footer-menu-buttons .menu-button a,
.navi-menu-content,
.menu-drawer a,
.menu-drawer a:hover{
  background-color: #898989;
  color: ;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.body {
   font-size: 20px !important;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.body {
   font-size: 20px !important;
  }
}