html,body {
	width: 100%;
	height: 100%;
}
#mv {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #fff;
	opacity: 1;
}
#mv.scene_03 {
	-webkit-transition: 3s;
	transition: 3s;
	opacity: 0;
}

#mv #mv_anc {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	text-decoration: none;
	color: inherit;
}

#mv .bg_layer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	opacity: 0;
}

/* 背景画像 */
#mv #bg_layer_01 {
	background-image: url(../img/mv/layer_01.jpg);
	z-index: 1;
	-webkit-transition: opacity 4s 1.5s;
	transition: opacity 4s 1.5s;
}
#mv.active #bg_layer_01 {
	opacity: 1;
}

/* 電線 */
#mv #bg_layer_02 {
	background-image: url(../img/mv/layer_02.svg);
	z-index: 2;
	-webkit-transition: opacity 1s 0s;
	transition: opacity 1s 0s;
}
#mv.active #bg_layer_02 {
	opacity: 1;
}
#mv.scene_02 #bg_layer_02 {
	-webkit-transition: opacity 3s 3s;
	transition: opacity 3s 3s;
	opacity: 0;
}


#mv .img_layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	opacity: 0;
}

/* コピー */
#mv #mv_copy_img {
	height: 54%;
	width: auto;
	z-index: 3;
	-webkit-transition: 4s 11s ease-out;
	transition: 4s 11s ease-out;
}
#mv.scene_02 #mv_copy_img {
	opacity: 1;
}
@media (orientation: portrait) {
	#mv #mv_copy_img {
		height: auto;
		width: 84%;
	}
}

/* ロゴ */
#mv #my-svg-logo {
	height: 37%;
	width: auto;
	z-index: 4;
	-webkit-transition: opacity 4s 3s ease;
	transition: opacity 4s 3s ease;
}
#mv.active #my-svg-logo {
	opacity: 1;
}
#mv.scene_02 #my-svg-logo {
	-webkit-transition: opacity 4s 9s ease;
	transition: opacity 4s 9s ease;
	opacity: 0;
}

@media (orientation: portrait) {
	#mv #mv_logo_img,
	#mv #my-svg-logo {
		height: auto;
		width: 37%;
	}
}



#mv #skip {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
	z-index: 10;
	-webkit-animation: 0.4s linear 0s infinite alternate both running blink;
	animation: 0.4s linear 0s infinite alternate both running blink;
}
@-webkit-keyframes blink {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes blink {
	0% { opacity: 0; }
	100% { opacity: 1; }
}