@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　再設定*/
.entry-content h2 {
   position: relative;
   padding: 0.3em 0; /* 内側余白調整 */
   border-bottom: solid 3px #d7d2cb; /* 下線１：実線・太さ・色 */
   color:#4e454a; /* 文字色（黒）*/
}

.entry-content h2:after{
   position: absolute;
   content: '';
   display: block;
   border-bottom: solid 3px #d8a7a7; /* 下線２：実線・太さ・色 */
   bottom:-3px;
   width:30%; /* 下線２の幅*/
}
/*ここまでH2*/

/*H3再設定*/
.entry-content h3 {
   background:none;
   color: #333;
   position: relative;
   padding: .3em 1em 1em 40px;
  }

.entry-content h3::before,
.entry-content h3::after{
   position: absolute;
   content: '';
   border-radius: 100%;
}

.entry-content h3::before {
   top: .6em;
   left: .2em;
   z-index: 2;
   width: 22px;
   height: 22px;
   background: #d8a7a7;
   opacity: .5;
}
.entry-content h3::after{
   top: 1.1em;
   left: .7em;
   width: 15px;
   height: 15px;
   background: #d8a7a7;
   opacity: .5;
}
/*ここまでH3*/

/*H4再設定*/
.entry-content H4 {
    padding:0 .4em .2em;
    border-bottom: 3px dotted #b8b0a6;
    background-color: #ffffff;
    color: #4e454a;
}

/*ここまでH4*/

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

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

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