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

/* このは LP v3 */
/* 全幅レイアウト */
body.home #sidebar,body.home .sidebar-wrap,body.home .sidebar{display:none!important}
body.home #main,body.home .main{width:100%!important;max-width:100%!important;float:none!important}
body.home .entry-content{max-width:100%!important;padding:0!important}
body.home .entry-title,body.home .sns-share,body.home .entry-date,body.home .post-date,
body.home .breadcrumb,body.home .pager-post-navi,body.home .author-box,
body.home .related-entry-heading,body.home .related-entry-card-wrap{display:none!important}

/* 落ち葉アニメ */
@keyframes kn-fall{
  0%{transform:translateY(-80px) rotate(0deg) translateX(0px);opacity:0}
  10%{opacity:.85}
  50%{transform:translateY(200px) rotate(180deg) translateX(18px)}
  90%{opacity:.6}
  100%{transform:translateY(480px) rotate(360deg) translateX(-10px);opacity:0}
}
.kn-leaf{
  position:absolute;top:0;pointer-events:none;
  animation:kn-fall linear infinite;
  display:inline-block;
}
.kn-leaf svg{width:100%;height:100%;display:block}

/* ヒーロー全幅 */
.kn-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,#f5ede0 0%,#ede0cc 100%);
  min-height:320px;
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  padding:3.6em 2em 3em;
  box-sizing:border-box;
}
.kn-hero-inner{
  position:relative;z-index:2;
  max-width:620px;
}
.kn-site-label{
  font-size:.8em;letter-spacing:.2em;color:#8b6a4a;margin:0 0 .8em;font-weight:600;
}
.kn-hero-catch{
  font-size:2.4em;font-weight:800;color:#2c3a2c;line-height:1.3;
  margin:0 0 .7em;letter-spacing:.03em;
}
@media(max-width:600px){.kn-hero-catch{font-size:1.7em}}
.kn-hero-sub{
  color:#5a4a3a;line-height:1.9;font-size:.93em;margin:0 0 1.4em;
}
.kn-hero-nav{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center}
.kn-hero-nav a{
  display:inline-block;font-size:.78em;color:#6b8f5e;
  border:1px solid #6b8f5e;border-radius:20px;padding:.28em 1em;
  text-decoration:none;transition:.18s;white-space:nowrap;
  background:rgba(255,255,255,.5);
}
.kn-hero-nav a:hover{background:#6b8f5e;color:#fff}

/* エンディングノートCTA */
.kn-note-cta{
  background:linear-gradient(90deg,#6b8f5e,#4a7040);
  padding:1.8em 2.4em;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:1em;
}
.kn-note-cta-left{color:#fff}
.kn-note-cta-title{font-size:1.05em;font-weight:700;margin:0 0 .3em}
.kn-note-cta-desc{font-size:.83em;opacity:.88;margin:0;line-height:1.6}
.kn-note-btn{
  display:inline-block;
  background:#fff;color:#4a7040;
  font-size:.88em;font-weight:700;
  padding:.7em 1.6em;border-radius:4px;
  text-decoration:none;white-space:nowrap;
  transition:.18s;flex-shrink:0;
}
.kn-note-btn:hover{background:#f0f8ee;color:#3a6030}

/* 特徴バー */
.kn-features{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-bottom:1px solid #d8e8d4;margin-bottom:2.8em;
  background:#faf7f2;
}
@media(max-width:600px){.kn-features{grid-template-columns:1fr}}
.kn-feature{padding:1.4em 1.6em;border-right:1px solid #d8e8d4}
.kn-feature:last-child{border-right:none}
.kn-feature-label{font-size:.85em;font-weight:700;color:#6b8f5e;margin-bottom:.35em}
.kn-feature-text{font-size:.8em;color:#666;line-height:1.75;margin:0}

/* セクション共通 */
.kn-sec{padding:0 2.4em 3em;max-width:1000px;margin:0 auto;box-sizing:border-box}
@media(max-width:680px){.kn-sec{padding:0 1em 2.4em}}
.kn-sec-title{
  font-size:1.05em;font-weight:700;color:#2c3a2c;
  border-left:4px solid #6b8f5e;padding-left:.8em;margin:0 0 1.2em;line-height:1.4;
}

/* カテゴリーブロック */
.kn-cat-block{
  background:#faf7f2;border:1px solid #d8e8d4;border-radius:8px;
  padding:1.4em 1.6em;margin-bottom:1.4em;
}
.kn-cat-block-name{
  font-size:.88em;font-weight:700;color:#6b8f5e;
  margin:0 0 .9em;padding-bottom:.5em;border-bottom:1px solid #d8e8d4;
}
.kn-art-list{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.7em;
}
.kn-art{background:#fff;border:1px solid #e8e0d4;border-radius:5px;padding:.85em 1em}
.kn-art a{color:#333;text-decoration:none;font-size:.84em;line-height:1.55;display:block}
.kn-art a:hover{color:#6b8f5e}

/* 新着 */
.kn-news-list{list-style:none;padding:0;margin:0;background:#fff;border:1px solid #d8e8d4;border-radius:8px;overflow:hidden}
.kn-news-list li{padding:.6em 1.2em;border-bottom:1px dotted #d8e8d4}
.kn-news-list li:last-child{border-bottom:none}
.kn-news-list a{color:#333;text-decoration:none;font-size:.84em}
.kn-news-list a:hover{color:#6b8f5e}
.kn-badge{
  display:inline-block;font-size:.7em;background:#eef4ec;color:#6b8f5e;
  border-radius:3px;padding:1px 6px;margin-right:.5em;vertical-align:middle;white-space:nowrap;
}
.kn-closing{
  text-align:center;padding:2em 1em 3em;color:#8b6a4a;font-size:.88em;
  font-weight:700;letter-spacing:.06em;border-top:1px solid #d8e8d4;margin-top:1em;
}
/* v3 end */

/* このは note-print */
.enote-wrap{font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;max-width:720px;margin:0 auto;padding:1.5em 1.5em 4em;color:#2c3a2c}
.enote-title{font-size:1.5em;font-weight:800;text-align:center;margin:0 0 .3em}
.enote-sub{text-align:center;font-size:.82em;color:#666;margin:0 0 .6em;line-height:1.7}
.enote-print-hint{text-align:center;font-size:.8em;color:#6b8f5e;font-weight:700;background:#f4f9f2;border:1px solid #d8e8d4;border-radius:4px;padding:.5em;margin:0 0 1.8em}
.enote-sec{margin-bottom:2em;border:1px solid #d8e8d4;border-radius:6px;overflow:hidden}
.enote-sec-title{background:#6b8f5e;color:#fff;font-size:.85em;font-weight:700;padding:.6em 1.1em;margin:0}
.enote-row{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid #d8e8d4}
.enote-row:last-child{border-bottom:none}
.enote-label{background:#f4f9f2;font-size:.8em;color:#555;padding:.7em .9em;display:flex;align-items:flex-start;border-right:1px solid #d8e8d4;font-weight:600}
.enote-field{padding:.5em .8em}
.enote-field input[type=text],.enote-field textarea{width:100%;border:1px solid #ddd;border-radius:3px;padding:.4em .6em;font-size:.84em;font-family:inherit;box-sizing:border-box;background:#fafafa}
.enote-field textarea{resize:vertical;min-height:60px}
.enote-row-tall .enote-field textarea{min-height:90px}
.enote-note{font-size:.75em;color:#999;margin:.8em 0 0;text-align:center}
.enote-back-link{color:#6b8f5e;font-size:.82em}
@media print{
  .enote-print-hint,.enote-back-link,.entry-title,.breadcrumb{display:none}
  .enote-wrap{max-width:100%;padding:.5cm}
  .enote-sec{break-inside:avoid}
  .enote-field input[type=text],.enote-field textarea{border:none;border-bottom:1px solid #ccc;border-radius:0;background:transparent}
}
/* このは note-cta */
.kn-note-top-cta{display:flex;align-items:center;gap:1.2em;flex-wrap:wrap;background:#f4f9f2;border:2px solid #6b8f5e;border-radius:10px;padding:1.2em 1.4em;margin:0 0 1.8em}
.kn-note-top-icon{flex-shrink:0;width:52px;height:52px;background:#6b8f5e;border-radius:12px;display:flex;align-items:center;justify-content:center}
.kn-note-top-icon-inner{font-size:.6em;font-weight:700;color:#fff;text-align:center;line-height:1.3;letter-spacing:.03em}
.kn-note-top-body{flex:1;min-width:160px}
.kn-note-top-label{font-size:.82em;font-weight:700;color:#4a7040;margin:0 0 .2em}
.kn-note-top-desc{font-size:.8em;color:#555;margin:0;line-height:1.6}
.kn-note-top-btn{flex-shrink:0;display:inline-block;background:#6b8f5e;color:#fff;font-size:.84em;font-weight:700;padding:.6em 1.3em;border-radius:5px;text-decoration:none;white-space:nowrap;transition:.18s}
.kn-note-top-btn:hover{background:#4a7040;color:#fff}
/* note end */

/* このは ninchisho-cta */
.kn-partner-cta{background:linear-gradient(135deg,#4a5a7a,#2c3a5a);padding:2.4em 2em;margin-top:2em}
.kn-partner-inner{max-width:700px;margin:0 auto;text-align:center}
.kn-partner-label{font-size:.75em;letter-spacing:.15em;color:#a0b8d8;margin:0 0 .5em;font-weight:600}
.kn-partner-title{font-size:1.2em;font-weight:800;color:#fff;margin:0 0 .8em;line-height:1.4}
.kn-partner-desc{font-size:.84em;color:#c0d0e8;line-height:1.85;margin:0 0 1.4em}
.kn-partner-btn{display:inline-block;background:#fff;color:#2c3a5a;font-size:.88em;font-weight:700;padding:.75em 2em;border-radius:5px;text-decoration:none;transition:.18s}
.kn-partner-btn:hover{background:#e8f0ff;color:#2c3a5a}
/* ninchisho-cta end */

/* このは: 著者フォローボタン非表示 */
.sns-follow {
    display: none !important;
}

/* このは: 重厚感追加 2026-11-12 */

/* ヒーロー背景を深みのあるベージュに */
.kn-hero {
    background: linear-gradient(160deg, #d9c4a8 0%, #c4ae90 55%, #b89878 100%) !important;
    box-shadow: inset 0 -10px 32px rgba(70,45,15,0.12), 0 6px 22px rgba(0,0,0,0.10);
    border-bottom: 2px solid rgba(130,95,55,0.22);
}

/* キャッチコピーに立体感 */
.kn-hero-catch {
    color: #18271a !important;
    text-shadow: 0 2px 10px rgba(30,20,8,0.13);
}

/* サブテキストを引き締める */
.kn-hero-sub {
    color: #3e2e1a !important;
}

/* カテゴリーピルにシャドウとホバー */
.kn-hero-nav a {
    background: rgba(255,255,255,0.75) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.11);
}
.kn-hero-nav a:hover {
    box-shadow: 0 4px 14px rgba(0,0,0,0.17);
    transform: translateY(-1px);
}

/* CTAグリーンを濃くしてシャドウ追加 */
.kn-note-cta {
    background: linear-gradient(90deg, #4e6e42, #38562c) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.20);
}

/* 特徴バーを暖かみのある色に + 影 */
.kn-features {
    background: #ece3d2 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
/* このは: 重厚感追加 end */

/* このは: 星空ヒーロー 2026-11-12 */

/* 落日の最後の光が消える瞬間——命が尽きる空 */
@keyframes kn-twinkle-a {
    0%,100% { opacity:.90; } 50% { opacity:.25; }
}
@keyframes kn-twinkle-b {
    0%,100% { opacity:.70; } 50% { opacity:.10; }
}
@keyframes kn-shoot {
    0%   { transform:translateX(0) translateY(0) rotate(-28deg); opacity:0; }
    4%   { opacity:.9; }
    28%  { transform:translateX(140px) translateY(70px) rotate(-28deg); opacity:0; }
    100% { transform:translateX(140px) translateY(70px) rotate(-28deg); opacity:0; }
}

.kn-hero {
    background:
        /* 星（上半分に集中） */
        radial-gradient(2px   2px   at 14%  7%, rgba(255,252,215,.95), transparent),
        radial-gradient(2px   2px   at 70%  4%, rgba(255,255,230,.90), transparent),
        radial-gradient(1.5px 1.5px at 44% 14%, rgba(255,250,210,.85), transparent),
        radial-gradient(1.5px 1.5px at 90% 18%, rgba(255,255,255,.80), transparent),
        radial-gradient(1.5px 1.5px at 27% 24%, rgba(255,250,220,.75), transparent),
        radial-gradient(1.2px 1.2px at 54%  9%, rgba(255,255,255,.78), transparent),
        radial-gradient(1.2px 1.2px at 63% 28%, rgba(255,255,255,.65), transparent),
        radial-gradient(1.2px 1.2px at  7% 30%, rgba(255,250,210,.60), transparent),
        radial-gradient(1px   1px   at 48% 20%, rgba(255,255,255,.72), transparent),
        radial-gradient(1px   1px   at 96% 10%, rgba(255,255,255,.68), transparent),
        radial-gradient(1px   1px   at 35% 36%, rgba(255,255,255,.52), transparent),
        radial-gradient(1px   1px   at 79% 40%, rgba(255,255,255,.48), transparent),
        radial-gradient(.8px  .8px  at 21% 16%, rgba(255,250,220,.55), transparent),
        radial-gradient(.8px  .8px  at 59%  6%, rgba(255,255,255,.50), transparent),
        radial-gradient(.8px  .8px  at 83% 32%, rgba(255,255,255,.44), transparent),
        /* 月（右上・やわらかく） */
        radial-gradient(60px 60px at 82% 14%, rgba(255,248,210,.18), transparent),
        radial-gradient(30px 30px at 82% 14%, rgba(255,253,235,.28), transparent),
        /* 地平線の最後の残光（楕円で水平に広がる） */
        radial-gradient(ellipse 110% 25% at 50% 112%, rgba(220,90,30,.65), transparent),
        radial-gradient(ellipse  70% 14% at 50% 108%, rgba(255,140,40,.45), transparent),
        /* ベース：深夜→黄昏→燃える地平線 */
        linear-gradient(180deg,
            #05080f  0%,
            #0b1230 16%,
            #17123e 32%,
            #2c1448 48%,
            #581d35 64%,
            #8c3022 78%,
            #b84a18 90%,
            #cc5c10 100%
        ) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.35) !important;
    border-bottom: 2px solid rgba(180,80,20,.35) !important;
}

/* 明るく瞬く星2個（グループA） */
.kn-hero::before {
    content:'';
    position:absolute;top:0;left:0;right:0;bottom:0;
    pointer-events:none;z-index:1;
    background:
        radial-gradient(2.5px 2.5px at 24% 11%, rgba(255,252,210,1), transparent),
        radial-gradient(2.5px 2.5px at 86% 21%, rgba(255,255,230,1), transparent);
    animation: kn-twinkle-a 3.2s ease-in-out infinite alternate;
}

/* 明るく瞬く星2個（グループB・位相ずらし） */
.kn-hero::after {
    content:'';
    position:absolute;top:0;left:0;right:0;bottom:0;
    pointer-events:none;z-index:1;
    background:
        radial-gradient(2.2px 2.2px at 41% 17%, rgba(255,250,220,1), transparent),
        radial-gradient(2px   2px   at 68%  8%, rgba(255,255,220,1), transparent);
    animation: kn-twinkle-b 4.5s ease-in-out 1.6s infinite alternate;
}

/* 流れ星（6秒ごとに1度横切る） */
.kn-hero-inner::before {
    content:'';
    position:absolute;
    top:12%;left:5%;
    width:70px;height:1.5px;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,220,.9));
    border-radius:1px;
    pointer-events:none;
    animation: kn-shoot 7s linear 3s infinite;
    opacity:0;
}

/* テキスト白系 */
.kn-site-label  { color:rgba(215,200,255,.92) !important; }
.kn-hero-catch  {
    color:#f4eeff !important;
    text-shadow:0 2px 18px rgba(80,50,160,.55), 0 0 50px rgba(120,70,180,.22) !important;
}
.kn-hero-sub    { color:rgba(230,218,255,.85) !important; }

/* カテゴリーピル：ガラス調 */
.kn-hero-nav a {
    background:rgba(255,255,255,.10) !important;
    border-color:rgba(210,185,255,.42) !important;
    color:rgba(232,220,255,.92) !important;
    box-shadow:0 2px 10px rgba(0,0,0,.28) !important;
    backdrop-filter:blur(3px);
}
.kn-hero-nav a:hover {
    background:rgba(255,255,255,.22) !important;
    color:#fff !important;
    transform:translateY(-1px);
}
/* このは: 星空ヒーロー end */

/* このは: コンテンツ背景 夜空 2026-11-12 */

/* ===== ページ全体 ===== */
body.home { background:#07091a !important; }
body.home #content, body.home .content-in { background:transparent !important; }

/* ===== kn ラッパー：夜空グラデ ===== */
body.home .kn {
    background:linear-gradient(180deg,#07091a 0%,#0b1028 40%,#0e1335 100%);
    position:relative;
}

/* ===== 星（box-shadow 180個） ===== */
body.home .kn::before {
    content:'';
    position:absolute;top:0;left:0;
    width:1px;height:1px;
    background:rgba(255,252,210,.85);
    border-radius:50%;
    pointer-events:none;z-index:0;
    box-shadow:
        1309px 456px 0 0px rgba(255,252,210,0.22),
        457px 571px 0 0px rgba(255,252,210,0.68),
        1116px 356px 0 0px rgba(255,252,210,0.58),
        191px 895px 0 0px rgba(255,252,210,0.35),
        1149px 814px 0 0px rgba(255,252,210,0.67),
        859px 902px 0 0px rgba(255,252,210,0.49),
        13px 653px 0 0px rgba(255,252,210,0.65),
        318px 881px 0 0px rgba(255,252,210,0.82),
        189px 1556px 0 1px rgba(255,252,210,0.26),
        1236px 1083px 0 0px rgba(255,252,210,0.72),
        1098px 511px 0 0px rgba(255,252,210,0.83),
        1130px 1200px 0 0px rgba(255,252,210,0.74),
        740px 2364px 0 0px rgba(255,252,210,0.32),
        1354px 933px 0 1px rgba(255,252,210,0.7),
        476px 413px 0 0px rgba(255,252,210,0.45),
        747px 666px 0 0px rgba(255,252,210,0.44),
        546px 2874px 0 0px rgba(255,252,210,0.81),
        1247px 2600px 0 0px rgba(255,252,210,0.31),
        334px 1893px 0 1px rgba(255,252,210,0.45),
        1310px 2818px 0 0px rgba(255,252,210,0.56),
        114px 938px 0 0px rgba(255,252,210,0.73),
        821px 1096px 0 1px rgba(255,252,210,0.24),
        1161px 2940px 0 0px rgba(255,252,210,0.4),
        810px 2633px 0 0px rgba(255,252,210,0.5),
        505px 2299px 0 0px rgba(255,252,210,0.55),
        877px 2390px 0 0px rgba(255,252,210,0.46),
        283px 2087px 0 0px rgba(255,252,210,0.52),
        224px 626px 0 0px rgba(255,252,210,0.61),
        864px 2442px 0 0px rgba(255,252,210,0.24),
        958px 2167px 0 0px rgba(255,252,210,0.36),
        23px 2786px 0 0px rgba(255,252,210,0.67),
        1099px 1092px 0 0px rgba(255,252,210,0.7),
        601px 1780px 0 0px rgba(255,252,210,0.3),
        539px 2050px 0 0px rgba(255,252,210,0.7),
        217px 2561px 0 0px rgba(255,252,210,0.39),
        1247px 814px 0 0px rgba(255,252,210,0.3),
        1104px 2172px 0 0px rgba(255,252,210,0.8),
        1000px 79px 0 0px rgba(255,252,210,0.27),
        629px 980px 0 1px rgba(255,252,210,0.24),
        161px 350px 0 0px rgba(255,252,210,0.68),
        1090px 515px 0 0px rgba(255,252,210,0.28),
        1125px 676px 0 1px rgba(255,252,210,0.37),
        866px 867px 0 0px rgba(255,252,210,0.8),
        411px 2920px 0 1px rgba(255,252,210,0.4),
        1330px 1529px 0 0px rgba(255,252,210,0.48),
        247px 1015px 0 0px rgba(255,252,210,0.35),
        1204px 2268px 0 0px rgba(255,252,210,0.35),
        145px 2899px 0 0px rgba(255,252,210,0.61),
        64px 1353px 0 0px rgba(255,252,210,0.25),
        1370px 1988px 0 0px rgba(255,252,210,0.34),
        1169px 2360px 0 0px rgba(255,252,210,0.51),
        833px 779px 0 0px rgba(255,252,210,0.26),
        725px 1734px 0 1px rgba(255,252,210,0.47),
        110px 2758px 0 0px rgba(255,252,210,0.62),
        124px 1649px 0 0px rgba(255,252,210,0.67),
        223px 1018px 0 0px rgba(255,252,210,0.32),
        287px 1728px 0 0px rgba(255,252,210,0.32),
        154px 1815px 0 1px rgba(255,252,210,0.73),
        200px 207px 0 0px rgba(255,252,210,0.62),
        30px 382px 0 1px rgba(255,252,210,0.8),
        340px 1664px 0 0px rgba(255,252,210,0.52),
        821px 240px 0 0px rgba(255,252,210,0.31),
        799px 1086px 0 0px rgba(255,252,210,0.8),
        584px 1732px 0 0px rgba(255,252,210,0.65),
        1138px 2711px 0 0px rgba(255,252,210,0.67),
        607px 891px 0 0px rgba(255,252,210,0.83),
        1110px 249px 0 0px rgba(255,252,210,0.69),
        1196px 1952px 0 1px rgba(255,252,210,0.53),
        322px 232px 0 0px rgba(255,252,210,0.82),
        380px 280px 0 0px rgba(255,252,210,0.59),
        481px 1653px 0 1px rgba(255,252,210,0.28),
        504px 2371px 0 0px rgba(255,252,210,0.59),
        858px 2692px 0 0px rgba(255,252,210,0.58),
        534px 836px 0 0px rgba(255,252,210,0.64),
        543px 1621px 0 0px rgba(255,252,210,0.29),
        936px 1295px 0 1px rgba(255,252,210,0.8),
        19px 1877px 0 0px rgba(255,252,210,0.6),
        204px 300px 0 0px rgba(255,252,210,0.55),
        271px 1429px 0 1px rgba(255,252,210,0.77),
        756px 1167px 0 1px rgba(255,252,210,0.3),
        619px 2505px 0 0px rgba(255,252,210,0.84),
        1083px 32px 0 0px rgba(255,252,210,0.63),
        1358px 424px 0 0px rgba(255,252,210,0.81),
        236px 438px 0 0px rgba(255,252,210,0.68),
        577px 2477px 0 0px rgba(255,252,210,0.34),
        1298px 1081px 0 0px rgba(255,252,210,0.53),
        104px 378px 0 0px rgba(255,252,210,0.61),
        90px 14px 0 0px rgba(255,252,210,0.42),
        536px 661px 0 0px rgba(255,252,210,0.68),
        875px 2297px 0 0px rgba(255,252,210,0.21),
        305px 2234px 0 0px rgba(255,252,210,0.22),
        1131px 606px 0 0px rgba(255,252,210,0.48),
        746px 163px 0 0px rgba(255,252,210,0.78),
        511px 2731px 0 0px rgba(255,252,210,0.27),
        832px 2542px 0 1px rgba(255,252,210,0.69),
        484px 665px 0 0px rgba(255,252,210,0.83),
        844px 101px 0 1px rgba(255,252,210,0.32),
        843px 2743px 0 0px rgba(255,252,210,0.76),
        546px 652px 0 0px rgba(255,252,210,0.71),
        79px 1927px 0 0px rgba(255,252,210,0.34),
        942px 1432px 0 0px rgba(255,252,210,0.4),
        466px 913px 0 0px rgba(255,252,210,0.22),
        672px 1141px 0 1px rgba(255,252,210,0.76),
        571px 1438px 0 0px rgba(255,252,210,0.62),
        1098px 1356px 0 0px rgba(255,252,210,0.81),
        534px 731px 0 1px rgba(255,252,210,0.58),
        78px 444px 0 0px rgba(255,252,210,0.59),
        642px 1787px 0 0px rgba(255,252,210,0.59),
        788px 2361px 0 0px rgba(255,252,210,0.32),
        893px 6px 0 0px rgba(255,252,210,0.54),
        1373px 807px 0 0px rgba(255,252,210,0.44),
        1360px 1352px 0 0px rgba(255,252,210,0.61),
        255px 2948px 0 0px rgba(255,252,210,0.79),
        1365px 1672px 0 0px rgba(255,252,210,0.41),
        1135px 521px 0 0px rgba(255,252,210,0.32),
        776px 2774px 0 0px rgba(255,252,210,0.69),
        1165px 1232px 0 1px rgba(255,252,210,0.46),
        622px 1175px 0 0px rgba(255,252,210,0.34),
        1242px 2681px 0 0px rgba(255,252,210,0.41),
        1383px 875px 0 0px rgba(255,252,210,0.53),
        347px 2698px 0 0px rgba(255,252,210,0.26),
        1296px 2536px 0 0px rgba(255,252,210,0.42),
        481px 2755px 0 0px rgba(255,252,210,0.4),
        301px 100px 0 1px rgba(255,252,210,0.23),
        1251px 298px 0 1px rgba(255,252,210,0.5),
        1178px 796px 0 0px rgba(255,252,210,0.67),
        818px 999px 0 0px rgba(255,252,210,0.3),
        218px 1741px 0 0px rgba(255,252,210,0.34),
        1060px 1902px 0 0px rgba(255,252,210,0.23),
        248px 1869px 0 0px rgba(255,252,210,0.29),
        1087px 2289px 0 1px rgba(255,252,210,0.59),
        906px 2509px 0 1px rgba(255,252,210,0.73),
        873px 2244px 0 0px rgba(255,252,210,0.49),
        972px 1843px 0 0px rgba(255,252,210,0.37),
        1305px 1135px 0 0px rgba(255,252,210,0.7),
        1283px 979px 0 0px rgba(255,252,210,0.38),
        585px 960px 0 0px rgba(255,252,210,0.38),
        1106px 330px 0 0px rgba(255,252,210,0.29),
        312px 2893px 0 0px rgba(255,252,210,0.34),
        677px 2222px 0 0px rgba(255,252,210,0.5),
        860px 1595px 0 0px rgba(255,252,210,0.79),
        40px 2358px 0 0px rgba(255,252,210,0.45),
        720px 1223px 0 1px rgba(255,252,210,0.69),
        858px 2204px 0 0px rgba(255,252,210,0.69),
        1235px 903px 0 0px rgba(255,252,210,0.52),
        994px 118px 0 0px rgba(255,252,210,0.45),
        828px 2966px 0 0px rgba(255,252,210,0.31),
        261px 2548px 0 1px rgba(255,252,210,0.55),
        1212px 2311px 0 0px rgba(255,252,210,0.63),
        877px 555px 0 0px rgba(255,252,210,0.76),
        532px 1552px 0 0px rgba(255,252,210,0.41),
        691px 1552px 0 1px rgba(255,252,210,0.38),
        863px 1033px 0 0px rgba(255,252,210,0.74),
        1104px 213px 0 0px rgba(255,252,210,0.85),
        1331px 281px 0 0px rgba(255,252,210,0.71),
        63px 1012px 0 0px rgba(255,252,210,0.33),
        312px 977px 0 0px rgba(255,252,210,0.28),
        1155px 892px 0 0px rgba(255,252,210,0.5),
        755px 687px 0 1px rgba(255,252,210,0.59),
        234px 670px 0 0px rgba(255,252,210,0.83),
        52px 1277px 0 1px rgba(255,252,210,0.57),
        768px 1624px 0 0px rgba(255,252,210,0.81),
        1212px 2828px 0 0px rgba(255,252,210,0.74),
        617px 2802px 0 0px rgba(255,252,210,0.59),
        1159px 168px 0 0px rgba(255,252,210,0.43),
        758px 282px 0 0px rgba(255,252,210,0.53),
        860px 2007px 0 1px rgba(255,252,210,0.27),
        1301px 1883px 0 0px rgba(255,252,210,0.66),
        1068px 2664px 0 0px rgba(255,252,210,0.38),
        1102px 1980px 0 0px rgba(255,252,210,0.5),
        1213px 1099px 0 0px rgba(255,252,210,0.41),
        177px 1142px 0 0px rgba(255,252,210,0.77),
        951px 2334px 0 0px rgba(255,252,210,0.6),
        58px 2024px 0 0px rgba(255,252,210,0.75),
        434px 1453px 0 0px rgba(255,252,210,0.72),
        1220px 2872px 0 0px rgba(255,252,210,0.77),
        1058px 782px 0 0px rgba(255,252,210,0.26),
        1000px 2274px 0 0px rgba(255,252,210,0.69),
        1322px 2915px 0 0px rgba(255,252,210,0.52),
        190px 1205px 0 0px rgba(255,252,210,0.34);
}
body.home .kn > * { position:relative;z-index:1; }

/* ===== スクロール誘導：セクション間のグロウライン ===== */
.kn-features {
    background:rgba(45,38,12,.55) !important;
    border-top:1px solid rgba(200,160,60,.22) !important;
    border-bottom:1px solid rgba(200,160,60,.22) !important;
    box-shadow:0 0 20px rgba(180,140,40,.10) !important;
}
.kn-feature-label { color:rgba(230,200,120,.96) !important;font-weight:700 !important; }
.kn-feature-text  { color:rgba(200,180,120,.82) !important; }

/* ===== スクロール誘導：下向きシェブロン ===== */
@keyframes kn-bounce {
    0%,100% { transform:translateY(0); opacity:.7; }
    50%      { transform:translateY(6px); opacity:1; }
}
.kn-features::after {
    content:'↓ もっと見る';
    display:block;
    text-align:center;
    color:rgba(200,180,120,.65);
    font-size:.78em;
    letter-spacing:.12em;
    padding:.6em 0 0;
    animation:kn-bounce 2s ease-in-out infinite;
}

/* ===== セクション共通 ===== */
.kn-sec { padding:2em 1.4em 3em;max-width:900px;margin:0 auto; }

/* ===== カテゴリーブロック 個別カラー ===== */
/* 共通ベース */
.kn-cat-block {
    border-radius:8px !important;
    padding:1.4em 1.6em !important;
    margin-bottom:1.8em !important;
    box-shadow:0 6px 24px rgba(0,0,0,.45) !important;
    backdrop-filter:blur(4px);
    animation:kn-fadein .6s ease both;
}
@keyframes kn-fadein {
    from { opacity:0;transform:translateY(14px); }
    to   { opacity:1;transform:translateY(0); }
}
/* 順番にフェードイン */
.kn-cat-block:nth-of-type(1) { animation-delay:.05s; }
.kn-cat-block:nth-of-type(2) { animation-delay:.15s; }
.kn-cat-block:nth-of-type(3) { animation-delay:.25s; }
.kn-cat-block:nth-of-type(4) { animation-delay:.35s; }
.kn-cat-block:nth-of-type(5) { animation-delay:.45s; }

/* 終活の基本：琥珀ゴールド */
#shukatsu-kihon {
    background:rgba(90,62,12,.48) !important;
    border:1px solid rgba(220,170,60,.30) !important;
}
#shukatsu-kihon .kn-cat-block-name {
    color:rgba(240,200,100,.98) !important;
    border-bottom:1px solid rgba(220,170,60,.28) !important;
}

/* エンディングノート：深みのある翡翠 */
#ending-note {
    background:rgba(10,65,55,.48) !important;
    border:1px solid rgba(60,180,150,.28) !important;
}
#ending-note .kn-cat-block-name {
    color:rgba(100,220,190,.98) !important;
    border-bottom:1px solid rgba(60,180,150,.25) !important;
}

/* 相続・遺言：深紅（血縁・法律） */
#sozoku {
    background:rgba(80,18,30,.48) !important;
    border:1px solid rgba(200,80,100,.28) !important;
}
#sozoku .kn-cat-block-name {
    color:rgba(240,140,160,.98) !important;
    border-bottom:1px solid rgba(200,80,100,.25) !important;
}

/* 葬儀・お墓：スレートブルー（天） */
#sougi {
    background:rgba(18,32,80,.48) !important;
    border:1px solid rgba(80,130,220,.28) !important;
}
#sougi .kn-cat-block-name {
    color:rgba(140,185,255,.98) !important;
    border-bottom:1px solid rgba(80,130,220,.25) !important;
}

/* 生前整理：深い森緑 */
#seizen {
    background:rgba(14,52,22,.48) !important;
    border:1px solid rgba(60,170,80,.28) !important;
}
#seizen .kn-cat-block-name {
    color:rgba(100,220,120,.98) !important;
    border-bottom:1px solid rgba(60,170,80,.25) !important;
}

/* 記事カード 共通 */
.kn-art {
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:6px !important;
    padding:.75em 1em !important;
    transition:background .18s,box-shadow .18s,transform .18s !important;
}
.kn-art:hover {
    background:rgba(255,255,255,.14) !important;
    box-shadow:0 4px 16px rgba(255,255,255,.10) !important;
    transform:translateY(-2px);
}
.kn-art a { color:rgba(220,215,255,.92) !important;text-decoration:none !important; }
.kn-art a:hover { color:#fff !important; }

/* ===== 新着記事：白背景を完全に消す ===== */
.kn-sec-title {
    color:rgba(220,205,255,.98) !important;
    font-weight:700 !important;
    border-left:3px solid rgba(180,140,255,.70) !important;
    padding-left:.6em !important;
    border-bottom:none !important;
    margin-bottom:1em !important;
}
.kn-news-list,
.kn-news-list ul,
body.home .kn-news-list,
body.home ul.kn-news-list {
    list-style:none !important;
    padding:0 !important;
    margin:.4em 0 0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}
.kn-news-list li {
    background:rgba(255,255,255,.05) !important;
    border:none !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
    padding:.65em .4em !important;
    display:flex !important;
    align-items:center !important;
    gap:.7em !important;
    transition:background .15s !important;
}
.kn-news-list li:hover { background:rgba(255,255,255,.10) !important; }
.kn-news-list a { color:rgba(210,200,255,.88) !important;text-decoration:none !important; }
.kn-news-list a:hover { color:#fff !important; }
.kn-badge {
    font-size:.72em !important;
    padding:.18em .6em !important;
    border-radius:3px !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
}
/* バッジ色もカテゴリー別 */
.kn-badge:has(+ a[href*="seizen"]),
span.kn-badge[style*="生前整理"], .kn-news-list li:has([href*="seizen"]) .kn-badge {
    background:rgba(14,52,22,.75) !important;
    color:rgba(100,220,120,.95) !important;
    border:1px solid rgba(60,170,80,.35) !important;
}
/* 全バッジの共通デフォルト */
.kn-badge {
    background:rgba(55,45,110,.65) !important;
    color:rgba(210,200,255,.95) !important;
    border:1px solid rgba(140,120,220,.35) !important;
}
/* このは: コンテンツ背景 夜空 end */