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


/* ===========================================================
 * 給付金プラス 独自パーツ（2026-08-25 追加）
 * kp-flow : 判定フローチャート
 * kp-check: 持ち物チェックリスト
 * kp-cal  : 曜日別カレンダー
 * =========================================================== */

.kp-box{border:1px solid #d7dee6;border-radius:10px;padding:1.2em 1.1em;margin:2em 0;background:#fbfcfd}
.kp-box__title{display:flex;align-items:center;gap:.5em;font-weight:700;font-size:1.05em;margin:0 0 .3em;color:#1f3a56}
.kp-box__title::before{content:"";width:6px;height:1.1em;background:#3a7ca5;border-radius:3px;flex:none}
.kp-box__lead{font-size:.9em;color:#5a6b7c;margin:0 0 1em}

/* --- 判定フローチャート --- */
.kp-flow{margin:0}
.kp-flow__q{background:#fff;border:1px solid #c9d6e2;border-left:4px solid #3a7ca5;border-radius:6px;padding:.7em .9em;margin:0 0 .55em;font-weight:700;color:#1f3a56}
.kp-flow__a{display:flex;gap:.7em;align-items:flex-start;background:#fff;border:1px solid #e2e8ee;border-radius:6px;padding:.65em .9em;margin:0 0 .45em}
.kp-flow__a:last-child{margin-bottom:0}
.kp-flow__tag{flex:none;display:inline-block;min-width:5.4em;text-align:center;font-size:.8em;font-weight:700;padding:.25em .6em;border-radius:999px;background:#eef3f8;color:#2c5c82}
.kp-flow__tag--no{background:#fdeeee;color:#a33}
.kp-flow__tag--go{background:#e8f4ec;color:#2b6b45}
.kp-flow__txt{flex:1;font-size:.94em;line-height:1.65}
.kp-flow__nest{margin:.45em 0 .45em 1.4em;padding-left:.9em;border-left:2px dashed #c9d6e2}
.kp-flow__end{background:#e8f4ec;border:1px solid #bcdcc8;border-radius:6px;padding:.65em .9em;margin:0 0 .45em;font-size:.94em}

/* --- チェックリスト --- */
.kp-check{margin:0;padding:0;list-style:none}
.kp-check li{position:relative;padding:.42em 0 .42em 1.9em;border-bottom:1px dashed #dde4ea;font-size:.95em;line-height:1.6}
.kp-check li:last-child{border-bottom:none}
.kp-check li::before{content:"";position:absolute;left:0;top:.62em;width:1.05em;height:1.05em;border:2px solid #8aa3b8;border-radius:3px;background:#fff}

/* --- 表（横スクロール対応） --- */
.kp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0}
.kp-scroll table{min-width:520px;border-collapse:collapse;width:100%;font-size:.9em}
.kp-scroll--wide table{min-width:840px}
.kp-scroll--wide td,.kp-scroll--wide th{min-width:6.5em}
.kp-scroll th,.kp-scroll td{border:1px solid #d7dee6;padding:.5em .6em;text-align:left;vertical-align:top}
.kp-scroll thead th{background:#eef3f8;color:#1f3a56;white-space:nowrap}
.kp-scroll tbody th{background:#f7fafc;white-space:nowrap}
.kp-ok{color:#2b6b45;font-weight:700}
.kp-ng{color:#a33;font-weight:700}
.kp-na{color:#8a94a0}

@media screen and (max-width:480px){
  .kp-box{padding:1em .85em}
  .kp-flow__a{flex-direction:column;gap:.35em}
  .kp-flow__tag{min-width:0;align-self:flex-start}
}