/*------------------------
 * c-portfolio
 *------------------------*/
.c-portfolio {

}
.c-portfolio__comment01 {
	margin-top: 20px;
	font-size: 15px;
}
.c-portfolio__item {
	margin-top: 20px;
	display:flex;
	flex-wrap:wrap;
	gap:10px 1%;
}
.c-portfolio__item li {
	width:24%;
}
.c-portfolio__item li img{
	width:100%;
}
.c-portfolio__item li a {
	position:relative;
	display:block;
	overflow:hidden;
}
.c-portfolio__item li .title {
	text-align:center;
	padding: 10px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	color: #FFF;
	transform: translateY(100%);
	transition: transform .5s ease;
}
.c-portfolio__item li a:hover .title {
	transform: translateY(0);
}
/*------------------------
 * c-portfolio_detail
 *------------------------*/
.c-portfolio_detail {

}
.c-portfolio_detail__item {
	margin-top: 20px;
}
.c-portfolio_detail__item li {
	width:100%;
	margin-top:20px;
	text-align:center;
}
.c-portfolio_detail__item li img{
	width:80%;
}