@charset 'utf-8';

/* =========================================================
category_list
========================================================= */
#category_list{
	width: 100%;
}
#category_list .btn_area{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-end;
	        justify-content: flex-end;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	width: 100%;
}
#category_list a{
	width: calc(calc(100% - 90px) / 4);
	min-width: 200px;
	margin: 30px 0 0 30px;
}
#category_list a:first-child{
	margin-left: 0;
}
@media only screen and (max-width: 750px){
	#category_list .btn_area{
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
	}
	#category_list a{
		width: 47.86%;
		min-width: 0;
		margin: 0.3rem 0 0 4.28%;
	}
	#category_list a:nth-child(2n+1){
		margin-left: 0;
	}
}


/* =========================================================
works
========================================================= */
#works{
	position: relative;
}
#works .inner{
	position: relative;
	padding-top: 90px;
	padding-bottom: 180px !important;
}
@media only screen and (max-width: 750px){
	#works{
	}
	#works .inner{
		display:         flex;
		display: -webkit-flex;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
		        flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		        align-items: flex-start;
		-webkit-align-items: flex-start;
		padding-top: 0.9rem;
		padding-bottom: 1.8rem !important;
	}
}


/* =========================================================
works_item
========================================================= */
#works_item {
	margin-top: 110px;
}
#works_item a.works_bloc{
	margin-top: 60px;
}
#works_item a.works_bloc .works_img {
	overflow: hidden;
}
#works_item a.works_bloc .works_img .img{
	width: 100%;
}
#works_item a.works_bloc .works_img img{
	width: 100%;
	display: none;
}
#works_item a.works_bloc .works_txt {
	padding: 21px 20px 27px;
	text-align: left;
}
#works_item a.works_bloc .works_txt h4{
	margin-bottom: 18px;
	letter-spacing: 0;
}
#works_item a.works_bloc .works_txt .works_info{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
}
@media only screen and (max-width: 750px){
	#works_item {
		margin-top: 1.2rem;
	}
	#works_item a.works_bloc{
		margin-top: 0.3rem;
	}
	#works_item a.works_bloc .works_txt {
		padding: 0.21rem 0.2rem 0.27rem;
	}
	#works_item a.works_bloc .works_txt h4{
		margin-bottom: 0.14rem;
	}
	#works_item a.works_bloc .works_txt .works_info span{
		width: 100%;
		display: block;
	}
	#works_item a.works_bloc .works_txt .works_info span:last-child{
		margin-top: 0;
	}
}


/* ========================================================================= *
ajax-load-more
/* ========================================================================= */
#ajax-load-more{
	width: 100%;
}
#ajax-load-more .alm-listing{
	width: 100%;
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: stretch;
	-webkit-align-items: stretch;
	margin-top: 60px;
}
#ajax-load-more .alm-btn-wrap{
	width: 100%;
}
#ajax-load-more .btn_circle{
	margin: 60px auto 0;
}
@media only screen and (max-width: 750px){
	#ajax-load-more .alm-listing{
		width: 100%;
		margin-top: 0.3rem;
	}
	#ajax-load-more .btn_circle{
		margin: 0.6rem auto 0;
	}
}