@charset "UTF-8";
/* CSS Document */
.sliderArea {
	width: 100%;
	max-width: 700px;
	margin: 40px auto;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide.slide_media {
	aspect-ratio: 3/2;
	position: relative;
	overflow: hidden;
}
.slick-slide.slide_media img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	object-fit: contain;
}
.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-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
	padding: 0 20px;
}
.thumb .slick-slide {
  cursor: pointer;
	aspect-ratio: 3/2;
	position: relative;
	overflow: hidden;
}
.thumb .slick-slide.thumb_media {
	aspect-ratio: 3/2;
	position: relative;
	overflow: hidden;
}
.slick-slide.thumb_media img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}
.thumb .slick-slide:hover {
  opacity: .7;
}
.thumb .slick-prev {
  left: 0;
}
.thumb .slick-next {
  right: 0;
}