@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
	background:#fff;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
	overflow-x:hidden;
	width:100%;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	
}



a:link {
	text-decoration: none;
	color:#411a0d;
}

a:visited {
	text-decoration: none;
	color:#411a0d;
}

img {
	vertical-align: top;
	margin:0px;
	padding:0px;
}


p, dl, ol, ul {
}

ol, ul {
	list-style:none;
	text-align:left;
}



/* --------------------------------------------------- */
/* wrapper */
/* ---------------------------------------------------- */
#wrapper {
	background-size: 100% 355px ;
	-webkit-background-size: 100% 355px ;
	-moz-background-size:  100% 355px ;
	
	margin:0 auto;
	overflow:hidden;
	/*margin: 0 auto;*/
}

/* ---------------------------------------------------- */
/* ランドスケープ表示 */
/* ---------------------------------------------------- */
@media all and (orientation:landscape) {
	#wrapper {
	}
}





/* ---------------------------------------------------- */
/* header */
/* ---------------------------------------------------- */




header {
	width:100%;
	position:fixed;
	z-index:100000;
	top:0;
	height:54px;
	background: url(../images/common/bg_head.jpg) no-repeat center top;
	background-size:auto 200%;
	background-color:rgba(255,255,255,0.8);
	box-shadow:#CCC 0 0 2px;

}

header h1{
	max-width:640px;
	margin:1px auto 0;
	position:relative;
	z-index:1000;
	height:20px;
	
}

header .logo{
	display:inline-block;
	margin:0 !important;
	padding:10px 4px;

}

header #sitemap_menu{
	padding-top:40px;
	font-family: 'Alegreya', serif;
	font-size:14px;
	float:right;
	font-weight:bold;
	margin:4px !important;
	background-color:#9bcb3f;
	border-radius:50% 50%;
}



nav#new{
	margin:1px 0px;
	background:#fff;
}


nav#new .hd{
	width:100%;
	max-width:640px;
	font-size:13px;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:0px 0;
	line-height: 1;
}



nav#new .hd td{
	text-align:center;
	width:20%;
	vertical-align:middle;
	box-shadow:#999 0 0 1px;
}

nav#new .hd td span{
	font-size:16px !important;
	border-bottom:none !important;
	color:#6f4d39;

}

nav#new .hd td p{
	font-weight:bold;
}

nav#new .hd td a{
	display:block;
	color:#000;
	padding:14px 0;
	}


header .inner{
	max-width:680px;
	height:100%;
	position:relative;
	margin:0 auto;
}


/* ---------------------------------------------------- */
/* footer */
/* ------------------------------------------------ */




/*page top*/

#totop{
	text-align:center;
	margin:20px 0px 0px;
	clear:both;
	padding-right:5px;
}





footer{
	width:100%;
	padding: 30px 0px 0px 0px;
	font-size:12px;
	text-align:center;
	background:url(../../images/ft_bg.png) 0 0 repeat-x;
	background-size:auto 100%;
}


/*------------------------------------------------------*/



address{
	padding:10px 0;
}


address a{
	color:#FFF !important;
}
/* ---------------------------------------------------- */
/* content */
/* ---------------------------------------------------- */
/************************* 汎用 *******************************/


main{
	max-width:680px;
	margin:0 auto;
	overflow:hidden;
}

main section{
}

main img{
}


section{}


h2{}

h3{}

h4{}

h5{}


.map{
	text-align:center;
	-webkit-box-sizing: border-box;
  	box-sizing:border-box;
	white-space:nowrap;
	margin:10px 5px;
}


.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}


/*ul*/


.flex{
	display:flex;
	justify-content: center;
}






/*----------------足すもの------------------*/

