@charset "utf-8";
/* ============================================================
   予告動画の視聴制御・応募ボタン活性化まわりの追加スタイル
   （既存 main.css の後に読み込み、必要箇所のみ上書き）
============================================================ */

/* 予告動画プレーヤー(id="movie" が YouTube iframe に置き換わる) */
#movie {
  max-width: 640px;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  height: auto;
}
#movie iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
}

/* 応募ボタン：視聴前(非活性)はグレーアウトしてクリック不可 */
#btnApl.disabled {
  opacity: 0.4;
  filter: grayscale(100%);
  cursor: not-allowed;
  /* クリックは検知して案内alertを出すため pointer-events は無効化しない */
}

/* 応募ボタン：視聴後(活性)はクリック可能 */
#btnApl.enabled {
  opacity: 1;
  filter: none;
  cursor: pointer;
  pointer-events: auto;
}

/* フッターボタン：マウスオーバーで色をフェード反転（白⇄黒） */
.footer_btn_link a {
  transition: background-color 0.6s ease, color 0.6s ease, border-color 0.6s ease;
}
.footer_btn_link a::after {
  transition: border-color 0.6s ease;
}