/* ======================================
   クレアの秘宝伝 BT ver. 記事専用
   （style.css の一番下に追記してください）
====================================== */

/* ▼ 見出しデザイン（クレアカラー：ゴールド系） */
.crea-article .section-title {
  border-left: 6px solid #d6a540;
  padding-left: .6rem;
  font-weight: 700;
  color: #5e4b1e;
}

/* ▼ 記事全体のアクセントカラー */
.crea-article .category-pill {
  background-color: #fff0c9;
  color: #c58427;
  border: 1px solid #e9cd8d;
}

/* ▼ 表（スペック表） */
.crea-article .spec-table th {
  background-color: #fff4d6;
  color: #6a531a;
}
.crea-article .spec-table td {
  background-color: #ffffff;
}

/* ▼ アイキャッチ調整 */
.crea-article .article-eyecatch {
  background: #fffaf0;
  border: 1px solid #f3e1b6;
  border-radius: 8px;
}

/* ▼ リストを少し柔らかく */
.crea-article li {
  padding-left: .3rem;
}

/* ▼ 注意書き（REG関連・技術介入解説に使うイエロー枠） */
.crea-article .note {
  background-color: #fff8da;
  border-left: 5px solid #e5c067;
  padding: .6rem .8rem;
  border-radius: 4px;
  font-size: .85rem;
}

/* ▼ カード内の見出しをクレア色に */
.crea-article .card h3 {
  color: #775915;
}

/* ▼ 表（小型）

/* 設定別 BB/RB/合算/完全攻略 出玉率テーブル */
.setting-table {
  width: 100%;
  border-collapse: collapse;      /* 罫線を1本にまとめる */
  margin: 0.5rem 0 1.2rem;
  font-size: 0.85rem;
  background-color: #ffffff;
  border: 1px solid #d0d0d0;     /* 外枠 */
}

.setting-table th,
.setting-table td {
  border: 1px solid #d0d0d0;     /* 内側の線 */
  padding: 0.45rem 0.75rem;
  text-align: center;
}

.setting-table thead th {
  background: #f5f5f5;           /* 見出し行の薄いグレー */
  font-weight: 600;
}

/* クレア用に少しだけ色味を足したい場合 */
.crea-setting-table thead th {
  background: #fff4d6;           /* ほんのりクレアっぽいベージュ */
}

.crea-setting-table tbody tr:nth-child(even) {
  background: #fafafa;           /* 偶数行だけうっすら色 */
}







/* ▼ 記事本体背景（より柔らかいトーン）
-------------------------------------- */
.crea-article.article {
  border: 1px solid #f1e5c2;
  box-shadow: 0 3px 10px rgba(200, 170, 80, 0.08);
}

/* ▼ ボーナス図・BT図用枠（画像添付時用）
-------------------------------------- */
.crea-article .crea-fig {
  background-color: #fffef7;
  border: 1px solid #f7e7b7;
  padding: .7rem;
  border-radius: 6px;
  margin: 1.2rem 0;
}
.crea-article .crea-fig img {
  width: 100%;
  border-radius: 4px;
}
.crea-article .crea-fig figcaption {
  text-align: center;
  font-size: .75rem;
  color: #6a5a30;
  margin-top: .3rem;
}
/*************************************************************
  LBパチスロ ヱヴァンゲリヲン ～約束の扉～専用デザイン
*************************************************************/

/* ------- 記事枠（背景・境界） ------- */
.eva-promise-article {
  border-top: 4px solid #7e00b8;      /* エヴァ紫 */
  border-bottom: 4px solid #7e00b8;
  padding-bottom: 2rem;
}

