/* Video wrapper > */

div.fvVideoView {
	background-color: #000 !important;
	position: relative !important;
	overflow: hidden !important;
	width: 100%;
	margin: 0 auto;
	user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif !important;
	-webkit-font-smoothing: none !important;
	-webkit-font-smoothing: antialiased !important;
	font-size: 16px !important;
}

.videofront {
	display: block;
	z-index: 2 !important;
}

.videoback {
	display: block;
	z-index: 1 !important;
}

/* < Video wrapper */

/* Video > */

div.fvVideoView>video.fvVideo {
	position: absolute !important;
	bottom: 0 !important;
}

div.fvVideoView>object.fvVideo {
	position: absolute !important;
	bottom: 0 !important;
	min-width:32px;
	min-height:32px;
}

/* < Video */

/* Click Point wrapper > */

div.fvVideoView>ul.fvClickPointWrapper {
	width: inherit !important;
	height: inherit !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style-type: none !important;
	overflow: hidden !important;
	/* z-index: 1200 !important; */
}

/* < Click Point wrapper */

/* Thumbnail Canvas > */

div.fvVideoView>canvas.fvThumbnailView {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	background-color: #000;
}

/* < Thumbnail Canvas */



/* SmartPhone Landscape */
@media all and (max-width: 768px) {

	/* Loading Screen > */

	div.fvVideoView>div.fvLodingView>.sk-fading-circle {
		width: 40px !important;
		height: 40px !important;
	}

	/* < Loading Screen */

	/* Play Screen > */

	div.fvVideoView>div.fvPlayScreenView {
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 50%, 50% 50%;
    background-size: 70px, cover !important;
	}

	/* < Play Screen */
}

/* SmartPhone Portlate */
@media all and (max-width: 380px) {

	/* Error Screen > */

	div.fvVideoView>div.fvErrorView {
		padding: 25px !important;
	}

	div.fvVideoView>div.fvErrorView>div.fvErrorCaption {
		font-size: 1.7em !important;
	}

	div.fvVideoView>div.fvErrorView>div.fvErrorDescription {
		margin: 1.5em 0 1.5em 0 !important;
	}

	/* < Error Screen */

	/* Play Screen > */

	div.fvVideoView>div.fvPlayScreenView {
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 50%, 50% 50%;
    background-size: 50px, cover !important;
	}

	/* < Play Screen */
}