@charset "UTF-8";
/*
Theme Name: 杉浦建築
*/

/* default */

*{ margin:0; padding:0; }
html{
	font-family: "Shippori Mincho", serif;
	color:#646464;
	letter-spacing:1px;
	font-size:14px;
}
a{
	transition:0.1s linear all;	
	color:#222;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;	
}
li{
	list-style-type:none;	
}
p{
	line-height:1.8em;	
}
img{
	border:none !important;	
}

/* wrapper、header */

.wrapper{
    width:100%;
    height:auto;
}
.wrapper .header{
	width:100%;	
	background:#352316;
	height:82px;
	position:fixed;
	top:0;
	z-index:9999;
}
.wrapper .header .header_inner{
	max-width:1200px;
	overflow:hidden;
	margin:0 auto;
}
.wrapper .header .header_inner .left{
	float:left;
	margin:10px 0 5px 10px
}
.wrapper .header .header_inner .left .logo a{
	transform:0.1s linear;
	transition-property:all;
}
.wrapper .header .header_inner .left .logo a:hover{
	opacity:0.8;
}
.wrapper .header .header_inner .right{
	float:right;
}
.wrapper .header .header_inner .right .gnav ul{
	
}
.wrapper .gnav ul li{
	float:left;
}
.wrapper .gnav ul li a{
	display:block;
	color:white;
	font-size:14px;
	padding:22px 20px 18px;
	transition:0.1s linear all;
	text-align:center;
}
.wrapper .gnav ul li a:hover{
	color:#352316;
	background:white;
	text-decoration:none;
}
.wrapper .gnav ul li a span{
	font-size:10px;
}

