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

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

/* 2026-05-25 OPS-066-c: 見出しフォント Zen Old Mincho（落ち着いた金融トーン） */
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500;700;900&display=swap');

/* 見出しのみ Zen Old Mincho に統一・本文は標準フォントのまま読みやすさ維持 */
.entry-title,
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.widget-entry-cards .entry-card-title,
.widget-entry-cards .a-wrap .entry-card-title,
.sidebar .widget_block h2,
.sidebar h2,
.sidebar h3,
.widget-sidebar-standard h2.widget-sidebar-standard-title,
.archive-title,
main h1,
.main h1,
.main h2,
.main h3 {
  font-family: 'Zen Old Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'YuMincho', serif !important;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* H1（記事タイトル）は少し太く */
.entry-title,
.article h1,
main h1,
.archive-title {
  font-weight: 900;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /* H2見出しの横パディングをスマホでも確保 */
  .article h2 {
    padding: 0.6em 0.8em;
  }
}
