@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
html body{
	background-color: #fff3c7;
	text-align:center;
}
#movie{
	width: 560px;
	margin: 40px auto 0;
}
#movieHead{
	margin: 20px 20px 10px;
}
#movie .plyr video{
	height: 315px;
}

#movie .plyr--fullscreen-active video{
	height: 100%!important;
}

#movie p.movieTitel{
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #003f97;
	margin: 10px 0 5px;
}
#movie p.movieText{
	text-align: left;
	font-size: 0.8em;
}

#movieBtn{
	display: none;
	margin-top: 10px;
}
#movieBtn>div{
	float: left;
	margin-right: 10px;
}
#movieBtn div{
	float: right;
	margin-left: 10px;
}
#movieBtn img{
	vertical-align: bottom;
}
.plyr--setup{
	width: 430px\9;
}

video{width: 100%;vertical-align: bottom;;}

@media screen and (max-width:640px) {
	#movie{
		width: 100vw;
		margin: 10vw 0;
	}
	#movieHead{
		margin: 15px
	}
	#movieHead img{
		width: 85vw
	}
	#movie a img{
		width: 80%
	}
	#movie a::before{
		content: "";
		background-image: url("../../cm/img/start.png");
		display: block;
		width: 30vw;
    height: 30vw;
		background-repeat: no-repeat;
		left: calc(50% - 15vw);
    background-size: contain;
		position: absolute;
		margin-top:7vw;
	}
	#movie p.movieTitel{
		margin: 10px;
		word-break: break-all;
	}
	#movie p.movieText{
		margin: 0px 10px;
		word-break: break-all;
	}
}