/* ------------------------------
   テーマ10種
------------------------------ */
:root {
  --main: #ff8fb0;
  --sub: #ffe3ec;
  --bg: #fff8fc;
  --accent: #ffb6c9;
}

/* ========================================================
   🌈 通常会員（1〜10番）：これだけで基本のグラデーションが完結
   ======================================================== */
body.theme-1  { --main:#e74c3c; --sub:#fceae8; --bg:#fef5f4; --accent:#eb6b5e; } /* 01. レッド */
body.theme-2  { --main:#ffb36b; --sub:#ffe0c9; --bg:#fff7ef; --accent:#ffc28f; } /* 02. オレンジ */
body.theme-3  { --main:#ffd86b; --sub:#fff1c9; --bg:#fffaef; --accent:#ffe28f; } /* 03. イエロー */
body.theme-4  { --main:#7edc8a; --sub:#d8f7dd; --bg:#f4fff6; --accent:#9ff0a8; } /* 04. グリーン */
body.theme-5  { --main:#7fffe0; --sub:#d8fff4; --bg:#f4fffb; --accent:#a0ffe9; } /* 05. ミント・水色 */
body.theme-6  { --main:#7bbcff; --sub:#d8eaf8; --bg:#f4f9ff; --accent:#9ccaff; } /* 06. ライトブルー */
body.theme-7  { --main:#b38bff; --sub:#e8ddff; --bg:#faf7ff; --accent:#c9a8ff; } /* 07. ラベンダー・紫 */
body.theme-8  { --main:#ff8fb0; --sub:#ffe3ec; --bg:#fff8fc; --accent:#ffb6c9; } /* 08. ライトピンク */
body.theme-9  { --main:#9ea4ad; --sub:#e3e5e8; --bg:#f7f8f9; --accent:#b8bcc2; } /* 09. グレー */
body.theme-10 { --main:#444444; --sub:#dddddd; --bg:#f5f5f5; --accent:#666666; } /* 10. モノトーン・黒 */

/* ========================================================
   💎 プレミアム限定（11〜30番）：上の10色のスキマを埋める詳細カラー
   ======================================================== */
/* 🔴 レッド〜オレンジのあいだ */
body.theme-11 { --main:#ff5f8a; --sub:#ffd1df; --bg:#fff0f5; --accent:#ff7fa3; } /* 11. 鮮やかピンクレッド */
body.theme-12 { --main:#e65c40; --sub:#fbece9; --bg:#fef6f4; --accent:#ea816b; } /* 12. コーラルレッド */
body.theme-13 { --main:#ff7675; --sub:#ffe0e0; --bg:#fff5f5; --accent:#ff8383; } /* 13. パステルレッド */

/* 🟠 オレンジ〜イエローのあいだ */
body.theme-14 { --main:#e67e22; --sub:#fbf0e4; --bg:#fef7f1; --accent:#ea984e; } /* 14. キャロットオレンジ */
body.theme-15 { --main:#f39c12; --sub:#fdf4e3; --bg:#fef9f0; --accent:#f5b041; } /* 15. アラートオレンジ */

/* 🟡 イエロー〜グリーンのあいだ */
body.theme-16 { --main:#f1c40f; --sub:#fcf8dc; --bg:#fefcf1; --accent:#f3d13f; } /* 16. ゴールドイエロー */
body.theme-17 { --main:#d4e117; --sub:#f9fbd9; --bg:#fefef2; --accent:#dee940; } /* 17. ライムイエロー */
body.theme-18 { --main:#80cc16; --sub:#eef9da; --bg:#f9fdf2; --accent:#9ae03a; } /* 18. オリーブライト */

/* 🟢 グリーン〜水色・ブルーのあいだ */
body.theme-19 { --main:#27ae60; --sub:#e4f5eb; --bg:#f4fbf7; --accent:#4ec480; } /* 19. ディープグリーン */
body.theme-20 { --main:#1abc9c; --sub:#e2f7f3; --bg:#f3fcfb; --accent:#44cfb3; } /* 20. ターコイズ */
body.theme-21 { --main:#119f9e; --sub:#e1f3f3; --bg:#f2fafa; --accent:#31b7b6; } /* 21. ディープシーブルー */

/* 🔵 ブルー〜パープルのあいだ */
body.theme-22 { --main:#1f7bb6; --sub:#e3f0f7; --bg:#f3f8fb; --accent:#429ad1; } /* 22. スカイブルー */
body.theme-23 { --main:#2980b9; --sub:#e4f0f7; --bg:#f3f8fb; --accent:#4fa3d1; } /* 23. オーシャンブルー */
body.theme-24 { --main:#2c3e50; --sub:#d6dbdf; --bg:#f2f4f5; --accent:#566573; } /* 24. ミッドナイトブルー */
body.theme-25 { --main:#4a54b3; --sub:#e9eaf6; --bg:#f5f5fb; --accent:#6e77cc; } /* 25. インディゴネイビー */

/* 🟣 パープル〜ピンク〜モノトーンのあいだ */
body.theme-26 { --main:#6c5ce7; --sub:#ece9fc; --bg:#f6f5fe; --accent:#8c7ef2; } /* 26. ネオンパープル */
body.theme-27 { --main:#9b59b6; --sub:#f2e9f6; --bg:#faf5fc; --accent:#b47bcc; } /* 27. アメジスト */
body.theme-28 { --main:#b849b3; --sub:#f5e7f4; --bg:#faf2fa; --accent:#cc6ecd; } /* 28. オーキッドマゼンタ */
body.theme-29 { --main:#e84393; --sub:#fbe8f1; --bg:#fef3f7; --accent:#ec6ca9; } /* 29. ルビーローズ */
body.theme-30 { --main:#7f8c8d; --sub:#eff1f1; --bg:#f7f8f8; --accent:#99a7a8; } /* 30. ストーングレー */

/* index.phpに対して適用させるcss。他のcssとの競合注意 */
html{
  background-color: rgb(255, 255, 255);
  overflow-x: hidden;

}

body{
  overflow-x: hidden;
  width: 100%;
  margin: 0 auto;
  min-width: 320px;
}

main{
  padding: 25px 25px 25px 50px;
  width: calc(100%-25px);
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.ad-fullwidth-center {
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.ad-fullwidth-left {
  width: 100%;
  margin: 20px auto;
  text-align: left;
}