@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

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

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

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

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

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

/* H2H3見出しの疑似要素をリセット*/
.entry-content h2 > span::before {
    content: none;
}

.article h2 span::after {
    background: transparent;
	
}

/* 見出しのデザイン設定 */
/* H2 */
.entry-content h2{
color: #000000; /* 文字色 */
font-size: 2.0em; /* 文字サイズ */
background-color: #ffb6c1; /* 背景色 */
padding-top:20px; /* 文字と上部の間隔 */
padding-left:10px;/* 文字と左線の間隔 */
padding-bottom:20px;/* 文字と下部の間隔 */

}
/* モバイル用サイズ */
@media screen and (max-width: 480px){
		.entry-content h2{
			font-size: 22px;
		    font-weight: 700;
  
	}
}

/* 見出し3 */
.article h3 {
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

h3:first-letter {
  font-size: 2em;
  color: #8B0000;
}

.article h3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #333333;/*文字色*/
  border-bottom: solid 7px #F08080;/*下線*/
}
/* 見出し上の空白 */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
   margin-top: 2.8em;
}