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

/* ==========================================================================
   見た目改善 STEP2-3（2026-06-10）
   キーカラー #1d4ed8（青）に細部を統一＋本文タイポグラフィ＋トップ「コピー」帯除去
   ========================================================================== */

/* トップページ（カスタム固定ページ id=131）のシェアボタン帯を非表示。
   §108 でシェアボタン（コピーのみ・1列）を上下ONにした際、ページタイトル非表示の
   カスタムトップではヘッダー直下に全幅の黒い「コピー」帯として表示されていたもの。
   記事側のコピーボタン（上下）は表示維持 */
body.front-top-page .sns-share { display: none; }

/* ヘッダーのグローバルメニュー（青背景）の視認性確保。
   親テーマの hover 背景が #f5f8fa（ほぼ白）のため、白文字が hover で消える */
#navi .navi-in a { color: #fff; }
#navi .navi-in a:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, .16);
}

/* 記事見出し h2/h3：青ベタ塗りをやめ、淡色地＋青の帯でシンプルに
   （body.single-post = 投稿のみ。カスタムトップ(.kn-page)・/check/ 等の
   固定ページには適用しない＝独自デザインを壊さない） */
body.single-post .article h2 {
	background: #edf2fe;
	color: #1d4ed8;
	border-left: 6px solid #1d4ed8;
	border-radius: 3px;
	padding: .6em .8em;
}
body.single-post .article h3 {
	border: none;
	border-left: 4px solid #1d4ed8;
	border-bottom: 1px solid #dbe4f8;
	padding: .35em .6em;
}

/* 本文タイポグラフィ（投稿のみ）
   読者=40〜60代想定：気持ち大きめ・行間広め・1行が長くなりすぎない幅 */
body.single-post .article .entry-content {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
	line-height: 1.8;
}

/* 本文中のリンク色：アクセント #1d4ed8 に統一／hoverやや濃く。
   class付き＝ボタン・ブログカード等は対象外 */
body.single-post .entry-content p a:not([class]),
body.single-post .entry-content li a:not([class]),
body.single-post .entry-content td a:not([class]) {
	color: #1d4ed8;
}
body.single-post .entry-content p a:not([class]):hover,
body.single-post .entry-content li a:not([class]):hover,
body.single-post .entry-content td a:not([class]):hover {
	color: #1e40af;
}


/* ============================================================
   許認可の先へ：トップ刷新 追記分CSS（2026-06-11）
   既存の cocoon-child-master/style.css の「末尾に追記」すること。
   すべて .knk- 接頭辞でスコープ済み。他ページへの影響なし。
   ============================================================ */

/* --- 基本トーン --- */
.knk-top { --knk-accent: #0F6E56; --knk-accent-bg: #E9F5F0; --knk-line: #e3e1da; }
.knk-top a { text-decoration: none; }
.knk-hero-lead { font-size: 1.05em; line-height: 1.9; color: #444; margin: 0.4em 0 1.4em; }
.knk-h2 { font-size: 1.15em; border: none; padding: 0; margin: 0 0 0.3em; }
.knk-note { font-size: 0.85em; color: #777; margin: 0 0 0.9em; }
.knk-sec { margin: 2.2em 0; }

/* --- 4機能カード --- */
.knk-funcs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 1.2em 0 0; }
.knk-func { display: block; position: relative; border: 1px solid var(--knk-line); border-radius: 10px; padding: 14px 12px; background: #fff; color: inherit; }
a.knk-func:hover { border-color: var(--knk-accent); }
.knk-func-title { display: block; font-weight: 700; font-size: 1em; color: #222; }
.knk-func-desc { display: block; font-size: 0.78em; color: #777; line-height: 1.55; margin-top: 4px; }
.knk-func.is-soon { background: #fafaf8; }
.knk-func-badge { position: absolute; top: 10px; right: 10px; font-size: 0.68em; color: var(--knk-accent); background: var(--knk-accent-bg); border-radius: 99px; padding: 2px 8px; }
@media (max-width: 640px) { .knk-funcs { grid-template-columns: repeat(2, 1fr); } }

/* --- 困りごと導線 --- */
.knk-cases { display: grid; gap: 8px; }
.knk-case { display: block; border: 1px solid var(--knk-line); border-radius: 8px; padding: 11px 14px; font-size: 0.92em; color: #333; background: #fff; }
.knk-case:hover { border-color: var(--knk-accent); background: var(--knk-accent-bg); }
.knk-case strong { color: var(--knk-accent); }

/* --- 都道府県タブ --- */
.knk-pref-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.knk-pref-tab { appearance: none; border: 1px solid var(--knk-line); background: #fff; border-radius: 99px; padding: 5px 14px; font-size: 0.82em; color: #555; cursor: pointer; }
.knk-pref-tab.is-active { background: var(--knk-accent); border-color: var(--knk-accent); color: #fff; }
.knk-pref-panel { display: none; gap: 6px; flex-wrap: wrap; }
.knk-pref-panel.is-active { display: flex; }
.knk-pref-chip { border: 1px solid var(--knk-line); border-radius: 8px; padding: 6px 12px; font-size: 0.85em; color: #333; background: #fff; }
.knk-pref-chip:hover { border-color: var(--knk-accent); color: var(--knk-accent); }

/* --- テーマタグ --- */
.knk-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.knk-tag { background: #f1efe8; border-radius: 99px; padding: 6px 14px; font-size: 0.85em; color: #444; }
.knk-tag:hover { background: var(--knk-accent-bg); color: var(--knk-accent); }

/* --- 姉妹サイト --- */
.knk-sister { font-size: 0.85em; color: #777; border-top: 1px solid var(--knk-line); padding-top: 1.2em; }
.knk-sister a { color: var(--knk-accent); }

/* --- （任意）テキストロゴ：入札サイトと世界観を揃える明朝 ---
   適用する場合のみ有効化。ヘッダーロゴが画像でなくサイト名表示のとき有効。 */
.knk-logo-on .site-name-text { font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; letter-spacing: 0.06em; font-weight: 600; }


/* --- サイト側追記（2026-06-12 Code）：トップの自動目次を非表示（h2検出でCocoonが挿入するため。§106ハブページと同趣旨） --- */
.knk-top .toc, .knk-top #toc { display: none !important; }


/* --- サイト側追記（2026-06-12 Code）：h2青帯リセット。Cocoon .article h2 等の装飾が .knk-h2 より強いため、.knk-top 内に限り無効化（§106教訓2と同趣旨・支給CSSの意図を実現） --- */
.article .knk-top h2, .knk-top h2 { background: transparent !important; color: #222 !important; border: none !important; border-radius: 0 !important; padding: 0 !important; font-size: 1.15em !important; margin: 0 0 0.3em !important; }