@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
*/

/************************************
** KOBO Lab デザイン v3（工房ノート）
** 色はここの変数を変えれば全体が変わる
************************************/
:root{
  --kobo-ink:#1c1917;      /* 文字 */
  --kobo-sub:#78716c;      /* 補助の文字 */
  --kobo-bg:#faf8f5;       /* 背景（紙の色） */
  --kobo-card:#ffffff;     /* カード */
  --kobo-line:#ece7e1;     /* 罫線 */
  --kobo-a1:#06b6d4;       /* アクセント（シアン） */
  --kobo-a2:#7c3aed;       /* アクセント（バイオレット） */
  --kobo-grad:linear-gradient(135deg,var(--kobo-a1),var(--kobo-a2));
  --kobo-mono:"JetBrains Mono","Consolas","Menlo",monospace;
  --kobo-r:16px;           /* 角の丸み */
  --kobo-shadow:0 1px 2px rgba(28,25,23,.04),0 8px 24px rgba(28,25,23,.06);
}

body{color:var(--kobo-ink);background:var(--kobo-bg);}

/* ヘッダー */
#header-container,.header-container{background:rgba(250,248,245,.92);border-bottom:1px solid var(--kobo-line);}
#header,.header,#navi,.navi{background:transparent;}
.site-name-text{font-weight:800;font-size:22px;letter-spacing:.01em;color:var(--kobo-ink);}
.site-name-text:before{
  content:"K";display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:8px;
  border-radius:9px;background:var(--kobo-grad);color:#fff;font-size:16px;font-weight:800;vertical-align:middle;
}
.site-name-text-link,.site-name-text-link:hover{color:var(--kobo-ink);}
.tagline{display:none;}
#navi .navi-in>ul>li>a{color:var(--kobo-ink);font-size:14px;}
#navi .navi-in>ul>li>a:hover{background:transparent;color:var(--kobo-a2);}
.header-container .navi-in>ul>li{width:auto;}
.header-container .navi-in>ul>li>a{padding:0 12px;}

