@charset "UTF-8";

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

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

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

/* 見出しリセット */
/* 見出し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 {
    margin: 1.4em 0;
    padding: .3em 0 .3em .5em;
    border-left: 13px solid #f29c9f;
    background-color: #fdeeef;
    padding-left: 10px;
    box-shadow: 0 5px 3px #c8baa7;
    font-size: 1.2em;
}
.article h3 {
    position: relative;
    margin: 1em 0;
    padding: .6em 0 .6em .5em;
    border: 2px solid rgb(242,156,159);
    background: rgb(242,156,159);
    color: white;
}
.article h4 {
    margin: 1.4em 0;
    padding: .3em 0 .3em .5em;
    border-left: 13px solid  #f29c9f;
    background-color: #f29c9f;
    padding-left: 10px;
    box-shadow: 0 5px 3px #c8baa7;
    font-size: 1.2em;
	 color: white;
}