/* ------- 見出しカラー ------- */
.eva-promise-article .section-title {
  background: linear-gradient(90deg, #7e00b8, #4a004e);
  color: #fff;
  border-left: 8px solid #00ffa7;     /* エヴァ初号機 緑 */
  padding: 0.5rem 0.8rem;
  border-radius: 4px;
}

/* ------- 記事の評価スタースタイル ------- */
.eva-promise-article .stars {
  color: #030301;  /* 緑で評価を目立たせる */
  font-weight: bold;
}

/* ------- アイキャッチのキャプション ------- */
.eva-promise-article .article-eyecatch figcaption {
  color: #cfc8d7;
  font-style: italic;
  background: rgba(20, 0, 27, 0.65);
  padding: 0.25rem 0.6rem;
  border-radius: 3px;
}

/* ------- スペック表（左の小枠） ------- */
.eva-promise-article .spec-table th {
  background-color: #f4ebff;     /* ほのかな紫 */
}

/* ------- 設定表（枠をしっかり囲う） ------- */
.setting-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5rem 0 1.3rem;
  font-size: 0.85rem;
  border: 1px solid #b8b8b8;
  background: #ffffff;
}

.setting-table th,
.setting-table td {
  border: 1px solid #cfcfcf;
  text-align: center;
  padding: 0.45rem 0.75rem;
}

.eva-setting-table thead th {
  background-color: #e7dbff;      /* 紫がかった灰色 */
  color: #24003b;
  font-weight: 700;
}

.eva-setting-table tbody tr:nth-child(even) {
  background-color: #faf7ff;     /* 薄い紫の偶数行 */
}

/* ------- ノート（注意文） ------- */
.eva-promise-article .note {
  font-size: 0.8rem;
  color: #6a5e77;
  border-left: 4px solid #7e00b8;
  background: #f7f2ff;
  padding: 0.4rem 0.6rem;
  border-radius: 4px;
  margin-top: 0.3rem;
}

/* ------- カード枠（メリット・デメリットなど） ------- */
.eva-promise-article .card {
  border: 1px solid #d8c7ff;
  background: #fff;
}

.eva-promise-article .card h3 {
  color: #4f0085;
  border-left: 6px solid #00ffa7;
  padding-left: 0.4rem;
}

/* ------- 表の拡張（BT説明用に枠） ------- */
.eva-info-box {
  border: 2px solid #7e00b8;
  border-radius: 6px;
  padding: 1rem;
  margin: 1rem 0;
  background: #faf6ff;
}

/* ------- スマホ調整 ------- */
@media (max-width: 768px) {
  .eva-promise-article .section-title {
    font-size: 1.08rem;
    padding: 0.45rem 0.6rem;
  }
  .setting-table td, .setting-table th {
    padding: 0.35rem 0.4rem;
    font-size: 0.75rem;
  }
}
/*************************************************************
  ウルトラミラクルジャグラー専用デザイン
*************************************************************/

/* 記事全体の枠・雰囲気 */
.ultra-miracle-article {
  border-top: 4px solid #1eaa3b;   /* ジャグラーっぽい緑 */
  border-bottom: 4px solid #ff3b3b;/* GOGO!ランプっぽい赤 */
  padding-bottom: 2rem;
}

/* セクション見出し（緑～黄のグラデ） */
.ultra-miracle-article .section-title {
  background: linear-gradient(90deg, #1eaa3b, #ffd54a);
  color: #222;
  border-left: 8px solid #ff3b3b;
  padding: 0.5rem 0.8rem;
  border-radius: 4px;
  font-weight: 700;
}

/* カテゴリーピル（タグ）をジャグラー色に */
.ultra-miracle-article .category-pill {
  background-color: #fff5cc;
  color: #e65100;
  border: 1px solid #ffcc80;
}

/* アイキャッチのキャプション */
.ultra-miracle-article .article-eyecatch figcaption {
  font-size: 0.8rem;
  color: #444;
  background: rgba(255, 249, 196, 0.85);
  padding: 0.25rem 0.6rem;
  border-radius: 3px;
}

/* 評価の★を黄色寄りに */
.ultra-miracle-article .stars {
  color: #ffca28;
  font-weight: 700;
}

/* --- 設定表（BB / RB / 合算 / 出玉率） --- */
/* 共通の表スタイル（まだ無ければこのまま使用） */
.setting-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5rem 0 1.3rem;
  font-size: 0.85rem;
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
}

