<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="canonical" href="https://baralog.com/ja-jp/" />
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>💎</text></svg>" />
<link rel="apple-touch-icon" sizes="180x180" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF8WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzZBMjkxRkVGQjZFMTFFOUI5OThDMjhGNjg1MzEzOTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzZBMjkxRkZGQjZFMTFFOUI5OThDMjhGNjg1MzEzOTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNkEyOTFGQ0ZCNkUxMUU5Qjk5OEMyOEY2ODUzMTM5MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNkEyOTFGREZCNkUxMUU5Qjk5OEMyOEY2ODUzMTM5MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsRyt3EAAAKISURBVHja7NsxAQAAAMKg9U9tCy+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeAMAAqAAASuAAAAAABJRU5ErkJggg==" />
<title>スポーツベットボーナス比較2026 — 最高のウェルカムオファー</title>
<meta name="description" content="🏆 2026年日本のスポーツベットサイト比較。Bet365・1xBet・William Hillなど10社のボーナス・オッズ・入出金方法を徹底分析。最大¥30,000のウェルカムボーナスを比較。" />
<meta property="og:title" content="スポーツベットボーナス比較2026 — 最高のウェルカムオファー" />
<meta property="og:description" content="🏆 2026年日本のスポーツベットサイト比較。最大¥30,000のウェルカムボーナスを徹底分析。" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://baralog.com/ja/" />
<meta property="og:image" content="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 630' style='background:%236C63FF'><text x='600' y='315' font-size='80' text-anchor='middle' dominant-baseline='middle' fill='white'>💎 スポーツベット</text></svg>" />
<meta name="twitter:card" content="summary_large_image" />
<link rel="alternate" hreflang="ja" href="https://baralog.com/" />
<link rel="alternate" hreflang="ja-JP" href="https://baralog.com/ja-jp/" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700;900&display=swap" rel="stylesheet" />

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebPage",
  "name": "スポーツベットボーナス比較2026",
  "description": "2026年日本のスポーツベットサイト比較。ボーナス・オッズ・入出金方法を徹底分析。",
  "url": "https://baralog.com/",
  "inLanguage": "ja",
  "datePublished": "2026-01-01",
  "dateModified": "2026-04-01",
  "author": {
    "@type": "Person",
    "name": "山本拓也",
    "jobTitle": "シニアスポーツベッティングアナリスト",
    "description": "スポーツベッティング業界で7年以上の経験を持つアナリスト。200以上のブックメーカーをテスト済み。"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Baralog",
    "url": "https://スポーツベット.com/"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Baralog スポーツベット比較",
  "url": "https://baralog.com/",
  "description": "日本のスポーツベッティングサイト比較・レビュー専門メディア",
  "contactPoint": {
    "@type": "ContactPoint",
    "contactType": "customer support",
    "email": "info@スポーツベット.com"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "ホーム",
      "item": "https://baralog.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "スポーツベット比較2026",
      "item": "https://スポーツベット.com/ja-jp/"
    }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ItemList",
  "name": "2026年おすすめスポーツベットサイトトップ10",
  "description": "日本人プレイヤー向けスポーツベットサイトランキング",
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "1xBet Japan", "url": "https://bonusclick1.com/placeholder"},
    {"@type": "ListItem", "position": 2, "name": "Marathonbet Japan", "url": "https://bonusclick1.com/placeholder"},
    {"@type": "ListItem", "position": 3, "name": "William Hill Japan", "url": "https://bonusclick1.com/placeholder"},
    {"@type": "ListItem", "position": 4, "name": "Betway Japan", "url": "https://bonusclick1.com/placeholder"},
    {"@type": "ListItem", "position": 5, "name": "22Bet Japan", "url": "https://bonusclick1.com/placeholder"},
    {"@type": "ListItem", "position": 6, "name": "Unibet Japan", "url": "https://bonusclick1.com/placeholder"},
    {"@type": "ListItem", "position": 7, "name": "Parimatch Japan", "url": "https://bonusclick1.com/placeholder"},
    {"@type": "ListItem", "position": 8, "name": "888sport Japan", "url": "https://bonusclick1.com/placeholder"},
    {"@type": "ListItem", "position": 9, "name": "Pinnacle Japan", "url": "https://bonusclick1.com/placeholder"},
    {"@type": "ListItem", "position": 10, "name": "Bet365 Japan", "url": "https://bonusclick1.com/placeholder"}
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "日本でスポーツベットは合法ですか？",
      "acceptedAnswer": {"@type": "Answer", "text": "日本国内でのスポーツ賭けは競馬・競艇・競輪・オートレースなど公営ギャンブルのみ合法です。海外のオンラインスポーツベットサイトを利用する日本人プレイヤーは多く存在しますが、海外ライセンスを持つサイトを選ぶことが重要です。"}
    },
    {
      "@type": "Question",
      "name": "スポーツベットのウェルカムボーナスとは何ですか？",
      "acceptedAnswer": {"@type": "Answer", "text": "ウェルカムボーナスとは、新規登録時に受け取れる特典です。入金ボーナス（初回入金額の一定割合）、フリーベット（無料の賭け）、キャッシュバックなどの種類があります。賭け条件（ウェイジャリング要件）を確認してから選びましょう。"}
    },
    {
      "@type": "Question",
      "name": "オンラインスポーツベットの入金方法は？",
      "acceptedAnswer": {"@type": "Answer", "text": "主な入金方法は銀行振込、コンビニ払い（セブンイレブン、ローソンなど）、クレジットカード（VISA・Mastercard）、電子マネー（Neteller、Skrill）、暗号通貨（ビットコイン、イーサリアム）があります。"}
    },
    {
      "@type": "Question",
      "name": "最高オッズのスポーツベットサイトはどこですか？",
      "acceptedAnswer": {"@type": "Answer", "text": "Pinnacle Japanはプロベッター向けで業界最高水準のオッズを提供しています。制限なしポリシーで知られ、勝ち続けるプレイヤーもアカウントを維持できます。Marathonbet Japanもサッカー特化で高オッズが特徴です。"}
    },
    {
      "@type": "Question",
      "name": "eスポーツベットができるサイトは？",
      "acceptedAnswer": {"@type": "Answer", "text": "Betway Japanはeスポーツベットのパイオニアで、League of Legends、CS:GO、Dota 2、Valorantなど主要タイトルを網羅。22BetやMarathonbetもeスポーツ賭けに対応しています。"}
    },
    {
      "@type": "Question",
      "name": "ライブベッティングとは何ですか？",
      "acceptedAnswer": {"@type": "Answer", "text": "ライブベッティング（インプレイベッティング）とは、試合進行中にリアルタイムでベットを行う方法です。オッズが試合状況に応じて変動するため、戦略的な賭けが可能。Bet365とUnibet Japanが特に優れたライブベット機能を提供しています。"}
    },
    {
      "@type": "Question",
      "name": "スポーツベットの出金にはどのくらい時間がかかりますか？",
      "acceptedAnswer": {"@type": "Answer", "text": "出金時間はサイトと方法によって異なります。電子マネー（Neteller/Skrill）は24時間以内、暗号通貨は1時間以内が一般的。銀行振込は3〜5営業日かかる場合があります。"}
    },
    {
      "@type": "Question",
      "name": "ボーナスの賭け条件とは何ですか？",
      "acceptedAnswer": {"@type": "Answer", "text": "賭け条件（ウェイジャリング要件）とは、ボーナスを出金するために必要な賭け回数のことです。例えば「30倍」の場合、¥10,000のボーナスを出金するには¥300,000分の賭けが必要です。低い賭け条件のサイトを選びましょう。"}
    }
  ]
}
</script>

<style>
:root {
  --bg: #FFFFFF;
  --bg-secondary: #F8F9FF;
  --bg-card: #FAFAFA;
  --accent: #6C63FF;
  --accent-hover: #5A52D5;
  --accent-light: #EEF0FF;
  --text: #1A1A2E;
  --text-secondary: #4A4A6A;
  --text-muted: #8888AA;
  --border: #E0E0F0;
  --border-accent: #6C63FF44;
  --success: #00D084;
  --warning: #FFB800;
  --font-mono: 'Roboto Mono', monospace;
  --font-jp: 'Noto Sans JP', sans-serif;
  --radius: 8px;
  --shadow: 0 2px 12px rgba(108,99,255,0.08);
  --shadow-hover: 0 8px 32px rgba(108,99,255,0.18);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }
body {
  font-family: var(--font-jp);
  background: var(--bg);
  color: var(--text);
  line-height: 1.7;
  overflow-x: hidden;
}

/* KEYFRAMES */
@keyframes pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(108,99,255,0.4); }
  50% { transform: scale(1.03); box-shadow: 0 0 0 8px rgba(108,99,255,0); }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes counterGlow {
  0%, 100% { text-shadow: 0 0 8px rgba(108,99,255,0.3); }
  50% { text-shadow: 0 0 20px rgba(108,99,255,0.8); }
}

@keyframes progressFill {
  from { width: 0; }
  to { width: var(--fill-width, 100%); }
}

