@charset "UTF-8";
/* キャッチフレーズ用の明朝体（Android等ヒラギノ明朝/游明朝の無い端末向け・使う7文字だけ読み込む 2026-09-23） */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap&text=%E3%82%82%E3%81%AE%E3%82%92%E6%9B%B8%E3%81%8F%E3%80%81%E6%8F%8F");

/*!
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-09-07 CSS工程）
   方針: 白基調・#444・字間広めロゴ・飾り最小
   （正本: 参考サイト分析_Cocoonデザイン方針_2026-09-04.md）
   ============================================ */

/* ロゴ（サイト名）: キャッチの下に小さく・字間広め・やや太め（2026-09-23 くれあさん調整） */
#header .logo-text .site-name-text {
  font-size: 15px;
  letter-spacing: 0.4em;
  margin-right: -0.4em;
  font-weight: 500;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #666;
  white-space: nowrap;
}
.logo-header,
.logo-header a {
  line-height: 1.2;
}
/* キャッチフレーズ: 主役として名前の上に・明朝・太め（2026-09-23 くれあさん調整／Cocoon設定=ヘッダートップ） */
.tagline {
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1.3;
  color: #333;
  margin-top: 52px;
  margin-bottom: 4px;
}
.logo-text {
  padding-top: 0;
  padding-bottom: 58px;
}

/* 本文の文字色を柔らかい濃グレーに */
body {
  color: #444;
}

/* グローバルメニュー: 細く上品に */
#navi .navi-in > ul > li > a {
  font-size: 14px;
  letter-spacing: 0.08em;
  padding: 0 1.4em;
  color: #444;
}
/* PC幅のみ: 固定幅を解除して折り返し解消（モバイルはCocoon標準の折返しを維持） */
@media screen and (min-width: 835px){
  .navi-in > ul > li {
    width: auto;
  }
  #navi .navi-in > ul > li > a {
    white-space: nowrap;
  }
}

/* 見出しの装飾を抑える */
.article h2 {
  background-color: transparent;
  padding: 0.4em 0;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
}
.article h3 {
  border: none;
  border-bottom: 1px dotted #ccc;
  padding: 0.3em 0;
  font-weight: 500;
}
/* WORKSカード内の書名は下線なし */
.article .wp-block-columns h3 {
  border: none;
  padding: 0.2em 0;
  font-size: 1.05em;
}

/* 固定ページのアイキャッチ非表示（カードの書影と重複するため・投稿は影響なし 2026-09-07） */
body.page .eye-catch-wrap {
  display: none;
}

/* 固定ページの日付（公開日・更新日）非表示（プロフィール・著書一覧等に日付は不要・ニュース投稿は表示のまま 2026-09-23） */
body.page .date-tags {
  display: none;
}

/* フッターの名前: 1行に収め、ヘッダーの名前と同じ書体・色に（2026-09-23） */
#footer .logo-footer .site-name-text {
  font-size: 14px;
  letter-spacing: 0.3em;
  white-space: nowrap;
  color: #666;
  font-weight: 500;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/* ページタイトル */
.entry-title {
  font-size: 1.3em;
  font-weight: 500;
}

/* 購入ボタン: 落ち着いたグレー */
.article .wp-block-button__link {
  background-color: #555;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  padding: 0.5em 1.6em;
}

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

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

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

/* 480px以下: キャッチフレーズを1行に収める（明朝は字幅が広く375px幅で「く」が折り返したため 2026-09-23） */
@media screen and (max-width: 480px){
  .tagline { font-size: 22px; letter-spacing: 0.08em; }
}

/* 834px以下: モバイルメニューの重なり解消（CONTACT追加で6項目化・2026-09-07）*/
@media screen and (max-width: 834px){
  #navi .navi-in > ul > li,
  #navi .navi-in > ul > li > a {
    height: auto;
    line-height: 1.8;
  }
  #navi .navi-in > ul > li > a {
    font-size: 13px;
    letter-spacing: 0.02em;
    padding: 8px 0.5em;
  }
}