hr{
border: 0;
height:1px;
background: -webkit-gradient(linear, left top, right top, from(#333),
color-stop(0.7,#ccc), color-stop(0.7,#ccc), to(#fff));
background: -moz-linear-gradient(left,#333 0%, #ccc 30%, #ccc 70%, #fff
100%);
background: -o-linear-gradient(left,#333 0%, #ccc 30%, #ccc 70%, #fff 100%);
background: -ms-linear-gradient(left,#333 0%, #ccc 30%, #ccc 70%, #fff
100%);
background: linear-gradient(left,#333 0%, #ccc 30%, #ccc 70%, #fff 100%);
-pie-background: linear-gradient(left,#333 0%, #ccc 30%, #ccc 70%, #fff
100%);
behavior: url(PIE.htc);
clear:both;
}


.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	

/*.clearfix{display: inline-block;}*/












/* ---------------------------------------------------- */
/* site map page */
/* ---------------------------------------------------- */


section.content nav ul {
	width:100%;
	overflow:hidden;
}
section.content nav ul li {
	line-height:120%;
	/*border-top:1px solid #fff8ff;*/
	border-bottom:1px dotted #dfdfdf;
	background:url(../images/top/ico_news-li.gif) left center no-repeat;
	background-size:7px 7px;
}
section.content nav ul li a{
	/*background:url(../images/common/icon_arrow.png) right center no-repeat ;
	background-size: 25px 20px;
	-webkit-background-size: 25px 20px;
	-moz-background-size: 25px 20px;*/
	display:block;
	padding:12px 20px;
	color:#036;
}
section.content nav ul li:last-child {
	border-bottom:none;
	
}
section.content nav ul li:first-child{
	border-top:none;
}




/* ---------------------------------------------------- */
/* top page */
/* ---------------------------------------------------- */

		
/* main-visual
-------------------------*/
#visual {margin-top:50px;}
    #visual h2 {
		text-align:right;
		overflow:hidden;
	}
	
    #visual.sub {
	background:url(../images/common/bg_h2.jpg) no-repeat center;
	padding:20px 0;
	
	
	}
	
	#visual.sub h2 img{
		/*margin-left:-38%;*/
		height:110px;
		width:auto !important;
		max-width:none;
		float:right;
	}
	
	/* top image and slideshow */
	.flexslider {
		width: 100%;
		position: relative;
		z-index:0;
		
	}
	.slides {
		overflow: hidden;
		max-height:300px;
	}.slides li{
		text-align:center;
		background-size:auto 100%;
	}
	.slides li img{
		min-width:420px;
		margin:0 auto;
		max-height:300px;
		width:auto;
	}
	
		.slides li.main01 { background: url(../images/top/bg_visual01.jpg) center top no-repeat;background-size:auto 100%;}
		.slides li.main02 { background: url(../images/top/bg_visual01.jpg) center top no-repeat;background-size:auto 100%;}
		.slides li.main03 { background: url(../images/top/bg_visual01.jpg) center top no-repeat;background-size:auto 100%;}
		.slides li.main04 { background: url(../images/top/bg_visual01.jpg) center top no-repeat;background-size:auto 100%;}
		
	/* Control Nav */
	.flex-control-nav {
		width: 100%;
		position: absolute;
		bottom: 19px;
		left: 0;
		text-align: center;
		z-index: 1000;
	}
	.flex-control-nav li {
		margin: 0 29px 0 0;
		display: inline-block;
		/*zoom: 1; 
		*display: inline;*/
	}
	.flex-control-paging li a {
		width: 11px;
		height: 11px;
		display: block;
		background: url(../images/top/icon_def.png) no-repeat;
		text-indent: -9999px;
	}
	.flex-control-paging li a:hover {
		background: url(../images/top/icon_cr.png) no-repeat;
	}
	.flex-control-paging li a.flex-active {
		background: url(../images/top/icon_cr.png) no-repeat;
		cursor: default;
	}
	.v_txt {
		position:relative;
		z-index:100;
		max-width:375px;
		margin:0 auto;
	}
		.v_txt img {
			position:absolute;
			z-index:1000;
			right:30px;
			bottom:-12px;
			height:auto;
			width:22%;
		}



.section {
    max-width: 375px;
    margin: 0 auto;
	text-align:center;
}

.greeting {
    padding-top: 70px;
}




#greeting {
    background: url(../images/top/bg_greeting.jpg) no-repeat center top;
	 padding: 70px 0;
}

.greeting h3 {
    margin-bottom: 14px;
}


.greeting .g_txt {
    margin-bottom: 16px;
}


.greeting p {
    line-height: 30px;
    font-size: 14px;
}



#work {
    background: url(../images/top/bg_work.jpg) no-repeat center top;
}




.work {
    padding: 50px 0;
}

.work ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.work li{
	width:31%;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	margin:1%;
}





#case {
    background: url(../images/top/bg_case.jpg) no-repeat center top;
}


.case {
    padding: 55px 0;
}



.case ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.case li{
	width:31%;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	margin:1%;
	 padding: 10px;
    background: #fff;
}




.case .c_img{
	height:80px;
	overflow:hidden;
	width:auto;
}
.case .c_img img{
	height:80px;
	width:auto;
}

.case h4 {
    background: url(../images/top/bg_h4.gif) no-repeat left 2px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
    letter-spacing: 1px;
}

.news{
	padding:20px 0;
}
.news h3 {
    float: left;
    margin-bottom: 15px;
}


.news .btn_news {
    float: right;
}

