/* Slider */
.slick-slider {
	position: relative; display: block;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;
}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Slider */
.slick-loading .slick-list { background: #fff url('../img/ajax-loader.gif') center center no-repeat; }

/* Arrow */
.slick_prev, .slick_next { font-size: 18px; width: 40px; height: 40px; line-height: 40px; }
.slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { content:" "; line-height: 12px; position: absolute; top: 0; left: 0; width: 12px; height: 12px; text-align: center; opacity: 1; background-color: #ccc; border-radius: 50%; }
.slick-dots li.slick-active button:before { opacity: 1; background-color: #1e90cc; }
.slick-dots li button.thumbnail img { width: 0; height: 0; }

#item_photo_area .slick-slide { text-align: center; }
#item_photo_area .slick-slide img { display: inline-block; }

#item_photo_area .slick-dots { }
#item_photo_area .slick-dots li button:hover, #item_photo_area .slick-dots li button:focus { outline: none; }
#item_photo_area .slick-dots li button:hover:before, #item_photo_area .slick-dots li button:focus:before { opacity: 1; }

@media only screen and (min-width: 768px) {
	#item_photo_area .slick-dots { position: relative; bottom: 0; }
	#item_photo_area .slick-dots::after { content: ""; display: table; clear: both; }
	#item_photo_area .slick-dots li { margin: 0; padding: 10px; width: 25%; height: auto; float: left; }
	.slick-dots li button.thumbnail { padding: 0; width: 100%; height: auto; }
	.slick-dots li button.thumbnail img {	width: 100%; height: auto; opacity: 0.8; }
	.slick-dots li button.thumbnail:hover img, .slick-dots li.slick-active button.thumbnail img { opacity: 1; }
	.slick-dots li button.thumbnail::before { display: none; }	
}