/* 講座ページ（見本 s/10001.html の CSS をそのまま移したもの。下に PHP 版で足した分） */
*{box-sizing:border-box}
body{font-family:"Noto Sans JP","Hiragino Kaku Gothic Pro","Yu Gothic",Meiryo,sans-serif;color:#1e293b;background:#fff;line-height:1.7;margin:0;padding:0}
a{color:#0284c7}
/* ---- サイトヘッダー（一覧の見本と同じ） ---- */
.sh{position:sticky;top:0;z-index:30;background:#fff;border-top:3px solid #0284c7;border-bottom:1px solid #e2e8f0}
.sh-in{max-width:1120px;margin:0 auto;padding:0 20px;min-height:64px;display:flex;align-items:center;gap:16px}
.sh-brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;white-space:nowrap}
.sh-ic{width:40px;height:40px;flex:none}
.sh-txt{display:flex;flex-direction:column;line-height:1.25}
.sh-owner{font-size:13px;font-weight:500;color:#475569;letter-spacing:.1em}
.sh-name{font-size:22px;font-weight:700;color:#1e3a8a;letter-spacing:.08em}
.sh-cta{font-size:14px;font-weight:700;color:#fff;background:#0284c7;border-radius:4px;padding:9px 16px;text-decoration:none;white-space:nowrap}
.sh-cta:hover{background:#1e3a8a}
/* ---- 本体 ---- */
.wrap{max-width:840px;margin:0 auto;padding:16px 20px 60px}
.crumb{font-size:13px;color:#475569;margin-bottom:14px;overflow-wrap:anywhere}
.crumb a{color:#475569}
.crumb span{margin:0 6px;color:#94a3b8}
article[hidden]{display:none}
.hero{border-left:5px solid var(--k);padding:2px 0 2px 16px;margin-bottom:18px}
.kubun{font-size:13px;color:#475569;display:flex;align-items:center;gap:6px;margin-bottom:6px}
.kubun i{width:11px;height:11px;border-radius:2px;background:var(--k);display:inline-block}
.badges{margin-bottom:6px}
.venue{display:inline-block;font-size:12px;background:#f1f5f9;border:1px solid #f1f5f9;border-radius:4px;padding:0 7px;margin-right:6px;color:#1e293b;font-weight:500}
/* セミナー区分（経営・会計・労務）。色は hyouji.php の kubun() */
.kbd{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--k);border:1px solid var(--k);border-radius:4px;padding:0 8px;margin-right:6px}
.tag{display:inline-block;font-size:12px;border:1px solid #94a3b8;border-radius:4px;padding:0 7px;margin-right:4px;color:#475569;text-decoration:none}
a.tag:hover{border-color:#0284c7;color:#0284c7}
.catch{font-size:15.5px;color:#1e3a8a;font-weight:500;line-height:1.5}
h1{font-size:27px;font-weight:700;line-height:1.4;color:#1e3a8a;margin:4px 0 0}
.lects{margin-top:8px;font-size:16px;font-weight:700;line-height:1.6}
.lects .kata{font-size:13.5px;font-weight:400;color:#475569;margin-left:1em}
.lects div+div{margin-top:2px}
.lb{display:inline-block;min-width:5.2em;text-align:center;font-size:12px;border:1px solid #cbd5e1;border-radius:0;padding:0 6px;color:#475569;background:#fff;line-height:1.6}
.meta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:7px 12px;margin:0 0 26px;font-size:15px;align-items:start}
.meta dt{padding-top:2px}
.meta dd{margin:0}
.meta small{font-size:13px;color:#475569}
/* 見出し（一覧の「絞込み」と同じ作り） */
h2{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:700;color:#1e3a8a;letter-spacing:.05em;margin:40px 0 14px;padding-bottom:8px;border-bottom:2px solid #0284c7}
h2 svg{color:#0284c7;flex:none}
section:first-of-type h2{margin-top:0}
/* ---- 日程表 ---- */
.ss-list{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}
.ss{display:grid;grid-template-columns:150px 150px minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:13px 16px;border-top:1px solid #e2e8f0;scroll-margin-top:90px}
.ss:first-child{border-top:0}
.ss-h{background:#f8fafc;font-size:12.5px;color:#475569;padding-top:7px;padding-bottom:7px}
.ss-d{font-size:15px;white-space:nowrap}
.ss-d b{font-size:19px;font-weight:700;letter-spacing:.02em}
.ss-d .y{display:block;font-size:12px;color:#475569;line-height:1.2}
.ss-t{font-size:15px;line-height:1.45;white-space:nowrap}
.ss-t small{display:block;font-size:12.5px;color:#475569}
.ss-k{font-size:14.5px;line-height:1.5}
.ss-k small{display:block;font-size:12.5px;color:#475569}
.ss-k .no{color:#475569}
.ss-s{text-align:right;white-space:nowrap}
.full{display:inline-block;color:#c0504d;border:1px solid #c0504d;border-radius:4px;font-size:12px;padding:0 6px;line-height:1.6}
.ss.isfull .ss-d,.ss.isfull .ss-t{color:#475569}
.ss.hit{background:#f0f9ff;box-shadow:inset 4px 0 0 #0284c7}
.ss-cap{font-size:13px;color:#475569;margin:8px 2px 0}
/* ---- 申込 ---- */
.apply{display:flex;flex-wrap:wrap;gap:12px 16px;margin:18px 0 0}
.ap{flex:1 1 260px;min-width:0}
.abtn{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16.5px;font-weight:700;color:#fff;background:#0284c7;border-radius:6px;padding:14px 12px;text-decoration:none;box-shadow:0 1px 3px rgba(30,41,59,.18)}
.abtn:hover{background:#1e3a8a}
.abtn.off{background:#e2e8f0;color:#475569;box-shadow:none;pointer-events:none}
.anote{font-size:13.5px;color:#1e293b;margin:6px 2px 0;line-height:1.55}
.anote .r{color:#c0504d}
.apply-cap{font-size:13px;color:#475569;margin:10px 2px 0}
/* ---- 本文 ---- */
.honbun{font-size:15.5px;line-height:1.85;overflow-wrap:anywhere}
.honbun p{margin:0 0 1em}
.honbun h3{font-size:16.5px;color:#1e3a8a;margin:1.6em 0 .5em;line-height:1.5}
.honbun h3:first-child{margin-top:0}
.honbun ol,.honbun ul{margin:0 0 1em;padding-left:1.5em}
.honbun li{margin-bottom:.45em}
.honbun li span{display:block;font-size:14.5px;color:#475569}
.honbun table{border-collapse:collapse;font-size:14.5px;margin:0 0 1em;width:100%}
.honbun td{border-bottom:1px solid #e2e8f0;padding:6px 8px}
.honbun td:last-child{text-align:right;white-space:nowrap}
.honbun .box{background:#f0f9ff;border-radius:4px;padding:12px 16px;margin:0 0 1em}
.honbun .gray{background:#f1f5f9;border-radius:4px;padding:12px 16px;margin:0 0 1em}
/* ---- 講師紹介 ---- */
.lc{display:flex;gap:18px;align-items:flex-start;padding:4px 0 18px}
.lc+.lc{border-top:1px solid #e2e8f0;padding-top:20px}
.lc img{width:120px;flex:none;border-radius:3px;display:block}
.lc-b{flex:1;min-width:0}
.lc-n{font-size:18px;font-weight:700;line-height:1.4}
.lc-n small{font-size:14px;font-weight:400;margin-left:2px}
.yomi{font-size:12px;font-weight:400;color:#475569;margin-left:6px;letter-spacing:.02em;white-space:nowrap}
.lc-k{font-size:15.5px;color:#1e293b;margin:2px 0 8px;line-height:1.6}
.lc-p{font-size:15.5px;line-height:1.85;overflow-wrap:anywhere}
.lc-p p{margin:0 0 .6em}
.lc-a{font-size:14px;display:inline-flex;align-items:center;gap:3px;margin-top:2px}
/* ---- 開催概要 ---- */
.gaiyo{display:grid;grid-template-columns:8.5em minmax(0,1fr);border-top:1px solid #e2e8f0;font-size:14.5px;margin:0}
.gaiyo dt,.gaiyo dd{border-bottom:1px solid #e2e8f0;padding:11px 10px;margin:0;line-height:1.75}
.gaiyo dt{background:#f8fafc;color:#475569}
.gaiyo dd{overflow-wrap:anywhere}
.gaiyo .sub{display:block}
.gaiyo .gnote{display:block;font-size:13.5px;color:#475569;margin-top:4px}
.gaiyo ul{margin:4px 0 0;padding-left:1.2em}
.gaiyo ul li{margin:2px 0}
/* 全日程が終わった講座だけ、ページの最下部に小さく（マスタ更新で当時の会場名・肩書と違うことがあるため。2026-10-06 ユーザー） */
.endnote{display:none;font-size:12.5px;color:#475569;margin:32px 0 0}
body.ended .endnote{display:block}
.ext{flex:none;vertical-align:-1px}
/* ---- この講師の他の講座 ---- */
.rel-h{font-size:15px;font-weight:700;margin:20px 0 8px}
.rel-h:first-of-type{margin-top:0}
.rel-h small{font-weight:400;color:#475569;font-size:13px;margin-left:4px}
.rel{display:flex;gap:14px;align-items:flex-start;border:1px solid #e2e8f0;border-left:5px solid var(--k);border-radius:6px;padding:10px 14px 10px 12px;margin-bottom:10px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.rel-b{flex:1;min-width:0;overflow-wrap:anywhere}
.rel-c{font-size:13px;color:#1e3a8a;font-weight:500;line-height:1.5}
.rel-t{font-size:15.5px;font-weight:700;color:#0284c7;line-height:1.45}
.rel-all{font-size:14px;display:inline-flex;align-items:center;gap:3px;margin:0 0 6px 2px}
/* ---- 下端の申込バー（スマホだけ） ---- */
.abar{display:none}
/* ---- ページトップへ・フッター（一覧の見本と同じ） ---- */
.totop{position:fixed;right:20px;bottom:24px;z-index:35;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #cbd5e1;color:#0284c7;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(30,41,59,.18)}
.totop[hidden]{display:none}
.sf{background:#f1f5f9;border-top:1px solid #e2e8f0;margin-top:20px}
.sf-in{max-width:1120px;margin:0 auto;padding:28px 20px 12px;display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
.sf-name{font-weight:700;margin:0 0 6px;font-size:15px}
.sf-name span{font-weight:400;font-size:13px}
.sf address{font-style:normal;font-size:13.5px;line-height:1.8}
.sf-links{list-style:none;margin:0;padding:0;font-size:14px;line-height:2}
.sf-links a{color:#1e3a8a}
.sf-copy{max-width:1120px;margin:0 auto;padding:10px 20px 18px;font-size:12px;color:#475569}
@media(max-width:860px){
.sh-in{min-height:58px;padding:0 12px;gap:10px}
.sh-brand{gap:8px}
.sh-ic{width:32px;height:32px}
.sh-owner{font-size:11px;letter-spacing:.08em}
.sh-name{font-size:18px;letter-spacing:.04em}
.sh-cta{font-size:12.5px;padding:6px 10px}
body.has-abar{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.abar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid #cbd5e1;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px rgba(30,41,59,.10);transition:transform .2s}
.abar.away{transform:translateY(110%)}
.abar a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;background:#0284c7;border-radius:8px;padding:9px 4px;text-decoration:none;line-height:1.3;white-space:nowrap}
.abar a small{font-size:11px;font-weight:400}
.totop{right:12px} body.has-abar .totop{bottom:calc(78px + env(safe-area-inset-bottom))}
}
@media(max-width:640px){
.wrap{padding:12px 16px 40px}
.hero{padding-left:12px;border-left-width:4px}
h1{font-size:21px}
.catch{font-size:14.5px}
.lects{font-size:15px}
.lects .kata{display:block;margin-left:0;font-size:12.5px;line-height:1.5}
.meta{font-size:14.5px;gap:7px 10px}
h2{font-size:17.5px;margin-top:34px}
.ss-h{display:none}
.ss{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:12px 14px}
.ss-d{grid-column:1;grid-row:1}
.ss-d .y{display:inline;margin-left:6px}
.ss-s{grid-column:2;grid-row:1}
.ss-t{grid-column:1 / 3;white-space:normal}
.ss-t small{display:inline;margin-left:6px}
.ss-k{grid-column:1 / 3;font-size:14px}
.ss-k small{display:block}
.lc{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:12px;align-items:start}
.lc img{width:72px;grid-row:1 / 3}
.lc-b{display:contents}
.lc-n{grid-column:2;grid-row:1}
.lc-k{grid-column:2;grid-row:2;margin-bottom:0}
.lc-p{grid-column:1 / 3;grid-row:3;margin-top:12px}
.lc-n{font-size:17px}
.lc-k,.lc-p{font-size:15px}
.gaiyo{grid-template-columns:minmax(0,1fr)}
.gaiyo dt{border-bottom:0;padding:7px 10px 3px;font-size:13px}
.gaiyo dd{padding:3px 10px 11px}
.honbun{font-size:15px}
.honbun td{padding:6px 4px}
.honbun td:last-child{white-space:normal}
}
/* ---- ヒーロー（2026-10-02 改：旧サイトにならい、タイトル・講師・要点・申込を1つの箱に） ---- */
.hero{border:1px solid #e2e8f0;border-left:5px solid var(--k);border-radius:6px;padding:16px 20px 18px;margin-bottom:0}
.kb{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#475569;margin-right:10px;vertical-align:1px}
.kb i{width:11px;height:11px;border-radius:2px;background:var(--k);display:inline-block}
.hero h1{font-size:25px}
.hl{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}
.hlr{display:flex;gap:10px;align-items:center;min-width:0}
.hlr img{width:52px;height:64px;object-fit:cover;border-radius:2px;flex:none;background:#f1f5f9}
.hlr b{display:block;font-size:15.5px;line-height:1.4}
.hlr .kata{display:block;font-size:13px;color:#475569;line-height:1.5;overflow-wrap:anywhere}
.hm{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:7px 12px;margin:14px 0 0;font-size:14.5px;align-items:start}
.hm dt{padding-top:1px}
.hm dd{margin:0;line-height:1.65}
.dc{display:inline-block;font-weight:700;margin-right:14px;white-space:nowrap}
.dc small{font-weight:400;font-size:13px;margin-left:3px}
.dc.isfull{color:#475569;font-weight:400}
.dc em{font-style:normal;color:#c0504d;border:1px solid #c0504d;border-radius:4px;font-size:11px;padding:0 4px;margin-left:4px}
.tmx{margin-right:12px}
.hmore{font-size:13.5px;white-space:nowrap}
.hero .apply{margin-top:14px}
.hx{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px 24px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}
.hx .hl{display:flex;flex-direction:column;gap:10px;margin:0;padding:0 0 0 20px;border:0;border-left:1px solid #e2e8f0}
.hx .hm{margin:0}
.hero .abtn{padding:11px 12px;font-size:16px}
.hero .anote{font-size:13px;margin-top:4px}
.hero+section h2{margin-top:30px}
@media(max-width:640px){
.hero{padding:12px 12px 14px;border-left-width:4px}
.hero h1{font-size:20px}
.hx{display:flex;flex-direction:column;gap:12px}
.hx .hl{order:-1;display:block;padding:0;border:0}
.hlr+.hlr{margin-top:8px}
.hlr img{width:44px;height:54px}
.hlr b{font-size:15px}
.hlr .kata{font-size:12.5px}
.hm{font-size:14px;gap:6px 10px}
.dc{margin-right:10px}
.crumb{display:none}
.hero .apply{display:none}
.hero+section h2{margin-top:24px}
}
/* ---- 2026-10-02 改2：区分の印と色の線をやめ、上下の罫線だけ。講師も概要の1行に ---- */
.hero{border:0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;border-radius:0;padding:16px 0 18px}
.hero .hm{margin-top:14px}
.hlt{font-weight:700}
.hlt .kata{font-weight:400;font-size:13.5px;color:#475569;margin-left:1em}
.hm .dl{margin-right:14px}
.hm .dc{margin-right:0}
.dc.isfull{color:#475569;font-weight:400}
.dc em{margin-left:3px}
.rel{border-left:1px solid #e2e8f0}
@media(max-width:640px){
.hero{padding:12px 0 14px;border-left:0}
.hlt .kata{display:block;margin-left:0;font-size:12.5px;line-height:1.5}
.hlt+.hlt{margin-top:4px}
.hm .dl{display:block;margin-right:0}
}
/* ---- 2026-10-02 改3：タイトル下の水色の線／ボタンにアイコン／録画受講の？ ---- */
.hero h1{padding-bottom:10px;border-bottom:2px solid #0284c7}
.abtn{flex-wrap:wrap;column-gap:8px;row-gap:0}
.abtn .bic{flex:none}
.abtn small{font-size:13px;font-weight:500}
.qm{width:20px;height:20px;border-radius:50%;border:1px solid #475569;background:#fff;color:#475569;font:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;padding:0;margin-left:6px;vertical-align:1px}
.qm:hover,.qm[aria-expanded="true"]{border-color:#0284c7;color:#0284c7}
.tip{margin:8px 0 2px;background:#fff;border:1px solid #0284c7;border-radius:4px;padding:10px 12px;font-size:13px;line-height:1.65;box-shadow:0 3px 10px rgba(30,41,59,.12);max-width:520px}
.tip p{margin:0 0 6px}
.tip dl{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0 0 6px}
.tip dt{font-weight:700;white-space:nowrap}
.tip dd{margin:0}
.tip .tipnote{margin:0;color:#475569}
@media(max-width:860px){
.abar a{flex-direction:row;flex-wrap:wrap;gap:0 5px;font-size:14px;padding:7px 4px}
.abar a .bic{width:17px;height:17px}
.abar a small{flex-basis:100%;text-align:center;font-size:11px;font-weight:500}
}
.hero .catch{color:#0284c7}
.gfoot{font-size:13px;color:#475569;line-height:1.7;margin:10px 2px 0}
/* 満席は開催日の列の中（2026-10-02 ユーザー） */
.ss{grid-template-columns:170px 150px minmax(0,1fr)}
.ss-d .full{margin-left:4px;vertical-align:2px}
@media(max-width:640px){
.ss{grid-template-columns:minmax(0,1fr)}
.ss-d,.ss-t,.ss-k{grid-column:1}
.ss-t{grid-row:auto}
}
/* ---- 申込バー：PCでも常に画面下端に（2026-10-02 ユーザー）。白地＋上の罫線 ---- */
body.has-abar{padding-bottom:80px}
.abar{display:flex;justify-content:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid #cbd5e1;padding:10px 20px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px rgba(30,41,59,.08)}
.abar.away{transform:none}
.abar a{flex:0 1 380px;min-width:0;display:flex;align-items:center;justify-content:center;gap:0 8px;font-size:16px;font-weight:700;color:#fff;background:#0284c7;border-radius:6px;padding:11px 12px;text-decoration:none;white-space:nowrap}
.abar a:hover{background:#1e3a8a}
.abar a small{font-size:13px;font-weight:500}
body.has-abar .totop{bottom:88px}
@media(max-width:860px){
body.has-abar{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.abar{gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
.abar a{flex:1 1 0;flex-wrap:wrap;gap:0 5px;font-size:14px;padding:7px 4px;border-radius:8px}
.abar a small{flex-basis:100%;text-align:center;font-size:11px}
body.has-abar .totop{bottom:calc(78px + env(safe-area-inset-bottom))}
}
.apply[hidden]{display:none!important}
.kj{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 10px;align-items:start}
.kj .lb{margin-top:3px}
.kjl{color:#475569}
.kjhr{border:0;border-top:1px dashed #cbd5e1;margin:10px 0}
.kja{margin-top:6px}
/* 2026-10-02 改4 */
.hero{border-top:0;padding-top:4px}
.gaiyo ul{list-style:none;padding-left:0}
.gaiyo ul li{position:relative;padding-left:14px}
.gaiyo ul li::before{content:"";position:absolute;left:2px;top:.8em;width:6px;height:1.5px;background:#94a3b8}
.honbun .notice{font-size:14px;border:1px solid #cbd5e1;border-radius:4px;padding:10px 14px;margin:1.4em 0 0;background:#fff}
/* 満席の日も太字。［満席］と続く「、」の間をあける（2026-10-02 ユーザー） */
.hm .dc.isfull{font-weight:700}
.hm .dc em{margin-right:4px}
/* セミナーNo（回ごと。2026-10-02 ユーザー） */
.ss{grid-template-columns:170px 150px minmax(0,1fr) 90px}
.ss-n{font-size:14.5px;white-space:nowrap}
.ss-n .nl{display:none}
@media(max-width:640px){
.ss{grid-template-columns:minmax(0,1fr)}
.ss-n{grid-column:1;font-size:13.5px}
.ss-n .nl{display:inline;color:#475569}
}
.ss-k small.ve{color:#1e293b}
/* 上部の概要欄：ラベルの幅をいちばん長い「セミナーNo」にそろえる（2026-10-02 ユーザー） */
.hm dt .lb{display:block;min-width:0}
/* セミナー専用ダイヤル：番号は太字。スマホだけ押すと電話がかかる（2026-10-02 ユーザー） */
.sf-tel{font-weight:700;color:#0284c7;text-decoration:none;pointer-events:none}
@media(max-width:860px){ .sf-tel{pointer-events:auto;color:#0284c7;text-decoration:underline;text-underline-offset:3px} }
/* タイトルが30文字以上なら1段小さく（2026-10-02 ユーザー）。本番は表示時に文字数を数えて class="long" を付ける */
.hero h1.long{font-size:22px}
@media(max-width:640px){ .hero h1.long{font-size:18px} }
/* この講師の他の講座：このセミナーの続きに見えないよう、地色の箱に入れて一段控えめに（2026-10-02 ユーザー） */
.others{background:#f1f5f9;border-radius:8px;padding:18px 20px 12px;margin-top:52px}
.others h2{margin:0 0 12px;font-size:16px;color:#475569;border-bottom:1px solid #cbd5e1;padding-bottom:8px;letter-spacing:.03em}
.others h2 svg{color:#475569}
.others .rel-h{font-size:14px;color:#475569;margin:14px 0 6px}
.others .rel-h:first-of-type{margin-top:0}
.others .rel{background:#fff;padding:8px 12px;margin-bottom:8px}
.others .rel-t{font-size:14.5px}
.others .rel-all{font-size:13.5px}
@media(max-width:640px){ .others{padding:14px 12px 8px;margin-left:-4px;margin-right:-4px} }
/* ---- 組合員種別を選ぶ（管理画面で「組合員と一般でボタンを分ける」にした講座だけ） ---- */
.kmd{position:fixed;inset:0;z-index:60;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.kmd[hidden]{display:none}
.kmd-in{position:relative;background:#fff;border-radius:10px;box-shadow:0 10px 40px rgba(15,23,42,.25);width:100%;max-width:440px;padding:26px 22px 22px;text-align:center}
.kmd-x{position:absolute;top:8px;right:8px;border:0;background:none;color:#475569;cursor:pointer;padding:6px;border-radius:4px}
.kmd-x:hover{background:#f1f5f9}
.kmd-k{font-size:16.5px;font-weight:700;color:#1e293b;margin:0 0 6px;line-height:1.5}
.kmd-c{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0284c7;border-radius:8px;padding:14px 12px;margin-top:10px;text-decoration:none;color:#fff;box-shadow:0 1px 3px rgba(30,41,59,.18);transition:background .15s}
.kmd-c b{font-size:16.5px}
.kmd-c span{font-size:14px;font-weight:700;color:#fff}
.kmd-c:hover,.kmd-c:focus-visible{background:#0369a1;outline:0}
.kmd-ka{background:#1e3a8a}
.kmd-ka:hover,.kmd-ka:focus-visible{background:#172554}
.kmd-n{text-align:left;font-size:14px;line-height:1.65;color:#c0504d;margin:8px 2px 0}
/* 顧客連絡：申込ボタンの下に赤字（その講座だけ。空なら出さない） */
.abar{flex-wrap:wrap}
.abar-n{flex-basis:100%;margin:2px 0 0;text-align:center;color:#c0504d;font-weight:400;font-size:14px;line-height:1.5}
/* 終わった講座・受付を締め切った講座は、申込の帯の代わりに一文だけ（2026-10-07 ユーザー） */
.abar.abar-owari{display:flex;justify-content:center;align-items:center}
.abar.abar-owari.away{transform:none}
.abar-n.abar-end{margin:0;padding:6px 0;color:#1e293b;font-weight:700;font-size:15px}
.anote-c{display:none}
/* ---- PHP版で足した分 ---- */
/* 回で時刻が違う講座：日付の後ろにその日の時刻 */
.dc .dct{font-weight:400;margin-left:5px}
/* 会場が2つ以上あるとき、会場ごとの区切り */
.kjhr2{border-top-style:solid;margin:14px 0}
.kj-r{margin-top:8px}
.endnote{display:block}
.lc img{height:auto}
.hm .tip{max-width:520px}
/* 講師写真は元の大きさ（90×120）で。引き伸ばさない（2026-10-06 ユーザー） */
.lc img{width:90px;height:120px;object-fit:cover}
@media(max-width:640px){ .lc img{width:72px;height:96px} }
.ss-n .nl{display:none!important}
/* 本文の囲み・文字の飾り（管理画面の見たまま編集と同じ見え方。移し忘れていた。2026-10-06） */
.honbun .waku{border:1px solid #cbd5e1;border-radius:4px;padding:12px 16px;margin:0 0 1em}
.honbun .box p:last-child,.honbun .waku p:last-child,.honbun .gray p:last-child,.honbun .box ul:last-child,.honbun .waku ul:last-child{margin-bottom:0}
.honbun hr{border:0;border-top:1px solid #e2e8f0;margin:1.4em 0}
.honbun .c-red{color:#c0504d}
.honbun .c-navy{color:#1e3a8a}
.honbun .c-sky{color:#0284c7}
.honbun .fs-s{font-size:.86em}
.honbun .fs-l{font-size:1.15em}
.honbun li span.c-red,.honbun li span.c-navy,.honbun li span.c-sky,.honbun li span.fs-s,.honbun li span.fs-l{display:inline}
/* 本文の読みやすさ（2026-10-06 ユーザー）：箇条書きの黒丸を弱く・字下げ／太字にアクセント色／見出しに印 */
.honbun ul,.honbun ol{padding-left:2.4em}
.honbun ul li::marker{color:#94a3b8;font-size:.85em}
.honbun ol li::marker{font-weight:700;color:#1e293b}
.honbun strong{color:#1e3a8a}
.honbun h3{border-left:4px solid #0284c7;padding:1px 0 1px .6em;color:#0284c7}
/* 退職者の講師は名前を出さず肩書だけ（いつもの書体のまま。名前が無いので左の空きを取る）。
:first-child は名前の文字を数えないので使えない（名前があっても空きが消えていた） */
.hlt.nn .kata,.lects .kata:first-child{margin-left:0}
/* 管理画面のプレビューだけ：申込URLが未登録のボタン（押せない） */
.abar a.off,.abar a.off:hover,.kmd-c.off,.kmd-c.off:hover{background:#cbd5e1;color:#475569;cursor:not-allowed;box-shadow:none}
.kmd-c.off span{color:#475569}
/* 録画受講の視聴期間：いつもの3ヶ月は紺、それ以外は赤（2026-10-09 ユーザー） */
.shk{color:#1e3a8a}
.shk.betsu{color:#c0504d}