/*==================
 ウエルネス
====================*/
.wellness{}
.wellness .box{
	margin: 0px 0px 0px 90px;}				
.wellness .page_btn{
	font-size: 77%;
	margin: 10px 0px 0px 90px;}

/*==================
  不動産情報
====================*/
.estate .list #tab_box{
	margin: 10px 0px 25px 90px;}
	.estate .list #tab_box ul{
		overflow: hidden;}
	.estate .list #tab_box li{
		width: 33.3%;
		float: left;
		position: relative;}
	.estate .list #tab_box li img{
		width: 250px;
		max-width: 100%;
		width: 100%;
		height: auto;}
.estate .list .inner1 {
	overflow: hidden;
	border-right: 1px solid #000;
	padding: 0px 0px 0px 90px;}
.estate .list .inner1 h2 {
	background: #000;
	padding: 15px 5px 15px 15px;
	color: #fff;
	background: #000;
	font-size: 140%;}
	.estate .list .inner1 h2 .ico{
		display: inline-block;
		padding: 3px 5px 3px 5px;
		margin-right: 10px;
		background: #ffff00;
		color: #000;
		font-size: 70%;
		font-weight: bold;
		border-radius: 5px; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		vertical-align: top !important;}
	.estate .list .inner1 .bukken_img{
		float: right;}
	.estate .list .inner1 .table1{}
	.estate .list .inner1 .table1 table{
		width: auto !important;
		min-width: 389px;}
		.estate .table1 th{
			width: 100px;
			padding: 10px 10px 10px 10px;
			border: 1px solid #000;
			text-align: center;
			background: #eeeeee;
			vertical-align: top;}
		.estate .table1 td{
			padding: 10px 10px 10px 10px;
			border: 1px solid #000;
			line-height: 1.2;
			vertical-align: top;}
		.estate .list .more a{
			margin: 0px 0px 10px 90px;
			text-align: center;
			display: block;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			font-size: 140%;
			background: #666;
			padding: 5px 15px 5px 15px;}
		.estate .more a:hover{
			background: #a40002;}
		.estate .social{
			margin: 0px 0px 20px 90px;}
/*==================
  不動産情報詳細
====================*/
.estate .view .inner1 {
	padding: 0px 0px 30px 90px;}
.estate .view .inner1 h2 {
	margin-bottom: 15px;
	padding: 15px 5px 15px 15px;
	color: #fff;
	background: #000;}
.estate .view .inner1 .img1 {
	margin-bottom: 20px;}
.estate .view .inner1 .table1{}
.estate .view .article_body{
	padding: 0px 0px 0px 90px;}


/*==================
 お問い合わせ
====================*/
.contact{}
.contact .inner1{
	padding: 0px 0px 10px 90px;}
.contact .inner1 .txt1{
	margin: 0px 0px 10px 0px;
	line-height: 1.6;}
.contact .inner1 .table1{
	margin-bottom: 15px;}
.contact .inner1 .table1 table{
	width: 100%;}
	.contact .inner1 .table1 th{
			width: 170px;
			padding: 10px 10px 10px 10px;
			border: 1px solid #000;
			text-align: left;
			background: #eeeeee;}
	.contact .inner1 .table1 td{
			padding: 10px 10px 10px 10px;
			border: 1px solid #000;
			line-height: 1.2;}
	.contact .inner1 span{
		color: #a40002;
		font-weight: bold;}	
	.mfp_buttons{
		text-align: center;}
		.contact #archive_original button {
			font-size: 140%;
			letter-spacing: 0.1em;
			color: #ffffff;
			padding: 10px 30px;
			font-weight: bold;
			background: #000;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			border: 0px solid #000000;}
		.contact #archive_original button:hover {
			color: #ffffff;
			background: #a40002;}	
	.contact .must{
		float: right;
		background: #a40002;
		color: #fff !important;}
	.contact textarea ,.contact input ,.contact select{
		border: 1px solid #aaa;
		padding: 1px 4px 1px 5px;}
	.contact input[type="email"] {
		width: 100% !important;}
	.contact textarea {
		width: auto !important;
		width: 100% !important;}			

/*==================
  オープンギャラリー
====================*/
.open_gallary .inner1 {
	padding: 0px 0px 30px 90px;}
.open_gallary .img1{
	padding: 0px 0px 10px 90px;}
.open_gallary .inner2 {
	border: 1px solid #000;
	margin: 0px 0px 30px 90px;
	padding: 30px 30px 0px 30px;}
	.open_gallary .inner2  h4{
		font-size: 130%;
		margin:0px 0px 20px 0px;
		border: 1px solid #000;
		background: #ccc;
		padding: 6px 10px 7px 20px;
		color: #000;
		text-decoration: none;}
	.open_gallary .inner3{
		margin:0px 20px 30px 20px;}
	.open_gallary .inner2 ul{
		margin: 0px 0px 0px 0px;
		border-top: 1px dotted #000;}
		.open_gallary .inner2 ul li{
			background: url(../img/all_list01.png) 10px 10px no-repeat;
			padding: 5px 0px 5px 20px;
			border-bottom: 1px dotted #000;}
	.open_gallary .inner2 .text1{
		color: #000;
		font-weight: bold;
		margin-bottom: 10px;}
	.open_gallary .inner2 .text2{
		color: #a40002;}


/*==================
  ＩＤＷＯＯＤ
====================*/
.idwood .article_body{
	overflow: hidden;
	margin: 0px 0px 0px 55px;}
	.idwood .article_body h3{
		display: block;
		font-size: 18px;
		background: url(../img/all_list02.png) 10px 8px no-repeat #000;
		padding: 10px 0px 12px 40px;
		color: #fff;
		text-decoration: none;}	
.idwood .article_body .inner{
	overflow: hidden;
	padding: 25px 10px 30px 30px;}
.idwood .article_body h4{
	font-size: 22px;
	margin: 0px 0px 10px 0px;}
.idwood .article_body .txt1{
	margin: 0px 0px 10px 0px;
	line-height: 1.6;}
.idwood .article_body .img1{
	float: right;
	margin: 0px 0px 10px 20px;}
.idwood .article_body .img4 img{
	max-width: 33.33%;
	margin-bottom: 15px;}
.idwood .box_blog{}
	.idwood .box_blog .page_btn {
		margin-bottom: 10px;}
	.idwood .box_blog .page_btn a{
		padding: 9px 0px 8px;
		display: block;}
	.idwood .box_blog li span{
		font-size:16px;
		display: inline-block;
		margin-right: 10px;}

/*==================
  お客様からの声
====================*/
.voice .voice_move{
	overflow: hidden;
	margin: 0px 0px 20px 0px;}
	.voice .voice_move ul{
		padding: 0px 0px 30px 80px;}
		.voice .voice_move li{
			float: left;
			width: 50%;
			padding: 0px 10px 10px 10px;}
	.voice .voice_box{
		margin: 0px 0px 15px 90px;
		border: 1px solid #000;}
		.voice .voice_box h3{
			padding: 10px 10px 10px 15px;
			background: #000;
			color: #fff;}
			.voice .voice_box h3 a{
				color: #fff;
				font-weight: bold;}
	.voice .voice_box .inner{
		overflow: hidden;
		padding: 20px 20px 20px 20px;}
		.voice .voice_box .inner .img{
			float: left;
			margin: 0px 20px 0px 0px;}
	.voice .voice_box .inner .more a{
		margin: 10px 0px 0px 0px;
		padding: 3px 2px 2px 2px;
		border: 3px solid #000;
		overflow: hidden;
		display: block;
		background: #000;
		color: #fff;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		font-size: 80%;}
		.voice .voice_box .inner .more a:hover{
			background: #ffff00;
			border: 3px solid #ffff00;
			color: #000;}
		.voice .voice_box .social{
			margin-left: 0px;}
			
/*==================
  住まいの相談室
====================*/			
/*メニュー*/
.home_qa  #tab_box{
	margin: 0px 0px 0px 90px;}
	.home_qa  #tab_box ul{
		overflow: hidden;}
	.home_qa  #tab_box ul li{
		max-width: 25%;
		float: left;
		position: relative;}
	.home_qa  #tab_box ul li img{
		width: 100%;
		max-width: 100%;}
/*質問リスト*/		
.home_qa .home_qa_list{
	margin: 0px 0px 25px 90px;
	border-left: 4px solid #000;
	border-bottom: 4px solid #000;
	border-right: 4px solid #000;}
	.home_qa .home_qa_list li a{
		display: block;
		padding: 15px 15px 15px 55px;
		border-bottom: 1px dashed #000;
		text-decoration: none;
		background: url(../img/all_list_q2.png) 20px 12px no-repeat;}
		.home_qa .home_qa_list li a:hover{
			background: url(../img/all_list_q2.png) 20px 12px no-repeat #ffff00;}
	.list_shima .odd{
		background: #f6f6f6;}
.home_qa .article_body{
	margin: 10px 0px 0px 90px;
	overflow: hidden;}	
/*質問ボックス*/			
.home_qa .article_body .home_qa_box{
	border: 1px solid #000;
	margin: 0px 0px 10px 0px;}
	.home_qa .article_body .home_qa_box h3 a{
		display: block;
		padding: 15px 5px 15px 45px;
		color: #fff;
		background:url(../img/all_list_q.png) 10px 11px no-repeat #000;
		font-weight: bold;}
	.home_qa .article_body .inner{
		background:url(../img/all_list_a.png) 20px 25px no-repeat;
		padding: 10px 20px 20px 50px;
		line-height: 1.6;}
	.home_qa .article_body .inner p{
		margin-bottom: 	10px;}
	.home_qa .article_body .ptop a{
		display: block;
		margin: 10px 0px 0px -30px;
		background: #999;
		padding: 5px 5px;
		color: #fff;
		font-weight: bold;
		text-align: center;}
		.home_qa .article_body .ptop a:hover{
			background: #000;}

/*==================
  家づくりの流れ
====================*/
.flow #archive_original .article {
    overflow: hidden;
    padding: 0 0 20px 85px;}
.flow .article_header h2{
	display: none;}
.flow .article_body h3 {
	border: 1px solid #000;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 20px -50px !important;
	background: none !important;
	color: #000 !important;
	font-size: 120% !important;}
	.flow .article_body h3 span{
		display: inline-block;
		font-size: 16px;
		margin-right: 10px;
		background: url(../img/all_list02.png) 10px 7px no-repeat #000;
		padding: 10px 10px 10px 40px;
		color: #fff;
		text-decoration: none;}
.flow .article_body .inner{
	overflow: hidden;
	margin: 0px 0px 10px 0px;}
.flow .article_body .inner p{
	line-height: 1.4 !important;
	margin-bottom: 10px;}
.flow .article_body .img3 img{
	display: inline !important;}
	
/*==================
　会社概要
====================*/
.company{}
.company .inner1{
	padding: 0px 10px 10px 100px;}
.company .title{}
.company .article_header{
	display: none;}
.company .article_body h4{
	background: #000 !important;
	color: #fff !important;
	padding: 10px 10px 10px 10px !important;
	margin-bottom: 0px !important;}
.company .article_body table{
	margin-bottom: 0px !important;}
.company .article_body p{
	line-height: 1.6em;}
.company .zeh_logo{
			display: inline-block;
			padding: 8px 40px 10px 10px;
			background: url(../img/zeh_logo.jpg) top right no-repeat;
			background-size: auto 30px ;}
	
/*==================
　リフォーム
====================*/
/*トップバナー*/
.reform #main{
	width: 980px !important;} 
.reform_box2{
	overflow: hidden;
	margin: 0px 0px 30px 75px;}
	.reform_box2 .box{
		position: relative;
		float: left;
		width: 420px;
		border: 1px solid #000;
		margin-bottom: 20px;}
	.reform_box2 .box a{
		display: block;
		padding: 10px 10px 10px 10px;
		overflow: hidden;
		text-decoration: none;} 
	.reform_box2 .box a:hover{
		background: #f6f6f6;}
	.reform_box2 .box:nth-child(odd){
		margin-right: 20px;}
	.reform_box2 .box .img1{
		float: left;
		margin-right: 10px;}
	.reform_box2 .box .txt{
		overflow: hidden;}
	.reform_box2 .box h3{
		color: #fff;
		padding: 3px 10px 3px;
		margin-bottom: 8px;
		background: #000;
		overflow: hidden;}
	.reform_box2 .box .more{
		position: absolute;
		bottom: 0px;
		right: 0px;
		padding: 3px 8px 3px 8px;
		border-top:1px solid #000;
		border-left:1px solid #000;
		background: #f6f6f6;
		font-size: 12px;
		text-align: right;}
	.reform_img{
		margin: 0px 0px 20px 60px;}
	
/*▽下層ページ*/
.reform_box{
	overflow: hidden;
	margin: 0px 0px 30px 55px;}
.reform_box .inner{
	padding: 30px 30px 0px 45px;
	overflow: hidden;}
		.reform_box>h3 a{
			display: block;
			font-size: 140%;
			background: url(../img/all_list02.png) 10px 10px no-repeat #000;
			padding: 10px 0px 10px 40px;
			color: #fff;
			text-decoration: none;}
	.reform_box .txt1{
		margin-bottom: 20px;}
	.reform_box .txt2{
		font-size: 160%;
		font-weight: bold;
		line-height: 1.4 !important;}
	/*タイトル*/
	.reform_box h4{
		display: block;
		font-size: 220%;
		font-weight: bold;
		margin: 0px 0px 20px 0px;}
	/*リスト*/
	.reform .reform_box ul{
		margin: 0px 0px 15px 0px;}
		.reform .reform_box ul li{
			background: url(../img/all_list01.png) 10px 8px no-repeat;
			padding: 4px 0px 4px 24px;}	
	/*画像*/		
	.r_img1{
		margin: 0px 0px 20px 0px;}
	/*施工前施工後タイトル*/
	.reform_box table td h6{
		background: #000;
		color: #fff;
		text-align: center;
		padding: 5px 0px 5px 0px;}
	/*ボーダーボックス*/
	.reform .box1{
		border: 1px solid #000;
		padding: 30px 40px 15px 40px;
		margin:0px 0px 20px 0px;
		overflow: hidden;}
	.reform div.box1:last-child{
		margin:0px 0px 0px 0px !important;}
	/*画像２つ横並び*/
	.reform .imgbox50{
		overflow: hidden;
		margin-bottom: 0px !important;}
	.reform .imgbox50 li{
		float: left;
		width: 50%;
		padding: 10px 10px 0px 10px !important;}
		.reform .imgbox50 li img{
			margin-bottom: 10px;}
/*▽アイディーリフォームについて*/
.reform .box1 h5{
	display: block;
	font-size: 150%;
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 5px 35px;
	background: url(../img/all_list02.png) 0px 0px no-repeat;}
.reform  .box1 h6{
	background: #000;
	color: #fff;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin-bottom: 10px;
	letter-spacing: 1em;}
	.reform .reform_box table{
		margin: 0px 0px 10px 0px;
		vertical-align: top;}
	.reform_box td{
		vertical-align: middle !important;}
	.reform_box td img{
		width: 500px;
		width: 100%;
		max-width: 100% !important;
		height: auto !important;}
	.reform .box1 table td{
		width: 33.3%;}
	.reform .box1 table td li{
		background: none !important;
		font-size: 110%;}
	
/*▽耐震リフォーム*/
.reform_taishin{}
.reform_taishin .att1{
	font-size: 160%;
	background: #000;
	color: #fff;
	font-weight: bold;
	padding: 20px 20px 20px 20px;
	margin: 20px 0px 20px;
	line-height: 1.4 !important;}
.reform_taishin img{
	width: 500px;
	width: 100%;
	max-width: 100% !important;
	height: auto !important;}
/*▽流れ*/
.reform_flow .inner5{
	padding: 30px 0px 0px 30px;
	overflow: hidden;}
	.reform_flow .inner5 h4 {
		border: 1px solid #000000;
		font-size: 130% !important;
		margin: 2px 0 20px 0px;}
		.reform_flow .inner5 h4 span{
		background: url("../img/all_list02.png") no-repeat scroll 10px 9px #000000;
		color: #FFFFFF;
		display: inline-block;
		font-size: 16px;
		margin-right: 10px;
		padding: 11px 10px 9px 40px;
		text-decoration: none;}
		.reform_flow .inner5 .inner{
			padding: 10px 20px 10px 20px !important;}
		.reform_flow .inner5 .inner .img1{
			float: right;
			margin: 0px 0px 0px 20px;}
/*▽断熱省エネ*/			
.reform_syouene{
	line-height: 2em;}
.reform_syouene img{}
/*▽重量鉄骨リフォーム*/	
.reform_tekkotsu{}
/*▽外装エクステリア*/
.reform_exterior{}
.reform_exterior img{}
/*▽住宅以外リノベーション*/
.reform_other{}
/*▽オール電化*/
.reform_taiyou h5{
	display: block;
	font-size: 20px;
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 5px 35px;
	background: url(../img/all_list02.png) 0px 2px no-repeat;}
/*▽バリアフリーリフォーム*/
.reform_barrier_free{}
	.reform_barrier_free table{
		margin: 0px auto 20px !important;}

/*==================
 イベント
====================*/
/*メニュータブ*/
.events_list #tab_box{
	margin: 0px 0px 25px 90px;}
	.events_list #tab_box ul{
		overflow: hidden;}
	.events_list #tab_box li{
		float: left;
		margin-right: 5px;}
/*イベントボックス*/	
.events_list .event_box{
	overflow: hidden;
	margin: 0px 0px 30px 55px;}
	.events_list .event_box h3 a{
		display: block;
		font-size: 120%;
		background: url(../img/all_list02.png) 10px 8px no-repeat #000;
		padding: 10px 0px 12px 40px;
		color: #fff;}
	.events_list .event_box h3 a:hover{
		color: #ffff00;}
	.events_list .event_box .inner{
		padding: 30px 30px 0px 35px;
		overflow: hidden;}
		.events_list .event_box .img{
			padding: 0px 20px 0px 0px;
			float: left;}
		.events_list .event_box .ico{
			overflow: hidden;
			margin: 0px 0px 15px 0px;
			padding: 4px 0px 4px 0px;
			color: #fff;
			text-align: center;
			font-weight: bold;
			background: #999;}
		.events_list .event_box .day{
			overflow: hidden;
			padding: 0px 0px 4px 0px;
			color: #a40002;
			font-weight: bold;}
		 .events_list .event_box .add{
			overflow: hidden;
			padding: 0px 0px 10px 0px;
			color: #a40002;
			font-weight: bold;}
		.events_list .event_box .txt{
			overflow: hidden;
			padding: 0px 0px 20px 0px;}
		.events_list .event_box .more{
			padding: 0px 0px 10px 0px;
			text-align: right;}
/*==================
 イベント下層
====================*/
.events_view{}
.events_view .category_header {
	margin: 0px 0px 20px 55px;
	padding: 10px 10px 8px 20px;
	background: #000;
	color: #ffff00;
	font-size: 140%;
	letter-spacing: 0.2em;
	font-weight: bold;}
	.events_view .inner{
		margin: 0px 0px 30px 90px;}
		.events_view  .inner .txt{
			padding: 10px 10px 10px 15px;
			font-size: 140%;
			margin: 0px 0px 20px 0px;
			background: #000;
			color: #fff;
			font-weight: bold;}
		.events_view  .inner .img img{
			width: auto;
			max-width: 100% !important;
			height: auto;}
	.events_view .inner .form{
		background: #eeeeee;
		border: 1px solid #000;
		padding: 20px 35px 0px 45px;}
		.events_view .inner .form .form_title{
			font-size: 180%;
			font-weight: bold;
			text-align: center;
			margin: 10px 0px 10px 0px;}
		.events_view .inner .form table{
			width: 100%;}
			.events_view .inner .form table th{
					width: 120px;
					padding: 0px 10px 10px 0px;
					text-align: left;
					background: #eeeeee;
					vertical-align: top;}
				.events_view .inner .form table th>span{
					border-left: 5px solid #000;
					display: inline-block;
					margin-top: 5px;
					padding: 0px 10px 0px 10px;}
			.events_view .inner .form table td{
					padding: 0px 10px 15px 0px;
					line-height: 1.2;}
			.events_view .form input[type="text"],.events_view .form input[type="email"] {
				width: 100% !important;}
			.events_view .inner .form textarea {
				width: auto !important;
				width: 100% !important;}
	.mfp_buttons{
		text-align: center;
		margin-bottom: 15px;}
	.events_view button {
		display: inline-block;
		margin: auto;
		font-size: 19px;
		letter-spacing: 0.1em;
		color: #ffffff;
		padding: 10px 30px;
		font-weight: bold;
		background: #000;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 0px solid #000000;}
	.events_view button:hover {
		font-size: 19px;
		color: #ffffff;
		padding: 10px 30px;
		font-weight: bold;
		background: #a40002;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border: 0px solid #a40002;}
	
/*==================
▽重量鉄骨とは
====================*/
.heavy{}
.heavy .inner1{
	overflow: hidden;
	padding: 0px 0px 20px 100px;}
	.heavy .inner1 .txt1{
		line-height: 1.6;
		margin-bottom: 10px;}
		.heavy .inner1 .txt strong{
			display: inline-block;
			padding: 0px 3px;
			font-weight: bold;}
	.heavy .inner1 .img2{
		float: right;}
.heavy .inner2{
	padding: 0px 0px 0px 56px;}
	.heavy .inner2 .box1{
		padding: 0px 0px 30px 40px;}
		.heavy .inner2 .box1 .txt1{
			line-height: 1.6;
			margin-bottom: 10px;}
		.heavy .inner2 .box1 .txt1 strong{
			display: inline-block;
			padding: 0px 3px;
			font-weight: bold;}
		.heavy .inner2 .box1 .img1{
			margin-bottom: 10px;}
			
		.heavy .tunami a{
			display: block;
			text-align: left;
			line-height: 1.2;
			overflow: hidden;}
			.heavy .tunami .img1{
				float: right;
				margin: 10px 0px 0px 20px;
				width: 85px !important;}
				.heavy .tunami .img1 img{
					width: 100% !important;}
			.heavy .tunami .txt1{
				font-size: 26px;
				padding-top: 20px;
				font-weight: bold;
				margin-bottom:10px;
				line-height: 1 !important;}
			.heavy .tunami .txt2{
				font-size: 18px;
				margin-bottom:10px;}
			.heavy .tunami .txt3 a{
				display: block;
				padding: 10px 12px 12px 12px;
				border: 3px solid #000;}
			.heavy .tunami .txt3 a:hover{
				background-color: #eee;}
				.heavy .tunami .txt3_1{
				font-size: 18px;
					font-weight: bold;}
				
/*==================
▽ギャラリー
====================*/
/*メニュー*/
#gallary_menu{}
	#gallary_menu ul{
		margin: 0px 0px 10px 90px;
		overflow: hidden;}
	#gallary_menu ul li{
		float: left;
		margin: 0px 5px 5px 0px;}
	#gallary_menu ul li a{
		display: block;
		font-weight: bold;
		padding: 8px 30px;
		border: 3px solid #000;
		color: #000;
		float: left;
		text-decoration: none;
		letter-spacing: 0.1em;}
	#gallary_menu ul li a:hover{
		border: 3px solid #a40002;
		color: #a40002;}
	#gallary_menu ul li .current{
		background: #000;
		border: 3px solid #000;
		color: #fff;}
	#gallary_menu ul li a.current:hover{
		border: 3px solid #000;
		color: #fff;}
/*ボックス*/
.gallary .inner1{
	margin: 0px 0px 0px 90px;
	overflow: hidden;}
.gallary .inner1 .box{
	width: 280px;
	float: left;
	position: relative;
	margin: 0px 20px 20px 0px;
	border: 1px solid #000;
	padding: 0px;}
.gallary div:nth-child(3n).box{
	margin: 0px 0px 20px 0px;}

	/*.gallary div:nth-child(3n+1).box {clear: both;}*/
		
	.gallary .box img{
		width: 500px !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto;}
	.gallary .box .txt1 a{
		display: block;
		background: #000;
		height: 70px;
		padding: 10px 10px 10px 10px;
		color: #fff;
		text-decoration: none;}
	.gallary .box .txt1 a:hover{
		color: #ffff00;
		text-decoration: none;}
	.gallary .box .btn1{
		z-index: 100;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 70px;}
		
/*==================
▽サイトについて
====================*/
.about_site #archive_original{
	padding: 120px 0px 0px 45px;
	background-position: left top;
	background-repeat: no-repeat;}
.about_site #archive_original .article_header{
	display: block !important;}
.about_site .article_body{
	padding: 0px 0px 20px 45px;}
	.about_site #archive_original .article_body p{
		margin-bottom: 20px;}
	.about_site #archive_original .article_body h3{
		background: #000;
		color: #fff;
		padding: 10px 5px 10px 15px;
		margin-bottom: 15px;
		font-size: 100%;}
.about_site #archive_original .article_body ul{
	border-top: dotted 1px #000;
	margin-bottom: 22px;}
	.about_site #archive_original .article_body ul li{
		padding: 9px 5px 8px 25px;
		border-bottom: dotted 1px #000;
		background: url(../img/all_list01.png) 10px 12px no-repeat;}
		
/*==================
▽ツクリダス
====================*/
.tsukuridasu .article_body{
	background: url(../img/tsukuridasu_bg.jpg) center top repeat-y;
	margin: -10px 0px 0px 56px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;}
.tsukuridasu .article_body h3{
	font-size: 120%;
	background: url(../img/all_list02.png) 10px 8px no-repeat #000;
	padding: 10px 0px 12px 40px;
	margin: 0px 0px 10px 0px;
	color: #fff;}
.tsukuridasu .inner{
	margin: 0px 20px 20px 20px;
	overflow: hidden;}
/*型にはまらないチャレンジするデザインプロジェクト*/
.tsukuridasu .inner1{}
	.tsukuridasu .inner1 .img1{
		padding-top: 10px;}
	.tsukuridasu .inner1 .txt1{
		text-align: center;
		font-weight: bold;
		line-height: 2;
		padding: 10px 0px 10px;}
/*｢TSUKURIDASU｣の一例*/
.tsukuridasu .inner2{}
	.tsukuridasu .inner2 ul{
		overflow: hidden;
		margin-bottom: 20px;}
	.tsukuridasu .inner2 li{
		float: left;
		width: 50%;
		padding: 10px 10px 5px 10px;}
		.tsukuridasu .inner2 li:nth-child(2n+1) {
			clear: both;/*1つごとフロート解除*/}
		.tsukuridasu .inner2 .img1{
			margin-bottom: 5px;}
		.tsukuridasu .inner2 .ttl1{
			font-size: 100%;
			font-weight: bold;
			color: #ba0002;
			padding: 0px 10px 5px 10px;}
		.tsukuridasu .inner2 .txt1{
			font-size: 80%;
			font-weight: bold;
			padding: 0px 10px 0px 10px;
			line-height: 1.4;}
		.tsukuridasu .inner2 .img2{
			max-width: 80%;
			margin: 30px auto 10px;}
			
		.tsukuridasu .inner2 .page_btn{
			margin-bottom: 10px;}
/*関連リンク*/
.tsukuridasu .inner3{
	padding: 20px 20px 0px 20px;
	overflow: hidden;}
	.tsukuridasu .inner3 .box_l{
		float: left;
		width: 62%;}
	.tsukuridasu .inner3 .box_r{
		float: right;
		width: 36%;}
	.tsukuridasu .inner3 .box_r li{
		margin-bottom: 10px;}
	.tsukuridasu .inner3 .box_r li:nth-child(1),
	.tsukuridasu .inner3 .box_r li:nth-child(3){
		border: 1px solid #000;}
		
.tsukuridasu .page_contact img{
		width: auto !important;
		max-width: 560px!important; 
		height: auto;}
	
	
@media only screen and (max-width: 736px) {
/*==================
 ウエルネス
====================*/
.wellness .article{
	margin: 0px 0px 0px 0px;}
.wellness .box{
	margin: 0px 0px 0px 0px;}				
.wellness .page_btn{
	font-size: 77%;
	margin: 5px 0px 0px 0px;}
.wellness .box img {
		width: 500px !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto;}
/*==================
  不動産情報
====================*/
.estate .article{
	margin: 0px 0px 0px 0px;}
.estate .list #tab_box{
	margin: 0px 0px 10px 0px;}
.estate .list .inner1 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;}
.estate .list .inner1 h2 {
	font-size: 110%;}
	.estate .list .inner1 h2 .ico{}
	.estate .list .inner1 .bukken_img{
		float: none;
		text-align: center;
		padding: 5px 0px 5px 0px;
		border-left: 1px solid #000;
		border-right: 1px solid #000;}
	.estate .list .inner1 .table1{}
	.estate .list .inner1 .table1 table{
		min-width: inherit;
		width: auto;
		width: 100% !important;}
		.estate .table1 th{
			display: block;
			width: 100%;
			width: auto;}
		.estate .table1 td{
			display: block;
			width: 100%;
			width: auto;}
		.estate .list .more a{
			margin: 0px 0px 10px 0px;}
		.estate .more a:hover{}
		.estate .social{
			margin: 0px 0px 15px 0px;}

/*==================
  不動産情報詳細
====================*/
.estate .view .inner1 {
	padding: 0px 0px 10px 0px;}
.estate .view .inner1 h2 {
	margin-bottom: 10px;
	padding: 15px 5px 15px 15px;}
.estate .view .inner1 .img1 {
	margin-bottom: 10px;}
.estate .view .article_body{
	padding: 0px 10px 10px 10px;}
.estate .view img {
		width: 500px !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto;}

/*==================
 お問い合わせ
====================*/
.contact .article{
	overflow: hidden;
	margin: 0px 0px 0px 0px;}
.contact .inner1{
	padding: 0px 0px 0px 0px;}
.contact .inner1 .txt1{
	margin: 0px 0px 10px 0px;
	line-height: 1.6;}
.contact .inner1 .table1{
	margin-bottom: 15px;}
.contact .inner1 .table1 table{
	width: 100%;}
	.contact .inner1 .table1 th{
		display: block;
		width: 100%;
		max-width: 100%;}
	.contact .inner1 .table1 td{
		display: block;
		width: 100%;
		max-width: 100%;}
.mfp_buttons{
	text-align: center !important;}
	

		
/*==================
  オープンギャラリー
====================*/
.open_gallary .article{
	overflow: hidden;
	margin: 0px 10px 0px 10px;}
.open_gallary .inner1 {
	padding: 0px 0px 10px 0px;}
.open_gallary .img1{
	padding: 0px 0px 0px 0px;}
.open_gallary .inner2 {
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 0px 10px;}
	.open_gallary .inner2  h4{
		margin:0px 0px 10px 0px;}
	.open_gallary .inner3{
		margin:0px 10px 10px 10px;}
	.open_gallary .inner2 ul{}
		.open_gallary .inner2 ul li{}
	.open_gallary .inner2 .text1{
		margin-bottom: 10px;}
	.open_gallary .inner2 .text2{}

/*==================
  ＩＤＷＯＯＤ
====================*/
.idwood .article_body{
	overflow: hidden;
	margin: 0px 0px 0px 0px;}
	.idwood .article_body h3{}	
.idwood .article_body .inner{
	padding: 10px 0px 10px 0px;}
.idwood .article_body h4{
	margin: 0px 0px 10px 0px;}
.idwood .article_body .txt1{
	margin: 0px 0px 5px 0px;}
.idwood .article_body .img1{
	float: none;
	text-align: center;
	margin: 0px 0px 5px 0px;}
.idwood .article_body .img2 img{
		width: 100%;
		max-width: 100%;
		height: auto;}
.idwood .article_body .img3 img{
		width: 50%;
		max-width: 50%;
		height: auto;}
.idwood .box_blog{}
	.idwood .box_blog .page_btn {
		margin-bottom: 5px;}
	.idwood .box_blog .page_btn a{
		padding: 9px 0px 8px;}
	.idwood .box_blog li span{
		font-size:14px;
		display:block;
		margin-right: 0px;
		margin-bottom: 2px;}
	
/*==================
  お客様からの声
====================*/
.voice .article{
	margin: 0px 0px 0px 0px;}
.voice .voice_move{
	overflow: hidden;
	margin: 0px 0px 0px 0px;}
	.voice .voice_move ul{
		padding: 0px 0px 0px 0px;}
		.voice .voice_move li{
			width: 50%;
			padding: 0px 0px 0px 0px;}
	.voice .voice_box{
		margin: 0px 0px 10px 0px;}
		.voice .voice_box h3{}
			.voice .voice_box h3 a{}
	.voice .voice_box .inner{
		padding: 10px 10px 10px 10px;}
		.voice .voice_box .inner .img{
			float: none;
			margin: 0px 0px 10px 0px;
			text-align: center;}
	.voice .voice_box .inner .more a{}
		.voice .voice_box .inner .more a:hover{}
		.voice .voice_box .social{}
			
/*==================
  住まいの相談室
====================*/			
/*メニュー*/
.home_qa  #tab_box{
	margin: 0px 0px 0px 0px;}
	.home_qa  #tab_box ul{
		background: #000;}
	.home_qa  #tab_box ul li{
		width: 25%;}
		
/*質問リスト*/		
.home_qa .home_qa_list{
	margin: 0px 0px 10px 0px;
	border: 2px solid #000;}
	.home_qa .home_qa_list li a{
		padding: 10px  10px 10px 40px;
		background: url(../img/all_list_q2.png) 10px 10px no-repeat;}
		.home_qa .home_qa_list li a:hover{
			background: url(../img/all_list_q2.png) 10px 10px no-repeat #ffff00;}
.home_qa .article_body{
	margin: 10px 0px 0px 0px;}	
/*質問ボックス*/			
.home_qa .article_body .home_qa_box{
	border: 1px solid #000;
	margin: 0px 0px 10px 0px;}
	.home_qa .article_body .home_qa_box h3 a{
		padding: 10px 5px 10px 40px;
		background:url(../img/all_list_q.png) 10px 11px no-repeat #000;}
	.home_qa .article_body .inner{
		background:url(../img/all_list_a.png) 10px 10px no-repeat;
		padding: 0px 10px 10px 40px;
		line-height: 1.6;}

				
/*==================
  家づくりの流れ
====================*/
.flow #archive_original .article {
    padding: 0 10px 10px 10px;}
.flow .article_body h3 {
	border: 1px solid #000;
	padding: 10px 10px 10px 10px !important;
	margin: 0px 0px 20px 0px !important;
	background: none !important;
	color: #000 !important;
	font-size: 120% !important;}
	.flow .article_body h3 span{
		font-size: 80% !important;
		background: #000000 url("../img/all_list02.png") no-repeat scroll 7px 7px;
		background-size: auto 18px;
		padding: 9px 10px 9px 30px;
		display: block;
		margin: 0px 0px 10px 0px;
		color: #fff;
		text-decoration: none;}
.flow .article_body .inner{
	margin: 0px 0px 10px 0px;}
.flow .article_body .inner p{
	margin-bottom: 10px;}
.flow .article_body .img3 img{
	width: 33.3%;
	display: inline !important;}
	
/*==================
　会社概要
====================*/
.company .inner1{
	padding: 0px 0px 10px 0px;}
.company .title{
	margin-left: 0px !important;}
.company .article_header{
	display: none;}
/*==================
　リフォーム
====================*/
.reform #main{
	width: 100% !important;} 
/*トップバナー*/
.reform_box2{
	overflow: hidden;
	margin: 0px 0px 0px 0px;}
	.reform_box2 .box{
		width: 100%;
		margin-bottom: 10px;}
	.reform_box2 .box:nth-child(odd){
		margin-right: 0px;}
	.reform_box2 .box .img1{
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;}
	.reform_box2 .box .txt{
		margin-bottom: 10px;}
	.reform_box2 .box h3{}
	.reform_box2 .box .more{
		clear: both;
		position: static;
		padding: 3px 8px 3px 8px;
		border:1px solid #000;
		text-align: center;
		overflow: hidden;}
	.reform_img{
		display: none;}
		
/*==================
 リフォーム下層
====================*/
.reform_box{
	margin: 0px 0px 10px 0px;}
.reform_box .inner{
	padding: 0px 0px 0px 0px;}
		.reform_box>h3 a{
			background: url(../img/all_list02.png) 10px 10px no-repeat #000;
			padding: 10px 0px 10px 40px;
			margin-bottom: 10px;
			font-size: 120%;}
	.reform_box .txt1{
		margin-bottom: 10px;}
	/*タイトル*/
	.reform_box h4{
		font-size: 120%;
		margin: 0px 0px 20px 0px;}
	/*リスト*/
	.reform_box ul{
		margin: 0px 0px 19px 0px;}
		.reform_box ul li{}	
	/*画像*/		
	.r_img1{
		margin: 0px 0px 10px 0px;}		
	.r_img1 img{
		width: 600px !important;
		width: 50%;
		max-width: 50%;
		height: auto;}
	/*施工前施工後タイトル*/
	.reform_box table td h6{}
	/*ボーダーボックス*/
	.reform .box1{
		padding: 10px 10px 10px 10px;
		margin:0px 0px 10px 0px;}
/*▽アイディーリフォームについて*/
.reform .box1 h5{
	margin: 0px 0px 10px 0px;
	font-size: 120%;}
.reform  .box1 h6{}
	.reform .reform_box table{}
	.reform .box1 table td{
		width: 33.3%;}
	.reform .box1 table td li{
		font-size: 80%;}
/*▽流れ*/
.reform_flow .inner5{
	padding: 0px 0px 0px 0px;}
	.reform_flow .inner5 h4 {
		margin: 0px 0px 10px 0px;
		 font-size: 110% !important;}
		.reform_flow .inner5 h4 span{
		 font-size: 80% !important;
		 background: #000000 url("../img/all_list02.png") no-repeat scroll 7px 7px;
		 background-size: auto 18px;
		 padding: 9px 10px 9px 30px}
		.reform_flow .inner5 .inner{
			padding: 0px 0px 10px 0px !important;}
		.reform_flow .inner5 .inner .img1{
			width: 30%;
			margin: 0px 0px 0px 10px;}
/*▽断熱省エネ*/			
.reform_syouene{
	line-height: 2em;}
/*▽重量鉄骨リフォーム*/	
.reform_tekkotsu{}
/*▽外装エクステリア*/
.reform_exterior{}
/*▽住宅以外リノベーション*/
.reform_other{}
/*▽オール電化*/
.reform_taiyou h5{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 5px 35px;
	background: url(../img/all_list02.png) 0px 2px no-repeat;}
/*▽バリアフリーリフォーム*/
.reform_barrier_free{}
	.reform_barrier_free table{
		margin: 0px auto 20px !important;}

/*==================
 イベント
====================*/
/*メニュータブ*/
.events_list #tab_box{
	margin: 0px 0px 10px 0px;}
	.events_list #tab_box li{
		float: left;
		width: 25%;
		margin-right: 0px;
		position: relative;}
	.events_list #tab_box li img{
		display: block;
		padding: 1px;
		width: 300px;
		width: 100%;
		max-width: 100%;}
/*イベントボックス*/	
.events_list .event_box{
	overflow: hidden;
	margin: 0px 0px 15px 0px;}
	.events_list .event_box h3 a{
		font-size: 120%;
		background: url(../img/all_list02.png) 10px 8px no-repeat #000;
		padding: 10px 0px 12px 40px;}
	.events_list .event_box h3 a:hover{}
	.events_list .event_box .inner{
		padding: 10px 0px 0px 0px;
		overflow: hidden;}
		.events_list .event_box .img{
			padding: 0px 0px 10px 0px;
			float: none;}
		.events_list .event_box .img img{
			display: block;
			margin: auto;
			width: 500px;
			width: 100%;
			max-width: 80%;}
		.events_list .event_box .ico{
			margin: 0px 0px 7px 0px;}
		.events_list .event_box .day{
			padding: 0px 0px 4px 0px;}
		 .events_list .event_box .add{
			padding: 0px 0px 5px 0px;}
		.events_list .event_box .txt{
			overflow: hidden;
			padding: 0px 0px 20px 0px;}
		.events_list .event_box .more{
			padding: 0px 0px 10px 0px;
			text-align: center;}
/*==================
 イベント下層
====================*/
.events_view{}
.events_view .category_header {
	margin: 0px 10px 10px 10px;
	padding: 10px 10px 8px 20px;
	font-size: 120%;}
	.events_view .inner{
		margin: 0px 0px 15px 0px;}
		.events_view  .inner .txt{
			padding: 10px 10px 10px 15px;
			font-size: 120%;}
		.events_view  .inner .gmap img{
			width: 100% !important;
			max-width: 100%;
			height: auto;}
	.events_view .inner .form{
		background: #eeeeee;
		border: 1px solid #000;
		padding: 10px 10px 0px 10px;}
		.events_view .inner .form .form_title{
			font-size: 140%;
			font-weight: bold;
			text-align: center;
			margin: 10px 0px 0px 0px !important;}
		.events_view .inner .form table{
			width: auto;
			max-width: 100%;}
			.events_view .inner .form table th{
					padding: 0px 10px 10px 0px;
					text-align: left;}
				.events_view .inner .form table th>span{
					margin-top: 5px;
					padding: 0px 0px 0px 10px;}
			.events_view .inner .form table td{
				text-align: left;
				padding: 0px 0px 15px 0px;}
/*==================
▽重量鉄骨とは
====================*/
.heavy{}
.heavy .inner1{
	padding: 0px 0px 10px 0px;}
	.heavy .inner1 .txt1{
		line-height: 1.6;
		margin-bottom: 10px;}
		.heavy .inner1 .txt strong{
			display: inline-block;
			padding: 0px 3px;
			font-weight: bold;}
	.heavy .inner1 .img2{
		float: right;}
.heavy .inner2{
	padding: 0px 0px 0px 0px;}
	.heavy .inner2 .box1{
		padding: 0px 0px 15px 0px;}
		.heavy .inner2 .box1 .txt1{
			line-height: 1.6;
			margin-bottom: 10px;}
		.heavy .inner2 .box1 .txt1 strong{
			display: inline-block;
			padding: 0px 3px;
			font-weight: bold;}
		.heavy .inner2 .box1 .img1{
			margin-bottom: 10px;}
		.heavy .inner2 .box1 .img1 img{
			width: 50%;}
			
		.heavy .tunami a{
			text-align: left;}
			.heavy .tunami .img1{
				width: 57px !important;
				margin:10px 0px 0px 10px;}
			.heavy .tunami .txt1{
				padding-top:10px;
				font-size: 16px;
				margin-bottom:5px !important;}
			.heavy .tunami .txt2{
				font-size: 12px;}
			
			.heavy .tunami .txt3 a{
				border: 2px solid #000;
				padding: 5px 6px 6px 6px;}
				.heavy .tunami .txt3_1{
				font-size: 16px;}
				.heavy .tunami .txt3_2{
				font-size: 12px;}
			
/*==================
▽ギャラリー
====================*/
/*メニュー*/
#gallary_menu{}
	#gallary_menu ul{
		margin: 0px 0px 10px 0px;}
	#gallary_menu ul li{
		float: left;
		margin: 0px 2px 2px 0px;}
	#gallary_menu ul li a{
		padding: 4px 10px;
		border: 2px solid #000;}
	#gallary_menu ul li a:hover{
		border: 2px solid #a40002;}
	#gallary_menu ul li .current{
		border: 2px solid #000;}
	#gallary_menu ul li a.current:hover{
		border: 2px solid #000;}
/*ボックス*/
.galleries .inner1{
	margin: 0px 0px 0px 0px;
	overflow: hidden;}
.galleries .inner1 .box{
	width: 100%;
	float: none !important;
	margin: 0px auto 10px;
	padding: 0px;}
.galleries div:nth-child(3n).box{
	margin: 0px auto 15px;}
	.galleries .box .txt1 a{
		height: auto !important;}
		
/*==================
▽サイトについて
====================*/
.about_site #archive_original{
	margin: auto !important;
	background-size: 100% auto;
	padding-left: 0px;
	padding-top: 24%;
	}