@keyframes slideBanner {
  0% { transform: translateX(100%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

/* HEADER */
header {
  background: var(--bg);
  border-bottom: 2px solid var(--accent);
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 2px 12px rgba(108,99,255,0.1);
}

.logo {
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: 1.3rem;
  color: var(--accent);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.logo span { color: var(--text); }

nav { display: flex; gap: 20px; align-items: center; }
nav a {
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: color 0.2s;
}
nav a:hover { color: var(--accent); }

.hamburger {
  display: none;
  background: none;
  border: 2px solid var(--accent);
  border-radius: 4px;
  width: 38px;
  height: 38px;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px;
}
.hamburger span {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--accent);
  border-radius: 2px;
  transition: all 0.3s;
}

.mobile-nav {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(255,255,255,0.97);
  z-index: 999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.mobile-nav.active { display: flex; }
.mobile-nav a {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--text);
  text-decoration: none;
  padding: 12px 40px;
  border: 2px solid var(--border);
  border-radius: var(--radius);
  width: 280px;
  text-align: center;
  transition: all 0.2s;
}
.mobile-nav a:hover { border-color: var(--accent); color: var(--accent); }
.mobile-nav-close {
  position: absolute;
  top: 20px; right: 20px;
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  color: var(--text);
}

/* HERO */
.hero {
  background: linear-gradient(135deg, var(--bg) 0%, var(--accent-light) 100%);
  border-bottom: 1px solid var(--border);
  padding: 60px 20px 40px;
  text-align: center;
  animation: fadeInUp 0.6s ease both;
}

.hero-label {
  display: inline-block;
  background: var(--accent);
  color: white;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.hero h1 {
  font-size: clamp(1.6rem, 5vw, 2.8rem);
  font-weight: 900;
  color: var(--text);
  margin-bottom: 16px;
  line-height: 1.3;
}

.hero-sub {
  font-size: clamp(1rem, 2.5vw, 1.15rem);
  color: var(--text-secondary);
  max-width: 640px;
  margin: 0 auto 28px;
}

/* DASHBOARD METRICS */
.metrics-row {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

.metric-card {
  background: white;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 14px 22px;
  text-align: center;
  box-shadow: var(--shadow);
  min-width: 140px;
}

.metric-value {
  font-family: var(--font-mono);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--accent);
  animation: counterGlow 2s ease infinite;
  display: block;
}

.metric-label {
  font-size: 0.75rem;
  color: var(--text-muted);
  font-weight: 500;
  display: block;
}

/* SOCIAL PROOF */
.social-proof {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 28px;
  font-size: 0.875rem;
  color: var(--text-secondary);
}
.social-proof span {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* CTA BUTTON */
.btn-primary {
  display: inline-block;
  background: var(--accent);
  color: white;
  font-weight: 700;
  font-size: 1.05rem;
  padding: 14px 36px;
  border-radius: var(--radius);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
  animation: pulse 2.5s ease infinite;
  position: relative;
  overflow: hidden;
}
.btn-primary:hover { background: var(--accent-hover); transform: translateY(-2px); }
.btn-primary::after {
  content: ' →';
  display: inline;
}

.btn-secondary {
  display: inline-block;
  background: transparent;
  color: var(--accent);
  font-weight: 600;
  font-size: 0.95rem;
  padding: 12px 28px;
  border-radius: var(--radius);
  text-decoration: none;
  border: 2px solid var(--accent);
  cursor: pointer;
  transition: all 0.2s;
}
.btn-secondary:hover { background: var(--accent); color: white; }

/* CONTAINER */
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* SECTION */
section { padding: 52px 20px; }
section:nth-child(even) { background: var(--bg-secondary); }

.section-header {
  text-align: center;
  margin-bottom: 36px;
}
.section-header h2 {
  font-size: clamp(1.4rem, 3.5vw, 2rem);
  font-weight: 900;
  color: var(--text);
  margin-bottom: 10px;
}
.section-header p {
  color: var(--text-secondary);
  font-size: 1rem;
  max-width: 600px;
  margin: 0 auto;
}

.section-tag {
  display: inline-block;
  background: var(--accent-light);
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 20px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* TABLE WRAP */
.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin-bottom: 12px;
}
.table-wrap table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  background: white;
}
.table-wrap th {
  background: var(--accent);
  color: white;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 12px 16px;
  text-align: left;
}
.table-wrap td {
  padding: 12px 16px;
  font-size: 0.9rem;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
  color: var(--text);
}
.table-wrap tr:last-child td { border-bottom: none; }
.table-wrap tr:hover td { background: var(--accent-light); }
.table-scroll-hint {
  text-align: center;
  font-size: 0.75rem;
  color: var(--text-muted);
  font-family: var(--font-mono);
  padding: 6px 0 12px;
}

/* CASINO CARDS */
.casino-list { display: flex; flex-direction: column; gap: 14px; max-width: 960px; margin: 0 auto; }

.casino-card {
  background: white;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  transition: box-shadow 0.2s, transform 0.15s;
  overflow: hidden;
}
.casino-card:hover { box-shadow: var(--shadow-hover); transform: translateY(-2px); }
.casino-card.featured {
  border: 2px solid var(--accent);
  box-shadow: 0 4px 24px rgba(108,99,255,0.2);
}

.card-inner {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  flex-wrap: wrap;
}

.card-rank {
  width: 38px;
  min-width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--border);
  color: var(--text);
  font-family: var(--font-mono);
  font-weight: 900;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.card-rank.top1 { background: linear-gradient(135deg,#6C63FF,#9B93FF); color: white; box-shadow: 0 0 12px rgba(108,99,255,0.4); }
.card-rank.top3 { background: linear-gradient(135deg,#9B93FF,#C4C0FF); color: white; }

.card-icon { font-size: 2.2rem; flex-shrink: 0; }

.card-info { flex: 1; min-width: 160px; }
.card-name { font-size: 1rem; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.card-rating { display: flex; align-items: center; gap: 6px; margin-bottom: 5px; font-size: 0.85rem; }
.stars { color: #FFB800; letter-spacing: -1px; }
.score { font-family: var(--font-mono); font-weight: 700; color: var(--accent); }
.card-badges { display: flex; flex-wrap: wrap; gap: 5px; }
.badge {
  background: var(--accent-light);
  color: var(--accent);
  font-size: 0.7rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 20px;
}

.card-bonus { min-width: 140px; text-align: center; }
.bonus-tag { font-family: var(--font-mono); font-size: 0.65rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; }
.bonus-amount { font-family: var(--font-mono); font-size: 1.15rem; font-weight: 700; color: var(--accent); }
.bonus-cond { font-size: 0.7rem; color: var(--text-muted); margin-top: 3px; }

.card-cta { min-width: 120px; display: flex; flex-direction: column; align-items: center; gap: 5px; }
.btn-cta {
  display: block;
  background: var(--accent);
  color: white;
  font-weight: 700;
  font-size: 0.85rem;
  padding: 10px 18px;
  border-radius: var(--radius);
  text-decoration: none;
  text-align: center;
  transition: background 0.2s;
  width: 100%;
}
.btn-cta:hover { background: var(--accent-hover); }
.tc-note { font-size: 0.65rem; color: var(--text-muted); text-align: center; }

/* FEATURED BANNER */
.featured-banner {
  background: var(--accent);
  color: white;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 5px 16px;
  text-align: center;
}

/* INFO CARDS */
.info-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; max-width: 960px; margin: 0 auto; }
.info-card {
  background: white;
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent);
  border-radius: var(--radius);
  padding: 20px;
  box-shadow: var(--shadow);
}
.info-card h3 { font-size: 1rem; font-weight: 700; color: var(--text); margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
.info-card p { font-size: 0.875rem; color: var(--text-secondary); }

/* CALCULATOR */
.calculator {
  background: white;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 28px;
  box-shadow: var(--shadow);
  max-width: 560px;
  margin: 0 auto;
}
.calc-title { font-family: var(--font-mono); font-size: 0.8rem; color: var(--accent); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; font-weight: 700; }
.calc-row { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.calc-row label { font-size: 0.875rem; font-weight: 600; color: var(--text); }
.calc-row input, .calc-row select {
  background: var(--bg-secondary);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 10px 14px;
  font-family: var(--font-mono);
  font-size: 0.95rem;
  color: var(--text);
  width: 100%;
  transition: border-color 0.2s;
}
.calc-row input:focus, .calc-row select:focus { outline: none; border-color: var(--accent); }
.calc-result {
  background: var(--accent-light);
  border: 1px solid var(--border-accent);
  border-radius: var(--radius);
  padding: 16px;
  margin-top: 16px;
}
.calc-result-label { font-size: 0.75rem; color: var(--text-muted); font-family: var(--font-mono); }
.calc-result-value { font-family: var(--font-mono); font-size: 1.5rem; font-weight: 700; color: var(--accent); }
.btn-calc {
  background: var(--accent);
  color: white;
  border: none;
  border-radius: var(--radius);
  padding: 12px 28px;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  width: 100%;
  margin-top: 14px;
  transition: background 0.2s;
}
.btn-calc:hover { background: var(--accent-hover); }

/* QUIZ */
.quiz-container {
  background: white;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 28px;
  box-shadow: var(--shadow);
  max-width: 620px;
  margin: 0 auto;
}
.quiz-step { display: none; }
.quiz-step.active { display: block; animation: fadeInUp 0.3s ease both; }
.quiz-question { font-size: 1.05rem; font-weight: 700; color: var(--text); margin-bottom: 18px; }
.quiz-options { display: flex; flex-direction: column; gap: 10px; }
.quiz-option {
  background: var(--bg-secondary);
  border: 2px solid var(--border);
  border-radius: var(--radius);
  padding: 12px 18px;
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--text);
  transition: all 0.2s;
  text-align: left;
}
.quiz-option:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-light); }
.quiz-result-box {
  background: var(--accent-light);
  border: 2px solid var(--accent);
  border-radius: var(--radius);
  padding: 20px;
  text-align: center;
}
.quiz-result-name { font-size: 1.3rem; font-weight: 900; color: var(--accent); margin-bottom: 8px; }
.quiz-result-desc { font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 16px; }

/* FILTER BAR */
.filter-bar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  justify-content: center;
}
.filter-btn {
  background: white;
  border: 2px solid var(--border);
  border-radius: 20px;
  padding: 7px 18px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  color: var(--text-secondary);
  transition: all 0.2s;
}
.filter-btn:hover, .filter-btn.active { border-color: var(--accent); color: var(--accent); background: var(--accent-light); }

/* PROGRESS BAR */
.progress-bar-wrap { background: var(--border); border-radius: 20px; height: 8px; overflow: hidden; margin: 4px 0; }
.progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--accent), #9B93FF);
  border-radius: 20px;
  animation: progressFill 1.2s ease both;
}

/* HIGHLIGHT BOX */
.highlight-box {
  background: var(--accent-light);
  border: 1px solid var(--border-accent);
  border-radius: var(--radius);
  padding: 18px 20px;
  margin: 18px 0;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.highlight-box .icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; }
.highlight-box p { font-size: 0.9rem; color: var(--text); line-height: 1.6; }

/* FAQ */
.faq-item {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 10px;
  background: white;
}
.faq-question {
  padding: 16px 20px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--text);
  transition: background 0.2s;
}
.faq-question:hover { background: var(--accent-light); }
.faq-question .arrow { font-size: 0.75rem; color: var(--accent); transition: transform 0.3s; }
.faq-question.open .arrow { transform: rotate(180deg); }
.faq-answer {
  display: none;
  padding: 16px 20px;
  font-size: 0.9rem;
  color: var(--text-secondary);
  border-top: 1px solid var(--border);
  line-height: 1.7;
}

/* AUTHOR BLOCK */
.author-block {
  background: white;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--shadow);
  max-width: 680px;
  margin: 0 auto;
}
.author-info { }
.author-name { font-size: 1.1rem; font-weight: 700; color: var(--text); display: block; margin-bottom: 4px; }
.author-title { font-size: 0.85rem; color: var(--accent); font-family: var(--font-mono); display: block; margin-bottom: 10px; }
.author-bio { font-size: 0.875rem; color: var(--text-secondary); line-height: 1.7; margin-bottom: 8px; }
.author-updated { font-size: 0.75rem; color: var(--text-muted); font-family: var(--font-mono); }

/* RESPONSIBLE GAMBLING */
.rg-block {
  background: #FFF8E1;
  border: 1px solid #FFB800;
  border-radius: var(--radius);
  padding: 18px 20px;
  margin: 24px 0;
  font-size: 0.85rem;
  color: #5A4500;
}
.rg-block strong { display: block; margin-bottom: 6px; font-size: 0.95rem; }
.rg-block a { color: #5A4500; font-weight: 700; text-decoration: underline; }

/* FOOTER */
footer {
  background: var(--text);
  color: rgba(255,255,255,0.7);
  padding: 40px 20px 24px;
  margin-top: 0;
}
.footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 28px; max-width: 1000px; margin: 0 auto 28px; }
.footer-col h4 { color: white; font-size: 0.9rem; font-weight: 700; margin-bottom: 12px; font-family: var(--font-mono); }
.footer-col a { display: block; color: rgba(255,255,255,0.6); text-decoration: none; font-size: 0.85rem; margin-bottom: 6px; transition: color 0.2s; }
.footer-col a:hover { color: var(--accent); }
.footer-bottom { text-align: center; font-size: 0.8rem; color: rgba(255,255,255,0.4); border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; max-width: 1000px; margin: 0 auto; }
.footer-disclaimer { font-size: 0.8rem; color: rgba(255,255,255,0.5); text-align: center; max-width: 900px; margin: 0 auto 16px; line-height: 1.7; }

/* STICKY BAR */
.sticky-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--accent);
  color: white;
  padding: 12px 20px;
  display: none;
  align-items: center;
  justify-content: space-between;
  z-index: 200;
  box-shadow: 0 -4px 20px rgba(108,99,255,0.3);
  animation: slideBanner 0.4s ease;
  gap: 12px;
  flex-wrap: wrap;
}
.sticky-bar p { font-size: 0.875rem; font-weight: 600; }
.sticky-bar a {
  background: white;
  color: var(--accent);
  padding: 8px 20px;
  border-radius: var(--radius);
  font-weight: 700;
  text-decoration: none;
  font-size: 0.875rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.sticky-close { background: none; border: none; color: white; cursor: pointer; font-size: 1.2rem; flex-shrink: 0; }

/* POPUP */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 300;
  align-items: center;
  justify-content: center;
}
.popup-overlay.active { display: flex; }
.popup-box {
  background: white;
  border-radius: var(--radius);
  padding: 32px;
  max-width: 420px;
  width: 90%;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}
