@charset 'UTF-8';

/* ================================================================================

	共通設定

================================================================================ */
.grid-item a img{
	-webkit-transform: scale(1.005);
	transform: scale(1.005);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.grid-item a:hover img{
	opacity:1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.grid-item a:hover{
	opacity:1;
}



/* ================================================================================

	768px以上1366px未満【3カラム】

================================================================================ */
@media ( min-width:768px ) {

	.grid {
	}
	.grid-item {
		width:calc(100%/3);
		overflow:hidden;
	}
	.grid-item img {
		margin: 0;
		vertical-align: bottom;
	}


	.cate_item_title{
		position:absolute;
		font-size:3.5vw;
		z-index:1;
		color:#ffffff;
		margin: 21vw 0 0 2vw;
		font-weight:100;
		font-family: 'Yantramanav', sans-serif;
		pointer-events:none;
	}
}


/* ================================================================================

	1366px以上【4カラム】

================================================================================ */
@media ( min-width:1366px ) {

	.grid {
	}
	.grid-item {
		width: 25%;
		overflow:hidden;
	}
	.grid-item img {
		margin: 0;
		vertical-align: bottom;
	}


	.cate_item_title{
		position:absolute;
		font-size:2.5vw;
		z-index:1;
		color:#ffffff;
		margin: 19vw 0 0 2vw;
		font-weight:100;
		font-family: 'Yantramanav', sans-serif;
		pointer-events:none;
	}
}


/* ================================================================================

	スマホ2カラム

================================================================================ */
@media ( max-width:767px ) {

	.grid {
	}
	.grid-item {
		width:50%;
		overflow:hidden;
	}
	.grid-item img {
		margin: 0;
		vertical-align: bottom;
	}


	.cate_item_title{
		position:absolute;
		font-size: 6.2vw;
		z-index: 1;
		color: #ffffff;
		margin: 30vw 0 0 4vw;
		font-weight:100;
		font-family: 'Yantramanav', sans-serif;
		pointer-events:none;
	}
}