@charset "utf-8";
/* CSS Document */

/* オープニングムービーコンテナのスタイル */
#opening-movie-wrapper {
    position: fixed; /* 画面に固定 */
    top: 0;
    left: 0;
    width: 100%; /* ビューポートの幅いっぱいに */
    height: 100vh; /* ビューポートの高さ（画面全体）いっぱいに */
    background-color: #000; /* ムービーが読み込まれるまでの背景色 */
    z-index: 9999; /* 最前面に表示 */
    opacity: 1; /* 最初は完全に表示 */
    transition: opacity 1.0s ease-out; /* フェードアウトのアニメーション */
    display: flex; /* ムービーを中央揃えにするため */
    justify-content: center;
    align-items: center;
}

#opening-video {
	position: absolute; /* 親要素に対して絶対配置 */
    top: 0; /* 上端に揃える */
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain; /* アスペクト比を維持しつつ、コンテナ全体を覆うように拡大 */
    /* object-fit: contain; を使うと、黒帯が入っても全体を表示します */
}