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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*********
モバイルの携帯横とタブレットのヘッダーフッダーの背景色
*********/
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
  color: #333333;
  background-color: #bcc2aa;
}
.mobile-footer-menu-buttons,
.navi-menu-content,
.mobile-footer-menu-buttons .menu-button > a,
.mobile-footer-menu-buttons .menu-button:hover,
.navi-menu-content a,
.navi-menu-content a:hover {
  background: #bcc2aa;
  color: #333333;
  font-size: 22px;
}
/* ヘッダー追従、モバイルのヘッダーナビの背景色 */
.menu-button-in{
	color: #333333!important;
	background-color: #bcc2aa!important;
}

/*********
 トップへ戻るボタン
*********/
.go-to-top {
  right: 20px; /*右から20px*/
  bottom: 55px; /*下から55px*/
}
.go-to-top-button {
  background-color:#d0e2be; /*背景色*/
  border-radius: 50%; /*丸くする*/
  width: 60px; /*横幅*/
  height: 60px; /*高さ*/
  font-size: 30px; /*アイコンフォントのサイズ*/
  opacity:0.9; /*透明度*/
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .2); /*影*/
}
/*ホバー時*/
.go-to-top-button:hover {
  color: #333; /*アイコンフォントの色*/
  background-color:#d5f2ee; /*背景色*/
}

/*********
見出し
*********/
/* 見出しのデザインーリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}
/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}
/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}
/* 見出しのデザインーセット */
/* H2 */
.entry-content h2{
color: #333333; /* 文字色 */
font-size: 1.4em; /* 文字サイズ */
background-color: #ebf8f4; /* 背景色 */
padding-top:20px; /* 文字と上部の間隔 */
padding-left:10px;/* 文字と左線の間隔 */
padding-bottom:20px;/* 文字と下部の間隔 */
border-left: solid 10px #5c993d; /* 左側に実線・色*/
}
/* H3 */
.entry-content h3{
color: #333333; /* 文字色 */
font-size: 1.2em; /* 文字サイズ */
background-color: #fdf2f2;/* 背景色 */
padding: 10px;
border-top: solid 3px #b3478f;/* 上側に実線・色 */
border-bottom: solid 3px #b3478f;/* 下側に実線・色*/
}
/* H4 */
.entry-content h4{
color: #333333; /* 文字色 */
font-size: 1.2em; /* 文字サイズ */
background-color: #eaf4fc;/* 背景色 */
padding: 10px;
border-left: solid 10px #4759b3; /* 左側に実線・色*/
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}