/* footer */
.wrapper .keyword{
	margin-top:100px;
	text-align:center;
	font-size:12px;
}
.wrapper .footer{
	background:url(images/common/footer_bg.png) repeat-x bottom center #352316;
	margin:10px 0;
	padding:50px 0 150px;
}
.wrapper .footer .footer_inner{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.wrapper .footer .footer_inner .left{
	float:left;
}
.wrapper .footer .footer_inner .left .footer_logo{
	margin-bottom:20px;
}
.wrapper .footer .footer_inner .left .footer_logo a{
	transition:0.1s linear all;
}
.wrapper .footer .footer_inner .left .footer_logo a:hover{
	opacity:0.8;
}
.wrapper .footer .footer_inner .left .footer_address{
	color:white;
}
.wrapper .footer .footer_inner .left .footer_address a{
	color:white;
}
.wrapper .footer .footer_inner .right{
	float:right;
	width:50%;
}
.wrapper .footer .footer_inner .right .footer_menu{
	float:left;
	width:40%;	
}
.wrapper .footer .footer_inner .right .footer_menu li{
	line-height:2.4em;
}
.wrapper .footer .footer_inner .right .footer_menu li:before{
	content:">";
	margin-right:10px;
	color:white;
}
.wrapper .footer .footer_inner .right .footer_menu li a{
	color:white;
}
.wrapper .footer .footer_inner .copyright{
	clear:both;
	text-align:left;
	font-size:13px;
	padding-top:30px;
	color:white;
}

/* common */
.wrapper .section{
	width:100%;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}

/* top */
.home .wrapper .mainimg{
	width:100%;
	padding-top:78px;
	margin-bottom:50px;
}
.home .wrapper .mainimg ul li{
	width:100%;
	height:750px;
}
.home .wrapper .mainimg ul li:nth-child(1){
	background:url(images/index/mainimg_bg03.jpg) no-repeat center;
}
.home .wrapper .mainimg ul li:nth-child(2){
	background:url(images/index/mainimg_bg02.jpg) no-repeat center;
}
.home .wrapper .mainimg ul li:nth-child(3){
	background:url(images/index/mainimg_bg01.jpg) no-repeat center;
}
.home .wrapper .mainimg ul li:nth-child(4){
	background:url(images/index/mainimg_bg04.jpg) no-repeat center;
}
.home .wrapper .section h2{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	margin-bottom:50px;
}
.home .wrapper .section p.center{
	font-size:16px;
	line-height:1.8em;
	text-align:center;
	margin:1.8em 0;
}
.home .wrapper .section .housestyle{
	width:1280px;
	overflow:hidden;
	margin:0 auto;
}
.home .wrapper .section .housestyle .left_image ul{
	overflow:hidden;
	width:640px;
	float:left;
}
.home .wrapper .section .housestyle .right_image ul{
	overflow:hidden;
	width:640px;
	float:right;
}
.home .wrapper .section .housestyle .left_image ul li,
.home .wrapper .section .housestyle .right_image ul li{
	line-height:0.8em;
	float:left;
}
.home .wrapper .section .housestyle .right_text{
	width:520px;
	float:right;
	margin-right:40px;
}
.home .wrapper .section .housestyle .left_text{
	width:480px;
	float:left;
	margin-left:80px;
}
.home .wrapper .section .housestyle .right_text h3,
.home .wrapper .section .housestyle .left_text h3{
	font-size:30px;
	margin-bottom:20px;
}
.home .wrapper .section .housestyle.style01 .right_text h3{
	padding-top:70px;
}
.home .wrapper .section .housestyle.style02 .left_text h3{
	padding-top:70px;
}
.home .wrapper .section .housestyle.style03 .right_text h3{
	padding-top:70px;
}
.home .wrapper .section .housestyle.style04 .left_text h3{
	padding-top:40px;
}
.home .wrapper .section .housestyle.style05 .right_text h3{
	padding-top:70px;
}
.home .wrapper .section .article.bg{
	background:url(images/index/bg_02.jpg);
	padding:50px 0;
}
.home .wrapper .section .article.bg .article_inner{
	background:white;
	padding:50px;
	width:900px;
	margin:0 auto;
}
.home .wrapper .section .article .button{
	width:250px;
	margin:30px auto 0;
}
.home .wrapper .section .article .button a{
	display:block;
	background:#248327;
	color:white;
	text-align:center;
	padding:10px 0;
	transition:0.1s linear all;
	border:1px solid #248327;
}
.home .wrapper .section .article .button a:hover{
	text-decoration:none;
	color:#248327;
	background:white;
}
.home .wrapper .section .article h3{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	margin-bottom:50px;
}
.home .wrapper .section .article ul.works{
	overflow:hidden;
}
.home .wrapper .section .article ul.works li{
	float:left;
	width:280px;
	margin-right:30px;
}
.home .wrapper .section .article ul.works li:nth-child(3){
	margin-right:0;
}
.home .wrapper .section .article ul.works li .image{
	height:187px;
}
.home .wrapper .section .article ul.works li .image a{
	transition:0.1s linear all;
}
.home .wrapper .section .article ul.works li .image a:hover{
	opacity:0.8;
}
.home .wrapper .section .article ul.works li .image img{
	width:100%;
	height:187px;
	object-fit:cover;
}
.home .wrapper .section .article ul.works li .date{
	margin:10px 0 0;
	color:#352316;
	font-weight:bold;
}
.home .wrapper .section .article dl{
	width:1000px;
	margin:50px auto;
	overflow:hidden;
}
.home .wrapper .section .article dl dt{
	float:left;
	clear:both;
	color:#248327;
	width:150px;
	margin-bottom:10px;
}
.home .wrapper .section .article dl dd{
	float:left;
	margin-bottom:10px;
}
.home .wrapper .section .message{
	margin-top:50px;
}
.home .wrapper .section .message .text_center{
	text-align:center;
}

/* ぱんくず */
.wrapper .breadcrumb{
	width:1000px;
	margin:10px auto;
}
.wrapper .breadcrumb ul{
	overflow:hidden;
}
.wrapper .breadcrumb ul li{
	float:left;
	font-size:11px;
}

/* 見出し */
.page .title,
.archive .title,
.category .title,
.single .title,
.error404 .title{
	width:100%;
	height:250px;
	margin-top:78px;
	background-repeat:no-repeat;
	background-position:center;
}
.page .title .title_inner h2,
.archive .title .title_inner h2,
.category .title .title_inner h2,
.single .title .title_inner h2,
.error404 .title .title_inner h2{
	text-align:center;
	padding:80px 0;
	color:white;
	font-size:36px;
	line-height:1.2em;
}
.page .title .title_inner h2 span,
.archive .title .title_inner h2 span,
.category .title .title_inner h2 span,
.single .title .title_inner h2 span,
.error404 .title .title_inner h2 span{
	font-size:24px;
}
.single .title,
.category .title,
.archive .title,
.error404 .title{
	background-image:url(images/information/h2_bg.jpg);
}
.page-about .title{
	background-image:url(images/about/h2_bg.jpg);
}
.page-style .title{
	background-image:url(images/style/h2_bg.jpg);
}
.page-works .title,
.single-work .title{
	background-image:url(images/works/h2_bg.jpg);
}
.page-overview .title{
	background-image:url(images/overview/h2_bg.jpg);
}
.page-contact .title{
	background-image:url(images/contact/h2_bg.jpg);
}

/* 内部共通 */
.page .wrapper .section .article,
.single .wrapper .section,
.category .wrapper .section,
.archive .wrapper .section,
.error404 .wrapper .section{
	width:1000px;
	margin:0 auto;
}
.page .wrapper .section .article h3{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	margin-bottom:15px;
	color:#352316;
}

.page .wrapper .section .side{
	width:220px;
	float:right;
}
.page .wrapper .section .side li{
	margin-bottom:10px;
}

/* about */
.page-about .wrapper .section .center{
	text-align:center;
	line-height:2.4em;
	font-size:18px;
}
.page-about .wrapper .section .big_text{
	margin-top:50px;
	color:#352316;
	font-size:24px;
	font-weight:bold;
}
.page-about .wrapper .section .aboutbg{
	width:100%;
	height:192px;
	text-indent:-9999px;
	margin-top:50px;
	background:url(images/about/bg_01.jpg) no-repeat center;	
}
.page-about .wrapper .section .aboutbg2{
	width:100%;
	height:192px;
	text-indent:-9999px;
	margin:50px 0;
	background:url(images/about/bg_02.jpg) no-repeat center;	
}
.page-about .wrapper .section h2{
	width:560px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	margin:0 auto 50px;
	color:#352316;
	border-bottom:2px solid #352316;
}
.page-about .wrapper .section .article .article_inner{
	overflow:hidden;
	margin-bottom:40px;
}
.page-about .wrapper .section .article .article_inner ul{
	text-align:center;
}
.page-about .wrapper .section .article .article_inner ul li{
	display:inline-block;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	width:180px;
	line-height:180px;
	border:2px solid #222;
	border-radius:125px;
	margin:10px;
}
.page-about .wrapper .section .article .article_inner p{
	text-align:center;
}
.page-about .wrapper .section .article .article_inner .left_img,
.page-about .wrapper .section .article .article_inner .right_img{
	height:333px;
}
.page-about .wrapper .section .article .article_inner .left_img img,
.page-about .wrapper .section .article .article_inner .right_img img{
	width:500px;
	height:333px;
	object-fit:cover;
}
.page-about .wrapper .section .article .article_inner .left_txt h3,
.page-about .wrapper .section .article .article_inner .right_txt h3{
	margin-top:60px;
}
.page-about .wrapper .section .article .article_inner .left_txt p,
.page-about .wrapper .section .article .article_inner .right_txt p{
	padding:0 30px;	
}


/* style */

.page-style .wrapper .section .head_image{
	width:100%;
	height:192px;
	text-indent:-9999px;
	margin-bottom:30px;
}
.page-style .wrapper .section .head_image.style1{
	background:url(images/style/bg_01.jpg) no-repeat center;
}
.page-style .wrapper .section .head_image.style2{
	background:url(images/style/bg_02.jpg) no-repeat center;
}
.page-style .wrapper .section .head_image.style3{
	background:url(images/style/bg_03.jpg) no-repeat center;
}
.page-style .wrapper .section .head_image.style4{
	background:url(images/style/bg_04.jpg) no-repeat center;
}
.page-style .wrapper .section .article{
	margin-bottom:50px;
}
.page-style .wrapper .section .article p{
	text-align:center;
}

/* work */
.page-works .wrapper .section .article ul{
	overflow:hidden;
}
.page-works .wrapper .section .article ul li{
	float:left;
	margin-right:20px;
	width:320px;
	margin-bottom:50px;
}
.page-works .wrapper .section .article ul li:nth-child(3n){
	margin-right:0;
}
.page-works .wrapper .section .article ul li:nth-child(3n+1){
	clear:both;
}
.page-works .wrapper .section .article ul li .image{
	height:213px;
	margin-bottom:10px;
}
.page-works .wrapper .section .article ul li .image a{
	transition:0.1s linear all;
}
.page-works .wrapper .section .article ul li .image a:hover{
	opacity:0.8;
}
.page-works .wrapper .section .article ul li .image img{
	width:100%;
	height:213px;
	object-fit:cover;
}
.page-works .wrapper .section .article ul li .name{
	color:#352316;
	font-weight:bold;
}
.page-works .wrapper .section .article ul li .user{
	margin:10px 0;
}
.page-works .wrapper .section .article ul li .more{
	text-align:right;	
}
.page-works .wrapper .section .article ul li .more a{
	background:#352316;
	padding:8px 20px;
	color:white;
	transition:0.1s linear all;
	border:1px solid #352316;
}
.page-works .wrapper .section .article ul li .more a:hover{
	background:white;
	color:#352316;
	text-decoration:none;
}

/* overview */
.page-overview .wrapper .section .article{
	margin-bottom:50px;
}
.page-overview .wrapper .section .article h3{
	margin-bottom:30px;
}
.page-overview .wrapper .section .article table{
	width:100%;
	border-collapse:collapse;
}
.page-overview .wrapper .section .article table tr{
	border-bottom:1px dotted #ccc;
}
.page-overview .wrapper .section .article table tr:last-child{
	border-bottom:none;
}
.page-overview .wrapper .section .article table tr th,
.page-overview .wrapper .section .article table tr td{
	padding:10px 20px;
	line-height:1.8em;
}
.page-overview .wrapper .section .article table tr th{
	text-align:left;
	color:#352316;
	width:15%;
}

/* contact */
.page-contact .wrapper .section .article{
	margin-bottom:50px;
}
.page-contact .wrapper .section .article .mailform{
	margin:30px 0;
}
.page-contact .wrapper .section .article .mailform dl{
	margin:30px 0;
}
.page-contact .wrapper .section .article .mailform dl dt{
	color:#352316;
	margin-bottom:5px;
}
.page-contact .wrapper .section .article .mailform dl dd{
	margin-bottom:20px;
}
.page-contact .wrapper .section .article .mailform dl dd input[type="text"],
.page-contact .wrapper .section .article .mailform dl dd input[type="email"],
.page-contact .wrapper .section .article .mailform dl dd input[type="tel"],
.page-contact .wrapper .section .article .mailform dl dd textarea{
	padding:5px;
	width:96%;
	font-size:14px;
}
.page-contact .wrapper .section .article .mailform dl dd .wpcf7-list-item{
	margin-right:15px;
}
.page-contact .wrapper .section .article .mailform dl dd .wpcf7-list-item input[type="radio"]{
	vertical-align:middle;
	margin-right:5px;
}
.page-contact .wrapper .section .article .center{
	text-align:center;
}
.page-contact .wrapper .section .article .submit{
	width:250px;
	margin:20px auto 0;
}
.page-contact .wrapper .section .article .submit input[type="submit"]{
	width:100%;
	border:1px solid #789;
	color:#789;
	text-align:center;
	padding:10px 0;
	background:white;
	transition:0.1s linear all;
}
.page-contact .wrapper .section .article .submit input[type="submit"]:hover{
	background:#789;
	color:white;
}
.page-contact .wrapper .section .article .privacy{
	margin-top:30px;
}
.page-contact .wrapper .section .article .privacy dt{
	color:#352316;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
}
.page-contact .wrapper .section .article .privacy dd{
	margin-bottom:20px;
}

/* お知らせ */
.single .wrapper .section .main,
.category .wrapper .section .main,
.archive .wrapper .section .main{
	float:left;
	width:720px;
}
.single .wrapper .section .main .article,
.category .wrapper .section .main .article,
.archive .wrapper .section .main .article{
	padding:30px;
	background:#efefef;
	margin-bottom:30px;
}
.single .wrapper .section .main .article h3,
.category .wrapper .section .main .article h3,
.archive .wrapper .section .main .article h3{
	color:#352316;
	font-size:18px;
	margin-bottom:10px;
}
.single .wrapper .section .main .article .category,
.category .wrapper .section .main .article .category,
.archive .wrapper .section .main .article .category{
	text-align:right;
	padding-top:15px;
	margin-top:15px;
	border-top:1px solid #ccc;
}
.single .wrapper .section .side,
.category .wrapper .section .side,
.archive .wrapper .section .side{
	float:right;
	width:250px;
}
.single .wrapper .section .side h4,
.category .wrapper .section .side h4,
.archive .wrapper .section .side h4{
	text-align:center;
	color:white;
	background:#352316;
	padding:10px 0;
	margin-bottom:15px;
}
.single .wrapper .section .side ul,
.category .wrapper .section .side ul,
.archive .wrapper .section .side ul{
	margin-bottom:30px;
}
.single .wrapper .section .side ul li,
.category .wrapper .section .side ul li,
.archive .wrapper .section .side ul li{
	line-height:1.8em;
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	padding-bottom:5px;
}
.single .wrapper .section .side ul li:last-child,
.category .wrapper .section .side ul li:last-child,
.archive .wrapper .section .side ul li:last-child{
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}
.single-work .section .article .mainimg .big_img{
	width:100%;
	margin:0 auto 20px;
	display:none;
}
.single-work .section .article .mainimg .big_img.on{
	display:block;
}
.single-work .section .article .mainimg .big_img img{
	width:100%;
}
.single-work .section .article .gallery ul{
	overflow:hidden;
	margin-bottom:30px;
}
.single-work .section .article .gallery ul li{
	float:left;
	width:23.5%;
	margin-right:2%;
	margin-bottom:10px;
	cursor:pointer;
	transition:0.1s linear all;
}
.single-work .section .article .gallery ul li:nth-child(4n){
	margin-right:0;
}
.single-work .section .article .gallery ul li:nth-child(5),
.single-work .section .article .gallery ul li:nth-child(6),
.single-work .section .article .gallery ul li:nth-child(7),
.single-work .section .article .gallery ul li:nth-child(8){
	margin-bottom:0;
}
.single-work .section .article .gallery ul li:hover{
	opacity:0.8;
}
.single-work .section .article .gallery ul li img{
	width:100%;
	height:176px;
	object-fit:cover;
}
.single-work .section .article .detail_title{
	text-align:center;
	padding:8px 0;
	color:white;
	background:#352316;
	font-size:16px;
	margin-bottom:10px;
	clear:both;
}
.single-work .section .article .detail{
	font-size:16px;
}
.single-work .section .article .other_content{
	overflow:hidden;
	margin:30px 0;
}
.single-work .section .article .other_content_inner{
	width:49%;
}
.single-work .section .article .other_content_inner.left{
	float:left;
}
.single-work .section .article .other_content_inner.right{
	float:right;
}
.wp-pagenavi{
	margin-bottom:5px;
}
.wp-pagenavi a, .wp-pagenavi span{
	background-color:#fff2de;
	border:1px solid #ecd4ae !important;
	color:#f98c44;
	padding:5px 8px !important;
	font-size:14px;
	transition:0.1s linear all;
}
.wp-pagenavi span.current{
	background-color:#f7e2c3;
	font-weight:normal !important;
}
.wp-pagenavi a:hover{
	background-color:#f7e2c3;	
}

.sp{ display:none; }
.spbr { display:none; }

@media screen and (max-width: 1200px) {
	.wrapper .gnav ul li a{
		padding:22px 10px 24px;
	}
}
@media screen and (max-width: 1024px) {
	.home .wrapper .section .housestyle{
		width:100%;
	}
	.home .wrapper .section .housestyle .left_image ul,
	.home .wrapper .section .housestyle .right_image ul{
		width:100%;
		float:none;
	}
	.home .wrapper .section .housestyle .left_image ul li,
	.home .wrapper .section .housestyle .right_image ul li{
		width:25%;
	}
	.home .wrapper .section .housestyle .left_image ul li img,
	.home .wrapper .section .housestyle .right_image ul li img{
		width:100%;
		height:auto;
	}
	.home .wrapper .section .housestyle .right_text,
	.home .wrapper .section .housestyle .left_text{
		width:90%;
		margin:30px auto 50px;
		text-align:center;
		float:none;
	}
	.home .wrapper .section .housestyle.style01 .right_text h3,
	.home .wrapper .section .housestyle.style02 .left_text h3,
	.home .wrapper .section .housestyle.style03 .right_text h3,
	.home .wrapper .section .housestyle.style04 .left_text h3,
	.home .wrapper .section .housestyle.style05 .right_text h3{
		padding-top:0;
	}
	.page-about .wrapper .section .center{
		line-height:2em;
	}
}

@media screen and (max-width: 768px) {
	.sp{ display:inline-block; }
	.pc{ display:none; }
	.wrapper{
		min-width:auto;	
	}
	.wrapper .sp{
		display:inline;	
	}
	.wrapper .sp .btn{
		padding:5px;
		position:fixed;
		top:20px;
		right:20px;
		width:40px;
		z-index:10000;
	}
	.wrapper .sp .btn .btn_inner{
		padding:5px;
	}
	.wrapper .sp .btn .btn_inner .line{
		margin-bottom:7px;
		height:3px;
		background-color:white;
		width:100%;
	}
	.wrapper .sp .spmenu{
		width:50%;
		position:fixed;
		z-index:9999;
		left:-80%;
		top:0;
		background-color:rgba(255,255,255,0.98);
		overflow:auto;
		height:100%;
	}
	.wrapper .sp .spmenu li{
		width:100%;
		border-bottom:1px dotted #ddd;
		font-size:10px;
		overflow:hidden;
	}
	.wrapper .sp .spmenu li:first-child{
		line-height:1em;
		padding:10px 0;
		width:100%;
		text-align:center;
	}
	.wrapper .sp .spmenu li:first-child img{
		width:90%;
		height:auto;
	}
	.wrapper .wrapper_inner .sp .spmenu li:nth-child(4),
	.wrapper .wrapper_inner .sp .spmenu li:nth-child(6),
	.wrapper .wrapper_inner .sp .spmenu li:nth-child(21),
	.wrapper .wrapper_inner .sp .spmenu li:nth-child(23){
		width:98%;
		margin-left:2%;
	}
	.wrapper .sp .spmenu li:last-child{
		border-bottom:none;
	}
	.wrapper .sp .spmenu li a{
		color:#222;
		display:block;
		font-size:12px;
		padding:10px 0 10px 15px;
	}
	.wrapper .sp .spmenu li:first-child a{
		padding:10px 0 10px 0;
	}
	.wrapper .sp .spmenu li a:hover{
		text-decoration:none;
	}
	.wrapper .sp .btn .btn_inner .line.last{
		margin-bottom:0;
	}
	.wrapper .header .header_inner{
		max-width:inherit;	
		height:auto;
	}
	.wrapper .header .header_inner .right{
		display:none;
	}
	.home .wrapper .section h2{
		margin-bottom:30px;
	}
	.home .wrapper .section .housestyle .left_image ul li,
	.home .wrapper .section .housestyle .right_image ul li{
		width:50%;
	}
	.home .wrapper .section .housestyle .right_text,
	.home .wrapper .section .housestyle .left_text{
		margin:30px auto 100px;
	}
	.home .wrapper .section .article.bg .article_inner{
		width:96%;
		padding:30px 2%;
	}
	.home .wrapper .section .article h3{
		margin-bottom:30px;
	}
	.home .wrapper .section .article ul.works li{
		width:32%;
		margin-right:2%;
	}
	.home .wrapper .section .message{
		width:96%;
		margin:50px auto 0;
	}
	.wrapper .footer .footer_inner{
		width:96%;
	}
	.wrapper .footer .footer_inner .right{
		width:62%;
	}
	.wrapper .breadcrumb{
		width:96%;
	}
	.page .wrapper .section .article,
	.single .wrapper .section,
	.category .wrapper .section,
	.archive .wrapper .section,
	.error404 .wrapper .section{
		width:96%;
	}
	.page-about .wrapper .section .article .article_inner .left_img,
	.page-about .wrapper .section .article .article_inner .right_img{
		width:100%;
		height:400px;
		float:none;
	}
	.page-about .wrapper .section .article .article_inner .left_txt,
	.page-about .wrapper .section .article .article_inner .right_txt{
		width:100%;
		float:none;
		margin:50px 0;
	}
	.page-about .wrapper .section .article .article_inner .left_img img,
	.page-about .wrapper .section .article .article_inner .right_img img{
		width:100%;
		height:400px;
	}
	.page-about .wrapper .section .article .article_inner .left_txt h3,
	.page-about .wrapper .section .article .article_inner .right_txt h3{
		margin-top:40px;
	}
	.page-style .wrapper .section .article:last-child{
		margin-bottom:0;
	}
	.page-works .wrapper .section .article ul li{
		width:49%;
		margin-right:2%;
	}
	.page-works .wrapper .section .article ul li:nth-child(2n){
		margin-right:0 !important;
	}
	.page-works .wrapper .section .article ul li:nth-child(2n){
		margin-right:2%;
	}
	.page-works .wrapper .section .article ul li:nth-child(2n+1){
		clear:both;
	}
	.page-works .wrapper .section .article ul li:nth-child(3n+1){
		clear:none;
	}
	.single .wrapper .section .main, .category .wrapper .section .main, .archive .wrapper .section .main{
		float:none;
		width:100%;
		margin-bottom:30px;
	}
	.single .wrapper .section .side, .category .wrapper .section .side, .archive .wrapper .section .side{
		float:none;
		width:100%;
	}
	.page-contact .wrapper .section .article .mailform dl dd input[type="text"], .page-contact .wrapper .section .article .mailform dl dd input[type="email"], .page-contact .wrapper .section .article .mailform dl dd input[type="tel"], .page-contact .wrapper .section .article .mailform dl dd textarea{
		width:98%;
	}
}
@media screen and (max-width: 640px) {
	.home .wrapper .mainimg{
		margin-bottom:30px;
	}
	.home .wrapper .section h2{
		font-size:18px;
	}
	.home .wrapper .section .housestyle .right_text,
	.home .wrapper .section .housestyle .left_text{
		margin-bottom:50px;
		width:94%;
	}
	.home .wrapper .section .housestyle.style01 .right_text h3,
	.home .wrapper .section .housestyle.style02 .left_text h3{
		font-size:21px;
	}
	.home .wrapper .section .article ul.works li{
		float:none;
		width:100%;
		margin-bottom:30px;
	}
	.home .wrapper .section .article ul.works li .image,
	.home .wrapper .section .article ul.works li .image img{
		height:220px;
	}
	.home .wrapper .section .article dl{
		width:96%;
		margin:30px auto;
	}
	.home .wrapper .section .article dl dt{
		float:none;
		width:100%;
		margin-bottom:5px;
	}
	.home .wrapper .section .article dl dd{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	.wrapper .footer{
		padding:30px 0 100px;
		margin-top:50px;
	}
	.wrapper .footer .footer_inner .left{
		float:none;
		width:100%;
		margin-bottom:30px;
	}
	.wrapper .footer .footer_inner .left .footer_logo{
		text-align:center;
	}
	.wrapper .footer .footer_inner .left .footer_address{
		text-align:center;
	}
	.wrapper .footer .footer_inner .right{
		float:none;
		width:90%;
		margin:0 auto;
	}
	.wrapper .footer .footer_inner .right .footer_menu{
		display:none;
	}
	.wrapper .footer .footer_inner .copyright{
		padding-top:0;
		text-align:center;
	}
	.page .title, .archive .title, .category .title, .single .title, .error404 .title{
		height:190px;
	}
	.page .title .title_inner h2, .archive .title .title_inner h2, .category .title .title_inner h2, .single .title .title_inner h2, .error404 .title .title_inner h2{
		padding:50px 0;
		font-size:27px;
	}
	.page .title .title_inner h2 span, .archive .title .title_inner h2 span, .category .title .title_inner h2 span, .single .title .title_inner h2 span, .error404 .title .title_inner h2 span{
		font-size:18px;
	}
	.page-about .wrapper .section .center{
		margin-top:20px;
		line-height:1.8em;
	}
	.page-about .wrapper .section .aboutbg{
		background-position:39.5% 0;
	}
	.page-about .wrapper .section .aboutbg2{
		background-position:39.5% 0;
	}
	.page-about .wrapper .section .big_text{
		margin-top:50px;
		font-size:18px;
	}
	.page-about .wrapper .section h2{
		width:98%;
		font-size:18px;
		margin-bottom:30px;
	}
	.page-about .wrapper .section .article .article_inner .left_img, .page-about .wrapper .section .article .article_inner .right_img,.page-about .wrapper .section .article .article_inner .left_img img, .page-about .wrapper .section .article .article_inner .right_img img{
		height:240px;
	}
	.page-about .wrapper .section .article .article_inner .left_txt h3, .page-about .wrapper .section .article .article_inner .right_txt h3{
		font-size:24px;
	}
	.page-about .wrapper .section .article .article_inner .left_txt p, .page-about .wrapper .section .article .article_inner .right_txt p{
		padding:0 10px;
	}
	.page-style .wrapper .section .head_image.style1,
	.page-style .wrapper .section .head_image.style2,
	.page-style .wrapper .section .head_image.style3{
		background-position:40% 0;
	}
	.page-style .wrapper .section .head_image.style4{
		background-position:60% 0;
	}
	.page-style .wrapper .section .article h3{
		font-size:24px;
	}
	.page-works .wrapper .section .article ul li{
		float:none;
		width:100%;
	}
	.page-works .wrapper .section .article ul li .image,
	.page-works .wrapper .section .article ul li .image img{
		height:240px;
	}
	.page-works .wrapper .section .article ul li .user{
		margin:5px 0 15px;
	}
	.page-works .wrapper .section .article ul li .more{
		text-align:center;
	}
	.page-overview .wrapper .section .article table tr th{
		display:block;
		width:100%;
		padding-bottom:0;
		padding-left:5px;
	}
	.page-overview .wrapper .section .article table tr td{
		display:block;
		width:96%;
		padding-top:5px;
		padding-left:5px;
	}
	.single .wrapper .section .main .article, .category .wrapper .section .main .article, .archive .wrapper .section .main .article{
		padding:30px 20px;
	}
	.page-contact .wrapper .section .article h3{
		font-size:24px;
		margin-top:20px;
	}
	.page-contact .wrapper .section .article .mailform dl dd input[type="text"], .page-contact .wrapper .section .article .mailform dl dd input[type="email"], .page-contact .wrapper .section .article .mailform dl dd input[type="tel"], .page-contact .wrapper .section .article .mailform dl dd textarea{
		width:96%;
	}
	.page-contact .wrapper .section .article:last-child{
		margin-bottom:0;
	}
	.single-work .section .article .other_content_inner{
		width:100%;
	}
	.single-work .section .article .other_content_inner.left{
		float:none;
		margin-bottom:30px;
	}
	.single-work .section .article .other_content_inner.right{
		float:none;
	}
	.single-work .section .article .mainimg .big_img img,
	.single-work .section .article .gallery ul li img{
		width:100%;
		height:auto;
	}
	
	.home .wrapper .section p.center{
		font-size:13px;
	}

}