/*-----------------------------------------------*/
/* device_pc_only* /
/*-----------------------------------------------*/
.movie_wide {
	width:100%;
	overflow:hidden;
	position:relative;
	background:#000;
	}
@media screen and (min-width:980px) {
	.movie_wide {
		max-width: 980px;
		max-height:56.25%;
		margin: 0 auto;
		}
	}
.movie_player_wide {
	width:100%;
	}
.movie_wide .video-js:before {
	content:'';
	display:block;
	width:100%;
	padding-top:56.25%;
	}
.movie_wide .video-js {
	width:100% !important;
	height:auto !important;
	}
.movie_wide .vjs-tech {
	height:auto !important;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	left:0;
	right:0;
	}
.movie_wide .vjs-tech,
.movie_wide .vjs-poster {
	cursor:pointer;
	}
.movie_wide .vjs-big-play-button,
.movie_wide .vjs-poster {
	opacity: 0 !important;
	}

/*-----------------------------------------------*/
/* pc,sp */
/*-----------------------------------------------*/
[data-init-screen] {
	position:relative;
	}
.init_screen {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left: 0;
	background-size:cover;
	background-position:50% 50%;
	cursor:pointer;
	}
.init_screen:after {
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.3);
	background-image:url("/auto-archive/stepwgn/normal/2019/common/image_common/movie_play.png");
	background-position:center 57%;
	background-size:17% auto;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left: 0;
	transition: 0.2s;
	}
@media screen and (max-width:768px) {
	.init_screen:after {
		background-size:22% auto;
		}
	}
[data-init-screen].modal_mov_open .pic:after {
	content:'';
	display:block;
	width:100%;
	padding-top:56.25%;
	}
.only_sp [data-init-screen].modal_mov_open .pic:after {
	padding-top:0;
	}

/* show,hide */
[data-init-screen] .init_screen {
	z-index:-100;
	opacity: 0;
	-webkit-transition: z-index 0.3s step-end, opacity 0.3s;
	transition: z-index 0.3s step-end, opacity 0.3s;
	}
[data-init-screen].init_screen_active .init_screen {
	z-index:0;
	opacity:1;
	-webkit-transition: z-index 0.3s step-start, opacity 0.3s;
	transition: z-index 0.3s step-start, opacity 0.3s;
	}

/* pc play icon,overlay -  hidden */
.device_pc_only .init_screen:after {
	display: none;
	}

/*-----------------------------------------------*/
/* movie_wide_sp */
/*-----------------------------------------------*/
.modal_mov_open.movie_wide_sp .pic:after {
	padding-top:56.25%;
	}
.only_sp .video_js_wide video {
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	left:0;
	right:0;
	}
#movie_modal_data .video_js_wide:before {
	content:'';
	display:block;
	width:100%;
	padding-top:56.25%;
	}
#movie_modal_data .video_js_wide video {
	position: absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	left:0;
	right:0;
	}