@charset "utf-8";
/*------------------------------------------------------------
	works
------------------------------------------------------------*/
#gHeader {
	background-color: #fff;
}
#gHeader .hBox {
	max-width: 1280px;
	margin: 17px auto 16px;
}
#gHeader .hBox h1 {
	width: 244px;
}
#gHeader .hBox h1 a:hover img,
#gHeader .hBox h1 a img {
	opacity: 0 !important;
}
#gHeader .hBox h1 a {
	display: block;
	opacity: 1;
	background: url("../img/common/h_logo.svg") no-repeat left center;
}
#gHeader .rBox {
	max-width: 805px;
}
#gHeader .rBox .link {
	margin-right: 0;
}
#gHeader .rBox .link a {
	padding: 12px 10px 10px;
	background-color: #8D6C23;
}
@media all and (min-width: 961px) {
	#gHeader .rBox .link a:hover {
		color: #8D6C23;
		border: 1px solid #8D6C23;
		background-color: #fff;
	}
}
#gNavi {
	margin: 4px 47px 0 0;
}
#gNavi li a {
	color: #3B372C;
	background-image: url("../img/common/icon11.png");
}
#gNavi li:last-child a::before {
	background-image: url("../img/common/icon07.png");
}
.pageTitle {
	margin-bottom: 80px;
}
.pageTitle .photo {
    background-image: url("../img/works/page_title_photo.jpg");
}
#main .ttlList li {
	width: 304px;
	margin-right: 24px;
}
#main .ttlList li:nth-child(3n) {
	margin-right: 0;
}
#main .ttlList li a {
	padding: 16px 15px 15px;
	display: block;
	font-size: 1.8rem;
	letter-spacing: 0.15em;
	text-align: center;
	border: 1px solid #3B372C;
	font-family: 'Noto Serif JP', serif;
	background: url("../img/common/icon14.png") no-repeat right 18px center;
	background-size: 13px 13px;
}
@media all and (min-width: 961px) {
	#main .ttlList li a:hover {
		border-color: #EBE7DB;
		background-color: #EBE7DB;
	}
}
#main .imgBox {
	margin-bottom: 40px;
	align-items: center;
}
#main .imgBox .photoBox {
	width: 468px;
}
#main .imgBox .textBox {
	margin-top: 7px;
	width: 410px;
}
#main .imgBox .textBox h2 {
	margin-bottom: 14px;
	padding-left: 30px;
	font-size: 2.4rem;
	letter-spacing: 0.15em;
	font-weight: 700;
	background: url("../img/common/icon15.png") no-repeat left center;
	background-size: 20px 2px;
}
#main .imgBox .textBox .text {
	letter-spacing: 0.05em;
	line-height: 1.75;
}
#main .phoList {
	margin-bottom: 40px;
}
#main .phoList li {
	margin-right: 24px;
	width: 304px;
}
#main .phoList li:nth-child(3n) {
	margin-right: 0;
}
#main dt {
	padding: 0 0 0 20px;
	float: left;
	font-weight: bold;
	line-height: 1.75;
	letter-spacing: 0.05em;
	background: url("../img/common/icon12.png") no-repeat left 1px top 9px;
	background-size: 8px 8px; 
}
#main dd {
	line-height: 1.75;
	padding: 0 0 0 14em;
	letter-spacing: 0.05em;
}
#main h3 {
	margin-bottom: 14px;
	font-size: 1.8rem;
	letter-spacing: 0.15em;
	font-weight: 700;
}
#main .textList li {
	padding-left: 20px;
	letter-spacing: 0.05em;
	line-height: 1.75;
	background: url("../img/common/icon12.png") no-repeat left 1px top 9px;
	background-size: 8px 8px;
}
#main .wood {
	padding: 96px 0 53px;
}
#main .sewing {
	padding: 60px 0 53px;
	background-color: #EBE7DB;
}
#main .sewing01 dd {
	padding-left: 16.1em;
}
#main .subBox {
	padding-top: 39px;
	border-top: 1px solid #DDDDDD;
}
#main .sewing .subBox {
	margin-bottom: 34px;
	padding-top: 30px;
	border-top: 1px solid #fff;
}
#main .sewing .title {
	margin-bottom: 60px;
	padding: 9px 20px 7px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.05em;
	background-color: #BAB097;
}
#main .sewing .subInfo:not(:last-child) {
	margin-bottom: 53px;
}
#main .process {
	padding: 60px 0 73px;
}
#main .process .subBox {
	margin-bottom: 33px;
}
#main .process .subBox dl:not(:last-child) {
	margin-bottom: 8px;
}
#main .process .subInfo:not(:last-child) {
	margin-bottom: 33px;
}
#main .process .subInfo dl:not(:last-child) {
	margin-bottom: 28px;
}
@media all and (max-width: 960px) {
	#gHeader {
		padding: 20px 31px;
	}
	#gHeader .hBox h1 a {
		display: block;
		opacity: 1;
		background: url("../img/common/sp_h_logo.svg") no-repeat left center;
		background-size: 230px 31px;
	}
	#gHeader .hBox {
		max-width: inherit;
		margin: 0;
	}
	#gHeader .rBox {
		display: none;
	}
	.menu {
		top: 0;
	}
	.menu span {
		background-color: #3B372C;
	}
	.menu::after {
		background-image: url("../img/common/sp_menu.png");
	}
	.menu.on::after {
		background-image: url("../img/common/sp_close.png");
	}
	#main .imgBox {
		margin-bottom: 40px;
		align-items: center;
	}
	#main .ttlList  {
		margin: 0 auto;
		max-width: 570px;
		display: block;
	}
	#main .ttlList li {
		width: auto;
		margin: 0 30px 15px;
	}
	#main .ttlList li:nth-child(3n) {
		margin: 0 30px;
	}
	#main .ttlList li a {
		padding: 15px;
		font-size: 1.6rem;
	}
	#main .imgBox {
		display: block;
	}
	#main .imgBox .photoBox {
		width: auto;
		margin-bottom: 30px;
	}
	#main .imgBox .photoBox img {
		width: 100%;
	}
	#main .imgBox .textBox {
		margin-top: 0;
		width: auto;
	}
	#main .imgBox .textBox h2 {
		margin-bottom: 14px;
		padding-left: 30px;
		font-size: 2.2rem;
	}
	#main .phoList {
		margin-bottom: 30px;
	}
	#main .phoList li {
		margin-right: 5%;
		width: 30%;
	}
	#main dt {
		float: none;
	}
	#main dd {
		padding: 0 0 0 20px;
	}
	#main .sewing01 dd {
		padding-left: 20px;
	}
	#main .wood {
		padding: 66px 0 33px;
	}
	#main .sewing {
		padding: 50px 0 43px;
	}
	#main .subBox {
		padding-top: 30px;
	}
	#main .sewing .subBox {
		margin-bottom: 24px;
		padding-top: 20px;
	}
	#main .sewing .title {
		margin-bottom: 40px;
		text-align: left;
	}
	#main .sewing .subInfo:not(:last-child) {
		margin-bottom: 23px;
	}
	#main .process {
		padding: 50px 0 63px;
	}
	#main .process .subBox {
		margin-bottom: 33px;
	}
	#main .process .subBox dl:not(:last-child) {
		margin-bottom: 5px;
	}
	#main .process .subInfo:not(:last-child) {
		margin-bottom: 23px;
	}
	#main .process .subInfo dl:not(:last-child) {
		margin-bottom: 18px;
	}
}