.popup-close { position: absolute; top: 12px; right: 14px; background: none; border: none; font-size: 1.4rem; cursor: pointer; color: var(--text-muted); }
.popup-emoji { font-size: 3rem; display: block; margin-bottom: 12px; }
.popup-title { font-size: 1.3rem; font-weight: 900; color: var(--text); margin-bottom: 8px; }
.popup-text { font-size: 0.9rem; color: var(--text-secondary); margin-bottom: 20px; }

/* ODDS COMPARATOR */
.odds-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px,1fr)); gap: 12px; max-width: 960px; margin: 0 auto; }
.odds-card {
  background: white;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px;
  text-align: center;
  box-shadow: var(--shadow);
  transition: transform 0.15s;
}
.odds-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.odds-site { font-weight: 700; font-size: 0.9rem; color: var(--text); margin-bottom: 4px; }
.odds-value { font-family: var(--font-mono); font-size: 1.5rem; font-weight: 700; color: var(--success); }
.odds-label { font-size: 0.7rem; color: var(--text-muted); }

/* MEDIA */
@media (max-width: 768px) {
  nav { display: none; }
  .hamburger { display: flex; }
  .card-inner { padding: 12px 14px; gap: 10px; }
  .card-bonus { text-align: left; }
  .card-cta { min-width: 100%; }
  .btn-cta { display: block; }
  .metrics-row { gap: 10px; }
  .metric-card { min-width: 120px; padding: 10px 14px; }
  section { padding: 36px 16px; }
}

@media (max-width: 480px) {
  .hero { padding: 40px 16px 28px; }
  .card-inner { flex-direction: column; align-items: flex-start; }
  .card-rank { position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; font-size: 0.75rem; }
  .casino-card { position: relative; }
  .odds-grid { grid-template-columns: repeat(2, 1fr); }
}
</style>
</head>
<body>
<!-- HEADER -->
<header>
  <a href="https://baralog.com/" class="logo">💎 スポーツベット</a>
  <nav>
    <a href="#top-list">ランキング</a>
    <a href="#bonus-compare">ボーナス比較</a>
    <a href="#odds">オッズ</a>
    <a href="#payments">入出金</a>
    <a href="#faq">FAQ</a>
  </nav>
  <button class="hamburger" aria-label="メニューを開く" onclick="openMobileNav()">
    <span></span><span></span><span></span>
  </button>
</header>

<div class="mobile-nav" id="mobileNav">
  <button class="mobile-nav-close" onclick="closeMobileNav()">✕</button>
  <a href="#top-list" onclick="closeMobileNav()">ランキング</a>
  <a href="#bonus-compare" onclick="closeMobileNav()">ボーナス比較</a>
  <a href="#odds" onclick="closeMobileNav()">オッズ</a>
  <a href="#payments" onclick="closeMobileNav()">入出金</a>
  <a href="#faq" onclick="closeMobileNav()">FAQ</a>
</div>

<!-- HERO -->
<section class="hero" id="hero">
  <div class="hero-label">データドリブン比較 2026</div>
  <h1>スポーツベットボーナス比較2026<br>最高のウェルカムオファーを見つけよう</h1>
  <p class="hero-sub">7年のベッティング分析経験をもとに、日本人プレイヤー向けオンラインスポーツベットサイトのボーナス・オッズ・入出金方法を徹底比較。データに基づいた信頼できる情報をお届けします。</p>

  <div class="metrics-row">
    <div class="metric-card">
      <span class="metric-value" id="reg-counter-hero">7,482</span>
      <span class="metric-label">登録者数</span>
    </div>
    <div class="metric-card">
      <span class="metric-value" id="online-counter-hero">384</span>
      <span class="metric-label">現在オンライン</span>
    </div>
    <div class="metric-card">
      <span class="metric-value">10社</span>
      <span class="metric-label">比較対象</span>
    </div>
    <div class="metric-card">
      <span class="metric-value">¥30,000</span>
      <span class="metric-label">最大ボーナス</span>
    </div>
  </div>

  <div class="social-proof">
    <span>✅ 10サイト比較済み</span>
    <span>✅ 毎月更新</span>
    <span>✅ 18禁・責任あるゲーム</span>
  </div>

  <div style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap;">
    <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-primary">最高ボーナスを受け取る</a>
    <a href="#top-list" class="btn-secondary">ランキングを見る</a>
  </div>

  <div style="margin-top:16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;">
    <span style="font-size:0.75rem;color:#8888AA;display:flex;align-items:center;gap:4px;background:#F8F9FF;padding:5px 12px;border-radius:20px;">🔒 SSL暗号化</span>
    <span style="font-size:0.75rem;color:#8888AA;display:flex;align-items:center;gap:4px;background:#F8F9FF;padding:5px 12px;border-radius:20px;">🛡️ 海外ライセンス</span>
    <span style="font-size:0.75rem;color:#8888AA;display:flex;align-items:center;gap:4px;background:#F8F9FF;padding:5px 12px;border-radius:20px;">⚡ 即時入金</span>
  </div>
</section>

