@charset "utf-8";
/*------------------------------------------------------------
	works
------------------------------------------------------------*/
#main {
	padding-bottom: 31.5rem;
}
#main .pageTitle {
	margin-bottom: 15rem;
	background-image: url(../img/works/page_title_bg.jpg);
}
#main .comPhotoList {
	gap: 10rem 0;
}
#main .comPhotoList > li:nth-child(2n) {
	margin-right: 0;
}
#main .comPhotoList li a .photoBox .titleBox {
	flex-wrap: nowrap;
}
#main .comPhotoList li a .photoBox .titleBox .tagUl {
	margin-right: 2rem;
	width: fit-content;
}
#main .comPhotoList li a .photoBox .titleBox .tagUl li {
	padding: 0 0.9rem 0 1rem;
}
#main .comPhotoList li a .photoBox .titleBox .title {
	width: auto;
	flex: 1;
}
@media all and (max-width: 896px) {
	#main {
		padding-bottom: 20rem;
	}
	#main .pageTitle {
		margin-bottom: 8rem;
	}
	#main .comPhotoList {
		display: block;
	}
	#main .comPhotoList > li {
		margin: 0 0 3rem;
		width: auto;
	}
	#main .comPhotoList > li:last-child {
		margin-bottom: 0;
	}
	#main .comPhotoList li a .photoBox .titleBox {
		width: 100%;
		max-width: 80%;
	}
	#main .comPhotoList li a .photoBox .titleBox .tagUl {
		margin-right: 1rem;
	}
	#main .comPhotoList li a .photoBox .titleBox .tagUl li {
		padding-bottom: 0.1rem;
	}
}