@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*フロント固定ページのタイトルを非表示.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: teal;padding: .5em 1em .3em;margin-top: 80px;background: #e5fff6;border-top: 6px solid #6eddcf;border-bottom: 6px solid #6eddcf;border-left: 6px solid #6eddcf;border-right: 6px solid #6eddcf;}
.article h3 {color: #444d53;padding: .5em 1em .3em;margin-top: 40px;background: #f0fffa;border-top: 1px solid #98e7dc;border-bottom: 1px solid #98e7dc;border-right: 1px solid #98e7dc;border-left: 6px solid #98e7dc;}
.article h4 {color: #444d53;padding: .4em 1em .2em;margin-top: 40px;border-top: 1px solid #6eddcf;border-bottom: solid 3px #6eddcf;}
.article h5 {color: #444d53;padding: .1em 1em;margin-top: 40px;border-bottom: solid 2px #6eddcf;}
.article h6 {color: #444d53;padding: .1em 1em;margin-top: 40px;border-bottom: solid 1px #6eddcf;}

/*投稿タイトル*/
.entry-title, .archive-title {padding: 10px; color: teal;font-size: 1.8rem;font-weight: bold;letter-spacing: 0rem;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}