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

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

/* 見出しのデザインリセット */
/*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;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}



/* 見出しのデザイン設定 */
/* H2 */
.entry-content h2 {
    color: #3E2723; /* 文字色をダークブラウンに変更 */
    font-size: 2.0em; /* 文字サイズ */
    background-color: none; /* 薄いオレンジ */
    padding-top: 20px; /* 文字と上部の間隔 */
    padding-left: 10px; /* 文字と左線の間隔 */
    padding-bottom: 20px; /* 文字と下部の間隔 */
    border-left: solid 10px #FF8C00; /* 左側に実線・色を明るいオレンジ */
}

/* H3 */
.entry-content h3 {
    color: #3E2723; /* 文字色をダークブラウンに変更 */
    font-size: 1.5em; /* 文字サイズ */
    background-color: #FFF9F3; /* 薄いクリームオレンジ */
    padding: 10px;
    border-left: solid 5px #FF8C00; /* 左側に実線・色を明るいオレンジ */
}

/* H4 */
.entry-content h4 {
    color: #3E2723; /* 文字色をダークブラウンに変更 */
    font-size: 1.2em; /* 文字サイズ */
    padding: 10px;
    /* border-top: solid 3px #FF8C00; 上側に実線・色を明るいオレンジ */
    border-bottom: solid 2px #FF8C00; /* 下側に実線・色を明るいオレンジ */
}

/* H5 */
.entry-content h5 {
    color: #3E2723; /* 文字色をダークブラウンに変更 */
    font-size: 1.0em; /* 文字サイズ */
    padding: 10px;
    border-bottom: dotted 3px #FF8C00; /* 下側に点線・色を明るいオレンジ */
}

/* H6 */
.entry-content h6 {
    color: #3E2723; /* 文字色をダークブラウンに変更 */
    font-size: 1.0em; /* 文字サイズ */
    padding: 5px;
    border-left: solid 7px #FF8C00; /* 左側に実線・色を明るいオレンジ */
}







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

}

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

	
}

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


	
}