@charset "utf-8";

/*------------------------------------------------------------------
	top.css
------------------------------------------------------------------*/
@media screen and (min-width: 641px){
.film_roll_wrapper img{ opacity:0.5; }
#slider{
	margin-bottom: 22px;
	height: 431px;
}
.film_roll_wrapper .active img{ opacity:1.0}


/*バナーエリア*/
#bnr_blk{
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

#bnr_blk section{width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;}
#bnr_blk ul li{ float:left; width:210px; margin:20px 10px; padding:10px;
min-height:160px;
position:relative;
box-shadow:rgba(102, 102, 102, 0.2) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(102, 102, 102, 0.2) 0px 0px 5px 0px;
-moz-box-shadow:rgba(102, 102, 102, 0.2) 0px 0px 5px 0px; background:#FFF;}
#bnr_blk ul li img{ width:100%; height:auto; margin:10px 0;}
#bnr_blk ul li h3{ color:#FFF; font-size:18px; line-height:30px; font-weight:300;}
#bnr_blk ul li p{
	font-size: 14px;
	text-align: left;
	line-height: 18px;
	margin-top: 10px;
	min-height:100px;
}
#bnr_blk ul li span{
	color: #FFF;
	font-size: 11px;
	padding: 3px 14px 3px 5px;
	font-weight: 500;
	display: inline-block;
}

#bnr_blk section ul li:hover{ background:#FDF5EC;}
#bnr_blk section ul li a{ display:block; position:absolute;
    width:100%;
    height:100%;}
#bnr_blk ul li h3{
	background: #333;
}
#bnr_blk ul li span{background: #333 url(../img/top/bnr_arw.png) no-repeat right;}

}

@media screen and (max-width: 640px){

#slider{ background:#000; margin-bottom:10px; height: 180px; width:100%; overflow:hidden;}
#slider img{ width: auto; height:180px;}

/*バナーエリア*/
#bnr_blk{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}


#bnr_blk section{width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;}
#bnr_blk ul li{ float:left; width:42%; margin:3% 2%; padding:2%;
position:relative;
min-height:148px;
box-shadow:rgba(102, 102, 102, 0.2) 0px 0px 5px 0px;
-webkit-box-shadow:rgba(102, 102, 102, 0.2) 0px 0px 5px 0px;
-moz-box-shadow:rgba(102, 102, 102, 0.2) 0px 0px 5px 0px; background:#FFF;}
#bnr_blk ul li h3{ color:#FFF; font-size:15px; line-height:30px; font-weight:300;}
#bnr_blk ul li p{min-height:90px; font-size:13px; text-align:left; line-height:18px; margin-top:10px;}
#bnr_blk ul li span{
	color: #FFF;
	font-size: 11px;
	padding: 3px 14px 3px 5px;
	font-weight: 500;
	display: inline-block;
}

#bnr_blk section ul li:hover{ background:#FDF5EC;}
#bnr_blk section ul li a{ display:block; position:absolute;
    width:100%;
    height:100%;}
#bnr_blk ul li h3{ background:#333;}
#bnr_blk ul li span{background: #333 url(../img/top/bnr_arw.png) no-repeat right;}



}

.scllBOX{
	height: 150px;
	padding: 0.5em;
	overflow: auto;
}