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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*必要ならばここにコードを書く*/
/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

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


.article h2{
  padding: 0.5em;/*文字周りの余白*/
  color: White;/*文字色*/
  font-size: 15pt;
  background: #f5b1aa /*背景色*/
}

.article h3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #666c67;/*文字色*/
  background: #f7f6f5;/*背景色*/
  font-size: 15pt;
  border-bottom: solid 3px #f5b1aa/*下線*/
}

.article h4 {
  position: relative;
  border:none;
}
.article h4:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #f5b1aa, #f5b1aa 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #f5b1aa, #f5b1aa 2px, #fff 2px, #fff 4px);
}

.article h5{
  border-bottom:none;
}
.article h5:before {
 font-family: 'Font Awesome 5 Free';
 content : "\f058";
 font-size: １em;
 color: #f5b1aa;
 margin-right: 0.3em;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

/************************************
** サイドバープロフィール
************************************/
 .nwa .author-box .author-description {
     text-align: center;
 }

/**目次**/
.toc {
  display: block;
  padding: 0px;
  max-width: 600px;
  border: 1.2px #f19ca7 solid !important;
  font-family: 'Noto Sans JP', sans-serif;
}
.toc-title {
  position: relative;
  padding: 10px 0;
  background: #f19ca7;
  color: #fff;
  font-weight: bold;
}
.toc .toc-content {
  padding: 15px 20px;
  background-color: #FFFFFA;
}
.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  color: #5d6a76;
  margin-left: -10px;
}
.toc-list > li li ::before {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  left: -15px;
  border-radius: 100%;
  background: #cdcdcd;
  position: relative;
  margin-bottom: 2px;
}
.article .toc-list > li li {
  list-style: none;
}


/* ピンク下線　*/
.under1 {
  border-bottom: solid 2px #ff99a8
}