/* auto-webinar 共通スタイル（ブランド色の正: brand-colors-mihiro / vsl-gate-template準拠） */
:root{
  --primary:#FF7F01;      /* オレンジ（見出し・アクセント） */
  --cta:#E95931;          /* 朱赤オレンジ（CTAボタン） */
  --gold:#FFCD2C;         /* ゴールド（装飾） */
  --bg:#FFFFFF;
  --bg-alt:#FFF8ED;
  --bg-warm:#FFF7F0;
  --text:#645748;
  --text-light:#9E7950;
  --text-heading:#333333;
  --border:#CFB8A0;
  --locked:#b7b0a8;
  --live:#E53935;         /* LIVEバッジ */
  --dark:#2B2320;         /* 視聴ルームの舞台 */
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size:16px;line-height:1.8;color:var(--text);background:var(--bg);
}
img,video{max-width:100%}
a{color:var(--primary)}
h1,h2,h3{color:var(--text-heading);line-height:1.4}
.aw-container{max-width:960px;margin:0 auto;padding:0 16px}
.aw-btn{
  display:inline-block;border:none;cursor:pointer;text-decoration:none;text-align:center;
  background:var(--cta);color:#fff;font-size:17px;font-weight:bold;
  padding:14px 32px;border-radius:999px;box-shadow:0 4px 14px rgba(233,89,49,.35);
  transition:transform .15s ease,box-shadow .15s ease;
}
.aw-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(233,89,49,.45)}
.aw-btn[disabled],.aw-btn.is-locked{background:var(--locked);box-shadow:none;cursor:not-allowed;transform:none}
.aw-badge-live{
  display:inline-flex;align-items:center;gap:6px;background:var(--live);color:#fff;
  font-size:13px;font-weight:bold;letter-spacing:.08em;padding:3px 12px;border-radius:4px;
}
.aw-badge-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:awblink 1.2s infinite}
@keyframes awblink{0%,100%{opacity:1}50%{opacity:.25}}
.aw-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:20px}
.aw-note{font-size:14px;color:var(--text-light)}
input.aw-input,select.aw-input,textarea.aw-input{
  width:100%;font-size:16px;padding:12px 14px;border:1px solid var(--border);
  border-radius:8px;background:#fff;color:var(--text-heading);
}
input.aw-input:focus,select.aw-input:focus,textarea.aw-input:focus{outline:2px solid var(--primary);border-color:var(--primary)}
@media (max-width:480px){
  body{font-size:15.5px}
  .aw-btn{width:100%;padding:15px 20px}
}