.setting-table th,
.setting-table td {
  border: 1px solid #d0d0d0;
  text-align: center;
  padding: 0.45rem 0.75rem;
}

/* ウルトラミラクル専用の配色 */
.umj-setting-table thead th {
  background-color: #e8f5e9;    /* 薄いグリーン */
  color: #1b5e20;
  font-weight: 700;
}

.umj-setting-table tbody tr:nth-child(even) {
  background-color: #fafafa;    /* 偶数行だけうっすらグレー */
}

/* 注意書き（note）を少しジャグラー寄りに */
.ultra-miracle-article .note {
  background-color: #fffde7;
  border-left: 4px solid #ffca28;
  padding: 0.5rem 0.7rem;
  border-radius: 4px;
  font-size: 0.8rem;
  color: #555;
}

/* メリット・デメリットなどのカード見出し色 */
.ultra-miracle-article .card h3 {
  color: #2e7d32;
  border-left: 6px solid #ff3b3b;
  padding-left: 0.4rem;
}

/* スマホ向け 微調整 */
@media (max-width: 768px) {
  .ultra-miracle-article .section-title {
    font-size: 1.05rem;
    padding: 0.45rem 0.6rem;
  }
  .setting-table th,
  .setting-table td {
    padding: 0.35rem 0.4rem;
    font-size: 0.75rem;
  }
}
/*************************************************************
   【 ボーナストリガー 特集ページ用 CSS 】
   ※ bonus-trigger-article クラスが付いた記事に適用
*************************************************************/

/* 記事全体のアクセントカラー */
.bonus-trigger-article {
  border-top: 5px solid #ff6b00;
  border-bottom: 5px solid #1461ff;
  padding-bottom: 2.5rem;
}

/* 見出しデザイン */
.bonus-trigger-article .section-title {
  background: linear-gradient(90deg, #ff6b00, #ffb300);
  color: #222;
  border-left: 10px solid #1461ff;
  padding: 0.55rem 0.9rem;
  border-radius: 6px;
  font-weight: 700;
  margin-bottom: 0.9rem;
}

/* カテゴリーピル（タグデザイン強化） */
.bonus-trigger-article .category-pill {
  background-color: #fff4e0;
  color: #e65100;
  border: 1px solid #ffb74d;
}

/* アイキャッチのキャプション（使うなら） */
.bonus-trigger-article .article-eyecatch figcaption {
  font-size: 0.82rem;
  color: #333;
  background: rgba(255, 243, 224, 0.9);
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
}

/* ★評価をオレンジ寄りに */
.bonus-trigger-article .stars {
  color: #ff9a00;
  font-weight: 700;
}

/******************************
   比較・解説用 テーブルスタイル
******************************/

.bt-compare-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5rem 0 1.3rem;
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  font-size: 0.85rem;
}

.bt-compare-table th,
.bt-compare-table td {
  border: 1px solid #d0d0d0;
  text-align: center;
  padding: 0.5rem 0.75rem;
}

.bt-compare-table thead th {
  background-color: #fde4ba; /* 薄いオレンジ */
  color: #bf360c;
  font-weight: 700;
}

.bt-compare-table tbody th {
  background: #fffceb; /* 左端の行見出しを少し濃く */
  color: #444;
  font-weight: 600;
}

.bt-compare-table tbody tr:nth-child(even) {
  background-color: #fef7ec; /* 交互に淡色 */
}

/******************************
   BTの流れ図・まとめボックス
******************************/

.bt-flow-img {
  text-align: center;
  margin: 1.2rem 0;
}

.bt-flow-img img {
  max-width: 100%;
  border-radius: 8px;
  border: 2px solid #ffb300;
}

.bt-flow-img figcaption {
  font-size: 0.8rem;
  margin-top: .3rem;
  color: #444;
}

.bt-summary-box {
  background: #fff7da;
  border-left: 8px solid #ff8c00;
  padding: .9rem 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 6px;
  margin-top: 1.2rem;
}

