/*
Theme Name: Lightning Child
Template: lightning
*/
/* Powered by を非表示にしてフッター自体は残す */
.site-footer-copyright p,
.site-footer-copyright a {
  display: none !important;
}
/* ==============================
   全体（既存ベース）
============================== */
body.blog-skin {
  background-color: #ffffff !important;
  color: #111 !important;
  font-family: "Hiragino Sans", "Helvetica", sans-serif;
  line-height: 1.9;
}

body.blog-skin .entry-content {
  max-width: 880px;
  margin: 0 auto;
}

body.blog-skin p {
  margin: 1.2em 0;
}

/* ==============================
   H2（章見出し）
============================== */
body.blog-skin h2 {
  font-size: 1.7em;
  color: #111;
  border-left: 6px solid #007acc;
  background: #eaf4ff;
  padding: 12px 16px;
  margin-top: 1.8em;
  margin-bottom: 1.4em;
  font-weight: 700;
  border-radius: 4px;
}

body.blog-skin h3 {
  font-size: 1.35em;
  font-weight: 600;
  color: #111;
  border: 1px solid #cde4ff;
  border-left: 6px solid #007acc;
  background-color: #fff;
  padding: 10px 14px;
  margin-top: 2em;
  margin-bottom: 1.2em;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}


/* 下線の代わりにグラデーションバーを追加 */
body.blog-skin h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #007acc, transparent);
  border-radius: 2px;
}

/* ==============================
   H4（小見出し）
============================== */
body.blog-skin h4 {
  font-size: 1.1em;
  color: #111;
  background: none;
  border: none;
  border-left: 3px solid #66b3ff;
  padding-left: 10px;
  margin-top: 1.4em;
  margin-bottom: 0.8em;
  font-weight: 500;
  box-shadow: none;
}

/* ==============================
   目次・引用
============================== */
body.blog-skin .toc {
  background: #f7fbff !important;
  border: 1px solid #b8dcff !important;
  padding: 1.2em;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,122,204,0.1);
  margin: 2em 0;
}

body.blog-skin blockquote {
  border-left: 4px solid #0099cc;
  background: #f0f9ff;
  padding: 1em 1.2em;
  font-style: italic;
  color: #444;
  margin: 1.8em 0;
}


/* =======================================================
   固定ページ：おどろおどろしいスキン（全体黒＋タイトル欄も暗転）
======================================================= */
body.dark-skin {
  background-color: #000000 !important;
  color: #e0e0e0 !important;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
}

/* Lightning特有の構造をすべて黒に */
body.dark-skin .site-header,
body.dark-skin .vk_outer_container,
body.dark-skin .main-section,
body.dark-skin #page,
body.dark-skin #content,
body.dark-skin .page-header,
body.dark-skin .entry-header,
body.dark-skin .entry-header h1 {
  background-color: #000 !important;
  color: #e0e0e0 !important;
}

/* 固定ページ見出し */
body.dark-skin h2 {
  color: #ff4444;
  border-left: 6px solid #ff0000;
  padding-left: 12px;
  margin-top: 2.5em;
  margin-bottom: 1.2em;
  font-size: 1.6em;
}
body.dark-skin h3 {
  color: #ff8888;
  border-left: 3px solid #aa0000;
  padding-left: 10px;
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1.3em;
}
body.dark-skin h4 {
  color: #ffcccc;
  border-left: 2px solid #660000;
  padding-left: 8px;
  margin-top: 1.5em;
  margin-bottom: 0.8em;
  font-size: 1.1em;
}

/* リンク */
body.dark-skin a {
  color: #66ccff !important;
}
body.dark-skin a:hover {
  color: #ff6666 !important;
}

/* 目次 */
body.dark-skin .toc {
  background: rgba(255, 0, 0, 0.1) !important;
  border: 1px solid #660000 !important;
  padding: 1em;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(255,0,0,0.3);
}


/* =======================================================
   ▼ クリアページ専用の白背景リセット（最強版）
   URL: /sankougotei-chapter1-clear/
======================================================= */
/* =======================================================
   ▼ クリアページを強制で白背景に戻す（最強上書き）
   URL: /sankougotei-chapter1-clear/
======================================================= */
/* ===========================================
   クリアページ（page-id-170）完全白化 最強版
=========================================== */

/* body から黒スキンを殺す */
body.page-id-170 {
  background: #ffffff !important;
  color: #111 !important;
}

/* dark-skin を無効化 */
body.page-id-170.dark-skin {
  background: #ffffff !important;
  color: #111 !important;
}

/* html も白にして Lightning の黒背景を封殺 */
html body.page-id-170,
html body.page-id-170 * {
  background-color: #ffffff !important;
  color: #111 !important;
}

/* Lightning が黒化している各レイヤーを全白に上書き */
body.page-id-170 #page,
body.page-id-170 .site-header,
body.page-id-170 .vk_outer_container,
body.page-id-170 .main-section,
body.page-id-170 .page-header,
body.page-id-170 .entry-header,
body.page-id-170 .entry-content,
body.page-id-170 #content,
body.page-id-170 .wrap,
body.page-id-170 .l-container,
body.page-id-170 .c-container,
body.page-id-170 .container {
  background: #ffffff !important;
  color: #111 !important;
  box-shadow: none !important;
}

