@charset "utf-8";
.galleryWrap{
	background-color: #000;
	color: #fff;
	padding: 80px 0;
	overflow: hidden;
}
.photolist{
	margin-bottom:clamp(25px,5vw,50px);
}
.photolist .slick-prev,
.photolist .slick-next{
	top: 40%;
	z-index: 1;
}
.photolist .slick-prev{
	left: -35px;
}
.photolist .slick-next{
	right: -25px;
}
.photolist .slick-prev::before,
.photolist .slick-next::before{
	content: "";
	display: block !important;
	width: 30px;
	height: 30px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	opacity:1;
	transition-duration: 0.3s;
}
.photolist .slick-prev::before{
	transform: rotate(-135deg);
}
.photolist .slick-next::before{
	transform: rotate(45deg);
}
.photolist .slick-prev:hover::before,
.photolist .slick-next:hover::before{
	opacity: 0.8;
}
@media(max-width: 767px){/*sp*/
	.photolist .slick-prev,
	.photolist .slick-next{
		top: 30vw;
		z-index: 1;
	}
	.photolist .slick-prev::before,
	.photolist .slick-next::before{
		width: 15px;
		height: 15px;
	}
	.photolist .slick-prev{
		left: 10px;
	}
	.photolist .slick-next{
		right: 5px;
	}
}

.photolist > div img{
	margin-bottom: clamp(15px,3vw,30px);
}
.photolist > div .num{
	font-size: clamp(2.7rem,4vw,4rem);
	line-height: 1.2;
}
.photolist > div .numBig{
	font-size: 180%;
	font-style: italic;
}
.photolist > div .copy01{
	font-size: clamp(1.6rem,2.5vw,2.5rem);
}
/**/
.photothumb{
	display: flex;
/*	justify-content: flex-start;*/
	justify-content: center;
	flex-wrap: wrap;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 50px;
}
.photothumb .slick-slide{
	margin-left: clamp(3px,0.6vw,6px);
	margin-right: clamp(3px,0.6vw,6px);
}
.photothumb .slick-slide img{
	opacity: 0.6;
}
.photothumb .slick-current img{
	opacity: 1;
}
.photothumb .slick-dots {
    bottom: -50px;
}
.photothumb .slick-dots li button:before {
    font-family: slick;
    font-size: 14px;
    line-height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.photothumb .slick-dots .slick-active button:before  {
    opacity: 1;
}
/*
.photothumb > div{
	width: calc(25% - 2vw);
	margin: 0 1vw 30px;
	cursor: pointer;
	transition-duration: 0.3s;
}
.photothumb > div:hover{
	opacity: 0.5;
}
.photothumb > div.current{
	opacity: 0.5;
}

@media(min-width: 640px){
	.photothumb > div{
		width: calc(25% - 30px);
		margin: 0 15px 30px;
	}

}

@media(min-width: 900px){
	.photothumb > div{
		width: calc(12.5% - 20px);
		margin: 0 10px 0;
	}

}
*/