/******************************
   スマホ対応
******************************/
@media (max-width: 768px) {
  .bonus-trigger-article .section-title {
    font-size: 1rem;
    padding: 0.45rem 0.6rem;
  }

  .bt-compare-table th,
  .bt-compare-table td {
    padding: 0.35rem 0.4rem;
    font-size: 0.75rem;
  }
}
/*************************************************************
  SHAKE BONUS TRIGGER（シェイクBT）専用デザイン
*************************************************************/

/* 記事全体の雰囲気 */
.shake-bt-article {
  border-top: 4px solid #ff6b00;   /* 大都っぽいオレンジ */
  border-bottom: 4px solid #0044cc;/* シェイク感のある青 */
  padding-bottom: 2rem;
}

/* セクション見出し */
.shake-bt-article .section-title {
  background: linear-gradient(90deg, #ff6b00, #ffb300);
  color: #222;
  border-left: 8px solid #0044cc;
  padding: 0.5rem 0.8rem;
  border-radius: 4px;
  font-weight: 700;
}

/* カテゴリーピル（タグ）をちょい派手めに */
.shake-bt-article .category-pill {
  background-color: #fff3e0;
  color: #e65100;
  border: 1px solid #ffb74d;
}

/* アイキャッチのキャプション */
.shake-bt-article .article-eyecatch figcaption {
  font-size: 0.8rem;
  color: #333;
  background: rgba(255, 243, 224, 0.9);
  padding: 0.25rem 0.6rem;
  border-radius: 3px;
}

/* 評価の★をオレンジ寄りに */
.shake-bt-article .stars {
  color: #ffa000;
  font-weight: 700;
}

/* ------------------------------
   設定表（BB / RB / 合算 / 出玉率）
------------------------------ */

/* 共通テーブルデザイン（まだなければこのまま使う） */
.setting-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0.5rem 0 1.3rem;
  font-size: 0.85rem;
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
}

.setting-table th,
.setting-table td {
  border: 1px solid #d0d0d0;
  text-align: center;
  padding: 0.45rem 0.75rem;
}

/* シェイクBTのメイン設定表 */
.shake-setting-table thead th {
  background-color: #fff3e0;   /* 薄いオレンジ */
  color: #bf360c;
  font-weight: 700;
}

.shake-setting-table tbody tr:nth-child(even) {
  background-color: #fdf7f0;   /* 偶数行をうっすら色付け */
}

/* BTループ率の表（少しだけ差別化） */
.shake-bt-table thead th {
  background-color: #e3f2fd;   /* 薄い青 */
  color: #0d47a1;
  font-weight: 700;
}

.shake-bt-table tbody tr:nth-child(even) {
  background-color: #f5f9ff;
}

/* 注意書き（note） */
.shake-bt-article .note {
  background-color: #fffde7;
  border-left: 4px solid #ffeb3b;
  padding: 0.5rem 0.7rem;
  border-radius: 4px;
  font-size: 0.8rem;
  color: #555;
}

/* メリット・デメリットなどカードの見出し */
.shake-bt-article .card h3 {
  color: #e65100;
  border-left: 6px solid #0044cc;
  padding-left: 0.4rem;
}

/* スマホ向け微調整 */
@media (max-width: 768px) {
  .shake-bt-article .section-title {
    font-size: 1.05rem;
    padding: 0.45rem 0.6rem;
  }
  .setting-table th,
  .setting-table td {
    padding: 0.35rem 0.4rem;
    font-size: 0.75rem;
  }
}

/********************************************
   🐸 Pros & Cons（良かった点 / 微妙だった点）
********************************************/

/* 全体の横並びレイアウト */
.pros-cons {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 20px;
}

/* 個別ボックスの共通 */
.pros, .cons {
  flex: 1 1 48%;
  background: #ffffff;
  padding: 16px 18px;
  border-radius: 12px;
  border: 2px solid #c9f5dc; /* 薄めの緑ライン */
  box-shadow: 0px 4px 8px rgba(0,0,0,0.04);
  transition: 0.25s;
}

