@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 */
.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見出し*/
/* H2 */
.entry-content h2{
color: #432f2f; /* 文字色 */
font-size: 1.5em; /* 文字サイズ */
background-color: #dcdddd; /* 背景色 */
padding-top:9px; /* 文字と上部の間隔 */
padding-left:10px;/* 文字と左線の間隔 */
padding-bottom:9px;/* 文字と下部の間隔 */
border-left: solid 13px #432f2f; /* 左側に実線・色*/
}
.article h2::before {
    border-top: none;
}
.article h2::after {
    border-bottom: none;
}
main h3.wp-block-heading {
    color: #2b2b2b;/*文字色*/
    font-size: 22px;/*文字サイズ*/
    padding: 20px 20px 10px;
    display: block;
    position: relative;
    padding-left: 25px;
}
main h3.wp-block-heading:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #6c3524;/*左矢印部の色など*/
}
main h3.wp-block-heading:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 10px;
    width: 100%;
    border-bottom: 3px solid #6c3524;/*下線（太さ 実線 色）*/
}
/*H4見出し*/
main h4.wp-block-heading {
    color: #616371;/*文字色*/
    font-size: 16px;/*文字サイズ*/
    display: block;
    position: relative;
    padding: 6px 32px;/*文字回りの余白（上下 左右）*/
}
main h4.wp-block-heading:before {
    font-family: FontAwesome;
    font-weight: 900;/*チェックマーク部の太さ*/
    font-size: 25px;/*チェックマーク部のサイズ*/
    color: #6c3524;/*チェックマーク部の色*/
    left: 0;
    top: 0;
    content:"\f14a";
    position: absolute;
}
/*************段落の間隔設定***************/

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

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

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