#film_roll_slider {
}
.film_roll {
	overflow: hidden;
	position: relative;
	height: 542px;
}
.film_roll_wrapper {
	overflow: hidden;
}
.film_roll_shuttle {
	position: relative;
	height: 506px;
}
.film_roll_shuttle img {
	vertical-align: baseline;
}
.film_roll_child {
	display: inline-block;
	height: 506px;
	position: relative;
}
.film_roll_child:after{
content: url("/images/mainImgMask.png");
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 506px;
	display:inline-block;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	z-index: 6;
}
.film_roll_child.active:after {
	content:'　';
	opacity: 0;
	z-index: 1;
}
/*IE10以上とその他ブラウザ用*/
/*IE9以下はposition:rerativeで動作不良*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .videos a{
	position:relative;
display: block;
z-index: 6;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.videos a{
	position:relative;
display: block;
z-index: 6;
}
}
.videos a, x:-moz-any-link { 
	position:relative;
display: block;
z-index: 6;
}
.videos{
		background-color:#fff;
}
.videos a:hover img{
	opacity:0.8;
		-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.gallery_border_l {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -461px;
	z-index:7;
}
.gallery_border_r {
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -461px;
	z-index:7;
}
.btn_prev,
.btn_next {
	position: absolute;
	top: 45%;
	width: 20px;
	height: 46px;
	z-index: 7;
}
.btn_prev {
	left: 50%;
	margin-left: -481px;
}
.btn_next {
	right: 50%;
	margin-right: -480px;
}
.btn_prev:hover,
.btn_next:hover {
	opacity: 0.7;
}
.film_roll_pager {
	text-align: center;
	height: 24px;
	background: #000;
	padding-top: 12px;
}
.film_roll_pager a {
	width: 11px;
	height: 11px;
	border-radius: 11px;
	display: inline-block;
	margin: 0 22px 0 0;
	transition: all 1s ease;
	background: #fff;
}
.film_roll_pager a:hover {
	background: #e60012;
}
.film_roll_pager a.active {
	background: #e60012;
}
.film_roll_pager span {
	display: none;
}
.film_roll_pager a:last-child {
	margin-right: 0;
}