<!-- TOP 10 LIST -->
<section id="top-list" style="background:var(--bg-secondary);padding:52px 20px;">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">RANKING 2026</div>
      <h2>2026年おすすめスポーツベットサイト比較</h2>
      <p>ボーナス金額・オッズ・信頼性・入出金方法の4基準で10社を比較。データに基づくランキングです。</p>
    </div>

    <!-- FILTER BAR -->
    <div class="filter-bar" id="filterBar">
      <button class="filter-btn active" onclick="filterCards('all', this)">すべて</button>
      <button class="filter-btn" onclick="filterCards('bonus', this)">高ボーナス</button>
      <button class="filter-btn" onclick="filterCards('odds', this)">高オッズ</button>
      <button class="filter-btn" onclick="filterCards('crypto', this)">暗号通貨</button>
      <button class="filter-btn" onclick="filterCards('esports', this)">eスポーツ</button>
    </div>

    <!-- SOCIAL PROOF COUNTER -->
    <div style="text-align:center;margin-bottom:20px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;">
      <span style="background:white;border:1px solid var(--border);padding:8px 18px;border-radius:var(--radius);font-family:var(--font-mono);font-size:0.85rem;">
        👥 登録者: <strong class="reg-counter" id="regCounterMain" style="color:var(--accent);">7,482</strong>名
      </span>
      <span style="background:white;border:1px solid var(--border);padding:8px 18px;border-radius:var(--radius);font-family:var(--font-mono);font-size:0.85rem;">
        🟢 オンライン: <strong class="online-counter" id="onlineCounterMain" style="color:var(--success);">384</strong>名
      </span>
    </div>

    <div class="casino-list" id="casinoList">

      <!-- #1 1xBet -->
      <div class="casino-card featured" data-tags="bonus,crypto">
        <div class="featured-banner">🏆 編集部イチオシ — 最高ボーナス</div>
        <div class="card-inner">
          <div class="card-rank top1">#1</div>
          <div class="card-icon">🎯</div>
          <div class="card-info">
            <div class="card-name">1xBet Japan</div>
            <div class="card-rating">
              <span class="stars">★★★★★</span>
              <span class="score">9.8</span>
              <span style="font-size:0.78rem;color:#8888AA;">/10</span>
            </div>
            <div class="card-badges">
              <span class="badge">🔒 Curaçao認可</span>
              <span class="badge">₿ 暗号通貨対応</span>
              <span class="badge">⚽ 1000以上のスポーツ</span>
            </div>
          </div>
          <div class="card-bonus">
            <div class="bonus-tag">ウェルカムボーナス</div>
            <div class="bonus-amount">¥30,000</div>
            <div class="bonus-cond">初回入金100%</div>
          </div>
          <div class="card-cta">
            <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-cta">ボーナスを受取</a>
            <div class="tc-note">18+ · T&C適用</div>
          </div>
        </div>
      </div>

      <!-- #2 Marathonbet -->
      <div class="casino-card" data-tags="bonus,odds">
        <div class="card-inner">
          <div class="card-rank top3">#2</div>
          <div class="card-icon">⚽</div>
          <div class="card-info">
            <div class="card-name">Marathonbet Japan</div>
            <div class="card-rating">
              <span class="stars">★★★★★</span>
              <span class="score">9.5</span>
              <span style="font-size:0.78rem;color:#8888AA;">/10</span>
            </div>
            <div class="card-badges">
              <span class="badge">⚽ サッカー特化</span>
              <span class="badge">📊 高オッズ</span>
              <span class="badge">🔒 Malta認可</span>
            </div>
          </div>
          <div class="card-bonus">
            <div class="bonus-tag">ウェルカムボーナス</div>
            <div class="bonus-amount">¥20,000</div>
            <div class="bonus-cond">初回入金50%</div>
          </div>
          <div class="card-cta">
            <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-cta">ボーナスを受取</a>
            <div class="tc-note">18+ · T&C適用</div>
          </div>
        </div>
      </div>

      <!-- #3 William Hill -->
      <div class="casino-card" data-tags="bonus,odds">
        <div class="card-inner">
          <div class="card-rank top3">#3</div>
          <div class="card-icon">🏛️</div>
          <div class="card-info">
            <div class="card-name">William Hill Japan</div>
            <div class="card-rating">
              <span class="stars">★★★★★</span>
              <span class="score">9.4</span>
              <span style="font-size:0.78rem;color:#8888AA;">/10</span>
            </div>
            <div class="card-badges">
              <span class="badge">🏅 100年以上の歴史</span>
              <span class="badge">🔒 UKGC認可</span>
              <span class="badge">💳 多彩な入金</span>
            </div>
          </div>
          <div class="card-bonus">
            <div class="bonus-tag">ウェルカムボーナス</div>
            <div class="bonus-amount">¥15,000</div>
            <div class="bonus-cond">フリーベット</div>
          </div>
          <div class="card-cta">
            <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-cta">ボーナスを受取</a>
            <div class="tc-note">18+ · T&C適用</div>
          </div>
        </div>
      </div>

      <!-- #4 Betway -->
      <div class="casino-card" data-tags="esports,bonus">
        <div class="card-inner">
          <div class="card-rank">#4</div>
          <div class="card-icon">🎮</div>
          <div class="card-info">
            <div class="card-name">Betway Japan</div>
            <div class="card-rating">
              <span class="stars">★★★★☆</span>
              <span class="score">9.2</span>
              <span style="font-size:0.78rem;color:#8888AA;">/10</span>
            </div>
            <div class="card-badges">
              <span class="badge">🎮 eスポーツ特化</span>
              <span class="badge">🔒 MGA認可</span>
              <span class="badge">📱 モバイルアプリ</span>
            </div>
          </div>
          <div class="card-bonus">
            <div class="bonus-tag">ウェルカムボーナス</div>
            <div class="bonus-amount">¥12,000</div>
            <div class="bonus-cond">フリーベット</div>
          </div>
          <div class="card-cta">
            <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-cta">ボーナスを受取</a>
            <div class="tc-note">18+ · T&C適用</div>
          </div>
        </div>
      </div>

      <!-- #5 22Bet -->
      <div class="casino-card" data-tags="crypto,bonus">
        <div class="card-inner">
          <div class="card-rank">#5</div>
          <div class="card-icon">₿</div>
          <div class="card-info">
            <div class="card-name">22Bet Japan</div>
            <div class="card-rating">
              <span class="stars">★★★★☆</span>
              <span class="score">9.0</span>
              <span style="font-size:0.78rem;color:#8888AA;">/10</span>
            </div>
            <div class="card-badges">
              <span class="badge">₿ 暗号通貨対応</span>
              <span class="badge">🔒 Curaçao認可</span>
              <span class="badge">⚡ 即時出金</span>
            </div>
          </div>
          <div class="card-bonus">
            <div class="bonus-tag">ウェルカムボーナス</div>
            <div class="bonus-amount">¥15,000</div>
            <div class="bonus-cond">初回入金100%</div>
          </div>
          <div class="card-cta">
            <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-cta">ボーナスを受取</a>
            <div class="tc-note">18+ · T&C適用</div>
          </div>
        </div>
      </div>

      <!-- #6 Unibet -->
      <div class="casino-card" data-tags="bonus">
        <div class="card-inner">
          <div class="card-rank">#6</div>
          <div class="card-icon">📺</div>
          <div class="card-info">
            <div class="card-name">Unibet Japan</div>
            <div class="card-rating">
              <span class="stars">★★★★☆</span>
              <span class="score">8.9</span>
              <span style="font-size:0.78rem;color:#8888AA;">/10</span>
            </div>
            <div class="card-badges">
              <span class="badge">📺 ライブストリーミング</span>
              <span class="badge">🔒 MGA認可</span>
              <span class="badge">⚽ 多彩なスポーツ</span>
            </div>
          </div>
          <div class="card-bonus">
            <div class="bonus-tag">ウェルカムボーナス</div>
            <div class="bonus-amount">¥10,000</div>
            <div class="bonus-cond">フリーベット</div>
          </div>
          <div class="card-cta">
            <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-cta">ボーナスを受取</a>
            <div class="tc-note">18+ · T&C適用</div>
          </div>
        </div>
      </div>

      <!-- #7 Parimatch -->
      <div class="casino-card" data-tags="bonus">
        <div class="card-inner">
          <div class="card-rank">#7</div>
          <div class="card-icon">🎾</div>
          <div class="card-info">
            <div class="card-name">Parimatch Japan</div>
            <div class="card-rating">
              <span class="stars">★★★★☆</span>
              <span class="score">8.7</span>
              <span style="font-size:0.78rem;color:#8888AA;">/10</span>
            </div>
            <div class="card-badges">
              <span class="badge">🎾 テニス特化</span>
              <span class="badge">🏏 クリケット対応</span>
              <span class="badge">📱 高品質アプリ</span>
            </div>
          </div>
          <div class="card-bonus">
            <div class="bonus-tag">ウェルカムボーナス</div>
            <div class="bonus-amount">¥10,000</div>
            <div class="bonus-cond">初回入金80%</div>
          </div>
          <div class="card-cta">
            <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-cta">ボーナスを受取</a>
            <div class="tc-note">18+ · T&C適用</div>
          </div>
        </div>
      </div>

      <!-- #8 888sport -->
      <div class="casino-card" data-tags="odds">
        <div class="card-inner">
          <div class="card-rank">#8</div>
          <div class="card-icon">⚡</div>
          <div class="card-info">
            <div class="card-name">888sport Japan</div>
            <div class="card-rating">
              <span class="stars">★★★★☆</span>
              <span class="score">8.5</span>
              <span style="font-size:0.78rem;color:#8888AA;">/10</span>
            </div>
            <div class="card-badges">
              <span class="badge">🔒 MGA認可</span>
              <span class="badge">📊 高オッズ</span>
              <span class="badge">💬 日本語サポート</span>
            </div>
          </div>
          <div class="card-bonus">
            <div class="bonus-tag">ウェルカムボーナス</div>
            <div class="bonus-amount">¥8,000</div>
            <div class="bonus-cond">フリーベット</div>
          </div>
          <div class="card-cta">
            <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-cta">ボーナスを受取</a>
            <div class="tc-note">18+ · T&C適用</div>
          </div>
        </div>
      </div>

      <!-- #9 Pinnacle -->
      <div class="casino-card" data-tags="odds">
        <div class="card-inner">
          <div class="card-rank">#9</div>
          <div class="card-icon">📊</div>
          <div class="card-info">
            <div class="card-name">Pinnacle Japan</div>
            <div class="card-rating">
              <span class="stars">★★★★☆</span>
              <span class="score">8.4</span>
              <span style="font-size:0.78rem;color:#8888AA;">/10</span>
            </div>
            <div class="card-badges">
              <span class="badge">🎯 プロ向け</span>
              <span class="badge">📈 最高オッズ</span>
              <span class="badge">♾️ 制限なし</span>
            </div>
          </div>
          <div class="card-bonus">
            <div class="bonus-tag">特徴</div>
            <div class="bonus-amount">最高オッズ</div>
            <div class="bonus-cond">制限なしポリシー</div>
          </div>
          <div class="card-cta">
            <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-cta">詳細を見る</a>
            <div class="tc-note">18+ · T&C適用</div>
          </div>
        </div>
      </div>

      <!-- #10 Bet365 -->
      <div class="casino-card" data-tags="odds">
        <div class="card-inner">
          <div class="card-rank">#10</div>
          <div class="card-icon">🌍</div>
          <div class="card-info">
            <div class="card-name">Bet365 Japan</div>
            <div class="card-rating">
              <span class="stars">★★★★☆</span>
              <span class="score">8.3</span>
              <span style="font-size:0.78rem;color:#8888AA;">/10</span>
            </div>
            <div class="card-badges">
              <span class="badge">🌍 世界最大</span>
              <span class="badge">📺 ライブベット</span>
              <span class="badge">⚾ 野球対応</span>
            </div>
          </div>
          <div class="card-bonus">
            <div class="bonus-tag">ウェルカムボーナス</div>
            <div class="bonus-amount">¥5,000</div>
            <div class="bonus-cond">フリーベット</div>
          </div>
          <div class="card-cta">
            <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-cta">ボーナスを受取</a>
            <div class="tc-note">18+ · T&C適用</div>
          </div>
        </div>
      </div>

    </div><!-- casino-list -->
  </div>
</section>

<!-- BONUS CALCULATOR INTERACTIVE -->
<section id="calculator" style="padding:52px 20px;background:var(--bg);">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">INTERACTIVE TOOL</div>
      <h2>ボーナス計算機：実質受取額をシミュレーション</h2>
      <p>入金額とサイトを選択して、実際に受け取れるボーナス金額と賭け条件クリアに必要な金額を計算しましょう。</p>
    </div>
    <div class="calculator">
      <div class="calc-title">// BONUS_CALCULATOR_v2.6</div>
      <div class="calc-row">
        <label for="calcSite">スポーツベットサイト</label>
        <select id="calcSite" onchange="calcBonus()">
          <option value="1xbet">1xBet Japan — ¥30,000（100%）</option>
          <option value="marathon">Marathonbet Japan — ¥20,000（50%）</option>
          <option value="williamhill">William Hill Japan — ¥15,000（フリーベット）</option>
          <option value="22bet">22Bet Japan — ¥15,000（100%）</option>
          <option value="betway">Betway Japan — ¥12,000（フリーベット）</option>
          <option value="unibet">Unibet Japan — ¥10,000（フリーベット）</option>
          <option value="bet365">Bet365 Japan — ¥5,000（フリーベット）</option>
        </select>
      </div>
      <div class="calc-row">
        <label for="calcDeposit">初回入金額（円）</label>
        <input type="number" id="calcDeposit" value="10000" min="1000" max="100000" step="1000" onchange="calcBonus()" oninput="calcBonus()" />
      </div>
      <div class="calc-row">
        <label for="calcWager">賭け条件（倍）</label>
        <select id="calcWager" onchange="calcBonus()">
          <option value="10">10倍（低い — 有利）</option>
          <option value="20">20倍（標準）</option>
          <option value="30" selected>30倍（一般的）</option>
          <option value="40">40倍（高い）</option>
          <option value="50">50倍（非常に高い）</option>
        </select>
      </div>
      
      <div class="calc-result">
        <div class="calc-result-label">// 受取ボーナス額</div>
        <div class="calc-result-value" id="calcBonusResult">¥10,000</div>
        <div style="margin-top:10px;font-size:0.78rem;color:#8888AA;">
          クリア必要金額: <strong id="calcClearResult" style="color:var(--text);">¥300,000</strong>
          <span style="margin-left:10px;">実質価値: <strong id="calcRealValue" style="color:var(--success);">¥10,000</strong></span>
        </div>
      </div>
      <div style="margin-top:14px;text-align:center;">
        <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-primary" style="animation:none;font-size:0.9rem;padding:11px 24px;">最高ボーナスサイトへ</a>
      </div>
    </div>
  </div>
