@charset "utf-8";
/* CSS Document */

/* 初期化 */

.bx-wrapper .bx-viewport{/* スタイル初期化 */
	background:none;
	border:none;
	box-shadow:none;
	margin:0;
	padding:0;
	left:0;
}

.bx-wrapper .bx-pager{/* ページャー位置初期化 */
	padding:0;
	line-height:1;
}

.bx-wrapper{
	margin-bottom:0;
}


/* 以下、改造 */

.bx-wrapper .bx-pager.bx-default-pager a{
	width:8px;
	height:0;
	padding-top:8px;
	overflow:hidden;
	margin:0 4px;
	background:#7F7F7F;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#fff;
	opacity:1;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{/* ページャー位置設定 */
	bottom:10px;
}

.bx-wrapper .bx-controls-direction a{
	width:29px;
	height:30px;
	margin-top:-15px;
	-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;
}

.bx-wrapper .bx-prev{background:url(images/controls_l.png) 0 0 no-repeat !important; background-position:0 0 !important;}
.bx-wrapper .bx-next{background:url(images/controls_r.png) 0 0 no-repeat !important; background-position:0 0 !important;}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover{background-position:0 0; opacity:.7;}


@media screen and (max-width:640px){
	
	.bx-wrapper .bx-prev,
	.bx-wrapper .bx-next{
		background-size:15px auto !important;
		background-position:center center !important;
	}
	
}