/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/* =========================
   Sora2.jp Unified Style Set
   ========================= */

/* --- Theme tokens --- */
:root{
  --sora-bg:#f7faff;
  --sora-card:#ffffff;
  --sora-line:#e8eef9;
  --sora-accent:#0a5bff;
  --sora-link:#0a58ff;
  --sora-ink:#111827;
  --sora-sub:#6b7280;
  --sora-pill:#eef6ff;
  --sora-shadow:0 10px 30px rgba(0,0,0,.06);
  --sora-r-lg:16px;
  --sora-r-md:14px;
}
@media (prefers-color-scheme:dark){
  :root{
    --sora-bg:#0b1220;
    --sora-card:#101826;
    --sora-line:#1b2332;
    --sora-accent:#5e8cff;
    --sora-link:#86a7ff;
    --sora-ink:#f3f6ff;
    --sora-sub:#a9b2c6;
    --sora-pill:#16243c;
    --sora-shadow:0 10px 30px rgba(0,0,0,.35);
  }
}

/* --- Global tweaks --- */
body{background:var(--sora-bg);}
.entry-content p{line-height:1.85}
.entry-content a{color:var(--sora-link);text-decoration:none}
.entry-content a:hover{text-decoration:underline}
.wp-block-image img,.entry-content img{border-radius:12px}

/* =========================
   TOC（自動目次）
   ========================= */
.sora-toc{
  background:var(--sora-pill);
  border:1px solid var(--sora-line);
  border-radius:var(--sora-r-lg);
  padding:16px 16px 12px;
  margin:18px 0 26px;
}
.sora-toc__title{
  display:block; font-weight:700; color:var(--sora-ink);
  margin:0 0 8px; font-size:15px; letter-spacing:.02em;
}
/* 既存のトグルJSを使う場合の見た目（使っていなければ無視されます） */
.sora-toc__toggle{
  appearance:none;border:0;background:transparent;font-weight:700;cursor:pointer;
  font-size:16px;display:flex;align-items:center;gap:8px;margin:0 0 8px;
}
.sora-toc__toggle::after{content:"−";display:inline-block}
.sora-toc[aria-collapsed="true"] .sora-toc__toggle::after{content:"+";}
.sora-toc__list,.sora-toc__sub{list-style:none;margin:0;padding:0}
.sora-toc__item{margin:6px 0}
.sora-toc__sub{margin:8px 0 8px 16px;border-left:2px solid var(--sora-line);padding-left:12px}
.sora-toc a{color:var(--sora-link);text-decoration:none}
.sora-toc a:hover{text-decoration:underline}

/* =========================
   Related（関連記事）
   ========================= */
.sora-related{
  padding:48px 0 8px; border-top:1px solid var(--sora-line); margin-top:48px;
}
.sora-related__title{
  text-align:center; font-size:clamp(18px,2.5vw,22px); margin:0 0 24px; font-weight:700; color:var(--sora-ink);
}
.sora-related__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
@media (max-width: 900px){ .sora-related__grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width: 560px){ .sora-related__grid{grid-template-columns:1fr;} }

