/* 記事エリアの見た目（公開サイトの記事・記事一覧と、管理画面のエディタで同じものを使う） */
:root{--gold:#4f46e5;--gold2:#3b3a9e}   /* 一般版：金→青紫（変数名はそのまま） */

/* ── 本文の基本 ── */
.artbody{font-size:16px;line-height:2.05;overflow-wrap:anywhere}
.artbody p{margin:0 0 1.3em}
.artbody img{max-width:100%;height:auto;border-radius:12px;display:block;margin:20px auto}
.artbody iframe{display:block;max-width:100%;margin:22px auto;border:0;border-radius:10px;background:#000}
.artbody ul,.artbody ol{margin:0 0 1.4em;padding:18px 22px 18px 2.6em;background:var(--bg2);border:1px solid var(--line);border-radius:12px}
.artbody li{margin:4px 0}
.artbody table{width:100%;border-collapse:collapse;margin:0 0 1.5em;font-size:14px;display:table}
.artbody th,.artbody td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.artbody th{background:var(--bg2);width:30%;font-weight:700}
.artbody strong,.artbody b{font-weight:700}
.artbody .mk{background:linear-gradient(transparent 58%,rgba(255,213,74,.55) 58%);color:inherit;padding:0 2px}
.artbody a:not(.abtn){color:var(--cy);text-decoration:underline;text-underline-offset:3px}

/* ── 囲みボックス ── */
.artbody .abox{position:relative;margin:28px 0 1.6em;padding:22px 22px 16px;border-radius:12px;border:1px solid var(--line);background:var(--bg2)}
.artbody .abox::before{position:absolute;top:-12px;left:16px;font-size:12px;font-weight:700;letter-spacing:.08em;padding:3px 12px;border-radius:999px;color:#111}
.artbody .abox > :last-child{margin-bottom:0}
.artbody .abox.point{border-color:rgba(79,70,229,.6)}
.artbody .abox.point::before{content:"POINT";background:var(--gold)}
.artbody .abox.warn{border-color:rgba(255,46,106,.5)}
.artbody .abox.warn::before{content:"注意";background:var(--hot);color:#fff}
.artbody .abox.memo{border-color:rgba(34,227,255,.45)}
.artbody .abox.memo::before{content:"MEMO";background:var(--cy)}

/* ── ボタン ── */
.artbody .abtnwrap{text-align:center;margin:30px 0}
.artbody .abtn,.abtn{display:inline-block;min-width:min(340px,100%);padding:17px 30px;border-radius:999px;font-weight:700;font-size:16px;letter-spacing:.04em;
  color:#fff!important;text-decoration:none!important;background:linear-gradient(135deg,#7c85ff,#4f46e5 55%,#3b30c4);box-shadow:0 10px 30px rgba(79,70,229,.28);transition:.25s}
.abtn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(79,70,229,.42)}

/* ── 見出し: ゴールド ── */
.ah-gold h2{position:relative;font-size:24px;line-height:1.5;margin:60px 0 24px;padding:0 0 16px;font-weight:700;letter-spacing:.03em;color:var(--fg);border:0;
  font-family:"Shippori Mincho","Zen Kaku Gothic New",serif}
.ah-gold h2::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,var(--gold),rgba(79,70,229,.15) 70%,transparent)}
.ah-gold h2::before{content:"◆";position:absolute;left:0;bottom:-7px;font-size:11px;color:var(--gold);background:var(--bg);padding-right:8px}
.ah-gold h3{font-size:19px;margin:40px 0 16px;padding:2px 0 2px 16px;border-left:2px solid var(--gold);color:var(--gold2);font-family:"Shippori Mincho","Zen Kaku Gothic New",serif}

/* ── 見出し: 帯 ── */
.ah-band h2{font-size:21px;line-height:1.5;margin:54px 0 22px;padding:15px 22px;border-radius:10px;color:#fff;background:linear-gradient(110deg,var(--hot),#7a1fd6);box-shadow:0 8px 24px rgba(255,46,106,.22);border:0}
.ah-band h3{font-size:18px;margin:36px 0 14px;padding:0 0 8px;border-bottom:2px solid var(--hot);color:var(--fg)}

/* ── 見出し: 番号つき ── */
.ah-number{counter-reset:ah2}
.ah-number h2{counter-increment:ah2;display:flex;align-items:center;gap:16px;font-size:22px;line-height:1.5;margin:56px 0 22px;padding:0 0 14px;border-bottom:1px solid var(--line);color:var(--fg)}
.ah-number h2::before{content:counter(ah2,decimal-leading-zero);flex:none;font-family:Anton,sans-serif;font-weight:400;font-size:44px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--acid)}
.ah-number h3{font-size:18px;margin:34px 0 14px;padding-left:14px;border-left:4px solid var(--acid);color:var(--fg)}

/* ── 見出し: アンダーライン ── */
.ah-line h2{font-size:23px;line-height:1.5;margin:56px 0 22px;padding:0 0 12px;color:var(--fg);border:0;
  background:linear-gradient(90deg,var(--acid),var(--cy)) left bottom/100% 3px no-repeat}
.ah-line h3{font-size:18px;margin:34px 0 14px;color:var(--fg);padding-bottom:4px;background:linear-gradient(90deg,var(--acid),transparent) left bottom/60% 1px no-repeat}

/* ── 見出し: 額縁 ── */
.ah-frame h2{font-size:22px;line-height:1.55;text-align:center;margin:60px 0 26px;padding:18px 10px;color:var(--fg);border-top:3px double var(--gold);border-bottom:3px double var(--gold);
  font-family:"Shippori Mincho","Zen Kaku Gothic New",serif;letter-spacing:.06em}
.ah-frame h3{font-size:18px;margin:36px 0 14px;text-align:center;color:var(--gold2)}
.ah-frame h3::before,.ah-frame h3::after{content:"―";color:var(--gold);margin:0 10px}

/* ── 目次 ── */
.atoc{margin:30px 0 40px;padding:22px 26px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}
.atoc b{display:block;font-size:13px;letter-spacing:.2em;color:var(--gold);margin-bottom:10px}
.atoc ol{margin:0;padding-left:1.4em;font-size:14px;line-height:2}
.atoc ul{margin:0;padding-left:1.2em;list-style:circle;font-size:13px}
.atoc a{color:var(--fg);text-decoration:none}
.atoc a:hover{color:var(--gold)}

/* ── 記事ページ ── */
.apage{max-width:820px;margin:0 auto;padding:10px 0 70px}
.acrumb{font-size:12px;color:var(--dim);margin:6px 0 18px;display:flex;flex-wrap:wrap;gap:6px}
.acrumb a{color:var(--dim)}
.apage h1.atitle2{font-family:"Zen Kaku Gothic New",sans-serif;font-size:clamp(23px,3.6vw,34px);line-height:1.5;margin:0 0 14px;font-weight:700;letter-spacing:.02em}
.ameta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--dim);margin-bottom:22px}
.ahero{position:relative;border-radius:16px;overflow:hidden;background:#000;margin-bottom:26px}
.ahero img{width:100%;display:block;max-height:560px;object-fit:contain;background:#000}
.ainfo{width:100%;border-collapse:collapse;margin:0 0 26px;font-size:14px}
.ainfo th,.ainfo td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:left;vertical-align:top}
.ainfo th{width:28%;color:var(--dim);font-weight:400}
.ainfo a{color:var(--cy)}
.asamples{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 30px}
.asamples a{display:block;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:3/2}
.asamples img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}
.asamples a:hover img{transform:scale(1.05)}
.apr{font-size:11px;color:var(--dim);border:1px dashed var(--line);border-radius:6px;padding:3px 9px;display:inline-block}
.arel{margin-top:50px}
.arel > h2{font-size:18px;margin:0 0 16px;letter-spacing:.06em}

