/*
 Theme Name:   Lightning Child
 Theme URI:    https://example.com/   /* 空でもOK */
 Description:  Lightning テーマの子テーマ
 Author:       （あなたのお名前や会社名）
 Author URI:   https://example.com/   /* 空でもOK */
 Template:     lightning
 Version:      1.0.0
*/

/* ここからカスタムCSSを記述 */

/* Google Fonts（筆文字：Yuji Syuku）※必要な箇所のみ使用 */
@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');

/* ================================
   占導ダイアリー2026 LP：基本方針
   本文＝明朝体／アクセントのみ筆文字
=================================== */
.lp-diary2026 {
  font-family: 'Yu Mincho', 'Hiragino Mincho ProN', '游明朝体', 'MS PMincho', serif !important;
  color: #222;
  line-height: 1.8;
  background: #fff;
}

/* 見出し（読みやすさ優先で明朝体） */
.lp-diary2026 h1,
.lp-diary2026 h2,
.lp-diary2026 h3 {
  font-family: 'Yu Mincho', 'Hiragino Mincho ProN', '游明朝体', serif !important;
  color: #2d1e15;
  text-align: center;
  margin: 20px 0;
  font-weight: 700;
}

/* 筆文字アクセント：使いたい語だけに <span class="accent-script"> */
.lp-diary2026 .accent-script {
  font-family: 'Yuji Syuku', serif !important;
  letter-spacing: 0.02em;
  font-weight: 600;
}

/* ───────────────
   ヒーローセクション
──────────────── */
.lp-diary2026-hero {
    background: url('http://lp.sendoushi.jp/wp/wp-content/uploads/2025/09/AdobeStock_58858540-1.jpg') center/cover no-repeat;
    background-color: #0f0f0f; /* 読み込み遅延時の保険カラー */
    color: #fff;
    padding: 80px 20px;
    text-align: center;
    position: relative;
}

/* 背景が濃いので読みやすさ用にオーバーレイ */
.lp-diary2026-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55); /* 黒の透過レイヤー */
    z-index: 0;
}

/* コンテンツを前面に */
.lp-diary2026-hero .hero-inner {
    position: relative;
    z-index: 1;
    max-width: 980px;
    margin: 0 auto;
    padding: 40px 20px;
    border-radius: 10px;
    color: #fff;
}


.lp-diary2026-hero .hero-inner {
  position: relative;
  z-index: 2; /* 文字を背景の上に */
  background: rgba(0, 0, 0, 0.55);
  padding: 40px 20px;
  border-radius: 10px;
}