</section>
<!-- BONUS COMPARISON TABLE -->
<section id="bonus-compare" style="padding:52px 20px;background:var(--bg-secondary);">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">DATA TABLE</div>
      <h2>ウェルカムボーナス・プロモーション徹底比較</h2>
      <p>各スポーツベットサイトのボーナス条件を一覧表で比較。ボーナスベット・キャッシュバック・フリーベットの全タイプを網羅。</p>
    </div>

    <div class="highlight-box">
      <div class="icon">💡</div>
      <p>ウェルカムボーナスの実質価値はボーナス金額だけでなく、賭け条件（ウェイジャリング）の低さが重要です。賭け条件が10〜20倍のサイトは優良です。30倍を超える場合は注意が必要です。</p>
    </div>

    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>サイト名</th>
            <th>ボーナス種類</th>
            <th>最大ボーナス</th>
            <th>賭け条件</th>
            <th>有効期限</th>
            <th>最低入金</th>
            <th>評価</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>1xBet Japan</strong></td>
            <td>入金ボーナス100%</td>
            <td style="color:var(--accent);font-weight:700;">¥30,000</td>
            <td><span style="background:#E8FFE8;color:#007700;padding:2px 8px;border-radius:20px;font-size:0.8rem;">5倍</span></td>
            <td>30日間</td>
            <td>¥1,000</td>
            <td><span style="color:#FFB800;">★★★★★</span></td>
          </tr>
          <tr>
            <td><strong>Marathonbet Japan</strong></td>
            <td>入金ボーナス50%</td>
            <td style="color:var(--accent);font-weight:700;">¥20,000</td>
            <td><span style="background:#E8FFE8;color:#007700;padding:2px 8px;border-radius:20px;font-size:0.8rem;">5倍</span></td>
            <td>30日間</td>
            <td>¥2,000</td>
            <td><span style="color:#FFB800;">★★★★★</span></td>
          </tr>
          <tr>
            <td><strong>William Hill Japan</strong></td>
            <td>フリーベット</td>
            <td style="color:var(--accent);font-weight:700;">¥15,000</td>
            <td><span style="background:#FFF8E1;color:#8B6500;padding:2px 8px;border-radius:20px;font-size:0.8rem;">1倍</span></td>
            <td>7日間</td>
            <td>¥2,000</td>
            <td><span style="color:#FFB800;">★★★★★</span></td>
          </tr>
          <tr>
            <td><strong>22Bet Japan</strong></td>
            <td>入金ボーナス100%</td>
            <td style="color:var(--accent);font-weight:700;">¥15,000</td>
            <td><span style="background:#E8FFE8;color:#007700;padding:2px 8px;border-radius:20px;font-size:0.8rem;">5倍</span></td>
            <td>30日間</td>
            <td>¥1,500</td>
            <td><span style="color:#FFB800;">★★★★☆</span></td>
          </tr>
          <tr>
            <td><strong>Betway Japan</strong></td>
            <td>フリーベット</td>
            <td style="color:var(--accent);font-weight:700;">¥12,000</td>
            <td><span style="background:#FFF8E1;color:#8B6500;padding:2px 8px;border-radius:20px;font-size:0.8rem;">1倍</span></td>
            <td>7日間</td>
            <td>¥2,000</td>
            <td><span style="color:#FFB800;">★★★★☆</span></td>
          </tr>
          <tr>
            <td><strong>Unibet Japan</strong></td>
            <td>フリーベット</td>
            <td style="color:var(--accent);font-weight:700;">¥10,000</td>
            <td><span style="background:#FFF8E1;color:#8B6500;padding:2px 8px;border-radius:20px;font-size:0.8rem;">1倍</span></td>
            <td>14日間</td>
            <td>¥2,500</td>
            <td><span style="color:#FFB800;">★★★★☆</span></td>
          </tr>
          <tr>
            <td><strong>888sport Japan</strong></td>
            <td>フリーベット</td>
            <td style="color:var(--accent);font-weight:700;">¥8,000</td>
            <td><span style="background:#FFF8E1;color:#8B6500;padding:2px 8px;border-radius:20px;font-size:0.8rem;">1倍</span></td>
            <td>7日間</td>
            <td>¥2,000</td>
            <td><span style="color:#FFB800;">★★★★☆</span></td>
          </tr>
          <tr>
            <td><strong>Bet365 Japan</strong></td>
            <td>フリーベット</td>
            <td style="color:var(--accent);font-weight:700;">¥5,000</td>
            <td><span style="background:#FFF8E1;color:#8B6500;padding:2px 8px;border-radius:20px;font-size:0.8rem;">1倍</span></td>
            <td>7日間</td>
            <td>¥1,500</td>
            <td><span style="color:#FFB800;">★★★★☆</span></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="table-scroll-hint">← 横スクロールで全データを確認 →</div>

    <!-- BONUS TYPES INFO -->
    <div style="margin-top:28px;">
      <h3 style="font-size:1.05rem;font-weight:700;margin-bottom:16px;color:var(--text);">ボーナスの種類を理解する</h3>
      <div class="info-grid">
        <div class="info-card">
          <h3>💰 入金ボーナス</h3>
          <p>初回入金額の一定割合（50〜100%）が上乗せされます。1xBetの100%ボーナスは入金と同額が加算され、最大¥30,000まで。賭け条件が低いほどお得。</p>
        </div>
        <div class="info-card">
          <h3>🎟️ フリーベット</h3>
          <p>特定の条件（初回入金など）を満たすと無料のベットが付与されます。賭け条件が1倍であれば実質的なキャッシュに近い価値があります。</p>
        </div>
        <div class="info-card">
          <h3>💸 キャッシュバック</h3>
          <p>負けた額の一定割合が返金されます。リスクを抑えてスポーツベッティングを楽しみたい方に最適。週次・月次で行われることが多い。</p>
        </div>
        <div class="info-card">
          <h3>🎁 リロードボーナス</h3>
          <p>2回目以降の入金時にも受け取れるボーナスです。定期的に提供されるプロモーションで、長期的なプレイヤーへの還元が特徴です。</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ODDS COMPARISON -->
<section id="odds" style="padding:52px 20px;background:var(--bg);">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">ODDS DATA</div>
      <h2>オッズ比較：どのブックメーカーが最高か</h2>
      <p>サッカー・野球・テニスなど主要スポーツのオッズを比較。高いオッズ = より多くの払戻金。データに基づくオッズ分析。</p>
    </div>

    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>スポーツブック</th>
            <th>サッカー（平均）</th>
            <th>野球賭け</th>
            <th>テニスベット</th>
            <th>バスケットボール</th>
            <th>eスポーツ</th>
            <th>ペイアウト率</th>
          </tr>
        </thead>
        <tbody>
          <tr style="background:#F8F9FF;">
            <td><strong>Pinnacle Japan</strong> 🥇</td>
            <td style="color:var(--success);font-weight:700;">2.02</td>
            <td style="color:var(--success);font-weight:700;">2.10</td>
            <td style="color:var(--success);font-weight:700;">2.05</td>
            <td style="color:var(--success);font-weight:700;">2.08</td>
            <td style="color:var(--success);font-weight:700;">2.00</td>
            <td><span style="color:var(--success);font-weight:700;font-family:var(--font-mono);">97.5%</span></td>
          </tr>
          <tr>
            <td><strong>Marathonbet Japan</strong></td>
            <td>1.98</td>
            <td>2.05</td>
            <td>1.97</td>
            <td>2.02</td>
            <td>1.95</td>
            <td><span style="font-family:var(--font-mono);">96.8%</span></td>
          </tr>
          <tr>
            <td><strong>1xBet Japan</strong></td>
            <td>1.95</td>
            <td>2.00</td>
            <td>1.94</td>
            <td>1.98</td>
            <td>1.96</td>
            <td><span style="font-family:var(--font-mono);">96.2%</span></td>
          </tr>
          <tr>
            <td><strong>888sport Japan</strong></td>
            <td>1.93</td>
            <td>1.98</td>
            <td>1.92</td>
            <td>1.95</td>
            <td>1.88</td>
            <td><span style="font-family:var(--font-mono);">95.8%</span></td>
          </tr>
          <tr>
            <td><strong>William Hill Japan</strong></td>
            <td>1.91</td>
            <td>1.96</td>
            <td>1.90</td>
            <td>1.93</td>
            <td>1.85</td>
            <td><span style="font-family:var(--font-mono);">95.2%</span></td>
          </tr>
          <tr>
            <td><strong>Bet365 Japan</strong></td>
            <td>1.90</td>
            <td>1.95</td>
            <td>1.89</td>
            <td>1.91</td>
            <td>1.84</td>
            <td><span style="font-family:var(--font-mono);">95.0%</span></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="table-scroll-hint">← 横スクロールで全データを確認 →</div>

    <div style="margin-top:24px;">
      <div class="highlight-box">
        <div class="icon">📊</div>
        <p><strong>ペイアウト率（RTP）とは？</strong> ブックメーカーが受け取った賭け金のうち、プレイヤーへの払い戻し割合です。Pinnacle Japanの97.5%は業界最高水準。一般的なブックメーカーは90〜95%程度のため、Pinnacleのオッズ比較でいかに有利かがわかります。</p>
      </div>
    </div>

    <!-- REAL-TIME ODDS DISPLAY -->
    <div style="margin-top:28px;">
      <h3 style="font-size:1.05rem;font-weight:700;margin-bottom:16px;text-align:center;color:var(--text);">主要スポーツのオッズ比較（模擬データ）</h3>
      <div class="odds-grid" id="oddsGrid">
        <div class="odds-card">
          <div class="odds-site">Pinnacle</div>
          <div class="odds-value">2.02</div>
          <div class="odds-label">⚽ サッカー平均</div>
        </div>
        <div class="odds-card">
          <div class="odds-site">Marathon</div>
          <div class="odds-value">1.98</div>
          <div class="odds-label">⚽ サッカー平均</div>
        </div>
        <div class="odds-card">
          <div class="odds-site">1xBet</div>
          <div class="odds-value">1.95</div>
          <div class="odds-label">⚽ サッカー平均</div>
        </div>
        <div class="odds-card">
          <div class="odds-site">William H.</div>
          <div class="odds-value">1.91</div>
          <div class="odds-label">⚽ サッカー平均</div>
        </div>
        <div class="odds-card">
          <div class="odds-site">Pinnacle</div>
          <div class="odds-value">2.10</div>
          <div class="odds-label">⚾ 野球賭け</div>
        </div>
        <div class="odds-card">
          <div class="odds-site">1xBet</div>
          <div class="odds-value">2.00</div>
          <div class="odds-label">⚾ 野球賭け</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- QUIZ INTERACTIVE -->
