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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* ホーム固定ページ(ID:8)のH2帯を画面幅いっぱいにする */
.page-id-8 .entry-content h2 {
  /* コンテンツの左右余白を打ち消して全幅にする */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  /* 文字が端にくっつきすぎないように内側余白を足す */
  padding-left: 5vw;
  padding-right: 5vw;

  border-radius: 0; /* 端をまっすぐに（必要なければ消してOK） */
}

/* H2内のリンク文字も同じ色になるように */
.page-id-8 .entry-content h2,
.page-id-8 .entry-content h2 a {
  background-color: #0e3a2e; /* 帯の色 */
  color: #5b6f3a;            /* 文字色（今の指定をそのまま活かすならここ） */
}