.about_site .article_body{
	padding: 0px 0px 10px 0px;}
	.about_site #archive_original .article_body p{
		margin-bottom: 10px;}
	.about_site #archive_original .article_body h3{
		background: #000;
		color: #fff;
		padding: 10px 5px 10px 15px;
		margin-bottom: 10px;
		font-size: 100%;}
.about_site #archive_original .article_body ul{
	margin-bottom: 12px;}
	.about_site #archive_original .article_body ul li{
		padding: 9px 5px 8px 25px;
		background: url(../img/all_list01.png) 10px 12px no-repeat;}

/*==================
▽ツクリダス
====================*/
.tsukuridasu .article_body{
	background: url(../img/tsukuridasu_bg.jpg) center top repeat-y;
	background-size: 100% auto;
	margin: 0px 0px 0px 0px;
	border: none;
	margin-bottom: 5px;}
.tsukuridasu .article_body h3{
	font-size: 120%;
	background: url(../img/all_list02.png) 10px 8px no-repeat #000;
	padding: 10px 0px 12px 40px;
	margin: 0px 0px 10px 0px;
	color: #fff;}
.tsukuridasu .inner{
	margin: 0px 10px 10px 10px;}
/*型にはまらないチャレンジするデザインプロジェクト*/
.tsukuridasu .inner1{}
	.tsukuridasu .inner1 .img1{
		padding-top: 5px;}
	.tsukuridasu .inner1 .txt1{
		font-size: 90%;
		text-align: left !important;
		line-height: 1.4;
		padding: 5px 10px 5px;}
/*｢TSUKURIDASU｣の一例*/
.tsukuridasu .inner2{}
	.tsukuridasu .inner2 ul{
		margin-bottom: 	10px;}
	.tsukuridasu .inner2 li{
		float: none;
		width: 100%;
		padding: 5px 0px 3px 0px;}
		.tsukuridasu .inner2 .img1{
			margin-bottom: 3px;}
		.tsukuridasu .inner2 .ttl1{
			padding: 0px 5px 3px 5px;}
		.tsukuridasu .inner2 .txt1{
			font-size: 80%;
			padding: 0px 5px 0px 5px;
			line-height: 1.4;}
		.tsukuridasu .inner2 .page_btn{
			margin: 0px 10px 15px 10px;}
		.tsukuridasu .inner2 .img2{
			max-width: 95%;
			margin: 10px auto 10px;}
/*関連リンク*/
.tsukuridasu .inner3{
	padding: 10px 10px 0px 10px;}
	.tsukuridasu .inner3 .box_l{
		float: none;
		width: 100%;}
	.tsukuridasu .inner3 .box_r{
		float: none;
		width: 100%;}
	.tsukuridasu .inner3 .box_r li{
		margin-bottom: 5px;}
	.tsukuridasu .inner3 .box_r li:nth-child(1),
	.tsukuridasu .inner3 .box_r li:nth-child(3){}
.tsukuridasu .page_contact img{
		width: auto !important;
		max-width: 100%!important;
		height: auto;}

	
}
				
