@charset "utf-8";
/* CSS Document */

/*pankuzu*/
#pk_bk{
    background-color: #fdfcf1;
}

#pk_area{
    margin: 0 auto;
    color: #fff;
}

#pk_area a{
	color: #351d0e;
}

#pk_area ol,#pk_area a{
	padding: 70px 0 0;
}

.cd-breadcrumb li, .cd-multi-steps li{
	display: inline-block;
	float: left;
	font-size: 1.3rem;
}

.cd-breadcrumb li a:visited, .cd-multi-steps li a:visited{
	color:#fff;
}

.cd-breadcrumb li a:hover, .cd-multi-steps li a:hover,#pk_area a:hover{
  color: #efcd9a;
}

.arrow a{
	text-decoration: underline;
}

li.under{
	color: #351d0e;
}

.cd-breadcrumb li.arrow::after, .cd-multi-steps li::after {
	font-size: 1.6rem;
	display: inline-block;
	content: '\00bb';
	margin: 0 .6em;
	color: #ccc;
}
/*--pankuzu--*/

h3{
	font-family: "Sawarabi Mincho";
	font-weight: 100;
    font-size: 3.2rem;
    margin: 0 auto 50px;
	position: relative;
	height: 22px;
	z-index: 1;
}

h3::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 6px;
	background-color: #f6ecda;
}

.m50 img{
	width: 100%;
	height: auto;
}



.sekou{
	margin-bottom: 40px;
}

.midashi_k{
	background-color: #efcd9a;
}


h4{
	margin-top: 50px;
	font-size: 2.8rem;
	text-align: left;
	line-height: 1.2;
}

.cate{
	margin: 10px 0 30px 0;
	font-size: 1.6rem;
	background-color: #efcd9a;
	padding: 10px 0;
	text-align: center;
	width: 100px;
}
#container{
	margin: 0 auto;
	max-width: 550px;
}
.thumbnail{
	overflow: hidden;
	margin: 0 0 10px;
	padding: 3% 3% 0;
	width: 100%;
}
.thumbnail li{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	list-style: none;
}
.thumbnail li:last-child{
	margin-right: 0;
}
.thumbnail li img{
	width: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50); 
}
.thumbnail li.current img{
	opacity: 1;
	filter: alpha(opacity=100);
}
.main_photo{
	position: relative;
	height: 500px;
}
.main_photo img{
	position: absolute;
	top:0;
	width: 100%;
}

#banner_area img{
	max-width: 100%;
	height: auto;
}

.image_b{
	text-align: center;
	margin-top: 30px;
}

.setu_t{
	margin-top: 50px;
	line-height: 2.3;
	border-bottom: solid #ededed 2px;
	padding-bottom: 50px;
}

.setu_t_end{
	margin-top: 50px;
	line-height: 2.3;
	padding-bottom: 50px;
}

/* 768px以上 */
@media (min-width: 768px) {
	#pk_area{
		width: 80%;
	}
	
	#pk_area ol,#pk_area a{
	padding: 7px 0;
	}
	
	.m50{
	width: 50%;
	margin: 0 auto;
	}
	
	.works_boxK{
	float: left;
	width: 30%;
	margin-right: 4%;
	}

	.works_boxKl{
	float: left;
	width: 30%;
	}

}


/* 1200px以上 */
@media (min-width: 1240px) {
	
}