/* ホバー時に少し浮く */
.pros:hover, .cons:hover {
  transform: translateY(-3px);
  box-shadow: 0px 6px 14px rgba(0,0,0,0.08);
}

/* タイトル（良い点）*/
.pros h3 {
  color: #1fb45e; /* ニューパルの緑 */
  margin-top: 0;
  margin-bottom: 6px;
  padding-left: 10px;
  border-left: 6px solid #1fb45e;
  font-size: 1.05rem;
  font-weight: 700;
}

/* タイトル（微妙な点）*/
.cons h3 {
  color: #ff4747; /* 注意カラー */
  margin-top: 0;
  margin-bottom: 6px;
  padding-left: 10px;
  border-left: 6px solid #ff4747;
  font-size: 1.05rem;
  font-weight: 700;
}

/* リスト */
.pros ul,
.cons ul {
  padding-left: 16px;
  margin: 0;
}

.pros li,
.cons li {
  margin-bottom: 8px;
  line-height: 1.6;
  font-size: 0.95rem;
}

.pros strong,
.cons strong {
  color: #0073ff; /* BT（ボーナストリガー）の青をアクセント */
  font-weight: 700;
}

/* 📱 スマホ対応 */
@media(max-width: 768px){
  .pros, .cons {
    flex: 1 1 100%;
  }
}
/********************************************
      🐸 New Pulsar BT 記事用スタイル
********************************************/

/* ========================================
   0. テーマカラー（ニューパルBT）
======================================== */
:root {
  --frog-green: #21c064;        /* ニューパルらしい緑 */
  --frog-leaf: #d4ffe6;         /* 薄緑背景 */
  --bt-blue: #43b5ff;           /* ボーナストリガー（BT）青 */
  --table-green: #e1ffef;       /* 表向け薄緑 */
  --border-soft: #b7eed4;
}

/* ========================================
   1. 基本文字・背景
======================================== */
body {
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  padding: 0;
  background: #f7f7f7;
  color: #333;
  line-height: 1.8;
}

img {
  max-width: 100%;
  display: block;
  border-radius: 6px;
}

/* ========================================
   2. ヘッダー
======================================== */
.site-header {
  background: #222;
  padding: 15px 0;
  color: #fff;
}

.header-inner {
  width: 95%;
  max-width: 1100px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-title {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
}

.site-nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
}

.site-nav a {
  color: #ddd;
  font-size: 14px;
  text-decoration: none;
}

.site-nav a:hover {
  color: #fff;
}

/* ========================================
   3. 記事カード
======================================== */
.article {
  background: #fff;
  padding: 25px;
  border-radius: 14px;
  box-shadow: 0 5px 18px rgba(0,0,0,0.07);
  margin-bottom: 50px;
}

.article-header h1 {
  font-size: 1.7rem;
  margin-bottom: 8px;
  line-height: 1.45;
}

.article-category {
  color: var(--frog-green);
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 6px;
}

/* ========================================
   4. リード文
======================================== */
.article-lead {
  background: var(--frog-leaf);
  border-left: 6px solid var(--frog-green);
  padding: 12px 14px;
  border-radius: 6px;
  margin: 14px 0;
  font-size: 1rem;
}

/* ========================================
   5. セクション見出し
======================================== */
.section-title {
  font-size: 1.35rem;
  border-left: 8px solid var(--frog-green);
  padding-left: 10px;
  background: linear-gradient(90deg, var(--frog-leaf), transparent 55%);
  border-radius: 4px;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.article h3 {
  font-size: 1.15rem;
  margin-top: 1.2rem;
  padding: 6px 10px;
  border-left: 5px solid var(--bt-blue);
  background: rgba(67,181,255,0.12);
  border-radius: 4px;
}

/* ========================================
   6. 表（BB・REG・合算・機械割）
======================================== */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: 0.9rem;
  border: 1px solid var(--border-soft);
}

