/* ページ読み込み後にフェードしながら表示 */
.movie_wrapper {
    max-width: 1920px;
    width: 100%;
    height: 1080px;
    margin: 0 auto;
    position: relative;
    background: #FFF;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: opacity 5s, visibility;
    /* 表示領域確認用  border: 1px solid #7C7C7C;*/
}

.movie_wrapper.show {
    visibility: visible;
    opacity: 1;
}

/* 文字表示部分のスタイル */
.movie_text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: table;
    visibility: hidden;
    opacity: 0;
    transition: opacity 2s, visibility 2s;
}
.movie_text.show {
    visibility: visible;
    opacity: 1;
}
.movie_text_inner{
    color: #7C7C7C;
    line-height: 100px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

/* iframeで表示するanimate動画のスタイル */
.iframe_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 3s, visibility 3s;
}
.iframe_wrapper.show {
    visibility: visible;
    opacity: 1;
}
.iframe_wrapper.displayNone {
    display: none;
}
.iframe_inner {
    position: absolute;
    border: none;
}

/* ---- particles.js container ---- */
.particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 2s, visibility 2s;
}
.particles-js.show {
    visibility: visible;
    opacity: 1;
}