/*header { position: relative; background-color: #fff; z-index: 999;}*/
.mov-box { position: relative; *z-index: 999;}
.js-box { display: none; }

.mov-box a { position: relative; display: inline-block; margin-bottom: 10px; }
.mov-box small  { position: absolute; bottom: 0%; right: 0%; color: #fff; background-color: #000; margin: 0px; padding: 2px 4px; }
.mov-box h3 { margin: 10px; line-height: 0.5; }

[class*="play"] { *border: 1px solid #ddd; opacity: 1.0; }
[class*="play"]:hover { opacity: 0.9; }

video {
	*margin: 0 auto;
    top: 100px;
    left: 0px;
	width: 70%;
	background-color: #fff;
	position: absolute;
	z-index: 999999999;
	cursor: pointer;
    display: none;
}

@media (min-width: 1281px) {
	video { width: 1024px; }
}
@media (min-width: 1024px) and (max-width: 1280px) {
	video { width: 800px; }
}
@media (min-width: 768px) {
	.mov-position small { font-size: 70%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	video { width: 85%; }
}
@media (max-width: 767px) {
	video { width: 95%; }
}

/*----------------
    背景
------------------*/
[class*="bg-video"] {
	top: 0px;
	left: 0px;
    margin: 0;
    padding: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	position: fixed;
	z-index: 9999;
	cursor: pointer;
	display: none;
}


.btn-close {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    z-index: 99999;
    width: 41px;
}

.btn-close img {
    width: 32px;
    height: 32px;
}