/* 見出し */
body.page-id-170 h1,
body.page-id-170 h2,
body.page-id-170 h3,
body.page-id-170 h4 {
  color: #111 !important;
  border-left-color: #007acc !important;
  background: none !important;
}

/* パンくず */
body.page-id-170 .breadcrumb,
body.page-id-170 .breadcrumb a {
  color: #111 !important;
}

/* 追加：main 要素が黒くなる場合 */
body.page-id-170 main {
  background: #ffffff !important;
}

/* ==============================
 * /* ▼ クリアページだけ dark-skin を無効化（最小必要コード） */
body.page-id-170.dark-skin {
    background: none !important;
    color: inherit !important;
}
/* ==========================================================
    クリアページ専用：金箔 × 光 × 祝福デザイン
========================================================== */

/* 背景：白金グラデーション（祝福感） */
.page-id-170 {
    background: linear-gradient(
        180deg,
        #faf8f0 0%,
        #ffffff 40%,
        #fdf6e8 100%
    );
}

/* タイトル「クリアページ」 */
.page-id-170 .entry-title {
    font-family: "Yu Mincho", serif;
    font-size: 2.3em;
    text-align: center;
    letter-spacing: 0.2em;
    color: #3a2d00;
    margin-top: 40px;
    margin-bottom: 25px;
    text-shadow:
        0 0 10px rgba(255, 230, 150, 0.6),
        0 0 25px rgba(255, 210, 130, 0.25);
}

/* 白カード */
.page-id-170 .entry-content {
    background: #ffffff;
    max-width: 880px;
    margin: 0 auto 80px;
    padding: 50px 60px;
    border-radius: 18px;

    /* 金縁の光 */
    border: 2px solid rgba(255, 210, 130, 0.7);
    box-shadow:
        0 4px 20px rgba(0,0,0,0.08),
        0 0 30px rgba(255, 215, 140, 0.35),
        inset 0 0 25px rgba(255, 235, 180, 0.4);
}

/* 「救出完了」 */
.page-id-170 .entry-content h2 {
    text-align: center;
    font-size: 2.4em;
    font-family: "Yu Mincho", serif;
    letter-spacing: 0.25em;
    color: #8c5d00;
    margin-bottom: 25px;
    text-shadow:
        0 0 15px rgba(255, 230, 160, 0.8),
        0 0 35px rgba(255, 210, 120, 0.4);
}

/* 「にほより」 */
.page-id-170 .entry-content h3 {
    font-size: 1.45em;
    color: #4b3a00;
    border-left: 6px solid #d8b35a;
    padding-left: 14px;
}

/* 本文 */
.page-id-170 .entry-content p {
    font-size: 1.05em;
    line-height: 1.92;
    color: #333;
}

/* 区切り線（薄い金） */
.page-id-170 .entry-content hr {
    border: none;
    border-top: 1px solid rgba(200, 170, 90, 0.4);
    margin: 35px 0;
}

/* X シェアボタン */
.page-id-170 .share-x {
    margin-top: 35px;
    text-align: center;
}
.page-id-170 .share-x a {
    display: inline-block;
    background: linear-gradient(90deg, #c69a2c, #e7c56c);
    color: #fff !important;
    padding: 12px 28px;
    border-radius: 30px;
    font-size: 0.95em;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transition: 0.4s;
}
.page-id-170 .share-x a:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 16px rgba(0,0,0,0.18),
                0 0 12px rgba(255,220,120,0.8);
}

/* ==========================================
   クリアページ専用：金箔デザイン（確実に反映する版）
   ※ 他CSSに負けない最強セレクタ
========================================== */
/* ==========================================
   クリアページ完全演出版（page-id-170）
   救出完了 → 光 → 粒子 → 装飾 → 次章ボタン
========================================== */
/* ==========================================
   クリアページ専用：金箔 × 祝福デザイン（安全版）
========================================== */
/* =======================================================
   クリアページ専用テーマ（page-id-170）
   白 × 金 × 祝福デザイン
   ※ 他ページには一切影響しない
======================================================= */

/* ----------------------------
   基本背景
---------------------------- */
body.page-id-170 {
    background: #fbf9f3 !important; /* やや金の白 */
    color: #333 !important;
}

/* ---------------------------------
   サイト全体のテキストカラー
--------------------------------- */
body.page-id-170 * {
    color: #333;
    border-color: #d9c79e !important; /* 薄金 */
}

/* ----------------------------
   ヘッダー（サイトタイトル）
---------------------------- */
body.page-id-170 .site-header,
body.page-id-170 .vk_header_siteName {
    background: #fbf9f3 !important;
    border-bottom: 1px solid #e8ddc2 !important;
}
body.page-id-170 .site-header a,
body.page-id-170 .vk_header_siteName a {
    color: #6c5220 !important; /* 金に近いブラウン */
}