/* ── 出演者から探す ── */
.atax{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px}
.atax b{font-size:12px;color:var(--gold);letter-spacing:.1em;margin-right:4px}
.atax a{font-size:12px;color:var(--fg);border:1px solid rgba(79,70,229,.4);border-radius:999px;padding:4px 12px;text-decoration:none}
.atax a:hover{background:rgba(79,70,229,.15)}
.atax i{font-style:normal;color:var(--gold);margin-left:6px;font-size:11px}

/* ── 記事エリア（トップと記事一覧） ── */
.zone{margin:34px 0 10px}
.zonehead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}
.zonehead h2{margin:0;font-family:Anton,"Zen Kaku Gothic New",sans-serif;font-weight:400;font-size:clamp(24px,3.4vw,36px);letter-spacing:.03em;line-height:1}
.zonehead h2 small{display:block;font-family:"Zen Kaku Gothic New",sans-serif;font-size:12px;color:var(--dim);letter-spacing:.12em;margin-top:8px}
.zonehead a{font-size:13px;color:var(--acid);white-space:nowrap}
.alist{display:grid;gap:18px;padding-bottom:40px}
.acard{display:block;color:var(--fg);text-decoration:none!important;background:var(--bg2);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.3s}
.acard:hover{border-color:var(--gold);transform:translateY(-4px)}
.acard .ai{position:relative;aspect-ratio:16/10;background:#000;overflow:hidden}
.acard .ai img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}
.acard:hover .ai img{transform:scale(1.04)}
.acard .ab{padding:14px 16px 16px}
.acard .at{font-size:15px;font-weight:700;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.acard .ad{font-size:12px;color:var(--dim);line-height:1.7;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.acard .am{font-size:11px;color:var(--gold);margin-top:8px;letter-spacing:.06em}
/* カード */
.al-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
/* マガジン: 1本目を大きく */
.al-magazine{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.al-magazine .acard:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}
.al-magazine .acard:first-child .ai{aspect-ratio:auto;min-height:320px}
.al-magazine .acard:first-child .ab{padding:30px;display:flex;flex-direction:column;justify-content:center}
.al-magazine .acard:first-child .at{font-size:clamp(19px,2.4vw,26px);-webkit-line-clamp:3}
.al-magazine .acard:first-child .ad{font-size:14px;-webkit-line-clamp:4}
@media(max-width:760px){.al-magazine .acard:first-child{grid-template-columns:1fr}.al-magazine .acard:first-child .ai{min-height:0;aspect-ratio:16/10}.al-magazine .acard:first-child .ab{padding:16px}}
/* リスト */
.al-list{grid-template-columns:1fr;gap:12px}
.al-list .acard{display:grid;grid-template-columns:240px 1fr}
.al-list .acard .ai{aspect-ratio:16/10}
.al-list .acard .ab{display:flex;flex-direction:column;justify-content:center}
@media(max-width:600px){.al-list .acard{grid-template-columns:120px 1fr}.al-list .acard .ad{display:none}}
/* ラグジュアリー: 画像に文字を重ねる */
.al-luxe{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.al-luxe .acard{position:relative;border-color:rgba(79,70,229,.35);background:#000}
.al-luxe .acard .ai{aspect-ratio:4/5}
.al-luxe .acard .ai img{opacity:.85}
.al-luxe .acard .ab{position:absolute;left:0;right:0;bottom:0;padding:60px 20px 20px;background:linear-gradient(transparent,rgba(0,0,0,.92))}
.al-luxe .acard .at{font-family:"Shippori Mincho","Zen Kaku Gothic New",serif;font-size:17px;color:#fff}
.al-luxe .acard .ad{color:#cfc6b0}
.al-luxe .acard .am{color:var(--gold2)}
.al-luxe .acard::after{content:"";position:absolute;inset:10px;border:1px solid rgba(79,70,229,.4);border-radius:8px;pointer-events:none}