/*==========================================
works
===========================================*/

#works{}

/*==========================================
gallery
===========================================*/

.galleryWrap{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 94%;
	margin: 0 auto;
}
	
.gallery{
	margin-bottom: 25px;
}

@media only screen and (min-width: 1200px) {
	.galleryWrap:after {
		content: "";
		width: 23%;
	}
	.galleryWrap:before {
		content: "";
		width: 23%;
		order: 1;
	}
	
	.gallery{
		width: 23%;
	}
}


@media only screen and (min-width: 950px) and (max-width: 1200px) {

	.galleryWrap::before {
		content: "";
		display: block;
		width: 32%;
		height: 0;
		order: 1;
	}
	.gallery{
		width: 32%;
	}	
}
@media only screen and (max-width: 950px){

	.galleryWrap::before {
		content: "";
		display: block;
		width: 48%;
		height: 0;
		order: 1;
	}
	.gallery{
		width: 48%;
	}
}



.gallery a{
	display: none;
}

.gallery a:first-of-type{
	display: block;
}

.gallery a{}

.gallery a img{
	width: 100%;
	height:200px;
	object-fit:cover;
}

.gallery a p{
	font-size: 1.7rem;
	text-align: left;
	padding-top: 10px;
}




.search_item {
	cursor: pointer;
	width: 94%;
	margin: 0 auto;
	padding-bottom: 70px;
}

.search_item a{
	display: inline-block;
	padding: 10px 25px;
	border: 1px solid #000;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 15px;
	font-size: 2rem;
}


.active {
  background-color: #000;
	color: #fff;
}