@charset "utf-8";



/**/
.worksList .unit01{
	display: block;
	text-align: left;
	margin-bottom: 40px;
	text-decoration: none;
}
.worksList .unit01 .thumb{
	width: 100%;
	aspect-ratio: 16 / 9;
	margin-bottom: 15px;
}
.worksList .unit01 .thumb img{
	border-radius: 10px;
	width: 100%;
}
.worksList .unit01 .ttl01{
	font-size: 1.6rem;
}
.worksList .unit01 .name01{
	font-size: 1.3rem;
	font-weight: bold;
	color: #808080;
}
@media (min-width: 768px){
	.worksList{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.worksList .unit01{
		width: 30%;
		margin-right: 5%;
		margin-bottom: 50px;
	}
	.worksList .unit01:nth-of-type(3n){
		margin-right: 0;
	}
	.worksList .unit01 .thumb{
		max-height: 169px;
	}
}




/* 
■ページネーション  Pagination */
/* （※管理画面と同じクラス名ですが、定義が異なります） */
ul.sugu-pagination {
  margin: 1em 0;
  padding: 0;
  font-size: 1.4rem;
}
ul.sugu-pagination li {
  list-style: none;
  display: inline-block;
  min-height: 0.8;
}
ul.sugu-pagination li a {
  padding: 4px 10px 4px 10px;
  vertical-align: middle;
  border: #cbcbcb 1px solid;
  margin-left: -1px;
  text-decoration: none;
  color: gray;
}
ul.sugu-pagination li a:active,
ul.sugu-pagination li a:hover {
  background-color: #dfdfdf;
  color: black;
}
ul.sugu-pagination li:first-child a {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
ul.sugu-pagination li:last-child a {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
ul.sugu-pagination .sugu-active a,
ul.sugu-pagination .pagethis a {
  font-weight: bold;
  color: black;
}