@charset "utf-8";
/* CSS Document */

.gravureList {
}
.gravureList .gravureListItem {
}
.gravureList .gravureListItem:last-child {
}
.gravureList .gravureLink {
	display: block;
}
.gravureList .gravureImageBox {
}
.gravureList .gravureImage {
	display: block;
	object-fit: cover;
	object-position: top center;
}
.gravureList .gravureNoimage {
	display: block;
	color: #fff;
	background: #333;
}
.gravureList .gravureDate {
	font-family: var(--fontEn);
	color: var(--mainColor);
	font-weight: 300;
}
.gravureList .gravureTitle {
	color: var(--mainColor);
}
.gravureList .gravureTxt {
	font-family: var(--fontEn);
	color: var(--textColor);
}


@media screen and (min-width: 768px) {
	.gravureList {
		width: 900px;
		margin: 0 auto;
	}
	.gravureList .gravureListItem {
		margin-bottom: 50px;
	}
	.gravureList .gravureListItem:last-child {
		margin-bottom: 0;
	}
	.gravureList .gravureLink {
	}
	.gravureList .gravureImageBox {
		margin-bottom: 10px;
	}
	.gravureList .gravureImage {
		width: 900px;
		height: 450px;
	}
	.gravureList .gravureNoimage {
		width: 730px;
		text-align: center;
		padding: 150px 0;
		margin-bottom: 10px;
	}
	.gravureList .gravureDate {
		font-size: 24px;
	}
	.gravureList .gravureTitle {
		font-size: 26px;
		margin-bottom: 4px;
	}
	.gravureList .gravureTxt {
		font-size: 22px;
	}
}

@media all and (max-width: 767px) {
	.gravureList {
	}
	.gravureList .gravureListItem {
		margin-bottom: 7.5vw;
	}
	.gravureList .gravureListItem:last-child {
		margin-bottom: 0;
	}
	.gravureList .gravureLink {
		margin-bottom: 2.5vw;
	}
	.gravureList .gravureImageBox {
		margin-bottom: 1vw;
	}
	.gravureList .gravureImage {
		width: 100%;
		height: 50vw;
	}
	.gravureList .gravureNoimage {
		width: 100%;
		text-align: center;
		padding: 17.25vw 0;
		margin-bottom: 1vw;
	}
	.gravureList .gravureDate {
		display: block;
		font-size: 4.0vw;
		margin-bottom: 1.0vw;
	}
	.gravureList .gravureTitle {
		font-size: 4.25vw;
		line-height: 1.25;
		margin-bottom: 0.5vw;
	}
	.gravureList .gravureTxt {
		font-size: 3.25vw;
	}
}