.hero-inner {
  max-width: 980px;
  margin: 0 auto;
  background: rgba(0,0,0,0.6);
  padding: 40px 20px;
  border-radius: 10px;
}
.lp-diary2026-hero h1 { font-size: 34px; font-weight: 700; margin-bottom: 10px; line-height: 1.4; }
.lp-diary2026-hero h2 { font-size: 20px; margin-bottom: 25px; color: #ffe4b5; }
.hero-lead { font-size: 18px; line-height: 1.8; margin-bottom: 25px; }
.hero-text { font-size: 16px; line-height: 1.9; margin-bottom: 20px; color: #eee; }

/* ============ 共通ボタン（明朝体） ============ */
.lp-diary2026-btn {
  display: inline-block;
  padding: 18px 40px;
  margin: 40px auto 0;
  font-size: 24px;
  font-weight: 700;
  font-family: 'Yu Mincho', 'Hiragino Mincho ProN', '游明朝体', serif !important;
  color: #fff;
  background: linear-gradient(135deg, #8B0000, #B22222);
  border: 2px solid #d4af37;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 5px 15px rgba(139,0,0,0.3);
  transition: all 0.3s ease;
}
.lp-diary2026-btn:hover {
  background: linear-gradient(135deg, #B22222, #DC143C);
  box-shadow: 0 10px 25px rgba(139,0,0,0.5);
  transform: translateY(-3px);
}

/* ───────────────
   なぜ今「占導ダイアリー」なのか
──────────────── */
.lp-diary2026-reason {
    background: url('http://lp.sendoushi.jp/wp/wp-content/uploads/2025/09/R10918_190918_0009.jpg') center/cover no-repeat;
    background-attachment: fixed; /* スクロールで背景が動かない演出（不要なら削除） */
    color: #fff;
    padding: 80px 20px;
    text-align: center;
    position: relative;
}

.lp-diary2026-reason::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5); /* 黒の半透明オーバーレイで文字を読みやすく */
    z-index: 0;
}

.lp-diary2026-reason .reason-inner {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
}

.lp-diary2026-reason h2 {
    font-size: 2rem;
    margin-bottom: 40px;
    color: #fff; /* 白字に変更 */
    border-bottom: 3px solid #c5a153;
    display: inline-block;
    padding-bottom: 10px;
    font-weight: bold;
}

.lp-diary2026-reason p {
    font-size: 1.15rem;
    line-height: 2.2;
    color: #f0f0f0; /* 明るいグレーで柔らかく */
    margin: 20px 0;
}

/* ========= おすすめ ========= */
.lp-diary2026-recommend { background:#fdfcf8; padding:60px 20px; color:#333; }
.lp-diary2026-recommend .recommend-inner { max-width:800px; margin:0 auto; text-align:center; }
.lp-diary2026-recommend h2 {
  font-size:1.8rem; margin-bottom:40px; color:#3a2a1e; letter-spacing:.08em;
  border-bottom:2px solid #c5a153; display:inline-block; padding-bottom:6px;
}
.lp-diary2026-recommend .recommend-list { text-align:left; margin:0 auto; }
.lp-diary2026-recommend .recommend-list dt {
  font-weight:700; color:#3a2a1e; font-size:1.2rem; margin-top:25px; padding-left:28px; position:relative;
}
.lp-diary2026-recommend .recommend-list dt::before {
  content:"◆"; color:#c5a153; position:absolute; left:0; top:0;
}
.lp-diary2026-recommend .recommend-list dd { margin:5px 0 0; padding-left:28px; line-height:1.8; font-size:1rem; color:#555; }

/* ========= できること ========= */
.lp-diary2026-features { background:#fffaf5; padding:60px 20px; color:#333; }
.lp-diary2026-features .features-inner { max-width:800px; margin:0 auto; text-align:center; }
.lp-diary2026-features h2 {
  font-size:1.8rem; margin-bottom:40px; color:#3a2a1e; letter-spacing:.08em;
  border-bottom:2px solid #c5a153; display:inline-block; padding-bottom:6px;
}
.lp-diary2026-features .features-list { text-align:left; margin:0 auto; }
.lp-diary2026-features .features-list dt {
  font-weight:700; color:#3a2a1e; font-size:1.2rem; margin-top:25px; padding-left:28px; position:relative;
}
.lp-diary2026-features .features-list dt::before { content:"◆"; color:#c5a153; position:absolute; left:0; top:0; }
.lp-diary2026-features .features-list dd { margin:5px 0 0; padding-left:28px; line-height:1.8; font-size:1rem; color:#555; }

/* ============ 特典（カードデザイン） ============ */
.lp-diary2026-benefits {
  background: url('http://lp.sendoushi.jp/wp/wp-content/uploads/2025/09/AdobeStock_1644455249-scaled.jpeg') center/cover no-repeat;
  padding: 60px 20px;
  color: #333;
  position: relative;
  z-index: 1;
}

/* 背景を少し淡くするオーバーレイ */
.lp-diary2026-benefits::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 250, 245, 0.8); /* 薄いベージュで透かす */
  z-index: -1;
}
.lp-diary2026-benefits .benefits-inner { max-width:1000px; margin:0 auto; text-align:center; }
.lp-diary2026-benefits h2 {
  font-size:1.8rem; margin-bottom:40px; color:#3a2a1e; letter-spacing:.08em;
  border-bottom:2px solid #c5a153; display:inline-block; padding-bottom:6px;
}
/* グリッド */
.benefits-grid {
  display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:25px;
}
/* カード */
.benefit-item {
  background:#fff; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,0.1);
  padding:20px; text-align:left; position:relative;
  transition:transform .3s ease, box-shadow .3s ease;
}
.benefit-item:hover { transform:translateY(-6px); box-shadow:0 10px 25px rgba(0,0,0,0.2); }
/* リボン */
.benefit-ribbon {
  position:absolute; top:12px; left:-5px;
  background:linear-gradient(135deg, #d4af37, #e6c67a);
  color:#fff; font-size:.9rem; font-weight:700;
  padding:6px 12px; border-radius:0 6px 6px 0; box-shadow:0 3px 6px rgba(0,0,0,.2);
  z-index:10;
}
/* 画像：正方形統一＆WP <figure> 対応 */
.benefit-item figure { margin:0; }
.benefit-item img,
.benefit-item .wp-block-image img {
  width:100%; aspect-ratio:1 / 1; object-fit:cover; display:block;
  border-radius:8px; margin-bottom:12px;
}
/* タイトル（行間タイト） */
.benefit-title { margin:0 0 8px; line-height:1.3; }
.benefit-subtitle { display:block; font-size:.95rem; color:#b48a2a; font-weight:400; line-height:1.2; margin-bottom:.15em; }
.benefit-main { display:block; font-size:1.2rem; font-weight:700; color:#222; line-height:1.2; margin-top:0; }
/* 本文 */
.benefit-item p { font-size:.95rem; color:#555; line-height:1.8; margin-top:10px; }
/* 省モーション */
@media (prefers-reduced-motion: reduce){
  .benefit-item { transition:none; }
  .benefit-item:hover { transform:none; box-shadow:0 6px 18px rgba(0,0,0,0.1); }
}
.note-red {
  color: #b22222; /* 赤系 */
  font-size: 0.9rem;
  font-weight: bold;
  margin-left: 6px;
}

/* ================= CTA ================= */
.lp-diary2026-cta {
  background:#fdfaf5; padding:70px 20px; text-align:center; color:#2d1e15;
  border-top:2px solid #e5d5b5; border-bottom:2px solid #e5d5b5;
}
.lp-diary2026-cta .cta-inner { max-width:700px; margin:0 auto; }
.lp-diary2026-cta h2 { font-size:1.8rem; margin-bottom:25px; font-weight:700; letter-spacing:.06em; color:#3a2a1e; }
/* CTAテキスト */
.lp-diary2026-cta .cta-text { max-width:700px; margin:0 auto 18px; text-align:center; }
.lp-diary2026-cta .price { font-size:1.15rem; margin:6px 0; color:#3a2a1e; }
.lp-diary2026-cta .start-date { margin:18px 0 8px; font-weight:700; color:#8a5a1f; }
.lp-diary2026-cta .start-date .note { display:inline-block; margin-top:4px; font-weight:400; color:#555; font-size:.95rem; }
.lp-diary2026-cta .cta-notes {
  list-style:none; margin:12px auto 0; padding:0; font-size:.9rem; color:#666; line-height:1.7; text-align:left; max-width:700px;
}
.lp-diary2026-cta .cta-notes li { position:relative; padding-left:1em; margin:4px 0; }
.lp-diary2026-cta .cta-notes li::before { content:"※"; position:absolute; left:0; color:#b48a2a; }

/* CTA補足メッセージ */
.lp-diary2026-cta .cta-extra {
  margin-top: 20px;
  padding: 15px 20px;
  background: #fff8e5; /* 薄い金色ベージュ */
  border: 2px solid #c5a153;
  border-radius: 8px;
  text-align: center;
}

.lp-diary2026-cta .cta-extra-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.lp-diary2026-cta .cta-extra p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.7;
  color: #3a2a1e;
}

.lp-diary2026-cta .cta-extra .highlight {
  color: #8b0000;
  font-weight: bold;
}

/* 絵馬の画像 */
.lp-diary2026-cta .cta-extra .cta-ema {
  width: 80px;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* ================= PROFILE ================= */
.profile-section { background:#fff; padding:60px 20px; }
.profile-container {
  display:flex; align-items:flex-start; gap:40px; max-width:1000px; margin:0 auto; flex-wrap:wrap;
}
.profile-image { flex:1; min-width:220px; max-width:280px; }
.profile-image img { width:100%; height:auto; border-radius:8px; box-shadow:0 6px 20px rgba(0,0,0,.15); object-fit:cover; }
.profile-content { flex:2; min-width:320px; }
.profile-title { font-size:20px; color:#c5a253; margin-bottom:5px; }
.profile-name { font-size:28px; font-weight:700; margin-bottom:5px; }
.profile-role { font-size:16px; color:#666; margin-bottom:20px; }
.profile-text p { font-size:16px; line-height:1.9; margin-bottom:15px; color:#222; text-align:justify; }

/* ================= CLOSING ================= */
.lp-diary2026-closing {
  background:#fdfaf5; padding:80px 20px 100px; text-align:center; color:#2d1e15; border-top:2px solid #e5d5b5;
}
.lp-diary2026-closing .closing-inner { max-width:800px; margin:0 auto; }
.lp-diary2026-closing p { font-size:1.15rem; line-height:2.2; margin-bottom:25px; color:#333; }
.lp-diary2026-closing .highlight { background:linear-gradient(transparent 60%, #fff1a8 60%); padding:0 4px; font-weight:700; }
.lp-diary2026-closing .catch { font-size:1.3rem; font-weight:700; color:#b48a2a; }
.lp-diary2026-closing .emphasis { font-size:1.2rem; font-weight:700; color:#8b0000; margin-top:35px; }
.lp-diary2026-closing .limited { color:#b22222; font-size:1.25rem; font-weight:700; }

/* ================= FAQ ================= */
.lp-diary2026-faq { background:#fffaf5; padding:60px 20px; }
.lp-diary2026-faq .faq-inner { max-width:800px; margin:0 auto; }
.lp-diary2026-faq h2 {
  font-size:1.8rem; margin-bottom:40px; color:#3a2a1e;
  border-bottom:2px solid #c5a153; display:inline-block; padding-bottom:6px; letter-spacing:.08em; width:100%;
}
/* 質問ボタン */
button.faq-question {
  display:block; width:100%; text-align:left;
  background:#fff; border:2px solid #c5a153;
  padding:15px 20px; font-size:1.1rem; font-weight:700; color:#2c1e15;
  font-family:'Yu Mincho','Hiragino Mincho ProN','游明朝体','MS PMincho',serif !important;
  cursor:pointer; transition:all .3s ease; border-radius:6px; position:relative;
}
button.faq-question:hover { background:#fdf7eb; border-color:#b48a2a; }
button.faq-question::after {
  content:"＋"; position:absolute; right:15px; top:50%; transform:translateY(-50%);
  font-weight:700; font-size:1.2rem; color:#c5a153; transition:transform .3s ease;
}
button.faq-question.active::after { content:"－"; }
/* 回答 */
.faq-answer {
  display:none; padding:15px 20px; background:#fffaf5; border-left:3px solid #c5a153;
  line-height:1.8; font-size:1rem; color:#555;
  font-family:'Yu Mincho','Hiragino Mincho ProN','游明朝体','MS PMincho',serif !important;
  margin-top:10px;
}
.faq-answer.active { display:block; }

/* ============ WPブロック互換（崩れ防止） ============ */
.lp-diary2026-benefits .wp-block-columns {
  display:grid !important; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)) !important; gap:25px !important;
}
.lp-diary2026-benefits .wp-block-column {
  background:#fff; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,0.1);
  padding:20px; position:relative; text-align:left;
  transition:transform .3s ease, box-shadow .3s ease;
}
.lp-diary2026-benefits .wp-block-column:hover { transform:translateY(-6px); box-shadow:0 10px 25px rgba(0,0,0,0.2); }

/* ================= Responsive ================= */
@media (max-width: 768px) {
  .lp-diary2026-hero { padding: 60px 16px; }
  .hero-inner { padding: 28px 16px; }
  .lp-diary2026-btn { font-size: 20px; padding: 16px 30px; }
  .benefits-grid { grid-template-columns: 1fr; }
  .profile-container { flex-direction: column; align-items: center; }
  .profile-name { font-size: 24px; }
}
/* ================= ヘッダー・フッターを非表示 ================= */
.page-id-2440 header,
.page-id-2440 #site-header,
.page-id-2440 footer,
.page-id-2440 #site-footer,
.page-id-2440 .site-footer,
.page-id-2440 .entry-title,
.page-id-2440 .breadcrumb,
.page-id-2440 .page-header,
.page-id-2440 .vk_pageHeader,
.page-id-2440 header.entry-header {
  display: none !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* サイドバーも消す */
.page-id-2440 #secondary {
  display: none !important;
}

/* コンテンツ幅を最大化 */
.page-id-2440 #primary,
.page-id-2440 #content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ================= ヒーロー見出しの文字色 ================= */
.lp-diary2026-hero h1 {
  color: #ffffff !important;  /* 白字に強制 */
  text-shadow: 0 2px 6px rgba(0,0,0,0.6); /* 背景に埋もれないよう影を追加 */
}

.lp-diary2026-hero h2 {
  color: #ffe4b5 !important; /* サブタイトルは淡い金色風 */
}
/* プロフィール動画 */
.profile-video {
  text-align: center;
  margin: 50px auto;
  max-width: 800px;
}

.profile-video .video-title {
  font-size: 1.4rem;
  margin-bottom: 15px;
  color: #3a2a1e;
}

.profile-video .video-wrap {
  position: relative;
  padding-bottom: 56.25%; /* 16:9比率 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.profile-video .video-wrap iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* コピーライトフッター */
.lp-diary2026-footer {
  background: #2d1e15;   /* 深めの茶色背景 */
  color: #fff;
  padding: 20px 10px;
  text-align: center;
  font-size: 0.85rem;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  border-top: 2px solid #c5a153; /* ゴールドのライン */
}
.lp-diary2026-footer p {
  margin: 0;
  letter-spacing: 0.05em;
}
/* テーマのフッターは消すが、自作フッターは表示する */
.page-id-2440 #site-footer,
.page-id-2440 .site-footer { 
  display: none !important;
  visibility: hidden !important;
}

/* ← 例外：自作のコピーライトは表示 */
.page-id-2440 footer.lp-diary2026-footer {
  display: block !important;
  visibility: visible !important;
}
/* 全体を明朝体ベースに */
.lp-diary2026,
.lp-diary2026 * {
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "游明朝体", "MS PMincho", serif !important;
}

/* 見出し・ボタンなど強調部分のみ筆文字 */
.lp-diary2026 h1,
.lp-diary2026 h2,
.lp-diary2026 h3,
.lp-diary2026 .lp-diary2026-btn {
  font-family: 'Yuji Syuku', "Yu Mincho", "Hiragino Mincho ProN", serif !important;
}