/* FCチャンネルBAR 記事ページ（本体と同じ配色・フォントで自前定義） */
:root{
  --fc-navy:#0A1628; --fc-navy2:#0D1E35; --fc-blue:#1E78D2;
  --fc-orange:#FF8C00; --fc-gold:#FFD700;
}
.fc-page{background:var(--fc-navy);min-height:100vh;color:#fff;
  font-family:"Noto Sans JP",system-ui,sans-serif;}
.fc-head{position:sticky;top:0;z-index:50;display:flex;align-items:center;
  justify-content:space-between;padding:10px 20px;background:rgba(10,22,40,.92);
  backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,215,0,.18);}
.fc-head img{height:38px;width:auto}
.fc-head a.cta{background:var(--fc-orange);color:#fff;text-decoration:none;
  font-weight:700;font-size:13px;padding:8px 16px;border-radius:999px;
  box-shadow:0 0 14px rgba(255,140,0,.5)}
.fc-nav{display:flex;gap:18px;font-size:13px}
.fc-nav a{color:rgba(255,255,255,.75);text-decoration:none}
.fc-nav a:hover{color:var(--fc-gold)}
.fc-wrap{max-width:860px;margin:0 auto;padding:40px 20px 80px}
.fc-hero{text-align:center;padding:56px 20px 34px;
  background:linear-gradient(180deg,var(--fc-navy2),var(--fc-navy));
  border-bottom:1px solid rgba(255,215,0,.15)}
.fc-hero h1{font-family:"Dela Gothic One",sans-serif;font-size:clamp(24px,4.4vw,40px);
  color:var(--fc-gold);margin:0 0 12px;line-height:1.35;
  text-shadow:0 0 18px rgba(255,215,0,.45)}
.fc-hero p{color:rgba(255,255,255,.7);font-size:14px;margin:0}
.fc-badge{display:inline-block;background:var(--fc-blue);color:#fff;font-size:11px;
  font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:14px;
  letter-spacing:.04em}
/* 記事カード一覧 */
.fc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.fc-card{background:var(--fc-navy2);border:1px solid rgba(255,255,255,.09);
  border-radius:14px;overflow:hidden;transition:transform .25s,border-color .25s}
.fc-card:hover{transform:translateY(-4px);border-color:rgba(255,215,0,.5)}
.fc-card .thumb{height:132px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#132a4d,#0d1e35);
  font-family:"Bebas Neue",sans-serif;font-size:40px;color:rgba(255,215,0,.55);
  letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.07)}
.fc-card .body{padding:15px 16px 18px}
.fc-card .cat{font-size:10px;color:var(--fc-orange);font-weight:700;letter-spacing:.08em}
.fc-card h2{font-size:15px;margin:7px 0 9px;line-height:1.5}
.fc-card h2 a{color:#fff;text-decoration:none}
.fc-card h2 a:hover{color:var(--fc-gold)}
.fc-card p{font-size:12px;color:rgba(255,255,255,.55);line-height:1.7;margin:0}
/* 記事本文 */
.fc-article{background:var(--fc-navy2);border-radius:16px;padding:34px 34px 44px;
  border:1px solid rgba(255,255,255,.08)}
.fc-article h2{font-family:"Dela Gothic One",sans-serif;font-size:20px;color:var(--fc-gold);
  margin:38px 0 14px;padding-left:13px;border-left:4px solid var(--fc-orange);line-height:1.5}
.fc-article h3{font-size:16px;color:var(--fc-blue);margin:26px 0 10px;font-weight:700}
.fc-article p{font-size:15px;line-height:2;color:rgba(255,255,255,.88);margin:0 0 17px}
.fc-article ul{margin:0 0 18px;padding-left:22px}
.fc-article li{font-size:15px;line-height:1.95;color:rgba(255,255,255,.85);margin-bottom:5px}
.fc-article strong{color:var(--fc-gold)}
.fc-article a{color:var(--fc-blue)}
.fc-meta{font-size:12px;color:rgba(255,255,255,.45);margin-bottom:22px}
/* CTA */
.fc-cta{margin-top:46px;background:linear-gradient(135deg,#123058,#0d1e35);
  border:1px solid rgba(255,215,0,.35);border-radius:16px;padding:32px 26px;text-align:center}
.fc-cta h3{font-family:"Dela Gothic One",sans-serif;color:var(--fc-gold);font-size:19px;
  margin:0 0 10px;line-height:1.5}
.fc-cta p{font-size:13px;color:rgba(255,255,255,.75);margin:0 0 20px;line-height:1.85}
.fc-cta a{display:inline-block;background:var(--fc-orange);color:#fff;font-weight:700;
  text-decoration:none;padding:14px 38px;border-radius:999px;font-size:15px;
  box-shadow:0 0 22px rgba(255,140,0,.55)}
.fc-foot{text-align:center;padding:30px 20px 46px;color:rgba(255,255,255,.4);font-size:12px;
  border-top:1px solid rgba(255,255,255,.08);margin-top:50px}
@media(max-width:600px){
  .fc-article{padding:24px 18px 32px}
  .fc-nav{display:none}
}
/* アイキャッチ */
.fc-card .thumb-img{display:block;line-height:0;border-bottom:1px solid rgba(255,255,255,.07)}
.fc-card .thumb-img img{width:100%;height:150px;object-fit:cover;display:block}
.fc-eyecatch{margin:0 0 26px;border-radius:16px;overflow:hidden;line-height:0;
  border:1px solid rgba(255,255,255,.1)}
.fc-eyecatch img{width:100%;height:auto;display:block}
