@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/
/*============
ステマ規制文言
=============*/
.sutema{
  padding-top: 15px;
  padding-bottom: 5px;
  font-size: smaller;
  color: #333333;
}
/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 見出しカスタマイズ */
/* H2 */
.article h2 {
  margin-top: 100px;
  position: relative;
  padding: 0.6em;
  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 h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}

/* H3 */
.article h3 {
  position: relative;
  margin-top: 80px;
  background: #fff5df;/*背景色*/
  padding: 0.7em;
  border-radius: 7px;  
}

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

/* H4 */
.article h4{
  border-top:none;
  background: #fff5df;/*背景色*/
  border-bottom:10px solid #E0C0A0;
  border-top-left-radius: 10px;
  border-top-right-radius:10px ;
  padding: 10px;
  padding-bottom: 10px;
}

/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}

/*必要ならばここにコードを書く*/


h3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*320x100広告ユニットはスマホのみ*/
  .unit320x100{
    display: none;
  }
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*320x100広告ユニットはスマホのみ*/
  .unit320x100{
    display: none;
  }
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*320x100広告ユニットはスマホのみ*/
  .unit320x100{
    display: none;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  .unit320x100{
    display: block;
  }
}