/*=============================================================
	各種スライダ―
	MediaQueryは下部へまとめて記載
=============================================================*/
/* JavaScriptが有効な場合、対象を隠す */
html.enable-javascript .slider-sample{
  visibility: hidden;
}
/* 画像すべてを読み終えたら、対象を表示する */
html.enable-javascript.window-load .slider-sample{
  visibility: visible;
}
/*------------------------------------------------------------
	Main Slider
-------------------------------------------------------------*/
.main-slider-area {
	position: relative;
	width: 100%;
	min-height: 295px;
	height: 295px;
	padding-top: 0;
	box-sizing: border-box;
}
			#main-slide {
				position: absolute;
				z-index: 5;
				top: 0;
				left: 0;
				width: 100%;
				height: 295px;
				overflow: hidden;
			}
				#main-slide .slide-img picture,
				#main-slide .slide-img picture img {
					width: auto;
					height: 295px;
				}
				#main-slide .slick-track {
					width: 100%;
				}
				#main-slide .slick-slide:not(.slick-center) {
					-webkit-filter: saturate(50%);
					-o-filter: saturate(50%);
					filter: saturate(50%);
					transition: 0.2s linear;
				}

	@media screen and (min-width: 436px) {
		.main-slider-area {
			width: 100%;
			min-height: 550px;
			height: 550px;
		}
			#main-slide {
				position: absolute;
				z-index: 5;
				top: 0;
				left: 0;
				width: 100%;
				height: 550px;
				overflow: hidden;
			}
				#main-slide .slide-img picture,
				#main-slide .slide-img picture img {
					width: auto;
					height: 550px;
				}
				#main-slide .slick-track {
					width: 100%;
				}
				#main-slide .slick-slide:not(.slick-center) {
					-webkit-filter: saturate(50%);
					-o-filter: saturate(50%);
					filter: saturate(50%);
					transition: 0.2s linear;
				}
	}

/*-----------------------------------------------------------*/