@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* H2は背景色 ＋ 下線 (金色) */
h2 {
  background: rgba(123,134,198,.07); /* 背景色 */
  border-bottom: 3px solid #B89C33; /* 下線の色を金色に変更 */
  color: #222222 !important; /* 文字色 */
  padding: .5em 0 !important; /* 左右のパディングを0に設定 */
}

/* H3は背景を黒に近いグレー、文字は白 */
h3 {
  background-color: #333333; /* 背景色を濃いグレーに変更 */
  color: white;
  padding: 5px;
  clear: both;
}

p {
  font-size: 16px;
}

/* その他の既存のCSSもここに含める */
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info {
  display: none;
}


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

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

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