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

          Slick関連・独自仕様
		  
************************************************/

/*スライドショー本体--------------*/
#slickMain{
	height:auto;
	width:100%;
}
	#slickMain img{
		height:600px;
		width:1280px;
		object-fit:cover;
		object-position:center center;/*上に合わせる場合は「center top」*/
	}

	/*進む・戻るボタン*/
	#slickMain .slick-prev,
	#slickMain .slick-next{
		display:none !important;
	}


/*下ドット----------------*/
.slick-dots li button:before{/*通常の●*/
	font-size:40px;/*大きさ*/
	opacity:0.25;/*透過率*/
	color:red;/*色*/
}
.slick-dots li.slick-active button:before{/*アクティブの●*/
	opacity:0.75;/*透過率*/
	color:red;/*色*/
}


/*ナビゲーション（サムネイル位置・固定型）------*/
#slickNavi{
	height:auto;
	width:100%;
	max-width:980px;
	overflow:hidden;
}
	#slickNavi li{
		box-sizing:border-box;
	}
		#slickNavi li img{
			height:auto;
			width:90%;/*残り10％は左右余白*/
			margin:0 auto;
			border:solid 2px white;/*ナビ中央画像を赤枠で表示する為、予め用意する白枠*/
			box-sizing:border-box;
		}


/*ナビゲーション（サムネイル自動スライド型）---------*/
#slickNavi_slider{
	height:auto;
	width:720px;
	overflow:hidden;
}
	#slickNavi_slider li{
	}
		#slickNavi_slider li img{
			height:auto;
			width:80%;/*残り20％は左右余白*/
			margin:0 auto;
			border:solid 2px white;/*ナビ中央画像を赤枠で表示する為、予め用意する白枠*/
			box-sizing:border-box;
		}




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

          メディアクエリ

*********************************************************************************/
@media(max-width:500px){













	/*スライドショー本体--------------*/
	#slickMain{
		height:auto;
		width:100%;
																width:500px !important;
	}
		#slickMain img{
			height:600px;
			width:1280px;

																height:600px;
																width:500px !important;
			object-fit:cover;
			object-position:center center;/*上に合わせる場合は「center top」*/
		}

		/*進む・戻るボタン*/
		#slickMain .slick-prev,
		#slickMain .slick-next{
			display:none !important;
		}


	/*下ドット----------------*/
	.slick-dots li button:before{/*通常の●*/
		font-size:40px;/*大きさ*/
		opacity:0.25;/*透過率*/
		color:red;/*色*/
	}
	.slick-dots li.slick-active button:before{/*アクティブの●*/
		opacity:0.75;/*透過率*/
		color:red;/*色*/
	}


	/*ナビゲーション（サムネイル位置・固定型）------*/
	#slickNavi{
		height:auto;
		width:100%;
		max-width:980px;
		overflow:hidden;
	}
		#slickNavi li{
			box-sizing:border-box;
		}
			#slickNavi li img{
				height:auto;
				width:90%;/*残り10％は左右余白*/
				margin:0 auto;
				border:solid 2px white;/*ナビ中央画像を赤枠で表示する為、予め用意する白枠*/
				box-sizing:border-box;
			}


	/*ナビゲーション（サムネイル自動スライド型）---------*/
	#slickNavi_slider{
		height:auto;
		width:720px;
		overflow:hidden;
	}
		#slickNavi_slider li{
		}
			#slickNavi_slider li img{
				height:auto;
				width:80%;/*残り20％は左右余白*/
				margin:0 auto;
				border:solid 2px white;/*ナビ中央画像を赤枠で表示する為、予め用意する白枠*/
				box-sizing:border-box;
			}














}