@charset "utf-8";

.page_works .entry-header h2 {
	margin:100px 0 75px;
	color:#423322;
	font-size:2.3em;
	text-align:center;
	letter-spacing:5px;
	line-height:1.1;
}
.page_works .entry-header h2 span {
	color:#54b240;
	font-size:.5em;
	text-align:center;
	letter-spacing:1px;
	display:block;
}
.page_works .works_list,
.page_works .works_list2 {
	color: #423322;
}
.page_works .works_list2 h3 {
	margin: 100px 0 50px;
	color: #54b240;
	letter-spacing: 1px;
}
.page_works .works_list2 h4 {
	padding: .5em;
	color: #78411c;
	font-size: 2rem;
	letter-spacing: 3px;
	border-bottom: 1px dotted #dad2cc;
}
.page_works .works_list2 h5 {
	margin: 0 auto 10px;
	font-size: 1.8rem;
	line-height: 1.5;
}
.works_list .container-fluid .row,
.works_list2 .container-fluid .row {
	display: flex;
	flex-flow: row wrap;
}
.works_list_nav ul {
	list-style: none;
}
.works_list_nav .child { 
	margin: 0 auto 30px;
	display: flex;
	flex-flow: row wrap;
	list-style: none;
}
.works_list_nav .child a {
	
	border: 1px solid #DECEB9;
	padding: .2em 1em;
	margin: 0 .5em .5em;
	color: #4b4948;
	border-radius: 3px;
	background: #f8f3ed;
}

.page_works .works_list h3 {
	padding: .5em;
	color: #78411c;
	font-size: 2rem;
	letter-spacing: 3px;
	border-bottom: 1px dotted #dad2cc;
}
.page_works .works_list h4 {
	margin: 15px auto;
	font-size: 1.8rem;
	line-height: 1.5;
}
.works_list_nav2 {
	padding: 1.2em 2em;
	margin: 0 auto 60px;
	color: #4b4948;
	background: #f8f3ed;
	display: flex;
	flex-flow: row wrap;
}
.works_list_nav2 .ttl01 {
	margin: 0;/*
	font-size: 1.8rem;*/
	font-weight: 600;
}
.works_list_nav2 ul {
	list-style: none;
	margin: 0;
	padding: 0 1em;
}
.works_list_nav2 ul li {
	display: inline-block;
}
.works_list_nav2 ul li a {
	margin: 3px 13px 3px 3px;
	color: #4b4948;
	font-size: 1.55rem;
	display: block;
}
.works_list_nav2 ul ul {
	margin: -2px 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	list-style: none;
	float: left;
}
.works_list2 .box01 {
	width: 31.33%;
	margin: 0 3% 60px 0;
	text-align: center;
}
.works_list2 .box01:nth-child(3n) {
	margin-right:0;
}
.works_list2 .box01 .photo img {
	width: 100%;
	height: 218px;
	object-fit: cover;
}
.works_list_ttl02 {
	margin: 0 auto 2.5em;
	font-weight: 600;
	font-size: 2.1rem;
	text-align: center;
}
.works_list_nav2.h_nav ul li.porch,
.works_list_nav2.h_nav ul li.fukinuke,
.works_list_nav2.h_nav ul li.living,
.works_list_nav2.h_nav ul li.koagari,
.works_list_nav2.h_nav ul li.storage,
.works_list_nav2.h_nav ul li.walltype,
.works_list_nav2.h_nav ul li.slope,
.works_list_nav2.h_nav ul li.white,
.works_list_nav2.h_nav ul li.kaidan,
.works_list_nav2.h_nav ul li.washitsu,
.works_list_nav2.h_nav ul li.approach,
.works_list_nav2.h_nav ul li.shelves,
.works_list_nav2.h_nav ul li.washroom,
.works_list_nav2.h_nav ul li.board,
.works_list_nav2.h_nav ul li.beige,
.works_list_nav2.h_nav ul li.entrance,
.works_list_nav2.h_nav ul li.niche,
.works_list_nav2.h_nav ul li.island,
.works_list_nav2.h_nav ul li.kitchen,
.works_list_nav2.h_nav ul li.sink,
.works_list_nav2.h_nav ul li.ceiling,
.works_list_nav2.h_nav ul li.gaikan,
.works_list_nav2.h_nav ul li.pet {
	display: none;
}
.works_list_nav2.f_nav ul li.wood-deck,
.works_list_nav2.f_nav ul li.hari,
.works_list_nav2.f_nav ul li.hall,
.works_list_nav2.f_nav ul li.original,
.works_list_nav2.f_nav ul li.counter,
.works_list_nav2.f_nav ul li.basin,
.works_list_nav2.f_nav ul li.kinoie {
	display: none;
}
@media only screen and (max-width: 480px) {

	.works_list_ttl02 {
		margin: .8em auto 1em;
		font-size: 1.8rem;
	}
	.works_list_nav2 {/*
		width: 100%;*/
		margin: 15px auto 20px;
		padding: .5em 9px;
	}
	.type-post .works_list_nav2 {
		width: calc(100% - 30px);
	}
	.works_list_nav2 ul {
		padding: 0;
		line-height: 1.2;
	}
	.works_list_nav2 ul li a {
		margin: 0px 9px 0 0;
		font-size: 1rem;
	}
	.works_list_nav2 .ttl01 {
		font-size: 1.1rem;
	}
}