/* ----- グラデーションオーバーレイ ----- */


.movie-container {
    position: relative;
    min-width: 100%;
    min-height: 680px;
    height: 680px;
    overflow: hidden;
    top:0;
}
.movie-container video {
	width: 100%;
	height: 100%;
    object-fit: cover;
}

.movie-container:after {
  background: url("../images/fv.png")  repeat;
  background-size: 100%;
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  opacity: 0.5;
  max-width:100%;
  height: auto;
}


@-webkit-keyframes bg_fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@keyframes bg_fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}



.copy {
	position: absolute;
	z-index:8000;
	width:120px;
	height:auto;
	top: 22%;
	right: 8%;
}


@keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.fade{
    opacity:0;
    animation-name: fadeIn;
    animation-duration: 5s;
    animation-delay: 3s;
    animation-fill-mode:forwards;
}


@media only screen and (max-width:768px){
    
    #bg-movie{
        position: absolute;
        bottom: 0;
        min-width: 60%;
        min-height: 60%;
        width: 100%;
        height: auto;
        z-index: -100;
        background: url("../img/poster.jpg") no-repeat;
        background-size: cover;
        left: 50%;
		top: 11%;
        transform: translateX(-50%);
}

.movie-container {
	min-height: 400px;
    height: 620px;
    top:-80px;
}

.movie-container + .m_top {
    margin-top: -80px;
}


.movie-container video {
 min-width: 100%;
 height: auto;
 border-radius: 0px;
-ms-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
}

.movie-container:after {
  background: none;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

.copy {
	position: absolute;
	z-index:100;
	width:80px;
	height:auto;
	top: 20%;
	right: 6%;
}



}