@charset "utf-8";




#galleryTop{
	background-color: #000;
}
 .topCopy{
 	width: 30%;
 	margin-left: auto;
 	margin-right: auto;
 	padding-top: 80px;
 }

/*slider*/
.slick-slider{
	position: static;
}
.slider img {
    width: 100%;
    height: auto;
}
.slick-slide{
    margin-right: 12px;
    margin-left: 12px;
}
.slick-slide:nth-child(1){
	/*margin-right: 0;*/
	/*margin-left: 0;*/
}
#sliderRap{
	/*max-width: 1400px;*/
	max-width: 1100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 80px 0;
}
	.thumb-item,
	.thumb-item-nav{
		/*max-width: 1224px;*/
		max-width: 1024px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.thumb-item li{
		position: relative;
	}
		.thumb-item li span {
		    position: absolute;
		    bottom: 0.5%;
		    right: 0.5%;
		    left: auto;
		    color: #fff;
		    background-color: rgba(0,0,0,0.7);
		    padding: 0px 10px;
		    font-size: 12px;
		}
	.thumb-item-nav{
		margin-top: 30px;
	}
		.thumb-item li img{
			border: solid 1px #a1a1a1;
			box-sizing: border-box;
		}
	.slick-prev, 
	.slick-next {
	    top: 44%;
	    width: 25px;
    	height: 50px;
	}
		.slick-prev:before {
		    content: '';
		    display: inline-block;
		    background: url(../img/pc/slider_left.png) no-repeat left;
		    background-size: contain;
		}
		.slick-prev:before, 
		[dir='rtl'] .slick-prev:before, 
		.slick-next:before, 
		[dir='rtl'] .slick-next:before {
		    width: 25px;
		    height: 50px;
		}
		.slick-next:before {
		    content: '';
		    display: inline-block;
		    background: url(../img/pc/slider_right.png) no-repeat;
		    background-size: contain;
		}

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

	.topCopy{
 		width: 180px;
 		margin-left: auto;
 		margin-right: auto;
 		padding-top: 40px;
 	}
	#sliderRap{
		padding: 40px 0;
	}
	.slick-slide{
	    margin-right: 0px;
	    margin-left: 0px;
	}
		.thumb-item li span {
		    font-size: 10px;
		}
		.thumb-item-nav{
			margin-top: 10px;
		}
			.thumb-item-nav li{
				border-left: 2.5px solid #000;
				border-right: 2.5px solid #000;
				box-sizing: border-box;
			}
	.slick-prev, .slick-next {
	    top: 41%;
	    width: 30px;
    	height: 32px;
	}
		.slick-prev:before, .slick-next:before {
		    opacity: 1;
		}
		.slick-prev:before, 
		[dir='rtl'] .slick-prev:before, 
		.slick-next:before, 
		[dir='rtl'] .slick-next:before {
		    width: 16px;
		    height: 32px;
		}
}