/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 05 2026 | 08:27:23 */
/* 動画エリア */
#eventmovie .video-area{
  position:relative;
  width:100%;
  overflow:hidden;
}

/* 動画 */
#eventmovie video{
  width:100%;
  display:block;
  cursor:pointer;
}

/* =========================
   中央再生ボタン
========================= */

#eventmovie .center-play-btn{
  position:absolute;

  top:50%;
  left:50%;

  transform:translate(-50%, -50%);

  width:80px;
  height:80px;

  border:none;
  border-radius:50%;

  background:rgba(255,255,255,0.45);
  background:rgba(255,255,255,0.45);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  border:1px solid rgba(0,0,0,0.15);

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;

  opacity:0;
  visibility:hidden;

  transition:
    opacity 0.3s,
    transform 0.3s;
}

/* 表示 */
#eventmovie .center-play-btn.show{
  opacity:1;
  visibility:visible;
}

/* ホバー */
#eventmovie .center-play-btn:hover{
  transform:translate(-50%, -50%) scale(1.08);
}

/* 中央アイコン */
#eventmovie .center-play-btn svg{
  width:42px;
  height:42px;

  fill:#fff;
}

/* =========================
   音声ボタン
========================= */

#eventmovie .sound-btn{
  position:absolute;

  bottom:100px;
  right:24px;

  width:44px;
  height:44px;

  border:none;
  border-radius:50%;

  background:rgba(0,0,0,0.45);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  border:1px solid rgba(255,255,255,0.15);

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;

  transition:0.3s;
}

#eventmovie .sound-btn:hover{
  transform:scale(1.08);
}

/* 音声アイコン */
#eventmovie .sound-btn svg{
  position:absolute;

  width:28px;
  height:28px;

  fill:#fff;

  transition:0.3s;
}

/* ミュートON */
#eventmovie .volume-on{
  opacity:0;
  visibility:hidden;
}

/* 音声ON状態 */
#eventmovie .sound-btn.active .volume-on{
  opacity:1;
  visibility:visible;
}

#eventmovie .sound-btn.active .volume-off{
  opacity:0;
  visibility:hidden;
}