@charset "UTF-8";

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

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

.logo-header a span{
	font-family:  'Notable', sans-serif;
	font-size:48px;
	font-weight: bold;
}


/************************************
** ■見出しカスタマイズ（h2-6）
************************************/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
  /*padding: 0;*/
  /*margin: 0;*/
  /*font-size: medium;*/
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
}

.article h2 {
  position: relative;
  color: white;
  background:  #7db4e6;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.article h2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  font-weight: 900;
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.article h3{ /*見出し３カスタマイズ*/
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
}

.article h4{ /*見出し４カスタマイズ⇒青下線*/
padding: 0.5em 0.5em;/*上下 左右の余白*/
border-bottom: solid 3px #7db4e6;
}


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

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

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

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