@charset "utf-8";

/* Slider
-------------------------------------- */
body {
	background-color: #FFF;
}

@media all and (min-width: 668px) { /* [PC] */
#slider {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
}
#slider .slider-inner {
	position: relative;
	left: 50%;
	width: 3180px;
	margin-left: -1590px;
}
#slider ul li {
	width: 1060px;
    max-width: 100%!important;
}
.bx-wrapper {
	position: relative;
	width: 100%;
	height: 500px;
	margin: 0 auto;
	padding: 0;
	zoom: 1;
    /* max-width: 980px!important; */
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: #FFF;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper img {
	display: block;
	max-width: 100%;
}
.bx-wrapper .bx-viewport {
	overflow: visible !important;
}
.bx-viewport::before,
.bx-viewport::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: rgba(49, 103, 69, 0.5);
	z-index: 1000;
}
.bx-viewport::before {
	right: 100%;
	left: -100%;
}
.bx-viewport::after {
	left: 100%;
	right: -100%;
}
.bx-wrapper .bx-controls-direction a {
	display: block;
 	position: absolute;
 	outline: 0;
	width: 60px;
	height: 60px;
 	text-indent: -9999px;
 	z-index: 1000;
	-webkit-transition: background-color 0.3s ease-in-out 0s;
	transition: background-color 0.3s ease-in-out 0s;
}
.bx-wrapper .bx-prev {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
	margin: auto;
}
.bx-wrapper .bx-prev::before {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	left: 26px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #EBE7D8;
	border-left: 2px solid #EBE7D8;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.bx-wrapper .bx-next {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
	margin: auto;
}
.bx-wrapper .bx-next::before {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	right: 26px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #EBE7D8;
	border-right: 2px solid #EBE7D8;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	background: #316745;
}
.bx-wrapper .bx-pager {
	display: none;
}
} /* @media */

@media all and (max-width: 667px) { /* [SP] */
#slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
#slider ul li img {
	width: 100%;
	height: auto;
}
.bx-wrapper {
	position: relative;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	width: 100%;
	display: block;
}
.bx-wrapper .bx-controls-direction a {
	display: block;
 	position: absolute;
 	outline: 0;
	width: 30px;
	height: 30px;
 	text-indent: -9999px;
 	z-index: 1000;
}
.bx-wrapper .bx-prev {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	margin: auto;
	vertical-align: middle;
}
.bx-wrapper .bx-prev::before {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: 12px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #EBE7D8;
	border-left: 2px solid #EBE7D8;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.bx-wrapper .bx-next {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	margin: auto;
	vertical-align: middle;
}
.bx-wrapper .bx-next::before {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	right: 12px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #EBE7D8;
	border-right: 2px solid #EBE7D8;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.bx-wrapper .bx-pager {
	display: none;
}
} /* @media */
@media all and (min-width: 668px) and (max-width: 1024px) {
    .bx-wrapper {
        max-width: 980px!important;
        height: 462px;
    }
    #slider{
        height: 462px;

    }

}