<section id="quiz" style="padding:52px 20px;background:var(--bg-secondary);">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">QUIZ TOOL</div>
      <h2>あなたに合うスポーツベットサイトはどれ？</h2>
      <p>3つの質問に答えるだけで、あなたのスタイルに最適なスポーツベッティングサイトをデータから推薦します。</p>
    </div>
    <div class="quiz-container">
      <div class="quiz-step active" id="quiz-1">
        <div class="quiz-question">Q1. スポーツベットで最も重視することは？</div>
        <div class="quiz-options">
          <button class="quiz-option" onclick="quizAnswer(1,'bonus')">💰 大きなウェルカムボーナスが欲しい</button>
          <button class="quiz-option" onclick="quizAnswer(1,'odds')">📊 より高いオッズで稼ぎたい</button>
          <button class="quiz-option" onclick="quizAnswer(1,'crypto')">₿ 暗号通貨で入出金したい</button>
          <button class="quiz-option" onclick="quizAnswer(1,'esports')">🎮 eスポーツに賭けたい</button>
        </div>
      </div>

      <div class="quiz-step" id="quiz-2">
        <div class="quiz-question">Q2. 主に賭けるスポーツは？</div>
        <div class="quiz-options">
          <button class="quiz-option" onclick="quizAnswer(2,'soccer')">⚽ サッカー・野球</button>
          <button class="quiz-option" onclick="quizAnswer(2,'tennis')">🎾 テニス・バスケットボール</button>
          <button class="quiz-option" onclick="quizAnswer(2,'live')">📺 ライブベッティング</button>
          <button class="quiz-option" onclick="quizAnswer(2,'multi')">🏆 複数スポーツ</button>
        </div>
      </div>

      <div class="quiz-step" id="quiz-3">
        <div class="quiz-question">Q3. 希望する入金方法は？</div>
        <div class="quiz-options">
          <button class="quiz-option" onclick="quizAnswer(3,'bank')">🏦 銀行振込・コンビニ払い</button>
          <button class="quiz-option" onclick="quizAnswer(3,'card')">💳 クレジットカード</button>
          <button class="quiz-option" onclick="quizAnswer(3,'ewallet')">📱 電子マネー（Neteller/Skrill）</button>
          <button class="quiz-option" onclick="quizAnswer(3,'btc')">₿ 暗号通貨</button>
        </div>
      </div>

      <div class="quiz-step" id="quiz-result">
        <div class="quiz-result-box" id="quizResultBox">
          <div class="quiz-result-name" id="quizResultName">1xBet Japan</div>
          <div class="quiz-result-desc" id="quizResultDesc">ボーナス重視のあなたに最適です。¥30,000の業界最高ボーナスと1000以上のスポーツ対応。</div>
          <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-primary" style="font-size:0.9rem;padding:11px 24px;animation:none;">このサイトで始める</a>
        </div>
        <div style="text-align:center;margin-top:16px;">
          <button onclick="restartQuiz()" style="background:none;border:none;color:var(--accent);cursor:pointer;font-size:0.875rem;text-decoration:underline;">もう一度試す</button>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- PAYMENTS -->
<section id="payments" style="padding:52px 20px;background:var(--bg);">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">PAYMENTS</div>
      <h2>入出金方法ガイド：日本のスポーツベット</h2>
      <p>銀行振込・コンビニ払い・電子マネー・暗号通貨など、日本対応の入出金方法を完全解説。</p>
    </div>

    <div class="table-wrap">
      <table>
        <thead>
          <tr>
            <th>入出金方法</th>
            <th>入金上限</th>
            <th>出金上限</th>
            <th>入金時間</th>
            <th>出金時間</th>
            <th>手数料</th>
            <th>対応サイト数</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>🏦 銀行振込</td>
            <td>¥1,000,000</td>
            <td>¥500,000</td>
            <td>1〜3営業日</td>
            <td>3〜5営業日</td>
            <td>振込手数料のみ</td>
            <td>10/10</td>
          </tr>
          <tr>
            <td>🏪 コンビニ払い</td>
            <td>¥300,000</td>
            <td>非対応</td>
            <td>即時</td>
            <td>—</td>
            <td>無料〜¥110</td>
            <td>8/10</td>
          </tr>
          <tr>
            <td>💳 クレジットカード</td>
            <td>¥200,000</td>
            <td>¥100,000</td>
            <td>即時</td>
            <td>1〜3営業日</td>
            <td>無料〜1.5%</td>
            <td>9/10</td>
          </tr>
          <tr>
            <td>📱 電子マネー（Neteller）</td>
            <td>無制限</td>
            <td>無制限</td>
            <td>即時</td>
            <td>24時間以内</td>
            <td>2.5%</td>
            <td>8/10</td>
          </tr>
          <tr>
            <td>📱 電子マネー（Skrill）</td>
            <td>無制限</td>
            <td>無制限</td>
            <td>即時</td>
            <td>24時間以内</td>
            <td>2.9%</td>
            <td>7/10</td>
          </tr>
          <tr style="background:#F8F9FF;">
            <td>₿ 暗号通貨（BTC）</td>
            <td>無制限</td>
            <td>無制限</td>
            <td style="color:var(--success);font-weight:700;">10〜30分</td>
            <td style="color:var(--success);font-weight:700;">1時間以内</td>
            <td style="color:var(--success);font-weight:700;">ネットワーク手数料のみ</td>
            <td>4/10</td>
          </tr>
          <tr style="background:#F8F9FF;">
            <td>₿ 暗号通貨（ETH/USDT）</td>
            <td>無制限</td>
            <td>無制限</td>
            <td style="color:var(--success);font-weight:700;">5〜15分</td>
            <td style="color:var(--success);font-weight:700;">30分以内</td>
            <td style="color:var(--success);font-weight:700;">最小手数料</td>
            <td>4/10</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="table-scroll-hint">← 横スクロールで全データを確認 →</div>

    <div style="margin-top:24px;">
      <div class="highlight-box">
        <div class="icon">⚡</div>
        <p><strong>最速の入出金方法：</strong>暗号通貨（特にETH/USDT）は最も速く、出金まで30分以内が可能です。プライバシー保護にも優れており、1xBet Japan・22Bet Japanが完全対応しています。日本円を直接使いたい場合はコンビニ払い（即時入金）が最も簡単です。</p>
      </div>
    </div>
  </div>
</section>

<!-- LIVE BETTING & SPORTS GUIDE -->
<section id="live-betting" style="padding:52px 20px;background:var(--bg-secondary);">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">LIVE BETTING</div>
      <h2>ライブベッティングの選び方</h2>
      <p>試合進行中にリアルタイムでオッズが変わるライブベッティング。戦略的に活用するための選択基準を解説します。</p>
    </div>
    <div class="info-grid">
      <div class="info-card">
        <h3>⚡ Bet365 Japan</h3>
        <p>業界最高水準のライブベット機能。リアルタイム統計、ストリーミング映像付き。サッカー・テニス・野球すべてに対応。ライブベッティング専門のインターフェースが秀逸。</p>
        <div style="margin-top:10px;"><a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" style="color:var(--accent);font-weight:700;font-size:0.85rem;text-decoration:none;">詳細を見る →</a></div>
      </div>
      <div class="info-card">
        <h3>📺 Unibet Japan</h3>
        <p>ライブストリーミングとインプレイベットの融合が評価高い。1,000以上のイベントを毎月ライブ配信。バスケットボールベット・テニスベット特に充実。</p>
        <div style="margin-top:10px;"><a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" style="color:var(--accent);font-weight:700;font-size:0.85rem;text-decoration:none;">詳細を見る →</a></div>
      </div>
      <div class="info-card">
        <h3>🎯 1xBet Japan</h3>
        <p>1000以上のスポーツをカバーするライブベッティング。マイナースポーツのライブベットも充実。オッズ変動が速く、戦略的なインプレイベットが可能。</p>
        <div style="margin-top:10px;"><a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" style="color:var(--accent);font-weight:700;font-size:0.85rem;text-decoration:none;">詳細を見る →</a></div>
      </div>
      <div class="info-card">
        <h3>📊 Pinnacle Japan</h3>
        <p>プロベッター御用達のライブベッティング。業界最高水準のオッズをインプレイでも維持。制限なしポリシーのため、勝者のアカウントも安心して使用できる。</p>
        <div style="margin-top:10px;"><a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" style="color:var(--accent);font-weight:700;font-size:0.85rem;text-decoration:none;">詳細を見る →</a></div>
      </div>
    </div>
  </div>
</section>

<!-- SPORTS GUIDE -->
<section id="sports-guide" style="padding:52px 20px;background:var(--bg);">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">SPORTS GUIDE</div>
      <h2>スポーツ別おすすめブックメーカー</h2>
      <p>サッカーベット・野球賭け・テニスベット・バスケットボールベット・eスポーツベット別の最適サイトを紹介。</p>
    </div>
    <div class="info-grid">
      <div class="info-card">
        <h3>⚽ サッカーベット</h3>
        <p>Marathonbet Japanはサッカー特化ブックメーカーとして業界内で高い評価を誇ります。プレミアリーグ・チャンピオンズリーグ・Jリーグなど国内外のリーグを網羅。特に試合前の詳細なオッズ設定が優秀。</p>
      </div>
      <div class="info-card">
        <h3>⚾ 野球賭け</h3>
        <p>Bet365 JapanはMLBと日本プロ野球（NPB）の両方をカバー。試合前オッズ・ライブベット・合計点数など多彩なベット形式を提供。野球賭けの豊富なマーケットが特徴的。</p>
      </div>
      <div class="info-card">
        <h3>🎾 テニスベット</h3>
        <p>Parimatch JapanとUnibet JapanはATOur・WTAの全グランドスラムをカバー。セット勝者・試合スコア・ゲーム数などマーケットが豊富。ライブベットでのテニス戦略が立てやすい。</p>
      </div>
      <div class="info-card">
        <h3>🏀 バスケットボールベット</h3>
        <p>NBA・Bリーグ（日本プロバスケ）のベットはBetway Japanと1xBet Japanが最適。ハンディキャップ・オーバーアンダー・クォーター別など多彩なマーケット提供。</p>
      </div>
      <div class="info-card">
        <h3>🎮 eスポーツベット</h3>
        <p>Betway Japanはeスポーツベットのパイオニア。League of Legends、CS2、Dota 2、Valorant、PUBG Mobileなど主要eスポーツタイトルを完全網羅。日本のeスポーツシーンにも対応。</p>
      </div>
      <div class="info-card">
        <h3>🏏 その他スポーツ</h3>
        <p>クリケット・ラグビー・MMAなどマイナースポーツのオンラインスポーツベットは1xBetが圧倒的。1000以上のスポーツカテゴリをカバーし、合法スポーツベット日本では最多のスポーツ対応数を誇る。</p>
      </div>
    </div>
  </div>
</section>

