@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 - Section */
.entry-content h2 {
  background: rgba(47, 52, 59, 0.03);
  border: none;
  border-left: 6px solid #5F6670;

  padding: 0.55em 0.85em;
  margin-top: 2.8em;
  margin-bottom: 1.25em;

  font-size: 1.52em;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

/* H3 - Subsection */

.entry-content h3 {
  background: transparent;
  border: none;
  border-left: 4px solid #7A818A;
  border-bottom: 1px solid #E2E5E8;

  padding: 0.15em 0 0.3em 0.65em;
  margin-top: 2.1em;
  margin-bottom: 0.85em;

  font-size: 1.28em;
  font-weight: 700;
  line-height: 1.45;
}

/* H4 - Detail */
.entry-content h4 {
  position: relative;
  background: transparent;
  border: none;

  padding: 0.1em 0 0.1em 1.15em;
  margin-top: 1.65em;
  margin-bottom: 0.65em;

  font-size: 1.08em;
  font-weight: 700;
  line-height: 1.45;
}

.entry-content h4::before {
  content: "";
  position: absolute;
  left: 0.15em;
  top: 0.52em;

  width: 0;
  height: 0;

  border-top: 0.28em solid transparent;
  border-bottom: 0.28em solid transparent;
  border-left: 0.42em solid #9AA0A8;
}

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

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

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