/* あすコロの見た目：共通の形（色・字体・宇宙・ロゴは june.css の変数とクラスで決める） */

/* ---------- 字体と地 ---------- */
body[class*="look-"]{
  --lk-serif:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif;
  --lk-sans:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;
  --lk-latin:var(--lk-sans);
  --tcd-font-type1:var(--lk-sans);
  --tcd-font-type2:var(--lk-serif);
  --tcd-font-type3:var(--lk-serif);
  background:var(--lk-bg)!important;
  color:var(--lk-ink);
  font-family:var(--lk-sans)!important;
  letter-spacing:.03em;
}
/* ショートコードの変数（--main・--accent など）を、案の色に置き換える。
   --gold は金のまま（2026-11-09。前は --lk-accent＝青に置き換えていて、商品のページの紺の地に金の字が、紺の地に青の字になっていた。例：自分解体新書の「〜せなあかん」の札） */
body[class*="look-"], body[class*="look-"] [class*="nls-"], body[class*="look-"] [class*="tb-"], body[class*="look-"] .pmpro{
  --main:var(--lk-dark); --main-dark:var(--lk-dark); --main-deep:var(--lk-dark); --main-light:var(--lk-muted);
  --main-border:var(--lk-line); --accent:var(--lk-cta); --accent-dark:var(--lk-cta); --gold:var(--lk-gold);
  --bg:var(--lk-bg); --bg-secondary:var(--lk-paper); --text:var(--lk-ink); --text-muted:var(--lk-muted); --text-light:var(--lk-muted);
  --border:var(--lk-line);
  --nls-main:var(--lk-dark); --nls-sub:var(--lk-muted); --nls-main-dark:var(--lk-dark); --nls-bg:var(--lk-bg); --nls-bg-warm:var(--lk-paper);
  --nls-text:var(--lk-ink); --nls-text-light:var(--lk-muted); --nls-border:var(--lk-line); --nls-accent:var(--lk-cta);
  --pmpro-main:var(--lk-dark); --pmpro-main-dark:var(--lk-dark); --pmpro-accent:var(--lk-cta); --pmpro-bg:var(--lk-bg);
  --radius:4px;
}
body[class*="look-"] .post_content, body[class*="look-"] .post_content p, body[class*="look-"] .tcdce-body{
  font-family:var(--lk-sans)!important; line-height:2.05;
}
/* 字の色は本文全体に付けて、段落は受け継ぐだけにする（2026-11-09）。前は段落（p）にも直接付けていて、
   商品のページなどが紺の地の段で決めている白い字を上書きし、紺の地に紺の字で読めなくなっていた */
body[class*="look-"] .post_content, body[class*="look-"] .tcdce-body{color:var(--lk-ink)}
body[class*="look-"] a{color:var(--lk-link)}
body[class*="look-"] h1, body[class*="look-"] h2, body[class*="look-"] h3,
body[class*="look-"] .rich_font_1, body[class*="look-"] .rich_font_2, body[class*="look-"] .rich_font,
body[class*="look-"] .cb_catch, body[class*="look-"] .catch{
  font-family:var(--lk-serif)!important; font-weight:600!important; letter-spacing:.06em;
}

/* 見出しの頭の絵文字の飾り（アイコンの枠）を消す */
body[class*="look-"] .nls-lineup-ico, body[class*="look-"] .concept-icon, body[class*="look-"] .nls-trust-card-icon{display:none!important}

/* ---------- ヘッダー ---------- */
body[class*="look-"] #header_top{background:var(--lk-top)!important;color:var(--lk-top-ink)!important;border-bottom:1px solid var(--lk-top-line)}
body[class*="look-"] #site_description{font-size:11px!important;letter-spacing:.14em;color:var(--lk-top-ink)!important;font-family:var(--lk-sans)!important}
body[class*="look-"] #header_bottom{background:var(--lk-head)!important;color:var(--lk-head-ink)!important;border-bottom:1px solid var(--lk-line-strong)}
body[class*="look-"] #global_menu > ul > li > a{color:var(--lk-head-ink)!important;font-family:var(--lk-sans)!important;font-size:13px!important;letter-spacing:.12em;font-weight:500!important}
body[class*="look-"] #global_menu > ul > li > a:hover{color:var(--lk-accent)!important;background:transparent!important}
body[class*="look-"] #global_menu ul ul a{background:var(--lk-dark)!important;color:var(--lk-on-dark)!important;font-family:var(--lk-sans)!important}
body[class*="look-"] #header_sns a, body[class*="look-"] #header_search .button{color:var(--lk-head-ink)!important}
body[class*="look-"] #header_search .button label, body[class*="look-"] #header_search .button{background:transparent!important}
body[class*="look-"] #header_search .button label::before{color:var(--lk-top-ink)!important}
body[class*="look-"] #menu_button span, body[class*="look-"] #menu_button::before, body[class*="look-"] #menu_button::after{background:var(--lk-head-ink)!important}