.spec-table th,
.spec-table td {
  border: 1px solid var(--border-soft);
  padding: 8px;
  text-align: center;
}

.spec-table thead th {
  background: var(--table-green);
  font-weight: bold;
  color: #105c32;
}

.spec-table tbody tr:nth-child(even) {
  background: #fafffb;
}

.note {
  font-size: 12px;
  color: #666;
  margin-top: 6px;
}

/* ========================================
   7. 評価ボックス
======================================== */
.pros-cons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.pros, .cons {
  width: 48%;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid var(--border-soft);
  background: #fff;
}

.pros h3 {
  border-left-color: var(--frog-green) !important;
}

.cons h3 {
  border-left-color: #ff4d4d !important;
}

/* ========================================
   8. サイドバー
======================================== */
.sidebar .card {
  border: 1px solid #eee;
  background: #fff;
  padding: 14px;
  border-radius: 10px;
  margin-bottom: 22px;
}

.sidebar h2 {
  border-left: 5px solid var(--frog-green);
  padding-left: 6px;
  font-size: 1rem;
}

/* ========================================
   9. フッター
======================================== */
.site-footer {
  background: #222;
  color: #ccc;
  padding: 16px 0;
  text-align: center;
  margin-top: 50px;
  font-size: 13px;
}

.site-footer a {
  color: #fff;
}

.site-footer a:hover {
  opacity: 0.8;
}

/* ========================================
   🔟 スマホ対応
======================================== */
@media(max-width:768px){
  .pros, .cons { width: 100%; }
  .spec-table { font-size: 0.8rem; }
  .article-header h1 { font-size: 1.35rem; }
  .section-title { font-size: 1.12rem; }
}
/********************************************
   🎩 ALEX（アレックス）用 共通カラー
********************************************/
:root {
  --alex-red:   #c40227;   /* アレックスの赤 */
  --alex-black: #222222;   /* 筺体の黒 */
  --alex-gold:  #d4a72b;   /* ゴールド強調 */
  --alex-soft:  #fff7dd;   /* 薄い金色背景 */
}

/********************************************
   🎩 ALEX（アレックス）版 Pros & Cons
   （良かった点 / 微妙だった点）
********************************************/

/* 全体レイアウト */
.pros-cons {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 22px;
}

/* 共通ボックス */
.pros, .cons {
  flex: 1 1 48%;
  background: #ffffff;
  padding: 18px 20px;
  border-radius: 12px;
  border: 2.5px solid rgba(212,167,43,0.7);  /* ゴールド枠 */
  box-shadow: 0px 4px 10px rgba(0,0,0,0.06);
  transition: 0.3s ease;
}

/* ホバーでフワッと光る */
.pros:hover,
.cons:hover {
  transform: translateY(-4px);
  box-shadow: 0px 6px 16px rgba(255,215,0,0.25);
}

/* タイトル：良かったところ */
.pros h3 {
  margin-top: 0;
  margin-bottom: 6px;
  padding-left: 10px;
  border-left: 6px solid var(--alex-red);
  color: var(--alex-red);
  font-size: 1.05rem;
  font-weight: 700;
}

/* タイトル：微妙だったところ */
.cons h3 {
  margin-top: 0;
  margin-bottom: 6px;
  padding-left: 10px;
  border-left: 6px solid var(--alex-black);
  color: var(--alex-black);
  font-size: 1.05rem;
  font-weight: 700;
}

/* リスト */
.pros ul,
.cons ul {
  margin: 0;
  padding-left: 18px;
}

.pros li,
.cons li {
  margin-bottom: 8px;
  line-height: 1.65;
  font-size: 0.95rem;
}

/* 重要ワード（金色で強調） */
.pros strong,
.cons strong {
  color: var(--alex-gold);
  font-weight: 700;
}

/* 📱スマホ：縦並び */
@media (max-width: 768px) {
  .pros,
  .cons {
    flex: 1 1 100%;
  }
}