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

/* ロゴ（サイト名）の字間を広げる */
.logo-text .site-name-text {
  letter-spacing: 0.35em;
  margin-right: -0.35em;
  font-weight: 400;
}
/* キャッチフレーズ: 大きめ・名前との間隔を詰める（Diego要望 2026-09-07） */
.tagline {
  letter-spacing: 0.2em;
  font-size: 16px;
  color: #666;
  margin-bottom: 0;
}
.logo-text {
  padding-top: 6px;
}

/* 本文の文字色を柔らかい濃グレーに */
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;
}

/* ページタイトル */
.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以下: ロゴ字間を少し詰める（折り返し防止）*/
@media screen and (max-width: 480px){
  .logo-text .site-name-text { letter-spacing: 0.18em; margin-right: -0.18em; }
}

/* 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;
  }
}