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

  slider css

//////////////////////////////////////////////////////////////*/

/* --------------------------------------------------
 slider
------------------------------------------------- */
#slider {
}
#slider li {
	margin-right: 56px;
}
/* --------------------------------------------------
 bx-window
------------------------------------------------- */
.bx-wrapper {
	width: 100% !important;
	height: 400px;
	overflow: hidden;
	position: relative !important;
}
.bx-viewport {
	width: 1031px !important;
	overflow: visible !important;
	height: 370px !important;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.bx-controls {
	position: relative;
	top: -28px;
	width: 1080px;
	padding-bottom: 35px;
	margin: 0 auto;
	background: url(../images/index/bg_pager.png) center bottom no-repeat;
}
.prev-next {
	clear: both;
}
.bx-prev, .bx-next {
	display: inline-block;
	position: relative;
	top: -172px;
	width: 54px;
	height: 54px;
	text-indent: -9999px;
}
.bx-prev {
	float: left;
	background-image: url(../img/left_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.bx-next {
	float: right;
	background-image: url(../img/right_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.pagerWrap {
	overflow: hidden;
	position: relative;
	top: -38px;
	left: 340px;
	width: 300px;
	height: 35px;
	margin: 0 auto;
}
.pagerWrap .sns {
	float: right;
	margin-top: 10px;
}
.bx-pager {
	width: 120px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	top: 23px;
}
.bx-pager-link {
	display: block;
	float: left;
	position: relative;
	width: 8px;
	height: 8px;
	margin-left: 12px;
	text-indent: -9999px;
	background: url(../images/index/nav_pager.png) 0 0 no-repeat;
}
.bx-pager-link:hover, .active {
	background: url(../images/index/nav_pager.png) 0 -8px no-repeat;
}

@media screen and (max-width: 500px) {
.bx-wrapper {
	width: 100% !important;
	height: 150px;
	overflow: hidden;
	position: relative !important;
	padding-top: 100px;
}
.bx-viewport {
	width: 100% !important;
	overflow: visible !important;
	height: 270px !important;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.bx-controls {
	position: relative;
	top: -28px;
	width: 100%;
	padding-bottom: 35px;
	margin: 0 auto;
	background: url(../images/index/bg_pager.png) center bottom no-repeat;
}
.bx-prev, .bx-next {
	display: inline-block;
	position: relative;
	top: -172px;
	width: 54px;
	height: 54px;
	text-indent: -9999px;
}
.bx-prev {
	float: none;
	background-image: none;
}
.bx-next {
	float: none;
	background-image: none;
}
.pagerWrap {
	overflow: hidden;
	position: relative;
	top: -38px;
	left: 340px;
	width: 300px;
	height: 35px;
	margin: 0 auto;
}
.pagerWrap .sns {
	float: right;
	margin-top: 10px;
}
.bx-pager {
	width: 120px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	top: 23px;
}
.bx-pager-link {
	display: block;
	float: left;
	position: relative;
	width: 8px;
	height: 8px;
	margin-left: 12px;
	text-indent: -9999px;
	background: url(../images/index/nav_pager.png) 0 0 no-repeat;
}
.bx-pager-link:hover, .active {
	background: url(../images/index/nav_pager.png) 0 -8px no-repeat;
}
}

@media screen and (max-width: 400px) {
.bx-wrapper {
	height: 130px;
}
}

@media screen and (max-width: 320px) {
.bx-wrapper {
	height: 100px;
}
}