.news ul {
    margin-bottom: 30px;
}
.news li {
    padding: 10px 12px;
    line-height: 20px;
    background: url(../images/top/bg_line.gif) repeat-x bottom;
    overflow: hidden;
    text-align: left;
}

.news li span {
	display:block;
    padding-left: 30px;
    color: #222;
    background: url(../images/top/arw01.gif) no-repeat left center;
}

#news h3{
	margin-bottom:0;
	padding-left:8px;
}



#wrap-foot {
    background: url(../images/common/bg_foot.jpg) no-repeat center top;
	padding:30px 0;
}



.copyright {
    background: #562e07;
}


.ft_nav{
	max-width:370px;
	margin:10px auto;
	display:flex;
}


.ft_nav li{
	width:48%;
	margin:1%;
	text-align:center;
	border-radius:20px;
	padding:10px 0 ;
}

.ft_nav li img{
	width:auto;border-radius:30px;
}

.ft_nav .tel{
	background:#FFF;
	
}
.ft_nav li.tel img{
	height:18px;
	width:auto;
	border-radius:20px;

}


.ft_nav li.mail{
	background-color:#562e07;
}



.ft_nav li.mail img{
	height:18px;
	width:auto;border-radius:20px;
	background-color:#300;
}

/* ---------------------------------------------------- */
/* sub page */
/* ---------------------------------------------------- */


.bread_crumb_list{
	display:none;
}

.subcon {
max-width:750px;
margin:0px auto 40px;
text-align:left;
padding:10px;
}
.subcon p{
line-height:20px;
margin:5px 0px;
}
.ulbox01{padding:10px 25px;

}
.ulbox01 li{padding:5px 0px;
list-style: disc;}

.subcon h3{
font-family: "07ロゴたいぷゴシック7";
margin:30px 0 10px 0px;
padding-bottom:10px;
font-size:20px;
border-bottom:#562e07 solid 1px;
}
.subcon h3 span{
font-family: "Century Gothic";
margin-left:20px;
font-size:12px;
color:#6dad34;
font-weight:bold;
}

/* =========================================================
■sitemap.html
========================================================= */
.sitemap_list li {
background:url(../images/top/arw01.gif) no-repeat 10px 22px;
padding:20px 0px 20px 35px;
border-bottom: 1px dashed #562e07;
font-size:15px;
}

