/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */




/* 設定 */
.container {width: 100%; overflow: hidden; position: relative;}
.slide_all {width: 100%; max-width: 960px; margin: 0 auto; position: relative;}
.slide_wrap {width: 2880px; position: absolute; left: 50%; margin-left: -1440px;}
@media only screen and (max-width: 959px) {
	.slide_wrap {width: 300%; position: absolute; left: 50%; margin-left: -150%;}
}
.slide_body {width: 100%;}
.slide {width: 100%; max-width: 960px;}
.slide img {width: 100%; vertical-align: bottom;}

/* 装飾 */


/* DIRECTION CONTROLS (NEXT / PREV) */
.slide_all .bx-prev {left: 32.5%;	background: url(../img/left-arrow.png) no-repeat;}
.slide_all .bx-next {right: 32.5%;	background: url(../img/right-arrow.png) no-repeat;}
@media only screen and (max-width: 640px) {
	.slide_all .bx-prev {display:none; visibility:hidden;}
	.slide_all .bx-next {display:none; visibility:hidden;}
}

.slide_all .bx-prev:hover {opacity:0.5;}
.slide_all .bx-next:hover {opacity:0.5;}

.slide_all .bx-controls-direction a {
	position: absolute;
	top: 45%;
	margin-top: -30px;
	outline: 0;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	z-index: 999;
}

.slide_all  .bx-controls-direction a.disabled {display: none;}



.bx-pager {text-align: center; height: 80px; position: absolute; bottom: 0; z-index: 100; width: 100%;}
@media only screen and (min-width: 641px) and (max-width: 959px) {
	.bx-pager {text-align: center; height: 40px; position: absolute; bottom: 0; z-index: 100; width: 100%;}
}
@media only screen and (max-width: 640px) {
	.bx-pager {text-align: center; height: 20px; position: absolute; bottom: 0; z-index: 100; width: 100%;}
}

.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 16px; width: 16px; text-indent: -9999px; background: #89b800; border-radius: 16px; margin:14px 5px 0  5px;}
@media only screen and (min-width: 641px) and (max-width: 959px) {
	.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #89b800; border-radius: 12px; margin:5px 5px 0  5px;}
}
@media only screen and (max-width: 640px) {
	.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #89b800; border-radius: 10px; margin:5px 5px 0  5px;}
}
.bx-pager-item a.active {opacity: 0.3;}