@charset "UTF-8";
/* ================================================================================
CSS information
 file name	: slider.css
 style info	: SLIDER設定
 author		: SAHO+DESIGN
 author URI	: http://www.saho-design.com
================================================================================ */
/* slider */
#slider .bx-wrapper img {
	display: block;
	width: 100%;
	height: 300px;
	background: center/cover no-repeat;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	#slider .bx-wrapper img {
		height: 500px;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	#slider .bx-wrapper img {
	  height: calc(100vh - 100px);
	}
}
#slider .bx-controls {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	z-index: 400;
}
/* bx-pager */
#slider .bx-pager {
	text-align: center;
	position: relative;
	font-size: 0;
	line-height: 1;
}
#slider .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
#slider .bx-pager a {
	text-indent: -9999px;
	display: block;
	width: 7px;
	height: 7px;
	margin: 0px 7px;
	outline: 0px none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: none repeat 0% 0% #fff;
}
#slider .bx-pager a.active {
	background: none repeat 0% 0% #1d2577;
}