@charset "utf-8";



/* !wrapper
---------------------------------------------------------- */
.bg_img{
	position: relative;
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
}

	.bg_img .bx-wrapper{
		position: relative;
		/*width: 100% !important;*/
		height: 320px;
		overflow: hidden;
	}
		
	.bx-window{
		/*overflow: visible !important;
		margin: 0px auto !important;
		height: 360px !important;*/
		margin-bottom: 10px;
	}


	/* !slider
	---------------------------------------------------------- */

	#slider{}

		#slider li a{
			/*padding: 30px 0 0 40px;*/
			font-size: 24px;
			display: block;
			color: #ffffff;
			text-decoration: none;
			text-shadow: 1px 1px 2px #333333;
		}

		.slider {
			width: 100%;
			height: 320px;
			margin: 0px auto;
			overflow: hidden;
		}

			.bg_img .slider li{
				float: left;
				width: 100%;
				background-repeat: no-repeat;
				background-position: left center;
				height: auto;
			}

				.bg_img .slider li.slide1{
					background-image: url(/shinri/img/main_01.jpg);
				}

				.bg_img .slider li.slide2{
					background-image: url(/shinri/img/main_02.jpg);
				}

				.bg_img .slider li.slide3{
					background-image: url(/shinri/img/main_03.jpg);
				}


	/* !bx-pager
	---------------------------------------------------------- */
	#bx-pager {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 80;
		padding: 5px;
		width: 970px;
		height: 27px;
		text-align: right;
		background: rgba(255,255,255,0.6);
	}

		#bx-pager a {
			position: relative;
			display: inline-block;
			margin-left: 5px;
			width: 119px;
			height: 27px;
		}

			#bx-pager a img {
				position: absolute;
				left: 0;
				top: 0;
			}

			#bx-pager a em {
				display: none;
				position: absolute;
				left: 0;
				top: 0;
				border: 3px solid #6dbb4f;
				width: 113px;
				height: 21px;
			}

			#bx-pager a:hover em,
			#bx-pager a.active em {
				display: block;
			}

		.bx-pager{
			position: absolute;
			bottom: 0;
			right: 0;
			width: 100%;
			height: 32px;
			background: url(/shinri/images/mainimg_navbg.png) left bottom repeat-x;
			text-align: right;
			padding: 5px 5px 0 0;
		}

			.bx-pager a{
				margin-right: 5px;
				border: 1px solid #dddddd;
				padding: 3px 5px;
				color: #333333;
				text-decoration: none;
			}

			.bx-pager a.pager-active{
				color: #ffffff;
				background-color: #333;
			}

			.bx-prev,.bx-next{
				position: absolute;
				font-size: 36px;
				text-decoration: none !important;
				color: #ffffff !important;
				text-shadow: 1px 1px 2px #333333;
			}
			
			.bx-prev,
			.bx-next {
				display: none;
				top: 50%;
				margin-top: -68px;
				width: 40px;
				height: 77px;
				background-size: 100%;
				text-indent: -9999px;
			}
			
			.bx-prev:hover,
			.bx-next:hover {
				opacity: 0.7;
				filter: alpha(opacity=70);
			}
			
			/*.bx-prev{
				left: 0;
				background-image: url(/shinri/images/sp/slider_prev_01.png);
			}
			
			.bx-next{
				right: 0;
				background-image: url(/shinri/images/sp/slider_next_01.png);
			}*/
			
			.bx-pager a {
				position: relative;
				height: 27px;
				width: 119px;
			}
			
			.bx-pager a.thumb{
				position: relative;
				border: none;
				padding:0;
				background-color: none;
				line-height: 0;
				overflow: hidden;
				display: inline-block;
			}
			
			.bx-pager span {
				display: inline-block;
				position: relative;
				height: 27px;
				width: 119px;
				margin: 0 5px 0 0;
			}
			
			.bx-pager .pager-active em {
				position: absolute;
				left: 0;
				top: 0;
				border: 3px solid #307ccb;
				height: 21px;
				width: 113px;
			}
			
			.bx-pager a img{
				position: absolute;
				top: 0;
				left: 0;
				padding:0;
				text-decoration: none;
			}
			
			.bx-pager a.pager-active img{
				color: #ffffff;
				border: 1px solid #307ccb;
			}
			
			.bx-pager a.pager-active span{
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				border: 3px solid #307ccb;
			}
			
			.bg_img3 .bx-wrapper{
				width: inherit;
				margin-bottom: 50px;
			}
			
			#slider3 li{
			}
			
				#slider3 li{
					width: 320px;
					text-align: center;
				}
				

/*レスポンシブ対応
------------------------------------------------------------*/
@media screen and (max-width:768px){
	
	.bg_img .bx-wrapper{
		height: auto;
	}

	.bg_img .bx-wrapper img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.bg_img .slider li.slide1, li.slide2, li.slide3 img{
		width: 100%;
		height: auto;
		display: block;
	}
	
	
	#bx-pager {
		position: relative;
		left: 0;
		bottom: 0;
		z-index: 80;
		box-sizing: border-box;
		margin-top: 10px;
		padding: 5px 5px 0 5px;
		width: 100%;
		height: auto;
		text-align: center;
		background: none;
	}
	
	/*#bx-pager {
		display: none;
	}*/

	#bx-pager a {
		position: relative;
		display: inline-block;
		margin-left: 5px;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background-color: #eee;
	}
	
	#bx-pager a:hover {
		transition: ease 0.3s;
		background-color: #75c99b;
	}

	#bx-pager a img {
		display: none;
	}

	#bx-pager a em {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		border: none;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background-color: #75c99b;
		
	}

	/*#bx-pager a {
		position: relative;
		display: inline-block;
		margin-left: 5px;
		width: 20%;
		height: 27px;
	}

	#bx-pager a em {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		border: 3px solid #6dbb4f;
		width: 100%;
		height:auto;
	}*/
}