/* 記事の下と横の共通の枠（2026-11-09。TODO-0048。post_frame.php）。言葉の案 版7 の5章
   主役（オレンジ）は記事の下の診断1つだけ。あすコロ通信と記事の横の診断は紺の枠 */

body.look-on .ascolo-pf br.sp, body.look-on .ascolo-side br.sp{display:none}
@media (max-width:767px){
  body.look-on .ascolo-pf br.pc{display:none}
  body.look-on .ascolo-pf br.sp{display:inline}
}
body.look-on .ascolo-pf{margin:56px 0 0!important;padding:0!important;border:0!important;background:none!important}
body.look-on .ascolo-pf :where(p){margin:0!important}

/* 1つ目（主役）：診断の入力（id 45）。トップの診断の段と同じ紺の面 */
body.look-on .ascolo-pf-main .nls-tph{padding:36px 24px 32px!important;border-radius:8px!important;margin:0!important}
body.look-on .ascolo-pf-main .nls-tph-eyebrow{display:inline-block;font-size:12.5px!important;font-weight:700!important;letter-spacing:.1em!important;background:var(--lk-gold);color:var(--lk-main-deep)!important;padding:4px 12px!important;border-radius:3px;line-height:1.6!important}
body.look-on .ascolo-pf-main .nls-tph-title{font-size:clamp(21px,2.4vw,26px)!important;font-weight:700!important;letter-spacing:.06em;line-height:1.5!important;margin:14px 0 10px!important;color:#fff!important}
body.look-on .ascolo-pf-main .ascolo-pf-free{font-size:.7em;margin-left:4px;font-weight:500}
body.look-on .ascolo-pf-main .nls-tph-sub{font-size:15px!important;line-height:1.95!important;color:var(--lk-on-dark)!important;opacity:.92;margin-bottom:18px!important}
body.look-on .ascolo-pf-main .nls-tph-btn{font-size:17px!important;font-weight:700!important;padding:15px 40px!important;border-radius:6px!important;box-shadow:0 2px 0 #c45500!important}

/* 2つ目：あすコロ通信（枠線のボタン） */
body.look-on .ascolo-pf-mail{margin-top:20px;background:var(--lk-paper);border:1px solid var(--lk-line);border-radius:8px;padding:28px 28px 26px;text-align:center}
body.look-on .ascolo-pf-label{display:inline-block;font-size:12.5px!important;font-weight:700;letter-spacing:.08em;background:var(--lk-main-deep);color:var(--lk-gold)!important;padding:4px 12px;border-radius:3px;line-height:1.6!important}
body.look-on .ascolo-pf-name{font-size:clamp(20px,2.2vw,23px);font-weight:700;color:var(--lk-main-deep);line-height:1.5;margin-top:12px!important}
body.look-on .ascolo-pf-desc{font-size:14.5px;line-height:1.95;color:var(--lk-ink);margin-top:10px!important}
body.look-on .ascolo-pf-small{font-size:12.5px;color:var(--lk-muted);margin-top:6px!important}
body.look-on .ascolo-pf-btn{margin-top:16px!important}
body.look-on .ascolo-pf-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:16px;letter-spacing:.06em;padding:12px 36px;border-radius:6px;text-decoration:none!important;transition:background .2s,color .2s}
body.look-on .ascolo-pf-btn a:hover{background:var(--lk-main-deep);color:#fff!important}
body.look-on .ascolo-pf-btn-cta a{background:var(--lk-cta);border-color:var(--lk-cta);color:#fff!important}

/* ほかの道（3行。2026-11-11 きーぼー：相談を2つに分けた） */
body.look-on .ascolo-pf-more{margin-top:18px!important;text-align:center;font-size:14px;line-height:2;color:var(--lk-muted)}
body.look-on .ascolo-pf-more-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--lk-main);border:1px solid var(--lk-line-strong);border-radius:3px;padding:0 8px;line-height:1.8;margin:0 0 4px!important}
body.look-on .ascolo-pf-more ul{list-style:none!important;margin:0!important;padding:0!important;text-align:center!important}
body.look-on .ascolo-pf-more li{list-style:none!important;margin:0!important;padding:0!important;text-align:inherit!important;line-height:2}
body.look-on .ascolo-pf-more li::before{display:none!important;content:none!important}
body.look-on .ascolo-pf-more a{color:var(--lk-main)!important;font-weight:700}

@media (max-width:767px){
  body.look-on .ascolo-pf{margin-top:40px!important}
  body.look-on .ascolo-pf-main .nls-tph{padding:30px 16px 26px!important}
  body.look-on .ascolo-pf-mail{padding:24px 16px 22px}
  body.look-on .ascolo-pf-btn a, body.look-on .ascolo-pf-main .nls-tph-btn{display:block;width:100%;box-sizing:border-box;padding-left:12px!important;padding-right:12px!important}
  body.look-on .ascolo-pf-main .ascolo-pf-free{display:block;margin:4px 0 0}
  body.look-on .ascolo-pf-more{text-align:left;font-size:13.5px;margin-top:22px!important}
}

/* ---------- 記事の横（PC だけ） ---------- */
body.look-on #side_col .ascolo-side{margin-bottom:36px}
body.look-on .ascolo-side :where(p){margin:0!important}
body.look-on .ascolo-side-shindan{background:var(--lk-paper);border:1px solid var(--lk-line);border-top:4px solid var(--lk-main-deep);border-radius:6px;padding:22px 20px 22px;text-align:center}
body.look-on .ascolo-side-label{display:inline-block;font-size:12px!important;font-weight:700;letter-spacing:.08em;background:var(--lk-main-deep);color:var(--lk-gold)!important;padding:3px 10px;border-radius:3px;line-height:1.6!important}
body.look-on .ascolo-side-name{font-size:18px;font-weight:700;color:var(--lk-main-deep);line-height:1.5;margin-top:10px!important}
body.look-on .ascolo-side-desc{font-size:13.5px;line-height:1.8;color:var(--lk-muted);margin-top:6px!important}
body.look-on .ascolo-side-btn{margin-top:14px!important}
body.look-on .ascolo-side-btn a{display:block;border:2px solid var(--lk-main-deep);background:var(--lk-main-deep);color:#fff!important;font-weight:700;font-size:15px;letter-spacing:.06em;padding:11px 10px;border-radius:6px;text-decoration:none!important}
body.look-on .ascolo-side-btn a:hover{background:var(--lk-main);border-color:var(--lk-main)}

/* 小さなプロフィール（id 29 の出力を、横の幅に合わせて縦に並べる） */
body.look-on .ascolo-side-profile .nls-profile-bar{background:var(--lk-paper)!important;border:1px solid var(--lk-line);border-radius:6px;padding:22px 20px!important;margin:0!important}
body.look-on .ascolo-side-profile .nls-inner{padding:0!important;max-width:none!important;width:auto!important}
body.look-on .ascolo-side-profile .nls-profile-bar-inner{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;text-align:left}
body.look-on .ascolo-side-profile .nls-profile-avatar{width:110px!important;height:110px!important;flex:0 0 auto!important}
body.look-on .ascolo-side-profile .nls-profile-name{text-align:center;font-size:17px!important;font-weight:700;color:var(--lk-main-deep)!important;margin-bottom:8px!important}
body.look-on .ascolo-side-profile .nls-profile-name span{display:block;font-size:12px!important;font-weight:500;color:var(--lk-muted)!important;margin-top:2px}
body.look-on .ascolo-side-profile .nls-profile-desc{font-size:13px!important;line-height:1.85!important;color:var(--lk-ink)!important}
body.look-on .ascolo-side-profile .nls-profile-link{display:block;text-align:center;margin-top:12px;font-size:13px;font-weight:700;color:var(--lk-main)!important}
@media (max-width:767px){ body.look-on .ascolo-pf-more ul{text-align:left!important} }
/* 2026-11-11 昼 きーぼー s6：セミナーのサブタイトル */
body.look-on .ascolo-pf-sub{font-size:14.5px;font-weight:700;color:var(--lk-main);line-height:1.5;margin-top:2px!important}