/* ----------------------------
   ページタイトル（h1）
---------------------------- */
body.page-id-170 .entry-title {
    font-family: "Yu Mincho", serif;
    font-size: 2.2em;
    letter-spacing: 0.15em;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
    color: #6c5220 !important;
    text-shadow: 0 0 8px rgba(255, 215, 140, 0.35);
}

/* ----------------------------
   h2（救出完了など）
---------------------------- */
body.page-id-170 h2 {
    font-family: "Yu Mincho", serif;
    font-size: 1.9em;
    color: #795c25 !important;
    text-align: center;
    letter-spacing: 0.15em;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* ----------------------------
   h3（にほより）
---------------------------- */
body.page-id-170 h3 {
    font-size: 1.3em;
    color: #5c461b !important;
    border-left: 6px solid #d6bc7a !important;
    padding-left: 12px;
    margin-top: 35px;
}

/* ----------------------------
   h4
---------------------------- */
body.page-id-170 h4 {
    font-size: 1.15em;
    color: #6c5220 !important;
    border-left: 4px solid #d6bc7a !important;
    padding-left: 10px;
    margin-top: 25px;
}

/* ----------------------------
   リンク
---------------------------- */
body.page-id-170 a {
    color: #b59849 !important;
    text-decoration: none;
}
body.page-id-170 a:hover {
    color: #d8b86a !important;
}

/* ---------------------------------
   コンテンツボックス（白カード）
--------------------------------- */
body.page-id-170 .entry-content {
    background: #ffffff !important;
    max-width: 880px;
    margin: 20px auto 80px;
    padding: 45px 55px;
    border-radius: 18px;

    border: 2px solid #e6d8b4;
    box-shadow:
        0 8px 25px rgba(0,0,0,0.07),
        inset 0 0 20px rgba(240,225,180,0.35);
}

/* ----------------------------
   区切り線
---------------------------- */
body.page-id-170 hr {
    border: none;
    border-top: 1px solid #e3d3a5;
    margin: 35px 0;
}

/* ----------------------------
   パンくずリスト
---------------------------- */
body.page-id-170 .breadcrumb a {
    color: #a68a45 !important;
}
body.page-id-170 .breadcrumb {
    color: #bda96f !important;
}

/* ---------------------------------
   フッター（スクショの金色風）
--------------------------------- */
body.page-id-170 .site-footer {
    background: #fbf7ec !important;
    border-top: 1px solid #e6d8b4 !important;
}
body.page-id-170 .site-footer *,
body.page-id-170 .site-footer a {
    color: #7b6737 !important;
    text-align: center !important;
}

/* ----------------------------
   Xシェアボタン（金色）
---------------------------- */
body.page-id-170 .share-x a {
    display: inline-block;
    background: linear-gradient(90deg,#cdaa57,#e9d391);
    color: #fff !important;
    padding: 12px 28px;
    border-radius: 30px;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transition: 0.3s;
}
body.page-id-170 .share-x a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15),
                0 0 12px rgba(255,220,120,0.8);
}

/* クリアページ専用：読みやすさ調整 */
body.page-id-170 {
  font-family: "Hiragino Sans", "Yu Gothic Medium", sans-serif !important;
  color: #2a2a2a !important;
  font-size: 17px;
  line-height: 2.1;
}

/* 段落 */
body.page-id-170 p {
  color: #2b2b2b !important;
  font-weight: 500;
  line-height: 2.1;
  margin-bottom: 1.8em;
}

/* 見出し（救出完了）読みやすく＆視線を集める */
body.page-id-170 h2 {
  font-family: "Yu Mincho", serif;
  font-weight: 700 !important;
  letter-spacing: 0.12em;
  margin-bottom: 1.2em;
  color: #5a3d00 !important;
}

/* にほより：見やすいけど優しい */
body.page-id-170 h3 {
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600 !important;
  color: #4b3a00 !important;
  margin-top: 2.5em;
  margin-bottom: 1em;
}

/* 本文内の強調（太字）を自然に強く */
body.page-id-170 strong,
body.page-id-170 b {
  font-weight: 700 !important;
  color: #3a2a00 !important;
}


.breadcrumb,
.breadcrumb-area,
.vk_breadcrumb,
.site-breadcrumb,
#breadcrumb
{
    display: none !important;
}
.entry-meta,
.entry-header .entry-meta,
.posted-on,
.byline,
.updated,
.author {
    display: none !important;
}

/* スマホ時のハンバーガーメニューを完全に非表示 */
@media (max-width: 767px) {
    .vk-mobile-nav-menu-btn,
    .vk-mobile-nav,
    .vk-mobile-nav-menu,
    .vk-menu-toggle-btn,
    .menu-btn,
    .navbar-toggle {
        display: none !important;
    }
}

/* スマホ用ヘッダーの余白を調整（必要なら） */
@media (max-width: 767px) {
    #header,
    .site-header {
        padding-top: 0 !important;
    }
}