/*-----------------------
		メイン画面 
 -----------------------*/
#DivCenterContent {
	width: 100%;
	min-height: 86%;
	display: grid;
	grid-template-rows:4vw;
}
.category {
	margin: 7vw auto;
}
.category.top {
	margin-top: 4.5vw;
}
#gallery-area{
	margin-top:2.5vw;
}
.gallery {
	text-align: center;
	position: relative;
}
.gallery img {
	filter: grayscale(100%);
	box-shadow: 0px 5px 4px 0px rgb(14 14 14 / 50%);
	transition: 0.5s;
}
.gallery img:hover {
	filter: grayscale(0%);
}
.gallery-title {
	position: absolute;
	bottom: 45%;
	width: 100%;
	text-align: center;
	color: #d8d8d8;
	transition: 0.5s;
	font-size: 4vw;
}
.gallery img:hover + .gallery-title {
	opacity:0.5;
}
/*---------------------------------------*/
/*               スマホ　     　　       */
/*---------------------------------------*/
@media screen and (min-width:360px) {
}
/*---------------------------------------*/

/*               PC　     　　       */

/*---------------------------------------*/
@media screen and (min-width: 960px) {

	#gallery-area {
		margin-top: unset;
	}
	.gallery-title {
		font-size: 1.2vw;
	}
	.gallery img{
		width:24vw;
	}
	.category{
		text-align:center;
		margin:4vw auto;
	}
	.category.top {
		margin-top:1vw;
	}
}