@charset "utf-8";

/* works/css/style.css
 * **************************************************
 * **************************************************
 */

.content {
	padding-left: 0;
	padding-right: 0;
}

.content ul.works {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	overflow: hidden;
}

.content ul.works li {
	margin: 0 15px;
	width: 188px;
}

.content ul.works li:nth-child(n + 6) {
	margin-top: 74px;
}

.content ul.works li figcaption {
	font-size: 10px;
	margin: 18px 0 0 0;
}

.content ul.works li figcaption cite {
	font-size: 13px;
}

/* Media Queries
-------------------------------------------------- */

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

	.content ul.works {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}

	.content ul.works li {
		margin: 0 1px;
		width: calc(50% - 2px);
	}

	.content ul.works li:nth-child(n + 3) {
		margin-top: 74px;
	}

	.content ul.works li figcaption {
		margin-top: 12px;
		padding: 0 15px;
	}

	.content ul.works li figcaption cite {
		font-size: 12px;
	}
}