/* ロゴ（logo-new のときだけ）は june.css */

/* ---------- トップ ---------- */
body[class*="look-"] #index_video video, body[class*="look-"] #header_slider .bg_image{filter:var(--lk-photo-filter)}
body[class*="look-"] #header_slider .bg_overlay{background:var(--lk-hero-overlay)!important}
body[class*="look-"] #header_slider .caption .button{background:var(--lk-cta)!important;border:0!important;color:var(--lk-cta-ink)!important;border-radius:4px!important;letter-spacing:.1em}
body[class*="look-"] .slick-dots li button, body[class*="look-"] .slick-dots li.slick-active button{background-color:transparent!important;border-color:#fff!important}
body[class*="look-"] .slick-dots li.slick-active button{background-color:var(--lk-badge)!important;border-color:var(--lk-badge)!important}
body[class*="look-"] #index_news{background:var(--lk-paper)!important;border-bottom:1px solid var(--lk-line)}
body[class*="look-"] #index_news *{color:var(--lk-ink)!important;font-size:13px}
body[class*="look-"] #index_news .date{color:var(--lk-accent)!important;font-family:var(--lk-latin);letter-spacing:.1em}

/* セクションの見出し：明朝・中央・下に短い線 */
body[class*="look-"] .cb_catch, body[class*="look-"] .nls-lineup-section-title, body[class*="look-"] h2.headline{
  color:var(--lk-ink)!important;font-size:clamp(22px,2.6vw,30px)!important;text-align:center;position:relative;padding-bottom:18px!important;margin-bottom:34px!important;background:none!important;border:0!important;
}
body[class*="look-"] .cb_catch::after, body[class*="look-"] .nls-lineup-section-title::after, body[class*="look-"] h2.headline::after{
  content:"";position:absolute;left:50%;bottom:0;width:36px;height:1px;background:var(--lk-accent);transform:translateX(-50%);
}
body[class*="look-"] .cb_contents{padding-top:72px!important;padding-bottom:72px!important}
body[class*="look-"] .cb_contents:empty, body[class*="look-"] .index_free_space .cb_contents_inner:empty{display:none}

/* 悩みの一覧 */
body[class*="look-"] .pain-item{background:var(--lk-paper)!important;border:0!important;border-left:2px solid var(--lk-accent)!important;border-radius:0!important;box-shadow:none!important;color:var(--lk-ink)!important}

/* 数字のカード（10年超など） */
body[class*="look-"] .nls-trust-card{background:transparent!important;border:0!important;border-top:1px solid var(--lk-line-strong)!important;border-radius:0!important;box-shadow:none!important}
body[class*="look-"] .nls-trust-card-num{font-family:var(--lk-latin),var(--lk-serif)!important;color:var(--lk-accent)!important;font-size:30px!important;font-weight:600!important}
body[class*="look-"] .nls-trust-card-label{color:var(--lk-muted)!important}

/* 商品カード（はじめての方はこちら・ラインナップ・サイドバー） */
body[class*="look-"] .nls-lineup-card, body[class*="look-"] .nls-lineup-entry-card, body[class*="look-"] .nls-shindan-hero,
body[class*="look-"] .nls-svcgrid-card, body[class*="look-"] .concept-card{
  background:var(--lk-card)!important;border:1px solid var(--lk-card-line)!important;border-radius:2px!important;box-shadow:none!important;
}
body[class*="look-"] .nls-lineup-card-title, body[class*="look-"] .nls-lineup-entry-headline, body[class*="look-"] .nls-lineup-entry-card h3,
body[class*="look-"] .nls-shindan-hero h3, body[class*="look-"] .concept-card h3{
  font-family:var(--lk-serif)!important;color:var(--lk-card-ink)!important;font-weight:600!important;
}
body[class*="look-"] .nls-lineup-card-desc, body[class*="look-"] .nls-lineup-entry-body p, body[class*="look-"] .nls-shindan-hero-body p,
body[class*="look-"] .concept-card p{color:var(--lk-card-muted)!important}
body[class*="look-"] .concept-card .concept-title{color:var(--lk-card-ink)!important;font-family:var(--lk-serif)!important;font-weight:600}
body[class*="look-"] .concept-result{background:transparent!important;border:0!important;border-top:1px solid var(--lk-line-strong)!important;border-bottom:1px solid var(--lk-line-strong)!important;border-radius:0!important}
body[class*="look-"] .concept-result, body[class*="look-"] .concept-result *{color:var(--lk-ink)!important}
body[class*="look-"] .nls-lineup-entry-sub, body[class*="look-"] .nls-lineup-entry-eyebrow{color:var(--lk-accent)!important;letter-spacing:.1em}
body[class*="look-"] .nls-lineup-entry-badge, body[class*="look-"] .nls-shindan-hero-badge, body[class*="look-"] .nls-svcgrid-tag{
  background:var(--lk-dark)!important;border:1px solid var(--lk-badge)!important;color:var(--lk-badge)!important;border-radius:0!important;font-weight:500!important;letter-spacing:.12em;
}
body[class*="look-"] .nls-lineup-card-pain{background:transparent!important;border:0!important;border-left:1px solid var(--lk-accent)!important;border-radius:0!important}
body[class*="look-"] .nls-lineup-card-pain-title{color:var(--lk-accent)!important}
body[class*="look-"] .nls-lineup-card-pain-list li, body[class*="look-"] .nls-lineup-card-tags{color:var(--lk-card-muted)!important}

/* 申し込みのボタン（オレンジ → 案の色） */
body[class*="look-"] .nls-lineup-entry-cta, body[class*="look-"] .nls-svcgrid-cta, body[class*="look-"] .nls-shindan-hero-cta, body[class*="look-"] .pmpro_btn,
body[class*="look-"] .nls-tph button, body[class*="look-"] .nls-tph input[type="submit"], body[class*="look-"] .link_button a,
body[class*="look-"] .q_button, body[class*="look-"] .tcdce-button{
  background:var(--lk-cta)!important;color:var(--lk-cta-ink)!important;border:0!important;border-radius:1px!important;box-shadow:none!important;
  font-family:var(--lk-sans)!important;font-weight:500!important;letter-spacing:.12em;
}
body[class*="look-"] .nls-lineup-entry-cta:hover, body[class*="look-"] .nls-svcgrid-cta:hover, body[class*="look-"] .link_button a:hover{filter:brightness(1.08)}

/* 診断のフォームの帯 */
body[class*="look-"] .nls-tph{background:var(--lk-dark)!important;border-radius:2px!important;box-shadow:none!important}
body[class*="look-"] .nls-tph-glow{display:none!important}
body[class*="look-"] .nls-tph-title{color:var(--lk-on-dark)!important}
body[class*="look-"] .nls-tph-eyebrow{color:var(--lk-badge)!important;letter-spacing:.14em}
body[class*="look-"] .nls-tph *{border-radius:2px}
body[class*="look-"] .nls-tph-select, body[class*="look-"] .nls-tph select{background:transparent!important;color:var(--lk-on-dark)!important;border:1px solid var(--lk-on-dark-line)!important}

/* お客様の声 */
body[class*="look-"] .wpmtst-testimonial{background:transparent!important;border:0!important;box-shadow:none!important}
body[class*="look-"] .star_solid, body[class*="look-"] .strong-rating .star{color:var(--lk-accent)!important;fill:var(--lk-accent)!important}

/* FAQ */
body[class*="look-"] .faq-item{background:var(--lk-paper)!important;border:0!important;border-bottom:1px solid var(--lk-line)!important;border-radius:0!important;box-shadow:none!important}
body[class*="look-"] .faq-q-mark{background:transparent!important;color:var(--lk-accent)!important;font-family:var(--lk-latin)!important}

/* ---------- 一覧のページ（ブログ） ---------- */
body[class*="look-"] #page_header .bg_image{filter:var(--lk-photo-filter)}
body[class*="look-"] #page_header .overlay{background:var(--lk-hero-overlay)!important}
body[class*="look-"] #blog_archive, body[class*="look-"] #blog_list{background:var(--lk-bg)!important}
body[class*="look-"] #blog_list .item .title, body[class*="look-"] .post_list .item .title{color:var(--lk-ink)!important;font-family:var(--lk-serif)!important;font-weight:600!important;font-size:16px!important;line-height:1.7}
body[class*="look-"] #blog_list .item .desc{color:var(--lk-muted)!important}
body[class*="look-"] #blog_list .item .date, body[class*="look-"] #blog_list .item .category{color:var(--lk-accent)!important;font-family:var(--lk-sans)!important;letter-spacing:.08em}
body[class*="look-"] .page_navi .current, body[class*="look-"] .page_navi span.current{background:var(--lk-dark)!important;color:var(--lk-on-dark)!important;border-color:var(--lk-dark)!important}
body[class*="look-"] .page_navi a{color:var(--lk-ink)!important;border-color:var(--lk-line)!important}

/* ---------- 記事のページ ---------- */
body[class*="look-"] #blog_single, body[class*="look-"] #main_contents{background:var(--lk-bg)!important}
body[class*="look-"] #article{background:var(--lk-paper)!important}
body[class*="look-"] #post_title_area .title{color:var(--lk-ink)!important;font-size:clamp(22px,2.4vw,28px)!important;line-height:1.6!important}
body[class*="look-"] #bread_crumb, body[class*="look-"] #bread_crumb a{color:var(--lk-muted)!important;font-size:11.5px}
body[class*="look-"] .post_content .styled_h2{
  --tcdce-h2-font-color:var(--lk-ink);
  background:none!important;border:0!important;border-top:1px solid var(--lk-line-strong)!important;border-radius:0!important;box-shadow:none!important;
  padding:28px 0 0!important;margin-top:64px!important;color:var(--lk-ink)!important;font-size:clamp(20px,2.2vw,25px)!important;line-height:1.6!important;
}
body[class*="look-"] .post_content .styled_h2::before, body[class*="look-"] .post_content .styled_h2::after,
body[class*="look-"] .post_content .styled_h3::before, body[class*="look-"] .post_content .styled_h3::after{display:none!important}
body[class*="look-"] .post_content .styled_h3{
  background:none!important;border:0!important;border-left:2px solid var(--lk-accent)!important;border-radius:0!important;
  padding:2px 0 2px 14px!important;color:var(--lk-ink)!important;font-size:clamp(17px,1.8vw,20px)!important;
}
/* 太字の色はまわりから受け継ぐ（2026-11-09。前は紺に決め打ちで、紺の地の箱の中の太字が紺の地に紺の字になっていた） */
body[class*="look-"] .post_content strong, body[class*="look-"] .post_content b{color:inherit;background:linear-gradient(transparent 70%,var(--lk-marker) 70%)}
body[class*="look-"] .p-toc{background:var(--lk-bg)!important;border:1px solid var(--lk-line)!important;border-radius:0!important}
body[class*="look-"] .p-toc *{color:var(--lk-ink)!important}
body[class*="look-"] .tcdce-box.custom_box{background:var(--lk-bg)!important;border:1px solid var(--lk-line-strong)!important;border-radius:0!important;box-shadow:none!important}
body[class*="look-"] .tcdce-card{background:var(--lk-bg)!important;border:1px solid var(--lk-line)!important;border-radius:0!important;box-shadow:none!important}
body[class*="look-"] .tcdce-card__title{font-family:var(--lk-serif)!important;color:var(--lk-ink)!important}
body[class*="look-"] .single_copy_title_url button, body[class*="look-"] .single_copy_title_url a{border-color:var(--lk-line-strong)!important;color:var(--lk-muted)!important;border-radius:0!important}

/* サイドバー */
body[class*="look-"] #side_col .widget_headline{
  background:transparent!important;color:var(--lk-ink)!important;border:0!important;border-bottom:1px solid var(--lk-line-strong)!important;
  font-family:var(--lk-serif)!important;font-weight:600;letter-spacing:.1em;padding:0 0 10px!important;font-size:15px!important;
}

/* ---------- フッター ---------- */
body[class*="look-"] #footer, body[class*="look-"] #footer_bottom{background:var(--lk-dark)!important;color:var(--lk-on-dark)!important}
body[class*="look-"] #footer a, body[class*="look-"] #copyright{color:var(--lk-on-dark)!important;font-size:12px;letter-spacing:.1em}
body[class*="look-"] #return_top a{background:var(--lk-dark)!important}

/* 一覧の題名（テーマが a に色を付けている） */
body[class*="look-"] #blog_list .item .title a, body[class*="look-"] #blog_list .item a .title, body[class*="look-"] .post_list .item .title a,
body[class*="look-"] #blog_list .item h2.title, body[class*="look-"] #related_post .item .title{color:var(--lk-ink)!important}
body[class*="look-"] #blog_list .item a:hover .title{color:var(--lk-accent)!important}