@charset "utf-8";

.slider {
	margin: 0px;
}
.slider img {
	width: 100%;
	height: auto;
}

.slider a{ position:relative; }
.slider a div.ne{ position:absolute; width:40%; padding-top:30%; right:0px; top:0px; z-index:101; background-repeat:no-repeat; }
.slider a div.bu{ position:absolute; width:45%; padding-top:35%; left:5px; bottom:0px; z-index:101; background-repeat:no-repeat; }
.slider a div.si{ position:absolute; width:40%; padding-top:30%; right:5px; bottom:5px; z-index:101; background-repeat:no-repeat; }
.slider a div.so{ position:absolute; width:40%; padding-top:30%; right:5px; bottom:5px; z-index:101; background-repeat:no-repeat; }

.single-item {
	max-width: 600px;
	margin: 0 auto;
}
.slick-prev::before, .slick-next::before {
	font-size: 24px;
}
.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
background:url(../img/cright.png); background-size:contain;
	right: 15px;
	z-index: 99;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
background:url(../img/cleft.png); background-size:contain;
	left: 15px;
	z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.slick-dots {
	bottom:-0px;
}
.multiple-item li {
	margin: 5%;
}
.thumb-item {
	max-width: 700px;
	margin: 0 auto 0px;
	padding: 0 5px;
}
.thumb-item-nav {
	max-width: 700px;
	margin: 0 auto;
}
.thumb-item-nav li{
	margin: 5px;
}
.lazy-item {
	width: 400px;
	margin: 0 auto;
}
.lazy-item li {
	margin: 0 5px;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}