/* ゲーム制作 紹介ページ（はるいろ×なついろ 共通ハブ） */
* { margin:0; padding:0; box-sizing:border-box; }

:root {
  --cream:#fffaf6;
  --ink:#4a4a5e;
  --haru:#f4649c;
  --haru-soft:#ffd9e8;
  --natsu:#0d7fa6;
  --natsu-soft:#cfeeff;
}

body {
  background:var(--cream);
  color:var(--ink);
  font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;
  line-height:1.9;
}

/* ===== ヘッダー ===== */
header.site {
  text-align:center;
  padding:34px 16px 18px;
  background:linear-gradient(135deg,#ffe3ee 0%, #f6ecff 50%, #cdeeff 100%);
}
header.site .logo {
  font-family:"Hachi Maru Pop",cursive;
  font-size:clamp(24px,5vw,40px);
  color:#7a5a8e;
  text-shadow:0 2px 0 #fff, 0 4px 10px rgba(122,90,142,.2);
  letter-spacing:.04em;
}
header.site .tagline {
  font-size:clamp(12px,2vw,15px);
  color:#8a7a9a;
  letter-spacing:.2em;
  margin-top:4px;
}

main { max-width:960px; margin:0 auto; padding:34px 18px 60px; }

.lead {
  text-align:center;
  font-family:"Hachi Maru Pop",cursive;
  font-size:clamp(15px,2.6vw,20px);
  color:#6a5a7e;
  margin-bottom:8px;
}
.lead-sub {
  text-align:center;
  font-size:clamp(13px,2vw,15px);
  color:#8a7a9a;
  margin-bottom:34px;
}

/* ===== ゲームカード ===== */
.game-card {
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  margin-bottom:36px;
  box-shadow:0 10px 30px rgba(90,74,102,.13);
  border:2px solid #eee;
}
.game-card img.kv {
  display:block; width:100%; aspect-ratio:16/9; object-fit:cover;
}
.game-card .body { padding:24px 26px 28px; }

.game-card h2 {
  font-family:"Hachi Maru Pop",cursive;
  font-size:clamp(20px,3.6vw,29px);
  margin-bottom:2px;
}
.game-card .sub {
  font-size:clamp(12px,2vw,14px);
  letter-spacing:.16em;
  margin-bottom:12px;
}
.game-card .catch {
  font-family:"Hachi Maru Pop",cursive;
  font-size:clamp(15px,2.4vw,19px);
  margin-bottom:10px;
}
.game-card .desc { font-size:14.5px; }

.tags { margin:14px 0 4px; display:flex; flex-wrap:wrap; gap:8px; }
.tags span {
  font-size:12.5px; padding:3px 13px; border-radius:999px; color:#fff;
}

.btn {
  display:block;
  width:min(400px,92%);
  margin:20px auto 0;
  text-align:center;
  font-family:"Hachi Maru Pop",cursive;
  font-size:clamp(16px,2.4vw,20px);
  color:#fff;
  text-decoration:none;
  padding:15px 10px;
  border-radius:999px;
  border:3px solid #fff;
  transition:transform .15s;
}
.btn:hover { transform:scale(1.05); }

/* 春 */
.haru { border-color:var(--haru-soft); }
.haru h2 { color:var(--haru); }
.haru .sub, .haru .catch { color:#b06a8e; }
.haru .tags span { background:#ff9ec4; }
.haru .btn { background:linear-gradient(135deg,#ff7eb3,#a67eff); box-shadow:0 6px 20px rgba(244,100,156,.4); }

/* 夏 */
.natsu { border-color:var(--natsu-soft); }
.natsu h2 { color:var(--natsu); }
.natsu .sub, .natsu .catch { color:#3d7f9a; }
.natsu .tags span { background:#46c6e8; }
.natsu .btn { background:linear-gradient(135deg,#2fb6d9,#ff8a5c); box-shadow:0 6px 20px rgba(13,127,166,.4); }

/* 共通の注記 */
.note {
  text-align:center;
  font-size:13px;
  color:#8a7a9a;
  background:#fff6fb;
  border:2px dashed #f0dcea;
  border-radius:16px;
  padding:16px 18px;
}

footer.site {
  text-align:center;
  padding:26px 12px 34px;
  font-size:12.5px;
  color:#a596b4;
  background:linear-gradient(180deg,var(--cream), #f6ecff);
}
footer.site a { color:#a596b4; }