/* 本文まわり */
.main,.sidebar{background:transparent;border:none;}
.article{background:var(--kobo-card);border-radius:var(--kobo-r);box-shadow:var(--kobo-shadow);padding:36px;}
.article h1.entry-title{font-size:28px;line-height:1.5;font-weight:800;}
.entry-content{line-height:2;}
.entry-content a{color:var(--kobo-a2);}
.article h2{
  background:#f6f3ff;color:var(--kobo-ink);font-size:22px;border:none;border-radius:12px;
  padding:.65em 1em .65em 1.2em;position:relative;
}
.article h2:before{content:"";position:absolute;left:0;top:.5em;bottom:.5em;width:5px;border-radius:0 4px 4px 0;background:var(--kobo-grad);}
.article h3{border:none;border-bottom:2px dotted var(--kobo-line);padding:.3em 0;font-size:19px;}
.article h3:before{content:"■ ";color:var(--kobo-a1);font-size:.8em;}
.article h4{border:none;padding:0;}
.entry-content code{font-family:var(--kobo-mono);background:#f5f3ef;color:#6d28d9;padding:.1em .4em;border-radius:6px;}
.entry-content pre{background:#1c1917;color:#f5f5f4;border-radius:12px;font-family:var(--kobo-mono);}
.entry-content pre code{background:none;color:inherit;}
.entry-content kbd{background:#fff;border:1px solid var(--kobo-line);border-bottom-width:3px;border-radius:6px;padding:0 .45em;font-family:var(--kobo-mono);font-size:.9em;}
.entry-content img{border-radius:12px;box-shadow:var(--kobo-shadow);}
.entry-content .wp-block-table table{border-radius:12px;overflow:hidden;}

/* 記事カード */
.entry-card-wrap{background:var(--kobo-card);border-radius:var(--kobo-r);box-shadow:var(--kobo-shadow);padding:14px;margin-bottom:16px;transition:transform .15s;}
.entry-card-wrap:hover{background:var(--kobo-card);transform:translateY(-2px);}
.entry-card-thumb img{border-radius:12px;}
.entry-card-title{font-weight:700;}
.cat-label{background:rgba(28,25,23,.78);border:none;border-radius:999px;font-size:11px;padding:2px 10px;}

/* サイドバー */
.sidebar .widget{background:var(--kobo-card);border-radius:var(--kobo-r);box-shadow:var(--kobo-shadow);padding:18px;margin-bottom:18px;}
.sidebar h2,.sidebar h3,.widget-title{background:none;color:var(--kobo-ink);font-size:15px;padding:0 0 8px;border:none;}
.sidebar h2:before,.sidebar h3:before{content:"# ";color:var(--kobo-a2);font-family:var(--kobo-mono);}

/* ボタン */
.wpcf7-submit,input[type=submit]{background:var(--kobo-grad);color:#fff;border:none;border-radius:999px;}

/* フッター */
#footer,.footer{background:#f1ede8;color:var(--kobo-sub);border-top:1px solid var(--kobo-line);}
#footer a,.footer a{color:var(--kobo-ink);}

/************************************
** トップページ（固定ページ「ホーム」）
************************************/
.home .article{background:transparent;box-shadow:none;padding:0;}
.home .entry-title,.home .sns-share,.home .date-tags,.home .sns-follow,.home .article-footer,.home .toc{display:none;}
.kb-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:48px 0 56px;}
.kb-tag{display:inline-block;font-size:13px;font-weight:700;color:var(--kobo-a2);background:#f3efff;border-radius:999px;padding:4px 12px;margin:0 0 16px;}
.kb-hero h1.kb-title{all:unset;display:block;font-size:44px;line-height:1.35;font-weight:800;color:var(--kobo-ink);margin-bottom:16px;}
.kb-title em{font-style:normal;background:linear-gradient(transparent 62%,#cffafe 62%);}
.kb-lead{font-size:16px;color:var(--kobo-sub);line-height:1.9;margin:0 0 24px;}
.kb-btns{display:flex;gap:10px;flex-wrap:wrap;}
.kb-btn{display:inline-block;padding:11px 22px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none!important;}
.kb-btn-main{background:var(--kobo-grad);color:#fff!important;}
.kb-btn-sub{background:#fff;color:var(--kobo-ink)!important;box-shadow:var(--kobo-shadow);}
/* 右側：ノードの絵 */
.kb-graph{position:relative;height:300px;background:#fff;border-radius:20px;box-shadow:var(--kobo-shadow);
  background-image:radial-gradient(#e7e2db 1.2px,transparent 1.2px);background-size:18px 18px;}
.kb-node{position:absolute;width:150px;background:#fff;border:1px solid var(--kobo-line);border-radius:12px;box-shadow:0 6px 16px rgba(28,25,23,.08);font-size:12px;overflow:hidden;}
.kb-node b{display:block;padding:7px 10px;color:#fff;font-size:12px;}
.kb-node span{display:block;padding:8px 10px;color:var(--kobo-sub);font-family:var(--kobo-mono);font-size:11px;}
.kb-n1{left:6%;top:14%;} .kb-n1 b{background:#0891b2;}
.kb-n2{left:36%;top:46%;} .kb-n2 b{background:#7c3aed;}
.kb-n3{right:6%;top:16%;} .kb-n3 b{background:#db2777;}
.kb-graph svg{position:absolute;inset:0;width:100%;height:100%;}
/* セクション */
.kb-sec{padding:36px 0;}
.kb-sec h2.kb-h{all:unset;display:block;font-size:24px;font-weight:800;color:var(--kobo-ink);margin-bottom:18px;}
.kb-sec h2.kb-h:before{content:"# ";color:var(--kobo-a2);font-family:var(--kobo-mono);}
.kb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.kb-card{display:block;background:#fff;border-radius:var(--kobo-r);box-shadow:var(--kobo-shadow);padding:20px;color:var(--kobo-ink)!important;text-decoration:none!important;transition:transform .15s;}
.kb-card:hover{transform:translateY(-3px);}
.kb-ico{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;font-family:var(--kobo-mono);font-weight:800;color:#fff;margin-bottom:12px;}
.kb-card strong{display:block;font-size:17px;margin-bottom:4px;}
.kb-card span{display:block;font-size:13px;color:var(--kobo-sub);line-height:1.7;}
.kb-env{display:flex;flex-wrap:wrap;gap:10px;background:#fff;border-radius:var(--kobo-r);box-shadow:var(--kobo-shadow);padding:18px 20px;}
.kb-chip{background:var(--kobo-bg);border:1px solid var(--kobo-line);border-radius:999px;padding:6px 14px;font-size:14px;}
.kb-chip b{color:var(--kobo-a2);margin-right:6px;}
.kb-note{font-size:13px;color:var(--kobo-sub);margin-top:10px;}


/* トップページの見出しと丸アイコンの上書き */
.kb-sec h2.kb-h:before{position:static;width:auto;background:none;border-radius:0;}
.kb-card span.kb-ico{display:inline-flex;color:#fff;font-size:16px;line-height:1;}


/* プロンプトなど長いコードは折り返す */
.entry-content pre.wp-block-code,.entry-content pre.wp-block-code code{white-space:pre-wrap;word-break:break-word;}


/* 配布ファイルのボタン */
.kb-downloads{list-style:none;padding:0;margin:1.5em 0;display:grid;gap:10px;}
.kb-downloads li{background:#fff;border:1px solid var(--kobo-line);border-radius:12px;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;}
.kb-downloads li:before{display:none;}
.kb-dl{display:inline-block;background:var(--kobo-grad);color:#fff!important;text-decoration:none!important;border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px;}
.kb-downloads span{font-size:13px;color:var(--kobo-sub);}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  .kb-hero{grid-template-columns:1fr;}
  .kb-cards{grid-template-columns:repeat(2,1fr);}
}

/*834px以下*/
@media screen and (max-width: 834px){
  .article{padding:22px;}
  .article h1.entry-title{font-size:23px;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  .kb-hero{padding:24px 0 32px;gap:24px;}
  .kb-hero h1.kb-title{font-size:30px;}
  .kb-graph{height:240px;}
  .kb-node{width:118px;}
  .kb-cards{grid-template-columns:1fr;}
  .article{padding:16px;}
  .article h2{font-size:19px;}
}

/* サイト上部の検索ボックス（functions.php でヘッダーメニューの最後に追加） */
.navi-in > ul > li.kobo-nav-search{display:flex;align-items:center;padding:0 6px;margin-left:auto}
.kobo-nav-search .search-box{width:210px;margin:0;position:relative}
.kobo-nav-search .search-edit{height:34px;font-size:14px;border-radius:17px;padding:0 38px 0 14px;border:1px solid var(--kobo-line,#d9d3c7);background:#fff;width:100%}
.kobo-nav-search .search-submit{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:28px;width:28px;border:0;background:transparent;color:#555;cursor:pointer}
.navi-in > ul{display:flex;flex-wrap:wrap;align-items:center}
.menu-mobile .kobo-nav-search,.mobile-menu-buttons .kobo-nav-search,#navi-menu-content .kobo-nav-search{padding:10px 12px}
#navi-menu-content .kobo-nav-search .search-box{width:100%}

/* 目次の二重番号（2026-10-31）：見出しに「1.」「01.」が入っている10記事だけ、目次の自動番号を消す。見出しの番号は残る */
.postid-1352 .toc.tnt-number .toc-list,
.postid-1352 .toc.tnt-number .toc-list ol,
.postid-1477 .toc.tnt-number .toc-list,
.postid-1477 .toc.tnt-number .toc-list ol,
.postid-77 .toc.tnt-number .toc-list,
.postid-77 .toc.tnt-number .toc-list ol,
.postid-1247 .toc.tnt-number .toc-list,
.postid-1247 .toc.tnt-number .toc-list ol,
.postid-152 .toc.tnt-number .toc-list,
.postid-152 .toc.tnt-number .toc-list ol,
.postid-1249 .toc.tnt-number .toc-list,
.postid-1249 .toc.tnt-number .toc-list ol,
.postid-110 .toc.tnt-number .toc-list,
.postid-110 .toc.tnt-number .toc-list ol,
.postid-1213 .toc.tnt-number .toc-list,
.postid-1213 .toc.tnt-number .toc-list ol,
.postid-127 .toc.tnt-number .toc-list,
.postid-127 .toc.tnt-number .toc-list ol,
.postid-582 .toc.tnt-number .toc-list,
.postid-582 .toc.tnt-number .toc-list ol{list-style:none}