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

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

.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

.article h2,.article h3,.article h4{
	padding: 0;
	border: none;
	background: none;
}
.article h2 {
  padding: 0.5em;
  background: #fadbda;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}
.article h3{
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #fadbda;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
.article h4 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #fadbda;/*左線*/
}
.toc {
  background-color: #f6f7f7;  /* 目次の背景色を変更する */
  border-color: #a8bcc8;  /* 周囲のボーダーの色を変える */
}
#sidebar {
  background-color: #f6f7f7;
}

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

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

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