@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}

/* 見出しのデザイン */
.article h2 {
  color: #fff;/*文字色*/
  padding: 0.8em;/*文字周りの余白*/
  font-size: 24px; /* 文字サイズ */
  line-height: 1.3;/*行高*/
  background: #c97586;/*背景色*/
  border-radius: 25px 25px 25px 25px;/*角を丸く*/
}

.article h3{
color: #000; /* 文字色 */
font-size: 1.5em; /* 文字サイズ */
background-color: #f4b3c2;/* 背景色 */
padding: 10px;
border-left: solid 10px #fdeff2; /* 左側に実線・色*/
}

.article h4{
color: #000; /* 文字色 */
font-size: 1.2em; /* 文字サイズ */
padding: 10px;
border-top: solid 3px #008000;/* 上側に実線・色 */
border-bottom: solid 3px #008000;/* 下側に実線・色*/
}

.article h5{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 10px;
border-bottom: dotted 3px #008000;/* 下側に点線・色*/
}

.article h6{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 5px;
border-left: solid 7px #008000; /* 左側に実線・色*/
}
/* タイトル位置 */
.header-in .tagline {
text-align:left;
	padding-left: 10px;
}
.header-in .logo {
text-align: left;
	padding-left: 10px ;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}
/* —– 見出しに余白 —– */
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
	margin: 35px 0px 35px 0px;
}
/* —– 記事内の画像下に余白 —– */
img.alignnone{
margin: 0 0 30px 0;
}