<!-- LEGAL & SAFETY -->
<section id="safety" style="padding:52px 20px;background:var(--bg-secondary);">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">SAFETY & LICENSE</div>
      <h2>合法スポーツベット日本：安全性とライセンス</h2>
      <p>信頼できるオンラインスポーツベットサイトを選ぶための安全基準とライセンス情報を解説します。</p>
    </div>
    <div class="info-grid">
      <div class="info-card">
        <h3>🔒 MGA（マルタゲーミング認可）</h3>
        <p>EUの厳格な規制機関。888sport Japan・Unibet Japan・Betway JapanはMGA認可を取得。公正なゲームと個人情報保護が保証されており、最も信頼できる認可機関の一つです。</p>
        <div style="margin-top:8px;"><progress-bar style="--fill-width:95%"></progress-bar><div class="progress-bar-wrap"><div class="progress-bar" style="--fill-width:95%;width:95%;"></div></div><span style="font-size:0.75rem;color:var(--text-muted);">信頼度 95/100</span></div>
      </div>
      <div class="info-card">
        <h3>🏛️ UKGC（英国ギャンブル委員会）</h3>
        <p>世界最厳格の規制機関。William Hill JapanはUKGC認可を保持。プレイヤー保護規定が最も充実しており、自己排除・限度額設定などの責任あるゲーム機能が必須。</p>
        <div style="margin-top:8px;"><div class="progress-bar-wrap"><div class="progress-bar" style="--fill-width:98%;width:98%;"></div></div><span style="font-size:0.75rem;color:var(--text-muted);">信頼度 98/100</span></div>
      </div>
      <div class="info-card">
        <h3>🌐 Curaçao（キュラソー認可）</h3>
        <p>最も普及した海外ライセンス。1xBet Japan・22Bet Japanが取得。MGA・UKGCより基準は低いですが、基本的な安全基準を満たしており、高いボーナスと多彩なサービスで人気。</p>
        <div style="margin-top:8px;"><div class="progress-bar-wrap"><div class="progress-bar" style="--fill-width:78%;width:78%;"></div></div><span style="font-size:0.75rem;color:var(--text-muted);">信頼度 78/100</span></div>
      </div>
    </div>
    <div style="margin-top:24px;">
      <div class="highlight-box">
        <div class="icon">⚠️</div>
        <p><strong>日本のスポーツベット法律：</strong>日本国内の公営ギャンブル（競馬・競艇・競輪）以外のスポーツ賭けは国内法上グレーゾーンです。海外ライセンスを持つオンラインスポーツベットサイトを利用する際は、利用規約と現地法律を必ず確認してください。本サイトの情報はアフィリエイト目的で提供されています。</p>
      </div>
    </div>
  </div>
</section>
<!-- METHODOLOGY / E-E-A-T -->
<section id="methodology" style="padding:52px 20px;background:var(--bg);">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">METHODOLOGY</div>
      <h2>評価方法：データに基づくランキング基準</h2>
      <p>当サイトのスポーツベッティングサイトランキングは客観的なデータと実際のテスト結果に基づいています。</p>
    </div>
    <div class="info-grid">
      <div class="info-card">
        <h3>💰 ボーナス評価（30点）</h3>
        <p>ボーナス金額・賭け条件・有効期限・対象スポーツを数値化。実際に口座を開設してボーナス受取をテストし、出金可能状態になるまで追跡します。</p>
      </div>
      <div class="info-card">
        <h3>📊 オッズ品質（25点）</h3>
        <p>主要スポーツ20試合のオッズを毎週収集・比較。ペイアウト率を算出し、他ブックメーカーとの差異を定量化。プロベッターの視点でオッズの競争力を評価。</p>
      </div>
      <div class="info-card">
        <h3>🔒 安全性・ライセンス（25点）</h3>
        <p>保有ライセンスの種類（MGA/UKGC/Curaçao）・運営年数・出金実績・プレイヤー保護機能（自己排除、限度額設定）を基準に安全性を評価。</p>
      </div>
      <div class="info-card">
        <h3>⚡ 入出金速度（20点）</h3>
        <p>銀行振込・電子マネー・暗号通貨の実際の処理時間を計測。入金から賭け可能状態まで・出金申請から着金まで、両方の時間を実測データで比較。</p>
      </div>
    </div>

    <!-- AUTHOR BLOCK -->
    <div style="margin-top:36px;" itemscope itemtype="https://schema.org/Person">
      <div class="author-block">
        <div class="author-info">
          <strong class="author-name" itemprop="name">山本拓也</strong>
          <span class="author-title" itemprop="jobTitle">シニアスポーツベッティングアナリスト</span>
          <p class="author-bio" itemprop="description">山本拓也はスポーツベッティング業界において7年以上の実績を持つシニアアナリストです。これまでに200以上のオンラインスポーツベットサイトを実際にテストし、ボーナス・オッズ・入出金速度・安全性を客観的なデータで評価してきました。MGA・UKGC・Curaçaoなど主要ライセンスの規制レポートを定期的に精読し、日本人プレイヤーが安全に楽しめるサイトの特定に注力しています。毎月最新情報に更新することで、常に正確なランキングを提供します。</p>
          <span class="author-updated" itemprop="dateModified">2026年4月更新</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- FAQ -->
<section id="faq" style="padding:52px 20px;background:var(--bg-secondary);">
  <div class="container">
    <div class="section-header">
      <div class="section-tag">FAQ</div>
      <h2>よくある質問</h2>
      <p>スポーツベッティング初心者から経験者まで、日本のプレイヤーが知りたい疑問にデータで答えます。</p>
    </div>
    <div style="max-width:760px;margin:0 auto;">

      <div class="faq-item">
        <div class="faq-question" onclick="toggleFaq(this)">日本でスポーツベットは合法ですか？ <span class="arrow">▼</span></div>
        <div class="faq-answer">日本国内では競馬・競艇・競輪・オートレースなど公営ギャンブルのみが合法です。海外のオンラインスポーツベットサイトを利用する日本人プレイヤーは多く存在しますが、利用する際は海外ライセンス保有サイトを選ぶことが重要です。MGA・UKGC認可サイトは信頼性が高く、プレイヤー保護も充実しています。</div>
      </div>

      <div class="faq-item">
        <div class="faq-question" onclick="toggleFaq(this)">スポーツベットのウェルカムボーナスとは何ですか？ <span class="arrow">▼</span></div>
        <div class="faq-answer">ウェルカムボーナスとは新規登録・初回入金時に受け取れる特典です。入金ボーナス（入金額の50〜100%が上乗せ）、フリーベット（無料賭け）、キャッシュバックの3種類があります。賭け条件（例：5倍）を確認し、実質的な価値を計算してから選択しましょう。1xBet Japanの¥30,000ボーナスが現在最大です。</div>
      </div>

      <div class="faq-item">
        <div class="faq-question" onclick="toggleFaq(this)">オンラインスポーツベットの入出金方法は？ <span class="arrow">▼</span></div>
        <div class="faq-answer">主な入出金方法は以下の通りです：①銀行振込（処理1〜5営業日）②コンビニ払い（入金のみ、即時）③クレジットカード（VISA・Mastercard、即時〜3営業日）④電子マネー（Neteller・Skrill、即時〜24時間）⑤暗号通貨（BTC・ETH・USDT、10〜30分）。最速は暗号通貨で、日本語対応も広がっています。</div>
      </div>

      <div class="faq-item">
        <div class="faq-question" onclick="toggleFaq(this)">最高オッズのスポーツベットサイトはどこですか？ <span class="arrow">▼</span></div>
        <div class="faq-answer">Pinnacle Japanはプロベッター向けで業界最高水準のオッズを提供。ペイアウト率97.5%は他社を大きく上回ります。制限なしポリシーで勝ち続けてもアカウント維持可能。ただし大きなウェルカムボーナスはないため、長期的な収益を目指すプレイヤー向けです。</div>
      </div>

      <div class="faq-item">
        <div class="faq-question" onclick="toggleFaq(this)">eスポーツベットができるサイトは？ <span class="arrow">▼</span></div>
        <div class="faq-answer">Betway JapanはeスポーツベットのNo.1で、League of Legends・CS2・Dota 2・Valorant・PUBG Mobileに完全対応。22Bet JapanとMarathonbet Japanもeスポーツ対応が充実。ライブベッティング機能付きのeスポーツ賭けならBetway一択です。</div>
      </div>

      <div class="faq-item">
        <div class="faq-question" onclick="toggleFaq(this)">ライブベッティングとは何ですか？ <span class="arrow">▼</span></div>
        <div class="faq-answer">ライブベッティング（インプレイベッティング）とは試合進行中にリアルタイムでベットを行う方法です。試合経過に応じてオッズが変動するため、観戦しながら有利なタイミングでベットが可能。Bet365とUnibet Japanがライブストリーミング付きで最高の体験を提供します。</div>
      </div>

      <div class="faq-item">
        <div class="faq-question" onclick="toggleFaq(this)">スポーツベットの出金に時間はかかりますか？ <span class="arrow">▼</span></div>
        <div class="faq-answer">出金時間は方法によって大きく異なります。電子マネー（Neteller/Skrill）は24時間以内、暗号通貨（BTC/ETH）は1時間以内が一般的です。クレジットカードは1〜3営業日、銀行振込は3〜5営業日かかります。最も速い出金を希望するなら暗号通貨対応の1xBet Japan・22Bet Japanがおすすめです。</div>
      </div>

      <div class="faq-item">
        <div class="faq-question" onclick="toggleFaq(this)">ボーナスの賭け条件とは何ですか？ <span class="arrow">▼</span></div>
        <div class="faq-answer">賭け条件（ウェイジャリング要件）とはボーナスを出金するために必要な賭け回数です。例：「5倍」条件→¥10,000ボーナスには¥50,000の賭けが必要。フリーベットは通常1倍（実質1回賭ければOK）で有利。入金ボーナスの場合は賭け条件が低いほどお得なので必ず確認してください。</div>
      </div>

    </div>
  </div>
</section>

<!-- RESPONSIBLE GAMBLING -->
<section style="padding:36px 20px;background:var(--bg);">
  <div class="container">
    <div class="rg-block">
      <strong>⚠️ 責任あるゲーミング（18禁）</strong>
      スポーツベッティングは18歳以上の方のみご利用いただけます。ギャンブルには依存リスクがあります。
      遊ぶ金額の上限を設定し、余暇として楽しむ範囲でご利用ください。
      <strong>ギャンブル依存症相談窓口：</strong>
      <a href="https://www.ncasa-japan.jp" target="_blank" rel="noopener noreferrer">公益社団法人ギャンブル依存症問題を考える会</a>（電話：03-6388-0884）、
      <a href="https://kurihama.hosp.go.jp" target="_blank" rel="noopener noreferrer">久里浜医療センター</a>、
      <a href="https://www.mhlw.go.jp" target="_blank" rel="noopener noreferrer">厚生労働省相談窓口</a>へご連絡ください。
    </div>
  </div>
</section>

