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

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

/* Zen Kaku Gothic New 読み込み */
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

/* 全体に適用 */
body, button, input, textarea, select {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
}

/* サイト全体背景色 */
body {
    background-color: #faf9f4 !important;
}

/* 見出しだけ太字（700） */
h1, h2, h3 {
    font-weight: 700 !important;
}

h4, h5, h6 {
    font-weight: 600 !important;
}
/* 全てのh2見出しを中央揃え */
h2 {
    text-align: center !important;
}

/* コンテンツ背景色を #faf9f4 に統一 */
.container,
.content,
.entry,
.wrap,
.article,
.main,
#main {
    background-color: #faf9f4 !important;
}


.entry-card,
.entry-card .entry-card-content,
.entry-card .entry-card-wrap {
    background-color: #fefefe !important;
}

/* 固定ページ全体の背景色 */
.page {
    background-color: #faf9f4 !important;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/




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

  /* Cocoonロゴの余白調整（必要に応じて） */
  .logo {
    margin: 0;
  }
}

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

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