@charset "utf-8";


/* リセット */
* {margin: 0; padding: 0; border:0px solid #ccc;}
body,html {width: 100%;height: 100%;}
a:hover img{opacity:0.7;}

/* 設定 */
.container {
	background:#000;
	width: 100%;
	height: 372px;
	/* [disabled]overflow-x: hidden; */
}
.slide_all {width: 1080px;margin: 0 auto; height: 372px; position: relative;}
.slide_wrap {width: 3240px; position: absolute; left: 0%; margin-left:-100%;}
.slide_body {width: 100%;}
.slide{width: 1080px; text-align: center;}
.slide img {width: 100%; vertical-align: bottom;}
.bx-controls {position: absolute; left:1080px; top: 140px;z-index: 100;width: 1080px;}

/* 装飾 */     
#bx-pager a img{width:70px;opacity:0.7;}
#bx-pager a:hover img{opacity:0.3;}
#bx-pager a{width:70px; height:24px; overflow:hidden; display:block; float:left; border:1px solid #ccc; margin:0 3px; background:#000;}
#bx-pager{display:table; margin:0 auto; margin-top:15px;}
.bx-controls-direction{
	text-align: center;
	height: 25px;
	}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}

/* 追加 */
.slide{transition:all .3s;
opacity:0.5;
filter: alpha(opacity=50);        
-ms-filter: "alpha(opacity=50)"; 
-moz-opacity:0.5;                
-khtml-opacity: 0.5;              
zoom:1;}
.slide.active{ opacity:1;
filter: alpha(opacity=100);        
-ms-filter: "alpha(opacity=100)"; 
-moz-opacity:100;               
-khtml-opacity: 100;        
zoom:1;}

.slide_wrap .bx-controls-direction a {
	position: absolute;
	top:0;
	margin-top: 0;
/*	width: 80px;
	height: 80px;*/
	z-index: 9999;
	color: #000;
	text-decoration: none;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next{
	position:relative;
}

.bx-controls-direction .bx-next:after,
.bx-controls-direction .bx-prev:after{
       font-family: 'ＭＳ Ｐゴシック';
       content: ">";
       position: absolute;
       font-size:60px;
	color: #ddd;
	   }
.bx-controls-direction .bx-prev:after{
       content: "<";
	   }
.slide_wrap .bx-controls-direction a:hover,
.slide_wrap .bx-controls-direction a:active{
	color: #aaa;
}
.bx-controls-direction .bx-prev {
	left:-8%;
}
.bx-controls-direction .bx-next {
	right:-2%;
}






/***********************スマホ**************************/
@media screen and (max-width: 979px)  {


.slide_all {width: 100%;margin: 0 auto; height:; position: relative;}
.slide_wrap {width: 300%; position: absolute; left: 0%; margin-left:-100%;}
.slide_body {width: 100%;}
.slide{width: ; text-align: center;}
.slide img {width: 100%; vertical-align: bottom;}
.bx-controls {display:none;}
.container{background:#fff;overflow:hidden; height:auto;position: absolute; top:0;}
#bx-pager:before {content:""; display: block; padding-top:calc(36% - 15px);}
#bx-pager a img{width:100% !important;opacity:0.99;}
#bx-pager a.active img {  opacity: 0.3;  } 
#bx-pager a{width:32.4%;height:auto;background:#fff;border:0;margin:0 0.39%;}


.slide{transition:all .3s;
opacity:0.1;
filter: alpha(opacity=10);        
-ms-filter: "alpha(opacity=10)"; 
-moz-opacity:0.1;                
-khtml-opacity: 0.1;              
zoom:1;
}
.slide.active{ opacity:1;
filter: alpha(opacity=100);        
-ms-filter: "alpha(opacity=100)"; 
-moz-opacity:100;               
-khtml-opacity: 100;        
zoom:1;}



}/***********************スマホ**************************/