/* ======================================================================
   固定ページの下の「はじめての方はこちら」（page_footer.php。2026-11-09）
   ====================================================================== */
/* 診断の所：紺の絵の上なので、字は白（商品カードの紺の字の決まりを上書き） */
body.look-on .ascolo-pfp .nls-shindan-hero .nls-lineup-entry-eyebrow,
body.look-on .ascolo-pfp .nls-shindan-hero .nls-lineup-entry-sub{color:rgba(255,255,255,.88)!important}
body.look-on .ascolo-pfp .nls-shindan-hero .nls-lineup-entry-headline{color:#fff!important}
body.look-on .ascolo-pfp .nls-shindan-hero-cta{background:var(--lk-cta)!important;color:#fff!important;letter-spacing:.06em}
/* 枠線のボタン（オレンジは診断だけ） */
body.look-on .ascolo-pfp-btn{margin:16px 0 10px!important}
body.look-on .ascolo-pfp-btn a{display:inline-block;border:2px solid var(--lk-main-deep);color:var(--lk-main-deep)!important;background:#fff;font-weight:700;font-size:15px;letter-spacing:.06em;padding:10px 30px;border-radius:6px;text-decoration:none!important;transition:background .2s,color .2s}
body.look-on .ascolo-pfp-btn a:hover{background:var(--lk-main-deep);color:#fff!important}
body.look-on .ascolo-pfp-all{text-align:center;margin-top:34px!important}
@media (max-width:767px){
  body.look-on .ascolo-pfp-btn a{display:block;text-align:center;padding-left:12px;padding-right:12px}
  body.look-on .ascolo-pfp .nls-shindan-hero-cta{display:block!important;text-align:center;padding-left:12px!important;padding-right:12px!important}
}

/* プロフィールのページの頭：見出し「人生挫折ヒストリー（黒歴史？）」が右の絵（3D のきーぼー）に重なるので、PC だけ字と絵を少し小さく（2026-11-09） */
@media (min-width:768px){
  body.look-on.page-id-2 #page_header .caption .catch{font-size:30px!important}
}
/* 右の絵が 3D のきーぼー（profile_trans_…png）のページは、どれも PC で 340px までにして右に寄せる。大きいまま真ん中に出ていた
  （2026-11-10 きーぼー「タロットのページで真ん中にデカデカと出てるので右寄せに」。プロフィール・なぜタロット？、これから作る占星術の考え方も同じ組み方） */
@media (min-width:768px){
  body.look-on #page_header .layer_image img[src*="profile_trans_"]{max-width:340px!important;height:auto!important}
}

/* スマホのページの頭：テーマの作りで右の絵が字の後ろに敷かれるので、絵を薄くして字を読みやすく（2026-11-09 きーぼー） */
@media (max-width:767px){
  body.look-on #page_header .layer_image img{opacity:.22!important}
}
/* ページの頭の見出しの、スマホだけの改行（page_footer.php の ASCOLO_HEADER_SP_BREAKS） */
body.look-on #page_header .catch br.sp{display:none}
@media (max-width:767px){ body.look-on #page_header .catch br.sp{display:inline} }

/* ======================================================================
   字と地の明るさの差が足りなかった所（2026-11-09 きーぼー「背景とテキストが同じ系統の色で読みにくい」。audit.js で測った）
   ====================================================================== */
/* カードの札：青の地に紺の字 → 紺の地に金の字（はじめての方はこちらの大きいカードの札と同じ） */
body.look-on .nls-lineup-card-badge{background:var(--lk-main-deep)!important;color:var(--lk-gold)!important;border-color:var(--lk-main-deep)!important}
/* 自分解体新書の「2冊目が半額」・LINE スタンプのカードの札：地は金（--gold を金に戻した）なので、字は紺 */
body.look-on .nls-kaitai-badge, body.look-on .nls-dandism-card-badge{color:var(--lk-main-deep)!important}
/* 明るい地の上の金の小見出し（自分解体新書「１万字超の渾身レポート」）→ 青 */
body.look-on .nls-kaitai-label{color:var(--lk-main)!important}
/* 青〜紺のグラデーションの申し込みの箱の中のリンク：青の地に青の字 → 白（下線つき） */
body.look-on .kk-purchase-note a, body.look-on .nb-purchase-note a, body.look-on .ap-purchase-note a, body.look-on .tb-purchase-ch0 a, body.look-on .nls-flow-step-desc a{color:#fff!important;text-decoration:underline!important}
/* 紺の地にじかに置かれたリンク：青のリンクの色が紺の地に沈む → 金（白いカードの中のリンクには、かけない。メルマガの特典のカードで白地に金になったため） */
body.look-on .ap-section-deep > .ap-inner > div > a, body.look-on .ap-step-note a{color:var(--lk-gold)!important}
/* ページの一番上へ戻るボタンの「TOP」：紺の地に青の字 → 白 */
body.look-on #return_top a, body.look-on #return_top a span{color:#fff!important}
/* 記事の日付・カテゴリ（薄い灰色）→ 少し濃く */
body.look-on #post_title_area .meta, body.look-on #post_title_area .meta a, body.look-on .title_area .meta, body.look-on .title_area .meta a{color:var(--lk-muted)!important}
/* ミッションのページのオレンジの文字の行：明るいオレンジは地の上で読みにくい → 濃いオレンジ */
body.look-on .mission-orange-line{color:#b84d00!important}

/* ---------- 7分の動画の前の名前の札（0.12.0。video_cover.php。トップの .ascolo-kiibo-who と同じ札） ---------- */
body.look-on .ascolo-kiibo-who.ascolo-kiibo-who-page{border-top:0;padding-top:8px;margin:0 0 22px!important}
body.look-on .ascolo-kiibo-who-page p.ascolo-kiibo-name{margin:0 0 18px!important}
body.look-on .ascolo-kiibo-who-page + p,
body.look-on .ascolo-kiibo-who-page + p + p{text-align:center}