@charset "UTF-8";

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

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

/*すべての固定ページで投稿日・更新日や著者情報を消す*/
.page .date-tags,.page .author-info {display: none;} 

/*CATボタン背景*/
.cta-box {
    background-color: #fff;
    color: #fff;
    padding: 5px;
}

.article h2:before {
	content: url("https://k-jikkan.com/wp-content/uploads/2020/03/hana.png");
}
.article h5 {
    border-bottom: dotted 2px #F1A800;
}
/*見出し初期化*/
.article h3,
.article h4,
.article h6
{
padding: 0;
margin: 0;
background:none;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}
/*見出しデザインを変える場合はこれより下に記載してください*/

.article h3 {
  position: relative;
  padding: 0.8em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}

.article h3:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}

.article h4 {
  position: relative;
  background: #f1f8ff;
  padding: 5px 5px 5px 60px;
  font-size: 20px;
  color: #474747;
  border-radius: 10px;
}

.article h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1d8";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #5c9ee7;
  font-weight: normal;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -0.2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}

.article h6 {
  position: relative;
  padding-left: 35px;
}
.article h6:before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: normal;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.article h6:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

  /*H1の空き調整*/
.entry-title, .archive-title {
    margin: 16px 16px;
    line-height: 1.3;
}

  /*コンテンツ下部の調整*/



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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.article h2:before {
	content: url("https://k-jikkan.com/wp-content/uploads/2020/03/s-hana.png");
}
}