<!-- FOOTER -->
<footer>
  <div class="footer-grid">
    <div class="footer-col">
      <h4>💎 スポーツベット</h4>
      <p style="font-size:0.85rem;margin-bottom:12px;">日本語スポーツベット比較の専門サイト。データドリブンなアプローチで最高のオンラインスポーツベットサイトを紹介。</p>
      <a href="https://baralog.com/ja-jp/" rel="nofollow">日本語版（ja-JP）</a>
    </div>
    <div class="footer-col">
      <h4>スポーツベット</h4>
      <a href="#top-list">ランキングTOP10</a>
      <a href="#bonus-compare">ボーナス比較</a>
      <a href="#odds">オッズ比較</a>
      <a href="#payments">入出金方法</a>
      <a href="#live-betting">ライブベッティング</a>
    </div>
    <div class="footer-col">
      <h4>スポーツ別</h4>
      <a href="#sports-guide">サッカーベット</a>
      <a href="#sports-guide">野球賭け</a>
      <a href="#sports-guide">テニスベット</a>
      <a href="#sports-guide">eスポーツベット</a>
      <a href="#sports-guide">バスケットボールベット</a>
    </div>
    <div class="footer-col">
      <h4>サポート</h4>
      <a href="#faq">よくある質問</a>
      <a href="#safety">ライセンス情報</a>
      <a href="https://www.ncasa-japan.jp" target="_blank" rel="noopener noreferrer">依存症相談</a>
      <a href="/cdn-cgi/l/email-protection#7811161e17381a190a1914171f561b1715">お問い合わせ</a>
    </div>
  </div>
  <div class="footer-disclaimer">
    本サイトはアフィリエイトプログラムに参加しており、推薦するサイトを通じて登録・入金が行われた場合に手数料を受け取る場合があります。
    スポーツベッティングは18歳以上の方のみご利用いただけます。ギャンブル依存症相談窓口：久里浜医療センター（Tel: 046-848-1550）。
    当サイトの情報は参考目的であり、ギャンブルによる損失の責任は負いかねます。
  </div>
  <div class="footer-bottom">
    <p>© 2026 スポーツベット — スポーツベット比較サイト | 18禁 | 責任あるゲーミング</p>
    <p style="margin-top:6px;">
      <a href="https://baralog.com/ja-jp/">日本語版（ja-JP）</a> |
      プライバシーポリシー | 利用規約 |
      <a href="/cdn-cgi/l/email-protection#4d24232b220d2f2c3f2c21222a632e2220" style="color:rgba(255,255,255,0.4);">info@スポーツベット.com</a>
    </p>
  </div>
</footer>

<!-- STICKY BAR -->
<div class="sticky-bar" id="stickyBar">
  <p>🔥 今だけ！1xBet Japanで¥30,000ボーナス獲得チャンス</p>
  <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank">受け取る</a>
  <button class="sticky-close" onclick="document.getElementById('stickyBar').style.display='none'" aria-label="閉じる">✕</button>
</div>

<!-- POPUP -->
<div class="popup-overlay" id="popupOverlay">
  <div class="popup-box">
    <button class="popup-close" id="popupClose" aria-label="閉じる">✕</button>
    <span class="popup-emoji">💎</span>
    <div class="popup-title">特別オファー！</div>
    <p class="popup-text">1xBet Japanに今すぐ登録で<strong>¥30,000</strong>のウェルカムボーナスをゲット！賭け条件はたった5倍。</p>
    <a href="https://bonusclick1.com/placeholder" rel="nofollow sponsored noopener noreferrer" target="_blank" class="btn-primary" style="font-size:0.95rem;padding:13px 28px;">ボーナスを受け取る</a>
    <p style="font-size:0.7rem;color:#8888AA;margin-top:12px;">18歳以上限定 · 利用規約適用</p>
  </div>
</div>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
// ========== MOBILE NAV ==========
function openMobileNav() {
  document.getElementById('mobileNav').classList.add('active');
  document.body.style.overflow = 'hidden';
}
function closeMobileNav() {
  document.getElementById('mobileNav').classList.remove('active');
  document.body.style.overflow = '';
}

// ========== COUNTER ANIMATION ==========
var regStart = Math.floor(Math.random() * (9999 - 1000 + 1)) + 1000;
var onlineStart = Math.floor(Math.random() * (999 - 100 + 1)) + 100;

var regValue = regStart;
var onlineValue = onlineStart;

function updateCounters() {
  var regDelta = Math.floor(Math.random() * 3) + 1;
  var onlineDelta = Math.floor(Math.random() * 3) + 1;
  var regDir = Math.random() > 0.4 ? 1 : -1;
  var onlineDir = Math.random() > 0.5 ? 1 : -1;
  regValue = Math.max(1000, Math.min(9999, regValue + regDir * regDelta));
  onlineValue = Math.max(100, Math.min(999, onlineValue + onlineDir * onlineDelta));
  var fmtReg = regValue.toLocaleString('ja-JP');
  var fmtOnline = onlineValue.toLocaleString('ja-JP');
  var els = document.querySelectorAll('.reg-counter');
  var els2 = document.querySelectorAll('.online-counter');
  els.forEach(function(e) { e.textContent = fmtReg; });
  els2.forEach(function(e) { e.textContent = fmtOnline; });
  // hero counters
  var rh = document.getElementById('reg-counter-hero');
  var oh = document.getElementById('online-counter-hero');
  if (rh) rh.textContent = fmtReg;
  if (oh) oh.textContent = fmtOnline;
}
setInterval(updateCounters, 2000);

// ========== FAQ ==========
function toggleFaq(el) {
  var answer = el.nextElementSibling;
  var isOpen = el.classList.contains('open');
  document.querySelectorAll('.faq-question.open').forEach(function(q) {
    q.classList.remove('open');
    q.nextElementSibling.style.display = 'none';
  });
  if (!isOpen) {
    el.classList.add('open');
    answer.style.display = 'block';
  }
}

// ========== BONUS CALCULATOR ==========
var bonusData = {
  '1xbet':      { pct: 1.0, max: 30000 },
  'marathon':   { pct: 0.5, max: 20000 },
  'williamhill':{ pct: 0,   fixed: 15000 },
  '22bet':      { pct: 1.0, max: 15000 },
  'betway':     { pct: 0,   fixed: 12000 },
  'unibet':     { pct: 0,   fixed: 10000 },
  'bet365':     { pct: 0,   fixed: 5000  }
};

function calcBonus() {
  var site = document.getElementById('calcSite').value;
  var deposit = parseInt(document.getElementById('calcDeposit').value) || 10000;
  var wager = parseInt(document.getElementById('calcWager').value) || 30;
  var data = bonusData[site];
  var bonus = 0;
  if (data.pct > 0) {
    bonus = Math.min(deposit * data.pct, data.max);
  } else {
    bonus = data.fixed;
  }
  var clearAmt = bonus * wager;
  var realValue = Math.max(0, bonus - clearAmt * 0.03);
  document.getElementById('calcBonusResult').textContent = '¥' + Math.round(bonus).toLocaleString('ja-JP');
  document.getElementById('calcClearResult').textContent = '¥' + Math.round(clearAmt).toLocaleString('ja-JP');
  document.getElementById('calcRealValue').textContent = '¥' + Math.round(Math.min(bonus, realValue + bonus * 0.3)).toLocaleString('ja-JP');
}

// ========== QUIZ ==========
var quizAnswers = {};
var quizCurrent = 1;

function quizAnswer(step, value) {
  quizAnswers[step] = value;
  var curr = document.getElementById('quiz-' + step);
  if (curr) curr.classList.remove('active');
  var next = document.getElementById('quiz-' + (step + 1));
  if (next) {
    next.classList.add('active');
    quizCurrent = step + 1;
  } else {
    showQuizResult();
  }
}

function showQuizResult() {
  var result = document.getElementById('quiz-result');
  if (result) result.classList.add('active');
  var name, desc;
  var a1 = quizAnswers[1];
  if (a1 === 'bonus') {
    name = '1xBet Japan';
    desc = 'ボーナス重視のあなたに最適！¥30,000の業界最高ウェルカムボーナスと賭け条件5倍が魅力です。';
  } else if (a1 === 'odds') {
    name = 'Pinnacle Japan';
    desc = 'オッズ重視のプロ向けサイト。ペイアウト率97.5%は業界最高水準。制限なしポリシーで長期的に有利です。';
  } else if (a1 === 'crypto') {
    name = '22Bet Japan';
    desc = '暗号通貨対応に最適化。BTC・ETH・USDTで即時入出金可能。¥15,000のウェルカムボーナスも魅力。';
  } else {
    name = 'Betway Japan';
    desc = 'eスポーツベットのNo.1。League of Legends・CS2・Valorantなど主要タイトルを完全網羅。¥12,000ボーナス付き。';
  }
  document.getElementById('quizResultName').textContent = name;
  document.getElementById('quizResultDesc').textContent = desc;
}

function restartQuiz() {
  quizAnswers = {};
  quizCurrent = 1;
  document.querySelectorAll('.quiz-step').forEach(function(s) { s.classList.remove('active'); });
  var q1 = document.getElementById('quiz-1');
  if (q1) q1.classList.add('active');
}

// ========== FILTER ==========
function filterCards(tag, btn) {
  document.querySelectorAll('.filter-btn').forEach(function(b) { b.classList.remove('active'); });
  btn.classList.add('active');
  document.querySelectorAll('.casino-card').forEach(function(card) {
    if (tag === 'all') {
      card.style.display = '';
    } else {
      var tags = (card.getAttribute('data-tags') || '').split(',');
      card.style.display = tags.indexOf(tag) >= 0 ? '' : 'none';
    }
  });
}

// ========== STICKY BAR ==========
var stickyShown = false;
window.addEventListener('scroll', function() {
  if (!stickyShown && window.scrollY > 300) {
    var bar = document.getElementById('stickyBar');
    if (bar) { bar.style.display = 'flex'; stickyShown = true; }
  }
});

// ========== POPUP ==========
var popupShown = false;
window.addEventListener('scroll', function() {
  if (!popupShown && window.scrollY >= window.innerHeight * 2) {
    var overlay = document.getElementById('popupOverlay');
    if (overlay) { overlay.classList.add('active'); popupShown = true; }
  }
});
var popupOverlay = document.getElementById('popupOverlay');
var popupClose = document.getElementById('popupClose');
function closePopup() {
  if (popupOverlay) {
    popupOverlay.classList.remove('active');
  }
}
if (popupClose) popupClose.addEventListener('click', closePopup);
if (popupOverlay) {
  popupOverlay.addEventListener('click', function(e) {
    if (e.target === popupOverlay) closePopup();
  });
}
document.addEventListener('keydown', function(e) {
  if (e.key === 'Escape') closePopup();
});

// ========== PROGRESS BARS ANIMATION ==========
function initProgressBars() {
  var bars = document.querySelectorAll('.progress-bar');
  bars.forEach(function(bar) {
    var w = bar.style.width;
    bar.style.width = '0';
    setTimeout(function() { bar.style.width = w; }, 300);
  });
}
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', initProgressBars);
} else {
  initProgressBars();
}

// ========== ODDS COUNTER ANIMATION ==========
function animateOdds() {
  var oddsValues = document.querySelectorAll('.odds-value');
  oddsValues.forEach(function(el) {
    var target = parseFloat(el.textContent);
    var current = target - 0.05;
    var step = 0.01;
    var timer = setInterval(function() {
      current = Math.min(target, current + step);
      el.textContent = current.toFixed(2);
      if (current >= target) clearInterval(timer);
    }, 50);
  });
}
setTimeout(animateOdds, 500);

// Init calculator
calcBonus();
</script>
</body>
</html>
