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


/* 変更箇所 各スタイルのwidth、heightのみでOK!! */

#slider_wp {
	width: 100%;
	height: 800px;
	overflow: hidden;
	position: relative;
}
#slider {
	width: 100%;
	height: 800px;
	margin: 0 auto;
	position: relative;
	background: url(loader.gif) no-repeat center;
}
#slider img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#slider_wp::after{
	content: "";
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0.54) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.54) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0.54) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ) brightness(1.11);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	}
/*=======================================================================
スマホ版
=======================================================================*/
@media screen and (max-width:480px){
	#slider_wp,
	#slider{
		height: 400px;
	}
	#slider img {
		max-width: 750px;
	}
}