@charset 'UTF-8';

/* --------------------------------------------------
  ACTUAL RESULTS
-------------------------------------------------- */
.catList {
	width: 260px;
	margin-top: 170px;
    padding: 20px 26px;
	color: #2b2b2b;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	line-height: 1;
	border: 1px solid #c8c8c8;
	background-image: url(../../img/dm-create/select.png);
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: top 53% right 13px;
}
.work {
	margin-top: 84px;
	margin-bottom: 98px;
}
.work_list {
    grid-gap: 80px 3.5%;
}
@media screen and (max-width:768px) {
	.catList {
		width: 150px;
		margin-top: 67px;
		padding: 15px 9px;
		font-size: 1.3rem;
		letter-spacing: 0.1em;
		line-height: 1;
		background-size: 7px auto;
	    background-position: top 51% right 11px;
	}
	.work {
		margin-top: 56px;
		margin-bottom: 60px;
	}
	.work_list {
		grid-gap: 38px 6%;
	}
}

/* page navigation */
.wp-pagenavi {
	display: flex;
	align-items: center;
	justify-content: center;
}
.wp-pagenavi span,
.wp-pagenavi a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	margin: 0 6px;
	color: #2b2b2b;
	font-size: 1.4rem;
	letter-spacing: 0;
	line-height: 1;
	border: 1px solid #c8c8c8;
}
.wp-pagenavi span {}
.wp-pagenavi a {}
.wp-pagenavi span.current {
	color: #fff;
	background: #9c9c9c;
	border-color: #9c9c9c;
}
@media screen and (max-width:768px) {
	.wp-pagenavi span,
	.wp-pagenavi a {
		width: 49px;
		height: 49px;
		margin: 0 5px;
		font-size: 1.4rem;
		letter-spacing: 0;
		line-height: 1;
	}
}

main {
	margin-bottom: 210px;
}
@media screen and (max-width:768px) {
	main {
		margin-bottom: 103px;
	}
}