@charset "UTF-8";

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

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


  /* 見出しリセット */
/* 見出し1 */
.article h1{
background: none;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
font-weight: bold;
}

/* -------見出しカスタマイズ------- */
/* 見出し1 黒 */
.article h1 {
  font-size: 26px !important;/*文字のサイズ*/
  background: #1f1f1f;/*背景色*/
  padding-top: 3em;
  padding-right: 1.5em;
  padding-bottom: 3em;
  padding-left: 1.5em;/*余白*/
  color: #FFF;
  margin-bottom: 15px;
  border-top: none;
  border-bottom: none;
}

/*見出しリセット*/

.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 {
  padding-bottom: 0.4em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background-color: #ffffff;
  border-bottom: solid 6px #cccccc;/*（実線 太さ 色）*/
  font-size: 1.5em;
}

.article h3 {
  margin-bottom: 1.2em;
  padding-bottom: 0.4em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background-color: #ffffff;
  border-bottom: solid 3px #cccccc;/*（実線 太さ 色）*/
  font-size: 1.3em;
}

.article h4  {
	margin-left: 0.5em;
     position: relative;
  padding: 0.5em;/*文字周りの余白*/
	padding-left: 20px;
     font-size: 1.5em;
}
 
.article h4::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 10px;
     height: 10px;
     background-color: #f2d722;
}

.article h5 {
  padding: 0.5em 0em 0.5em 1.0em;/*文字周りの余白*/
  /*線の種類（点線）2px 線色*/
  border-bottom: solid 2px #6594e0;
}

.article h6 {
  padding: 0.5em 0em 0.5em 1.0em;/*文字周りの余白*/
  /*線の種類（点線）2px 線色*/
  border-bottom: solid 2px #6594e0;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}