@charset "utf-8";

/*====================================================================
slick
====================================================================*/

.sliderArea {
	max-width: 100%;
	margin: 0 auto 40px;
	padding: 0 25px;
}

.slick-slide {
	margin: 0 5px;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.slick-prev, .slick-next {
	z-index: 1;
}
.slick-prev:before, .slick-next:before {
	color: #000;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick_media .slick-slide {

	opacity: 1;
}

.slick-active {
	opacity: 1;
}
.slick-current {
	opacity: 1;
}

.slick_main .slick-list {
  overflow: visible;

}
.slick_main.slider {
  max-width: 1200px;
  margin: 0 auto;
}

.sliderArea .slick_thumb .slick-track{
  transform:unset!important;

}

.slick_thumb {
	margin: 20px auto 0;
}

.slick_thumb.slider {
	display: flex;
	justify-content: center;

  }

.slick_thumb .slick-list{
	padding: 0 !important;
}

.slick_thumb .slick-slide {
	cursor: pointer;
	width: 160px !important;

}
.slick_thumb .slick-slide:hover {
	opacity: .7;
}


.slick_media .slick-slide img{
	width: auto !important;
	display: inline !important;
}

@media only screen and (max-width: 820px) {

	.sliderArea {
		margin: 0 calc(50% - 50vw) 40px;
		width: 100vw;
		max-width: 100vw;
		padding: 0;
	}

	.slick_main.slider {
		max-width: 414x;
	  }

	.slick_main .slick-slide {
		margin: 0;
	}

	.slick_thumb.slider {
		max-width: 414px !important;
	  }

	.slick_thumb .slick-slide {
		width: 14% !important;
	}

	.slick_main .slick-list {
		overflow: hidden;

	  }



}