@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*フロント固定ページのタイトルを非表示.home.page .entry-title{display: none;}*/
/*フロント固定ページの投稿日を非表示*/.home.page .post-date{display: none;}
/*フロント固定ページの更新日を非表示*/.home.page .post-update{display: none;}
/*フロント固定ページの投稿者名を非表示*/.home.page .author-info{display: none;}
/*全固定ページでタイトルを非表示.page .entry-title {display: none;}*/
/*全固定ページで投稿日を非表示*/.page .post-date{display: none;}
/*全固定ページで更新日を非表示*/.page .post-update{display: none;}
/*全固定ページで投稿者名を非表示*/.page .author-info{display: none;}

.article h2 {padding: 0;/*余白*/background: none;}
.article h3 {border: none;/*線をリセット*/padding: 0;/*余白*/}
.article h4 {border: none;/*線をリセット*/padding: 0;/*余白*/}
.article h5 {border: none;/*線をリセット*/padding: 0;/*余白*/}
.article h6 {border: none;/*線をリセット*/padding: 0;/*余白*/}

.article h2 {color: #444d53;padding: .4em 1em;margin-top: 80px;background: #f4f9ff;border-top: 6px solid #8d93c8;border-bottom: 6px solid #8d93c8;border-left: 6px solid #8d93c8;border-right: 6px solid #8d93c8;}
.article h3 {color: #444d53;padding: .4em 1em;margin-top: 40px;background: #f4f9ff;border-top: 1px solid #cce5ff;border-bottom: 1px solid #cce5ff;border-right: 1px solid #cce5ff;border-left: 6px solid #cce5ff;}
.article h4 {color: #444d53;padding: .2em 1em;margin-top: 40px;border-top: 1px solid #8d93c8;border-bottom: solid 3px #8d93c8;}
.article h5 {color: #444d53;padding: .1em 1em;margin-top: 40px;border-bottom: solid 2px #8d93c8;}
.article h6 {color: #444d53;padding: .1em 1em;margin-top: 40px;border-bottom: solid 1px #8d93c8;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}