#film_roll { height: 100% !important; }

.film_roll_wrapper{
	display:block;
	text-align:center;
	float:none;
	position:relative;
	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
	z-index:auto;
	width:100%;
	height:100%;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden;
} 

.film_roll_shuttle{
	text-align:left;
	float:none;
	position:relative;
	top:0;
	left:0;
	right:auto;
	bottom:auto;
	height:100%;
	margin:0 !important;
	padding:0 !important;
	z-index:auto;
}

.film_roll_shuttle.vertical_center:before{
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	/*margin-right:-0.25em;*/
	margin-right:0;
}	

.film_roll_child{
	position:relative;
	display:inline-block;
	*display:inline;
	vertical-align:middle;
	zoom:1;
	margin:0;
}

.film_roll_prev,.film_roll_next{
	position:absolute;
	top:45%;
	left:5%;
	padding:0;
	line-height:30px;
	text-align:center;
	border-radius:23px;
}
.film_roll_next{
	left:auto;
	right:5%;
}

.film_roll_pager{text-align:center; margin-top:5px;}
.film_roll_pager a{
	width:10px;
	height:10px;
	border-radius:10px;
	display:inline-block;
	margin:0 10px 0 0;
	transition:all 1s ease;
	background:#DDD;
}
.film_roll_pager a:hover{background:#00B2EB}
.film_roll_pager a.active{background:#00B2EB}
.film_roll_pager span{display:none}
.film_roll_pager a,a.film_roll_prev,a.film_roll_next{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}


.film_roll_wrapper img {
  margin-left: 0px;
  margin-right: 0px;
  /*transition: all 1s ease;*/
}
@media (max-width: 580px) {
  .film_roll_wrapper img {
    margin: 0;
    box-shadow: none;
  }
}


/* 繧ｿ繝悶Ξ繝�ヨ繝ｬ繧､繧｢繧ｦ繝� : 768 px �� 959 px*/
@media screen and (max-width:959px)
{
#film_roll { height: auto !important; }

.film_roll_wrapper{
	display:block;
	text-align:center;
	float:none;
	position:relative;
	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
	z-index:auto;
	width:100%;
	height: auto !important;
	margin:0 !important;
	padding:0 !important;
} 

.film_roll_wrapper img {
	width:100%;
	height:auto;
}

.film_roll_shuttle{
	text-align:left;
	float:none;
	position:relative;
	top:0;
	left:0;
	right:auto;
	bottom:auto;
	height: auto auto;
	margin:0 !important;
	padding:0 !important;
	z-index:auto;
}

}

/* 繧ｹ繝槭�險ｭ螳�  768 莉･荳�*/
@media screen and (max-width:767px)
{

#film_roll { height: auto !important; }

.film_roll_wrapper{
	display:block;
	text-align:center;
	float:none;
	position:relative;
	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
	z-index:auto;
	width:100%;
	height: auto !important;
	margin:0 !important;
	padding:0 !important;
} 

.film_roll_wrapper img {
	width:100%;
	height:auto;
}

.film_roll_shuttle{
	text-align:left;
	float:none;
	position:relative;
	top:0;
	left:0;
	right:auto;
	bottom:auto;
	height: auto auto;
	margin:0 !important;
	padding:0 !important;
	z-index:auto;
}

}