.sora-related__card{
  background:var(--sora-card); border:1px solid var(--sora-line); border-radius:var(--sora-r-md);
  overflow:hidden; transition:transform .2s ease, box-shadow .2s ease;
}
.sora-related__card:hover{transform:translateY(-2px); box-shadow:var(--sora-shadow);}
.sora-related__link{display:block; color:inherit; text-decoration:none;}
.sora-related__thumb{aspect-ratio:16/9; overflow:hidden; background:#f4f7fb;}
.sora-related__thumb img{width:100%; height:100%; object-fit:cover; display:block;}
/* メタは現在のマークアップでは未使用。出す場合は下のスタイルが効きます。 */
.sora-related__meta{display:flex; gap:8px; align-items:center; padding:10px 14px 0;}
.sora-related__cat{display:inline-block; font-size:12px; background:var(--sora-pill); color:var(--sora-link); border-radius:999px; padding:3px 8px;}
.sora-related__date{font-size:12px; color:var(--sora-sub);}
.sora-related__heading{font-size:16px; line-height:1.5; padding:8px 14px 16px; margin:0; font-weight:700; color:var(--sora-ink);}

/* =========================
   Prev/Next（前後記事ナビ）
   ========================= */
.sora-postnav{
  display:flex; gap:10px; justify-content:space-between; margin:28px 0 6px;
}
.sora-postnav__item{
  flex:1; text-decoration:none; border:1px solid var(--sora-line); border-radius:12px; padding:12px;
  background:var(--sora-card); color:var(--sora-ink); transition:background .15s ease;
}
.sora-postnav__prev{text-align:left}
.sora-postnav__next{text-align:right}
.sora-postnav__item:hover{background:var(--sora-pill)}

/* =========================
   CV Box（フォロー誘導）
   ========================= */
.sora-cvbox{
  margin:40px 0 0; padding:22px; border:1px solid var(--sora-line); border-radius:var(--sora-r-lg);
  background:var(--sora-card); text-align:center;
}
.sora-cvbox__title{font-size:20px; margin:0 0 8px; font-weight:700; color:var(--sora-ink)}
.sora-cvbox__btns{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:12px}
.sora-btn{display:inline-block; padding:12px 18px; border-radius:999px; background:var(--sora-accent); color:#fff; text-decoration:none; font-weight:700}
.sora-btn:hover{opacity:.9}
.sora-btn--x{background:#111}

/* =========================
   News Article polish（自動ニュース）
   ========================= */
.sora-news h2{font-size:20px;margin-top:28px;margin-bottom:12px;font-weight:800;color:var(--sora-ink)}
.sora-news p{margin-bottom:1em;color:var(--sora-ink)}
.sora-news .lead{
  font-size:17px;font-weight:600;color:var(--sora-ink);
  border-left:4px solid var(--sora-accent); padding-left:10px; margin-bottom:18px
}
.sora-news-date{margin-top:10px;font-size:13px;color:var(--sora-sub)}

/* ===== Latest Posts Section ===== */
.sora-latest{padding:40px 0;margin-top:20px;border-top:1px solid var(--sora-line);}
.sora-latest__title{text-align:center;font-size:clamp(20px,3vw,26px);margin-bottom:28px;font-weight:800;color:var(--sora-ink)}
.sora-latest__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
@media(max-width:900px){.sora-latest__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.sora-latest__grid{grid-template-columns:1fr;}}

.sora-latest__card{
  background:var(--sora-card);
  border:1px solid var(--sora-line);
  border-radius:var(--sora-r-md);
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.sora-latest__card:hover{transform:translateY(-2px);box-shadow:var(--sora-shadow);}
.sora-latest__thumb img{width:100%;height:auto;display:block;object-fit:cover;}
.sora-latest__body{padding:14px 16px;}
.sora-latest__meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--sora-sub);margin-bottom:6px;}
.sora-latest__cat a{color:var(--sora-accent);text-decoration:none;font-weight:700;}
.sora-latest__heading{font-size:16px;line-height:1.55;margin:0;color:var(--sora-ink);font-weight:700;}
.sora-latest__more{text-align:center;margin-top:30px;}

/* ===== Super Footer ===== */
.sora-superfooter{
  background:var(--sora-card);
  border-top:1px solid var(--sora-line);
  margin-top:40px;
}
.sora-superfooter__inner{
  max-width:1100px; margin:0 auto; padding:28px 16px;
  display:grid; gap:22px; grid-template-columns:2fr 1.5fr 3fr;
}
@media(max-width:980px){ .sora-superfooter__inner{grid-template-columns:1fr 1fr;} }
@media(max-width:640px){ .sora-superfooter__inner{grid-template-columns:1fr;} }

.sora-superfooter__col{}
.sora-superfooter__brand img{max-height:40px; width:auto}
.sora-superfooter__sitename{font-size:18px; font-weight:800; color:var(--sora-ink)}
.sora-superfooter__about{color:var(--sora-ink); margin:.6em 0 1em}
.sora-superfooter__sns .sora-btn{padding:10px 14px}

.sora-superfooter__title{
  font-size:16px; font-weight:800; margin:0 0 10px; color:var(--sora-ink)
}

/* Footer nav */
.sora-superfooter__menu{list-style:none; margin:0; padding:0}
.sora-superfooter__menu li{margin:6px 0}
.sora-superfooter__menu a{color:var(--sora-link); text-decoration:none}
.sora-superfooter__menu a:hover{text-decoration:underline}

/* Latest posts inside footer: コンパクト化 */
.sora-superfooter .sora-latest{padding:0; margin:0; border:0}
.sora-superfooter .sora-latest__title{display:none}
.sora-superfooter .sora-latest__grid{grid-template-columns:repeat(2,1fr); gap:14px}
@media(max-width:640px){ .sora-superfooter .sora-latest__grid{grid-template-columns:1fr} }
.sora-superfooter .sora-latest__heading{font-size:14px}
.sora-superfooter .sora-latest__meta{font-size:12px}
.sora-superfooter .sora-latest__card{border-radius:10px}

/* ============================
   Sora2.jp Global Neon Theme
   ============================ */

/* 基本トークン（ライト/ダーク自動） */
:root{
  --sora-bg:#0b1020;
  --sora-surface:#121a33;
  --sora-card:#0f1630;
  --sora-ink:#eaf2ff;
  --sora-sub:#a5b2d9;
  --sora-line:rgba(180,200,255,.14);

  --sora-accent:#6cf0ff;       /* ネオン・シアン */
  --sora-accent2:#8a6cff;      /* ネオン・バイオレット */
  --sora-warn:#ff9b4a;
  --sora-good:#20e3b2;

  --sora-r-lg:18px;
  --sora-r-md:14px;
  --sora-r-sm:10px;
  --sora-shadow:0 10px 30px rgba(0,0,0,.35);
  --sora-glow0:0 0 0 transparent;
  --sora-glow:0 0 24px rgba(108,240,255,.45), 0 0 48px rgba(138,108,255,.35);
}

@media (prefers-color-scheme: light){
  :root{
    --sora-bg:#f7f9ff;
    --sora-surface:#ffffff;
    --sora-card:#ffffff;
    --sora-ink:#1b2340;
    --sora-sub:#5b6a90;
    --sora-line:#e3ebff;
    --sora-shadow:0 12px 28px rgba(20,40,80,.08);
    --sora-glow:0 0 14px rgba(108,240,255,.4), 0 0 28px rgba(138,108,255,.28);
  }
}

/* ベース */
body{
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(108,240,255,.08), transparent 60%),
    radial-gradient(1000px 500px at 90% 0%, rgba(138,108,255,.08), transparent 60%),
    var(--sora-bg);
  color:var(--sora-ink);
}
a{ color:var(--sora-accent2); text-decoration:none }
a:hover{ text-decoration:underline }

/* ============================
   Sora Document Pages
   ============================ */
.sora-doc{
  background:linear-gradient(180deg, rgba(108,240,255,.06), rgba(138,108,255,.06) 40%, transparent 100%),
             var(--sora-surface);
  border:1px solid var(--sora-line);
  border-radius:var(--sora-r-lg);
  box-shadow:var(--sora-shadow);
  padding:28px 24px;
  margin:32px auto;
  max-width:980px;
}

/* ヘッダ＆リード */
.sora-doc .lead{
  font-size:clamp(16px,2.2vw,20px);
  color:var(--sora-ink);
  margin-top:6px;
  line-height:1.8;
}
.sora-doc h1{
  font-size:clamp(28px,3.8vw,40px);
  letter-spacing:.3px;
  margin:0 0 6px;
  background:linear-gradient(90deg,var(--sora-accent),var(--sora-accent2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 6px 14px rgba(108,240,255,.25));
}
.sora-doc h2{
  font-size:clamp(20px,2.6vw,26px);
  margin:28px 0 12px;
  position:relative;
  padding-left:14px;
}
.sora-doc h2::before{
  content:"";
  position:absolute; left:0; top:.35em;
  width:8px; height:1.1em; border-radius:6px;
  background:linear-gradient(180deg,var(--sora-accent),var(--sora-accent2));
  box-shadow:var(--sora-glow);
}
.sora-doc h3{ font-size:clamp(16px,2.2vw,20px); color:var(--sora-ink); margin:18px 0 8px }

/* テキスト装飾 */
.sora-doc p{ color:var(--sora-ink); line-height:1.9; margin:0 0 14px }
.sora-doc .note{ color:var(--sora-sub); border-left:3px solid var(--sora-accent); padding:8px 12px; background:rgba(108,240,255,.08); border-radius:10px }
.sora-doc ul, .sora-doc ol{ padding-left:1.2em; margin:0 0 14px }
.sora-doc li{ margin:6px 0 }
.sora-doc details{
  background:linear-gradient(180deg, rgba(138,108,255,.08), rgba(108,240,255,.08));
  border:1px solid var(--sora-line); border-radius:12px; padding:10px 14px; margin:10px 0;
}
.sora-doc details[open]{ box-shadow:var(--sora-glow) }

/* CTA Buttons */
.sora-btn{
  display:inline-block; padding:12px 18px; border-radius:999px;
  background:linear-gradient(90deg,var(--sora-accent2),var(--sora-accent));
  color:#05121f; font-weight:800; letter-spacing:.2px;
  box-shadow:0 6px 16px rgba(108,240,255,.35); border:0; transition:.18s transform ease, .18s box-shadow ease, .18s filter ease;
}
.sora-btn:hover{ transform:translateY(-2px); box-shadow:var(--sora-glow) }
.sora-btn--x{ background:#111; color:#fff; box-shadow:0 6px 14px rgba(0,0,0,.4) }
.sora-btn--x:hover{ filter:brightness(1.15) }

/* Grid / Cards */
.sora-doc .grid{
  display:grid; gap:14px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:800px){ .sora-doc .grid{ grid-template-columns:1fr } }

.sora-doc .card,
.compare-cards .card{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(108,240,255,.05));
  border:1px solid var(--sora-line);
  border-radius:16px; padding:16px; box-shadow:var(--sora-shadow);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.sora-doc .card:hover,
.compare-cards .card:hover{
  transform:translateY(-3px);
  border-color:rgba(108,240,255,.6);
  box-shadow:var(--sora-glow);
}

/* 比較テーブル */
.sora-doc .table-wrap{ overflow:auto; border:1px solid var(--sora-line); border-radius:14px; }
.sora-doc table{ width:100%; border-collapse:collapse; background:var(--sora-card) }
.sora-doc th, .sora-doc td{
  border-bottom:1px solid var(--sora-line);
  padding:12px 12px; text-align:center;
}
.sora-doc thead th{
  background:linear-gradient(90deg, rgba(108,240,255,.15), rgba(138,108,255,.15));
  position:sticky; top:0;
}

/* ギャラリー */
.gallery-grid{
  display:grid; gap:16px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
@media(max-width:900px){ .gallery-grid{ grid-template-columns:1fr } }
.gallery-grid figure{
  margin:0; background:var(--sora-card);
  border:1px solid var(--sora-line); border-radius:14px; overflow:hidden;
  box-shadow:var(--sora-shadow);
}
.gallery-grid iframe{ width:100%; aspect-ratio:16/9; display:block }
.gallery-grid figcaption{
  font-size:14px; color:var(--sora-sub); padding:10px 12px;
}

/* スーパーフッター（既存強化） */
.sora-superfooter{
  background:linear-gradient(180deg, rgba(108,240,255,.05), rgba(138,108,255,.05)), var(--sora-card);
  border-top:1px solid var(--sora-line);
}
.sora-superfooter__title{ letter-spacing:.2px }
.sora-superfooter .sora-latest__card:hover{ box-shadow:var(--sora-glow) }

/* ライン＆区切り */
.sora-doc hr{ border:0; height:1px; background:linear-gradient(90deg, transparent, var(--sora-accent), transparent); margin:24px 0 }

/* 目立つバッジ */
.sora-badge{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:800; color:#061522; padding:8px 12px; border-radius:999px;
  background:linear-gradient(90deg,var(--sora-good),var(--sora-accent));
  box-shadow:0 4px 12px rgba(32,227,178,.35);
}

/* 既存の関連/TOC/CVボックス（あなたのCSS）と統一感 */
.sora-related__card:hover{ box-shadow:var(--sora-glow) }
.sora-toc{ background:linear-gradient(180deg, rgba(108,240,255,.08), rgba(138,108,255,.08)); border-color:rgba(108,240,255,.35) }
.sora-cvbox{ background:linear-gradient(90deg, rgba(108,240,255,.12), rgba(138,108,255,.12)); border-color:rgba(108,240,255,.30) }

/* 軽いアニメーション */
@media (prefers-reduced-motion:no-preference){
  .sora-hero-glow{ animation:soraGlow 6s ease-in-out infinite alternate }
  @keyframes soraGlow{
    0%{ filter:drop-shadow(0 0 0 rgba(108,240,255,.0)) }
    100%{ filter:drop-shadow(0 0 22px rgba(108,240,255,.45)) }
  }
}

/************************************************
 🧭 Sora2固定ページ 全体レイアウト安定版
 - グリッド/カードが縦長化する問題を修正
 - PCは中央寄せワイド、スマホは1列
*************************************************/

/* ===== 全ページ共通・幅制御 ===== */
.sora2-page {
  line-height: 1.8;
  overflow-x: hidden;
}
.sora2-page .wrap {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 clamp(16px, 3vw, 40px) !important;
  box-sizing: border-box;
}

/* ===== 各カード・ボックスを横組みブロックに修正 ===== */
.sora2-page .card,
.sora2-page .item,
.sora2-page .section-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  white-space: normal;
  width: 100%;
  min-width: 260px;
  max-width: 100%;
}

/* ===== Grid修正（縦並び防止） ===== */
.sora2-page .grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  align-items: stretch;
}

/* ===== 特定ページ個別調整 ===== */

/* 使い方ガイド（3カード） */
.sora2-howto-index .grid.g-3 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
}

/* プロンプト事例集（4カード） */
.sora2-prompts .grid.g-4 {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}

/* ツール比較ページ（4カード） */
.sora2-compare .grid.g-4 {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

/* ===== フォントと余白 ===== */
.sora2-page h1, .sora2-page h2 {
  line-height: 1.3;
  margin-bottom: .6em;
}
.sora2-page p {
  margin-bottom: .8em;
}

/* ===== スマホ（768px以下） ===== */
@media (max-width: 768px) {
  .sora2-page .wrap {
    max-width: 100% !important;
    padding: 0 18px !important;
  }
  .sora2-page .grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .sora2-page .card {
    min-width: auto;
  }
}

/* 1) Sora2系ページの中で、Gutenberg/VKのカラムが細くなりすぎない保険 */
.sora2-page .wp-block-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* 最小300px確保 */
  gap: 24px;
}
.sora2-page .wp-block-column { margin: 0; }

/* 2) 既存の .grid を使う箇所も最小幅を保証 */
.sora2-page .grid { 
  display: grid; 
  gap: 24px; 
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

/* 3) 画像・動画・表をはみ出させない */
.sora2-page img,
.sora2-page video,
.sora2-page .table-wrap,
.sora2-page table { max-width: 100%; height: auto; }

/* 4) モバイルは1列＋余白を戻す */
@media (max-width: 768px){
  .sora2-page .wp-block-columns,
  .sora2-page .grid { grid-template-columns: 1fr; gap: 16px; }
}

/*通報の見た目 */
.sora2-card .report{margin:6px 12px 12px;font-size:12px}
.sora2-card .report a{color:#0b66ff;text-decoration:none}
.sora2-card .report a:hover{text-decoration:underline}

/* ====== Center Big Title (Yahoo風) ====== */
.yj-headtitle{
  display:flex;align-items:center;justify-content:center;
  padding:18px 0 10px;
}
.yj-headlogo{
  /* Yahooっぽい強めの装飾 */
  font-weight:900;
  font-size:clamp(28px,5vw,56px);
  line-height:1;
  letter-spacing:.5px;
  /* 赤→青のグラデ文字 */
  background:linear-gradient(90deg,#e6002c 0%, #ff3d77 35%, #6a5cff 70%, #00d4ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  /* ほんのり立体感 */
  text-shadow:0 2px 0 rgba(255,255,255,.5), 0 6px 18px rgba(0,0,0,.08);
  margin:0;
}
@media (max-width:768px){
  .yj-headtitle{padding:14px 0 6px}
}

/* ヘッダーのサイトタイトル（テキスト）を非表示 */
#site-header-container .site-header-logo{
  display: none !important;
}

/* もしトップページだけ消したい場合は↓に変更 */
.home #site-header-container .site-header-logo{
  display: none !important;
}
/* 個別ページIDで指定するなら（例：ID=123） */
/* .page-id-123 #site-header-container .site-header-logo{ display:none !important; } */

/*コピーライト削除*/
.site-footer-copyright p:nth-child(2) {
    display:none;
}

/* ===== 生成事例を見るボタン 修正版 ===== */
.sora2-gallery a.button {
  display: inline-block;
  padding: 10px 22px;
  font-weight: 700;
  font-size: 15px;
  border-radius: 999px;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(90deg, #00aaff, #6a5cff);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
  transition: all 0.25s ease;
}
.sora2-gallery a.button:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

/* 固定ページタイトル（スマホ含む）を完全に非表示 */
.entry-title {
  display: none !important;
}

/* === AI動画ローンチ LP CSS === */
.ai-launch-lp {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.6;
  color: #fff;
}

/* セクション共通 */
.lp-section {
  padding: 80px 20px;
  text-align: center;
}
.lp-section h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin-bottom: 30px;
  font-size: 2.4rem;
}
.lp-section p {
  font-size: 1.1rem;
}

/* 色パターン */
.lp-section.dark { background: linear-gradient(180deg,#0B1E3D,#142850); }
.lp-section.purple { background: linear-gradient(180deg,#3C1361,#6A0DAD); }
.lp-section.light { background: #F8F9FA; color:#333; }
.lp-section.gold { background: #0A0A0A; border-top:3px solid #FFD700; }
.lp-section.final { background: linear-gradient(180deg,#0B1E3D,#FFD700); }

/* Hero */
.lp-hero {
  background: radial-gradient(circle at center, #1e2950, #0B1E3D);
  color: #fff;
  padding: 160px 20px;
  text-align: center;
}
.lp-hero h1 {
  font-size: 2.8rem;
  margin-bottom: 20px;
}
.lp-hero .sub {
  color: #FFD700;
  font-size: 1.3rem;
  margin-bottom: 40px;
}

/* ボタン */
.btn-main {
  display: inline-block;
  background: #FFD700;
  color: #000;
  padding: 16px 40px;
  border-radius: 40px;
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s;
}
.btn-main:hover { background: #ffea73; }
.btn-main.small { padding:10px 30px; font-size:0.9rem; }
.btn-main.large { padding:20px 60px; font-size:1.3rem; }

/* テーブル */
.lp-table {
  margin: 0 auto;
  border-collapse: collapse;
  width: 90%;
  max-width: 800px;
}
.lp-table th, .lp-table td {
  border-bottom: 1px solid #ccc;
  padding: 12px;
  color: #333;
}
.lp-table th {
  background: #0B1E3D;
  color: #fff;
  width: 25%;
}

/* プラン表 */
.plan-wrap {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.plan {
  background: #fff;
  color: #333;
  border-radius: 10px;
  padding: 30px;
  width: 300px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.plan.highlight { border: 3px solid #FFD700; }
.plan h3 { color:#0B1E3D; margin-bottom:10px; }
.plan .price { font-size: 2rem; font-weight: bold; color:#FFD700; }

/* FAQ */
.faq dl {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}
.faq dt { font-weight: bold; margin-top: 20px; color:#FFD700; }
.faq dd { margin-left: 20px; color:#eee; }

/* Bonus */
.bonus-list { list-style:none; margin:20px auto; padding:0; max-width:600px; }
.bonus-list li { margin-bottom:10px; }
.bonus-sum { font-size:1.3rem; margin-top:30px; color:#FFD700; }

/* Footer */
.final .footer {
  margin-top: 40px;
  font-size: 0.9rem;
  opacity: 0.7;
}

/* 固定ページ「AI動画ローンチ装置」だけサムネイル非表示 */
.page-id-885 .veu_autoEyeCatchBox {
  display: none !important;
}

/* Canva背景を表示する */
.has-bg {
  position: relative;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), var(--bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}

/* ヒーロー内のテキストを見やすくする */
.lp-hero .hero-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 30px;
  background: rgba(0,0,0,0.55);
  border-radius: 20px;
  backdrop-filter: blur(6px);
  text-align: center;
}

/* 見出し・ボタンなど */
.lp-hero h1 {
  font-size: 2rem;
  line-height: 1.5;
  color: #fff;
}

.lp-hero .sub {
  color: #FFD700;
  font-size: 1.2rem;
  margin: 1.5em 0;
}

.btn-main {
  display: inline-block;
  background: #FFD700;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  padding: 14px 40px;
  border-radius: 40px;
  transition: 0.3s;
}

.btn-main:hover {
  background: #fff89a;
}

/* 背景動画の共通レイヤー設定 */
.video-hero,
.video-section { position: relative; overflow: hidden; isolation:isolate; }

.bg-video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  filter: brightness(.75) saturate(1.05);
  z-index:0;
}

.hero-inner,
.section-inner{
  position:relative; z-index:1;
  max-width: 960px; margin: 0 auto; text-align:center;
  padding: 60px 24px;
  color:#fff;
}

/* ヒーローの読みやすさを向上（ガラス風） */
.lp-hero .hero-inner{
  background: rgba(10,12,24,.55);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  backdrop-filter: blur(6px);
}

/* モーションが苦手な人への配慮（自動停止） */
@media (prefers-reduced-motion: reduce){
  .bg-video{ display:none; }
  .video-hero, .video-section{
    background:#0B1E3D url('https://sora2.jp/wp-content/uploads/2025/10/hero-bg-poster.jpg') center/cover no-repeat;
  }
}

/* モバイルは負荷を下げて静止画に切替（任意推奨） */
@media (max-width: 640px){
  .bg-video{ display:none; }
  .video-section{
    background: #0B1E3D; /* 必要なら各セクションで個別posterに差し替え */
  }
}

/* Google Fonts（Canvaの印象に寄せる） */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Noto+Sans+JP:wght@400;700&display=swap');

/* ベース */
.ai-launch-lp { font-family: 'Noto Sans JP','Montserrat',sans-serif; line-height:1.7; color:#fff; }
.lp-section { padding: 80px 20px; text-align: center; position:relative; }
.section-inner, .hero-inner { max-width: 960px; margin: 0 auto; }

/* タイトル・本文 */
.lp-section h1, .lp-section h2 {
  font-family: 'Montserrat',sans-serif; letter-spacing:.02em;
}
.lp-section h1 { font-size: 2.4rem; margin: 0 0 18px; }
.lp-section h2 { font-size: 2.2rem; margin: 0 0 18px; }
.lp-section p { font-size: 1.05rem; margin: 0 auto 14px; }

/* 背景の色トーン（動画セクションは下の .bg-video 優先） */
.lp-section.dark   { background: linear-gradient(180deg,#0B1E3D,#142850); }
.lp-section.purple { background: linear-gradient(180deg,#3C1361,#6A0DAD); }
.lp-section.light  { background:#F8F9FA; color:#222; }
.lp-section.gold   { background:#0A0A0A; border-top:3px solid #FFD700; }
.lp-section.final  { background: linear-gradient(180deg,#0B1E3D,#FFD700); }

/* 背景動画のレイヤー設定 */
.video-hero, .video-section { position: relative; overflow: hidden; isolation:isolate; }
.bg-video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0;
  filter: brightness(.75) saturate(1.05);
}
.hero-inner, .section-inner{ position:relative; z-index:1; padding: 60px 24px; }

/* ヒーロー強調（ガラスカード風） */
.lp-hero .hero-inner{
  background: rgba(10,12,24,.55);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  backdrop-filter: blur(6px);
  text-align:center;
}
.lp-hero .sub{ color:#FFD700; font-size:1.2rem; margin: 1.2em 0 1.6em; }

/* ボタン */
.btn-main{
  display:inline-block; background:#FFD700; color:#000; font-weight:700;
  padding:14px 42px; border-radius:40px; text-decoration:none; transition:.25s;
}
.btn-main:hover{ background:#ffec80; }
.btn-main.small{ padding:10px 28px; font-size:.95rem; }
.btn-main.large{ padding:18px 56px; font-size:1.2rem; }

/* テーブル */
.lp-table{ margin:20px auto 0; border-collapse:collapse; width:100%; max-width:880px; }
.lp-table th, .lp-table td{ border-bottom:1px solid #ddd; padding:12px 14px; }
.lp-table th{ background:#0B1E3D; color:#fff; width:24%; }
.lp-section.light .lp-table td{ color:#333; }

/* プラン */
.plan-wrap{ display:flex; flex-wrap:wrap; justify-content:center; gap:32px; margin-top:10px; }
.plan{
  background:#fff; color:#333; border-radius:14px; padding:26px; width:300px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
}
.plan h3{ color:#0B1E3D; margin:0 0 6px; font-family:'Montserrat'; }
.plan .price{ font-size:2rem; font-weight:800; color:#FFD700; margin:14px 0 18px; }
.plan.highlight{ border:3px solid #FFD700; background:#fffef5; box-shadow:0 8px 26px rgba(255,215,0,.35); }
.guarantee{ color:#333; }

/* FAQ */
.faq dl{ max-width:900px; margin:0 auto; text-align:left; }
.faq dt{ font-weight:700; margin-top:18px; color:#FFD700; }
.faq dd{ margin-left:12px; }

/* ボーナス */
.bonus-list{ list-style:none; margin:18px auto; padding:0; max-width:700px; }
.bonus-list li{ margin-bottom:10px; }
.bonus-sum{ font-size:1.2rem; color:#FFD700; margin-top:16px; }

/* フッター小文 */
.footer{ margin-top:32px; font-size:.9rem; opacity:.75; }

/* アクセシビリティ：モーション軽減設定の端末では動画を止める */
@media (prefers-reduced-motion: reduce){
  .bg-video{ display:none; }
  .video-hero, .video-section{ background:#0B1E3D; }
}

/* モバイル最適化（必要に応じて動画を静止画に） */
@media (max-width: 640px){
  .lp-section{ padding:64px 18px; }
  .lp-section h1{ font-size:1.8rem; }
  .lp-section h2{ font-size:1.6rem; }
  .bg-video{ display:none; } /* 負荷が高ければオフに */
}

/* Lightningヘッダーを非表示 */
#site-header { display:none !important; }

/* 限定特典の文字背景（hero風） */
.bonus-inner {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 0 auto;
  background: rgba(10, 12, 24, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  backdrop-filter: blur(6px);
  padding: 60px 40px;
  color: #fff;
  text-align: center;
}

/* FAQに背景ボックス */
.faq-inner {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  background: rgba(10, 12, 24, 0.6);
  border-radius: 20px;
  padding: 60px 40px;
  color: #fff;
  backdrop-filter: blur(4px);
  z-index: 2;
}

/* ページID885（AI動画ローンチ装置LP）のみ上部非表示 */
.page-id-885 header.site-header,
.page-id-885 .page-header,
.page-id-885 #breadcrumb {
  display: none !important;
}

.page-id-885 body.page,
.page-id-885 body.page .site-body,
.page-id-885 body.page .site-body-container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.lp-section.dark img {
  max-width: 800px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 0 30px rgba(0,0,0,0.5);
  margin-top: 30px;
}

/* 成果画像カード（影・角丸・キャプション） */
.achv-figure{
  margin: 28px auto 0;
  max-width: 980px;
}
.achv-figure img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.08) inset;
}
.achv-figure figcaption{
  text-align: center;
  font-size: .9rem;
  opacity: .75;
  margin-top: 10px;
  color: #fff;              /* darkセクションで読みやすく */
}

/* スマホ時の余白微調整（任意） */
@media (max-width: 640px){
  .achv-figure{ margin-top: 20px; }
}

/* Achievement 画像カード：中央寄せ＆均等余白修正版 */
.achv-card {
  display: block;
  max-width: 880px;
  margin: 40px auto 0;            /* autoで中央寄せ */
  padding: 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 14px 40px rgba(0,0,0,0.35);
  backdrop-filter: blur(4px);
  text-align: center;             /* figcaption中央寄せ */
}

/* 画像自体も中央寄せ＋ブロック化 */
.achv-card img {
  display: block;
  margin: 0 auto;                 /* 画像を中央寄せ */
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

/* キャプション */
.achv-card figcaption {
  margin-top: 12px;
  font-size: 0.95rem;
  color: #fff;
  opacity: 0.85;
  text-align: center;
}

/* モバイル調整 */
@media (max-width:640px){
  .achv-card { margin-top: 20px; padding: 10px; }
}

/* Achievement 画像の中央寄せ補正（LightningのCustom HTML内figure対策） */
.achv-card,
.achv-figure {
  display: block !important;
  width: fit-content;
  max-width: 100%;
  margin: 40px auto 0 !important;  /* 中央寄せ */
  text-align: center;
}

/* imgの中央揃えとスムーズな縮小 */
.achv-card img,
.achv-figure img {
  display: block !important;
  margin: 0 auto !important;       /* 完全中央 */
  height: auto;
  max-width: 100%;
  border-radius: 12px;
}

/* キャプション中央寄せ */
.achv-card figcaption,
.achv-figure figcaption {
  text-align: center;
  margin-top: 12px;
  color: #fff;
  opacity: 0.85;
}

/* レスポンシブ微調整 */
@media (max-width: 640px){
  .achv-card, .achv-figure {
    margin-top: 24px !important;
    padding: 0 10px;
  }
}

/* Lightning上部非表示 */
header.site-header, .page-header, #breadcrumb {display:none!important;}
body.page, .site-body-container {padding-top:0!important;margin-top:0!important;}

/* プラン背景改善 */
.plan-section {
  background: linear-gradient(180deg, #fefefe 0%, #f6f6f8 100%);
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

/* 各プランカード */
.plan-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px;
  margin-top: 32px;
}

.plan {
  flex: 1 1 320px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  padding: 28px;
  text-align: center;
  transition: all 0.3s ease;
}

.plan:hover {transform: translateY(-5px); box-shadow: 0 18px 36px rgba(0,0,0,0.15);}
.plan.highlight {
  background: linear-gradient(180deg, #fffaf0 0%, #fff 100%);
  border: 2px solid #ffc64c;
  box-shadow: 0 12px 36px rgba(255,198,76,0.25);
}

.plan-header {font-size:1.4rem;font-weight:700;margin-bottom:10px;}
.plan-desc {font-size:0.95rem;line-height:1.6;margin-bottom:16px;color:#444;}
.plan-list {text-align:left;display:inline-block;margin:0 auto 16px;padding:0;list-style:none;font-size:0.9rem;color:#333;}
.plan-list li {margin:6px 0;padding-left:18px;position:relative;}
.plan-list li::before {content:"✔";color:#ffb400;position:absolute;left:0;font-weight:700;}
.price {font-size:1.8rem;font-weight:700;color:#111;margin:16px 0;}
.btn-main.small {font-size:0.95rem;padding:10px 26px;}
.guarantee {margin-top:32px;text-align:center;color:#666;font-size:0.9rem;}
@media(max-width:640px){.plan-wrap{flex-direction:column;gap:24px;}}

/* 限定特典（共通化済） */
.bonus-inner {
  background: rgba(10,12,24,0.55);
  border:1px solid rgba(255,255,255,0.15);
  border-radius:20px;
  backdrop-filter:blur(6px);
  padding:60px 40px;
  color:#fff;
  text-align:center;
  max-width:900px;
  margin:0 auto;
}

/* Achievement画像中央寄せ補正 */
.achv-card {
  display:block!important;
  width:fit-content;
  max-width:100%;
  margin:40px auto 0!important;
  text-align:center;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));
  border:1px solid rgba(255,255,255,0.18);
  box-shadow:0 14px 40px rgba(0,0,0,0.35);
  backdrop-filter:blur(4px);
}
.achv-card img{display:block!important;margin:0 auto!important;height:auto;max-width:100%;border-radius:12px;}
.achv-card figcaption{text-align:center;margin-top:12px;color:#fff;opacity:.85;}

/* FAQ背景 */
.faq-inner {
  background: rgba(10,12,24,0.6);
  border-radius: 20px;
  padding: 60px 40px;
  color: #fff;
  backdrop-filter: blur(4px);
  max-width: 900px;
  margin: 0 auto;
}

/* Google Fonts（Canvaの印象に寄せる） */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Noto+Sans+JP:wght@400;700&display=swap');

/* Lightningヘッダー・ページ帯・パンくずを非表示（LPモード） */
header.site-header,
.page-header,
#breadcrumb { display: none !important; }
body.page, body.page .site-body, body.page .site-body-container {
  padding-top: 0 !important; margin-top: 0 !important;
}

/* ベース */
.ai-launch-lp { font-family: 'Noto Sans JP','Montserrat',sans-serif; line-height:1.7; color:#fff; }
.lp-section { padding: 80px 20px; text-align: center; position:relative; }
.section-inner, .hero-inner { max-width: 960px; margin: 0 auto; }

/* タイトル・本文 */
.lp-section h1, .lp-section h2 { font-family: 'Montserrat',sans-serif; letter-spacing:.02em; }
.lp-section h1 { font-size: 2.4rem; margin: 0 0 18px; }
.lp-section h2 { font-size: 2.2rem; margin: 0 0 18px; }
.lp-section p  { font-size: 1.05rem; margin: 0 auto 14px; }

/* 背景の色トーン（動画セクションは .bg-video が最前面） */
.lp-section.dark   { background: linear-gradient(180deg,#0B1E3D,#142850); }
.lp-section.purple { background: linear-gradient(180deg,#3C1361,#6A0DAD); }
.lp-section.light  { background:#F8F9FA; color:#222; }
.lp-section.gold   { background:#0A0A0A; border-top:3px solid #FFD700; }
.lp-section.final  { background: linear-gradient(180deg,#0B1E3D,#FFD700); }

/* 背景動画のレイヤー設定 */
.video-hero, .video-section { position: relative; overflow: hidden; isolation:isolate; }
.bg-video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0; filter: brightness(.75) saturate(1.05);
}
.hero-inner, .section-inner{ position:relative; z-index:1; padding: 60px 24px; }

/* ヒーロー強調（ガラスカード風） */
.lp-hero .hero-inner{
  background: rgba(10,12,24,.55);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 20px;
  backdrop-filter: blur(6px);
  text-align:center;
}
.lp-hero .sub{ color:#FFD700; font-size:1.2rem; margin: 1.2em 0 1.6em; }

/* ボタン */
.btn-main{
  display:inline-block; background:#FFD700; color:#000; font-weight:700;
  padding:14px 42px; border-radius:40px; text-decoration:none; transition:.25s;
}
.btn-main:hover{ background:#ffec80; }
.btn-main.small{ padding:10px 28px; font-size:.95rem; }
.btn-main.large{ padding:18px 56px; font-size:1.2rem; }

/* テーブル */
.lp-table{ margin:20px auto 0; border-collapse:collapse; width:100%; max-width:880px; }
.lp-table th, .lp-table td{ border-bottom:1px solid #ddd; padding:12px 14px; }
.lp-table th{ background:#0B1E3D; color:#fff; width:24%; }
.lp-section.light .lp-table td{ color:#333; }

/* Achievement 画像カード（中央寄せ＆視認性） */
.achv-card{
  display:block !important;
  width: fit-content; max-width: 100%;
  margin: 40px auto 0 !important;
  padding: 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 14px 40px rgba(0,0,0,0.35);
  backdrop-filter: blur(4px);
  text-align: center;
}
.achv-card img{ display:block !important; margin:0 auto !important; width:100%; height:auto; border-radius:12px; }
.achv-card figcaption{ margin-top: 12px; font-size: .95rem; color:#fff; opacity:.85; }
@media (max-width:640px){ .achv-card{ margin-top: 24px !important; padding: 10px; } }

/* 限定特典の文字背景（hero風） */
.bonus-inner {
  position: relative; z-index: 2; max-width: 900px; margin: 0 auto;
  background: rgba(10, 12, 24, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px; backdrop-filter: blur(6px);
  padding: 60px 40px; color: #fff; text-align: center;
}

/* FAQに背景ボックス */
.faq-inner {
  position: relative; max-width: 900px; margin: 0 auto;
  background: rgba(10, 12, 24, 0.6); border-radius: 20px;
  padding: 60px 40px; color: #fff; backdrop-filter: blur(4px); z-index: 2;
}
.faq dl{ max-width:900px; margin:0 auto; text-align:left; }
.faq dt{ font-weight:700; margin-top:18px; color:#FFD700; }
.faq dd{ margin-left:12px; }

/* プラン：セクション背景＆カード化で視認性UP */
.plan-section{
  background: linear-gradient(180deg, #f7f7fb 0%, #ffffff 100%);
}
.plan-section .section-inner{
  background: #ffffff;
  border: 1px solid #ececec;
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(0,0,0,0.08);
  padding: 50px 28px;
}
.plan-wrap{ display:flex; flex-wrap:wrap; justify-content:center; gap:32px; margin-top:10px; }
.plan{
  background:#fff; color:#333; border-radius:14px; padding:26px; width:300px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
}
.plan h3{ color:#0B1E3D; margin:0 0 6px; font-family:'Montserrat'; }
.plan .price{ font-size:2rem; font-weight:800; color:#FFD700; margin:14px 0 18px; }
.plan.highlight{ border:3px solid #FFD700; background:#fffef5; box-shadow:0 8px 26px rgba(255,215,0,.35); }

/* ボーナス一覧 */
.bonus-list{ list-style:none; margin:18px auto; padding:0; max-width:700px; }
.bonus-list li{ margin-bottom:10px; }
.bonus-sum{ font-size:1.2rem; color:#FFD700; margin-top:16px; }

/* フッター小文 */
.footer{ margin-top:32px; font-size:.9rem; opacity:.75; }

/* アクセシビリティ：モーション軽減端末は動画停止 */
@media (prefers-reduced-motion: reduce){
  .bg-video{ display:none; }
  .video-hero, .video-section{ background:#0B1E3D; }
}

/* モバイル最適化（必要に応じて動画を静止） */
@media (max-width: 640px){
  .lp-section{ padding:64px 18px; }
  .lp-section h1{ font-size:1.8rem; }
  .lp-section h2{ font-size:1.6rem; }
  .bg-video{ display:none; }
}

/* Achievement 画像の“比率維持・中央寄せ・横幅制御”を強制 */
.wp-block-custom-html .achv-card,
.achv-card{
  display:block !important;
  max-width: 880px !important;           /* デザイン上限 */
  width: min(92vw, 880px) !important;    /* 画面に応じて縮む */
  margin: 32px auto 0 !important;        /* 完全中央寄せ */
  padding: 14px;
  text-align:center;
}

/* 画像の崩れ（高さ固定・伸び）を抑止 */
.achv-card img{
  display:block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;               /* 属性heightより優先 */
  aspect-ratio: 16 / 9;                  /* 比率を固定（対応ブラウザ） */
  object-fit: contain;                    /* 余白が出ても歪ませない */
  border-radius: 12px;
  margin: 0 auto !important;
}

/* キャプション（任意） */
.achv-card figcaption{
  margin-top: 10px;
  font-size: .95rem;
  opacity: .85;
  color: #fff;
}

/* モバイル微調整 */
@media (max-width:640px){
  .achv-card{ margin-top: 20px !important; padding: 10px; }
}

/* 動画セクション直後のセクションを前面に */
.video-section + .lp-section {
  position: relative;
  z-index: 2;
}

/* 念のため、動画はクリックも当たらないように */
.bg-video { pointer-events: none; }

/* ④ Course Outline の見出しが白くなるケースを上書き */
.lp-section.light h2 {
  color: #111 !important;
}

/* 文字が背景に溶ける環境向けの軽いカード */
.lp-section.light .section-inner {
  background: rgba(255,255,255,0.85);
  border: 1px solid #ececec;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.06);
}