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

/* =========================================================
   記事装飾（jk-）— 旧：記事ごとの<style>雛形
   ========================================================= */
.jk-box{--c:#9e9e9e;border-left:5px solid var(--c);background:#f7f7f7;background:color-mix(in srgb,var(--c) 6%,#fff);border-radius:8px;padding:1em 1.2em;margin:1.2em 0}
.jk-box>.jk-ttl{font-family:"Yu Mincho","YuMincho",serif;letter-spacing:.08em;font-weight:700;font-size:1.05em;margin:0 0 .5em;color:#555;color:color-mix(in srgb,var(--c) 70%,#000)}
.jk-box p:last-child,.jk-box ul:last-child,.jk-box ol:last-child,.jk-box table:last-child{margin-bottom:0}
.jk-green{--c:#2e7d32}
.jk-red{--c:#c62828}
.jk-warn{--c:#e65100}
.jk-info{--c:#1565c0}
.jk-voice{--c:#6a1b9a}
.jk-money{--c:#f9a825}
.jk-note{--c:#9e9e9e}
.jk-note,.jk-note .jk-ttl{color:#444}
/* 結論ボックス：塗らず細線で囲う */
.jk-concl{--c:#1565c0;border:1px solid color-mix(in srgb,var(--c) 40%,#fff);border-left:7px solid var(--c);background:#fff;border-radius:8px;padding:1em 1.2em;margin:1.2em 0}
.jk-concl>.jk-ttl{font-family:"Yu Mincho","YuMincho",serif;letter-spacing:.08em;font-weight:700;color:color-mix(in srgb,var(--c) 70%,#000);margin:0 0 .5em}
/* マーカー（リード文・まとめの結論のみ厳選使用） */
.jk-mark{background:linear-gradient(transparent 60%,#fff59d 60%)}
/* ボックス内テーブル：--c を継承して自動配色 */
.jk-box table,.jk-concl table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;font-size:.95em;border:1px solid #ddd;border:1px solid color-mix(in srgb,var(--c) 22%,#fff)}
.jk-box th,.jk-box td,.jk-concl th,.jk-concl td{padding:.5em .7em;border:1px solid #eee;border:1px solid color-mix(in srgb,var(--c) 18%,#fff);text-align:left}
.jk-box thead th,.jk-concl thead th{background:#eee;background:color-mix(in srgb,var(--c) 18%,#fff);color:#333;color:color-mix(in srgb,var(--c) 75%,#000)}
.jk-box tbody tr:nth-child(even),.jk-concl tbody tr:nth-child(even){background:#fafafa;background:color-mix(in srgb,var(--c) 5%,#fff)}
.jk-box td:first-child,.jk-concl td:first-child{font-weight:600}
/* CTAボタン（黄・なじませ） */
.jk-cta{display:block;text-align:center;background:#f9a825;color:#000;font-weight:700;text-decoration:none;padding:.9em 1em;border-radius:8px;margin:.6em 0 .3em}
.jk-cta-note{font-size:.8em;color:#666;text-align:center;margin:0 0 1em}
/* 縦型ステップ（手順用：jk-info内に白小ボックスを積む） */
.jk-step{background:#fff;border-radius:6px;padding:.6em .8em;margin:.5em 0;box-shadow:0 0 0 1px color-mix(in srgb,#1565c0 15%,#fff)}

/* 固定ページでは投稿日・更新日を表示しない（投稿ページのみ表示） */
.page .date-tags{display:none}