@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){
  /*必要ならばここにコードを書く*/
}


/************************************
** 妄想旅行舎デザイン（最終確定版 - 統合）
************************************/

/* サイト全体の背景色：目に優しい落ち着いた淡い群青 */
body {
  background-color: #d7dee3 !important; 
}

/* サイト全体のキーカラー：濃い群青 */
:root {
  --main-color: #2c3e50 !important; 
  --main-color-dark: #1e2a36 !important;
}


/* フォントファイル読み込み */
@font-face {
  font-family: 'Yasashisa Antique';
  src: url('/wp-content/themes/cocoon-child-master/fonts/07YasashisaAntique.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 全体のフォント・文字間隔 */
body,
body * {
  font-family: 'Yasashisa Antique', serif !important;
  letter-spacing: 0.05em !important;
}

/* 本文の文字色：青みがかった濃いグレー */
.article p, .article ul, .article ol, .article li { 
  color: #4a5a6a !important; 
}

/* --- サイト全体の行間調整 (読みやすさ改善) --- */
/* ★修正：行間を2.0に増やす */
.article p,
.article ul,
.article ol {
    line-height: 2.0 !important; 
}


/* --- 見出しセット（レトロ・知的デザイン） --- */

/* H2 (大見出し - 二重線スタイル) */
.article h1,
.article h2 {
  font-family: 'Yasashisa Antique', serif !important;
  font-size: 1.6em !important; 
  color: #2c3e50 !important; 
  
  padding: 0.5em 0 0.5em 0 !important; 
  margin: 2em 0 1em 0 !important; 
  
  border-bottom: 3px double #c9d5e0 !important; 
  border-top: none !important; 
  
  width: 100% !important;
  display: block !important;
  background: none !important;
  border-right: none !important;
  border-left: none !important;
}

/* H3 (中見出し - 参照線スタイル) */
.article h3 {
  font-family: 'Yasashisa Antique', serif !important;
  font-size: 1.25em !important;
  color: #2c3e50 !important; 
  
  /* ★修正：縦線を細く、淡い色に変更し、強調を弱める */
  border-left: 3px solid #c9d5e0 !important; 
  
  /* パディングは維持 */
  padding: 10px 0 10px 15px !important; 
  
  /* ★修正：上下マージンを増やし、余白を確保 */
  margin: 2.5em 0 2.5em 0 !important; 
  
  border-bottom: none !important;
  border-right: none !important;
  border-top: none !important;
  background: none !important;
  
  /* テーブルセルとして扱い、垂直中央揃えを維持 */
  display: table-cell !important; 
  vertical-align: middle !important; 
  
  line-height: normal !important; 
}

/* H4 (小見出し - 淡い囲みスタイル) */
.article h4 {
  font-family: 'Yasashisa Antique', serif !important;
  font-size: 1.1em !important;
  color: #2c3e50 !important; 
  font-weight: bold !important;
  
  /* 淡い色の1本線のフレーム */
  border: 1px solid #c9d5e0 !important; 
  
  background-color: rgba(255, 255, 255, 0.5) !important; 
  
  padding: 8px 15px !important;
  margin: 1.5em 0 1em 0 !important; 
  
  border-radius: 3px !important; 
}

/* H5, H6 は H4 のデザインを引き継ぎ、フォントサイズを小さくする */
.article h5, .article h6 {
  color: #2c3e50 !important; 
  font-family: 'Yasashisa Antique', serif !important;
  font-size: 1em !important;
}


/* ストロングタグ（強調文字）：太字とレトロなストライプを維持 */
.article strong {
  font-family: 'Yasashisa Antique', serif !important;
  font-weight: bold !important; 
  letter-spacing: 0.05em !important;
  
  background-image: repeating-linear-gradient(
    45deg,
    rgba(180, 200, 220, 0.1),
    rgba(180, 200, 220, 0.1) 4px,
    transparent 4px,
    transparent 8px
  );
  background-color: rgba(235, 240, 245, 0.2);

  padding-top: 0.35em;
  padding-bottom: 0.10em;
  padding-left: 0.4em;
  padding-right: 0.4em;

  display: inline-block;
  line-height: 1.6;
  vertical-align: baseline;
  border-radius: 2px;
}

.entry-content strong,
.article strong,
.article p strong,
.article span strong {
  color: #2c3e50 !important; /* 強調文字の色を濃い群青に統一 */
}


/* --- テーブルデザイン（最終確定版 - 全て左寄せ） --- */
/* ★全てのセルが左寄せ、淡い実線罫線、自然な縦幅、余計な線なしの状態 */

.article table {
  border-collapse: collapse !important;
  margin: 2em 0 2em 0 !important; 
  font-size: 0.95em !important;
  border: 1px solid #c9d5e0 !important; 
}

/* ヘッダーセル (項目名) */
.article th {
  background-color: transparent !important;
  color: #2c3e50 !important; 
  font-weight: bold !important;
  
  padding: 12px 15px !important; 
  
  text-align: left !important; 
  vertical-align: middle !important; 
  
  border: none !important;
  border-bottom: 2px solid #c9d5e0 !important; 
  border-right: 1px solid #c9d5e0 !important; 
  border-top: 1px solid #c9d5e0 !important;
  line-height: normal !important; 
}

/* データセル (詳細) */
.article td {
  background-color: transparent !important;
  color: #4a5a6a !important; 
  
  padding: 12px 15px !important; 
  
  text-align: left !important;
  vertical-align: middle !important; 
  
  border: none !important;
  border-bottom: 1px solid #c9d5e0 !important; 
  border-right: 1px solid #c9d5e0 !important;
  border-top: 1px solid #c9d5e0 !important;
  line-height: normal !important; 
}