.sitemap_list li a:link		{ color:#6dad34; text-decoration: none;}
.sitemap_list li a:visited	{ color:#6dad34; text-decoration: none;}
.sitemap_list li a:hover	{ color:#6dad34; text-decoration: underline;}
.sitemap_list li a:active	{ color:#6dad34; text-decoration: underline;}

/*=============================
	contact
===============================*/
.defTable01{
font-size:14px;
border-collapse:collapse;
margin-top:20px;
}

.defTable01 tr:nth-child(odd){background: url(../images/common/bg_img01.jpg) repeat;}
.defTable01 tr:nth-child(even){background:#fff;}

.defTable01 th{
font-weight:normal;
margin:20px 0px;
padding:20px 20px 20px 20px;
width:30%;
vertical-align: top;
}

.defTable01 td{
width:70%;
padding:20px 20px 20px 20px;
}

.red{color:#c71509;}

.errBox {
font-size:14px;
line-height:200%;
color:#333333;
border:3px solid #c71509;
padding:20px;
width:80%;
margin:20px auto;
text-align:center;
font-weight:bold;
}		

table.defTable01 td.cen{text-align:center;}
table.defTable01 tr.cen_area{background:none;}

/*=============================
	contact
===============================*/
.map{
margin-top:20px;
padding:9px;
border: 1px dashed #562e07;
}

/*=============================
	galler
===============================*/
.case_list { margin-top:20px;}

.case_list li {
padding:10px;
background:#fff;
border:#562e07 solid 1px;
margin-bottom:20px;
position:relative;
overflow:hidden;
}

.case_list li:last-child {margin-right:0;}

.case_list .c_img {
	width:30%;
	float:left;
	margin-right:10px;
	overflow:hidden;
	height:110px;
}

.case_list .c_img img{
	height:100%;
	width:auto !important;
}



.case_list .des {
	overflow:hidden;
}


.case_list h4 {
background:url(../images/top/bg_h4.gif) no-repeat left 2px;
padding-left:15px;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
text-align:left;
letter-spacing:1px;overflow:hidden;
}

.case_list p {
line-height:18px;
text-align:left;
letter-spacing:1px;
margin-left:15px;
font-size:12px;
}

.case_list li:last-child p {letter-spacing:normal;}

.d_btn{
	margin-top:10px;
	text-align:center;
	}
.d_btn img{
	width:180px;
}
/*=============================
	galler_detail
===============================*/
.detail_img{
margin-top:20px;
}

.detail_list{
margint:20px auto;
text-align:center;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.detail_list li{
margin-bottom:10px;
width:47%;
/*margin:1%;*/
display:inline-block;
    

}
.detail_list li img{
	width:100%;
	height: 100%;
    object-fit: cover;
}

.detail_list li:nth-child(3),.detail_list li:nth-child(6){margin-right:0px;}

.detail_txt{
padding:10px;
margin-top:10px;
background:#f5eee1;
border: 1px dashed #562e07;
}

/*=============================
	renovation
===============================*/
.reno_list{}
.reno_list li{
width:470px;
float:left;
}

.reno_list li:first-child{margin-right:20px;}

p.reno_p{
font-size:16px;
margin:12px 0px 10px 0px;
}

/*=============================
	tinyhouse
===============================*/
.tinyhouse_area h4{
font-family: "07ロゴたいぷゴシック7";
margin:0px 0 15px 0px;
padding-bottom:15px;
font-size:22px;
border-bottom:#ccc dashed 1px;
color:#6dad34;
line-height:160%;
}

.tinyhouse_area p{}
.tinyhouse_area{
text-align:center;
padding-top:20px;
}

.tinyhouse{
margin-top:20px;
}

.price{
padding-top:20px;
color:#562e07;
}

.tinyhouse_list{ margin-top:15px;}
.tinyhouse_list li{
width:30%;
display:inline-block;
margin:1%;
padding:4px;
border:#ccc solid 1px;
}

.tinyhouse_list li:last-child{margin-right:0px;}

/*=============================
	wooddeck
===============================*/
.wooddeck_area{
padding-top:30px;
}
.wooddeck_area p{ font-size:15px;}

.wooddeck{
margin-top:20px;
}

.wooddeck_area h4{
font-family: "07ロゴたいぷゴシック7";
margin:0px 0 15px 0px;
padding-bottom:15px;
font-size:18px;
border-bottom:#ccc dashed 1px;
color:#6dad34;
line-height:160%;
}

/*=============================
	trailer
===============================*/
h4.trailer_h4{
font-family: "07ロゴたいぷゴシック7";
margin:20px 0 20px 0px;
font-size:20px;
color:#6dad34;
}

.trailer_merit li{
background:url(../images/top/arw01.gif) no-repeat center left;
font-size:14px;
padding-left:20px;
margin:15px 0px;
}

.trailer_merit{margin-bottom:40px;}

.trailer_area h4{
font-family: "07ロゴたいぷゴシック7";
margin:0px 0 15px 0px;
padding-bottom:15px;
font-size:16px;
font-weight:bold;
border-bottom:#ccc dashed 1px;
color:#6dad34;
line-height:160%;
}

.trailer_area{
padding-top:12px;
}

.trailer{
margin-top:20px;
margin-bottom:30px;
}

.trailerTxt{
padding:10px 15px;
margin-top:10px;
background:#f5eee1;
border: 1px dashed #562e07;
}

.trailer_area02{
padding-top:20px;
}

.trailer02{
}

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






		/* 詳細ページ SNSシェアボタン
------------------------------ */
.sns-sharerbtn-list {
	margin: 8px 0;
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background: #F9F9F9;
	overflow: hidden;
	clear: both;
}
.sns-sharerbtn-list li {
	margin: 0 4px;
	vertical-align: top;
	display: inline-block;
}





.prev-next-post{
	margin:10px 0;
	display:flex;justify-content:space-between;
}


.prev-next-post div{
	display:inline-block;
}












/* 詳細ページ 前後の記事へのリンク
------------------------------ */
.paginated-link {
	margin: 0 5px;
	overflow: hidden;
}
.paginated-link li {
	width: 48%;
	padding: 0 5px;
	text-align: center;
	font-size: 14px;
	border-bottom: 3px solid #519218;
	background: #6dad35;
	box-sizing: border-box;
}
.paginated-link li.prev-link {
	float: left;
}
.paginated-link li.next-link {
	float: right;
}
.paginated-link li a {
	height: 35px;
	line-height: 35px;
	display: block;
	text-decoration:none;
	overflow: hidden;
	color:#fff;
}
.paginated-link li a:hover{
opacity:0.8;
}


.detail_img img{
	max-width:100%;
}











@media only screen and (orientation : landscape) { /*横向き*/


}
@media only screen and (orientation : portrait) { /*縦向き*/
.pagenavi li:nth-child(9n) {
	clear:both;
}

}