@charset "UTF-8";

/*
=====================================================================
	アイホーム　モデルハウス詳細
=====================================================================
*/

/* ============================================================================================== */
@media print, screen and (min-width:641px) {


/* contents
---------------------------------------------------------------------- */
#contents .titleWrap{
	margin-bottom:20px;
	}

	#contents .titleWrap h2{
		font-size:40px;
		font-weight:bold;
		}

		#contents .titleWrap h2 span{
			font-size:30px;
			}

		#contents .titleWrap p img{
			width: 300px;
			}
		
		#contents .titleWrap p{
			font-size:26px;
			font-weight:bold;
			}

		#contents .titleWrap p span{
			font-size:30px;
			}

	#contents h3{
		font-weight:bold;
		font-size:22px;
		margin-bottom:20px;
		padding-bottom:10px;
		text-align:center;
		border-bottom:2px solid #005bac;
		}

		#contents h3.bgBlue{
			background:#005bac;
			color:#fff;
			padding:8px 0;
			}

		#contents h3.bgPink{
			background:#E9546B;
			color:#fff;
			padding:8px 0;
			margin-bottom:60px;
			border:none;
			}

			#contents h3 a{
				color:#fff;
				display:block;
				text-decoration:none;
				}

				#contents h3 a:hover{
					color:#ccc;
					}

					#contents h3 a span{
						background:url(../../img/sec/model/icon_arrow.png) no-repeat right center;
						padding:8px 45px 8px 0;
						}

	#contents h4{
		border-bottom:1px solid #000;
		border-left:9px solid #005bac;
		padding:0 0 10px 20px;
		font-size:18px;
		margin-bottom:30px;
		}

#contents p.btn_modelList{
	width:320px;
	margin:0 auto;
	text-align:center;
	}

	#contents p.btn_modelList a{
		background:#e60012;
		padding:10px;
		display:block;
		color:#fff;
		font-size:22px;
		font-weight:bold;
		}

		#contents p.btn_modelList a span{
			background:url(../../img/sec/model/icon_arrow.png) no-repeat right center;
			padding:10px 50px 10px 0;
			}

#contents a.linkRed{
	color:#e50012;
	text-decoration:underline;
	}

#contents a.linkRed:hover{
	color:#ed7c8a;
	text-decoration:none;
	}

p.newsWrap{
	font-weight:bold;
	}

	p.newsWrap span{
		color:#fff;
		background:#e60012;
		display:inline-block;
		margin-right:25px;
		padding:4px 3px;
		}


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

樹肌の家

------------------------------------------------------------- */
.profileWrap{
	margin:60px auto 0;
	width:875px;
	}

	.profileWrap .prInner{
		margin-bottom:40px;
		}

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

NEDO

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

.modelWrap{
	width:980px;
	margin-bottom:40px;
	}

	.modelWrap .modelL{
		width:473px;
		float:left;
		}

		.modelWrap .modelL h3{
			margin-bottom:20px;
			}

		#contents .modelWrap .modelL h4{
			margin-bottom:20px;
			border:none;
			padding:none;
			text-align:left;
			}

		.modelWrap .modelL p{
			margin-bottom:40px;
			}

	.modelWrap .modelR{
		width:473px;
		float:right;
		}

		.modelWrap .modelR h3{
			margin-bottom:20px;
			}

		.modelWrap .modelR p{
			margin-bottom:40px;
			}

		#contents .modelWrap .modelR p.large{
			margin-bottom:30px;
			font-size:20px;
			line-height:180%;
			color:#56321a;
			padding:0 15px;
			}

		#contents .modelWrap .modelR p.largeRed{
			color:#e50012;
			}

		.modelWrap .modelR ul{
			margin-bottom:40px;
			}

			.modelWrap .modelR ul li{
				margin-bottom:30px;
				}


.photoWrap ul{
	margin-bottom:20px;
	}

	.photoWrap ul li{
		float:left;
		margin-right:5px;
		}

		.photoWrap ul li.last{
			margin-right:0;
			}

		.photoWrap ul li.txt{
			width:130px;
			margin:0;
			font-size:12px;
			color:#4d4d4d;
			}

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

ショールーム

------------------------------------------------------------- */
#contents .infoBox{
	margin:0 auto 60px;
	width:80%;
	}

	#contents .infoBox li.tel{
		width:45%;
		float:left;
		text-align:center;
		background:#005bac;
		font-size:20px;
		color:#fff;
		font-weight:bold;
		padding:12px 0;
		}

	#contents .infoBox li.form{
		width:45%;
		float:right;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		}

		#contents .infoBox li.form a{
			background:#74001a;
			color:#fff;
			padding:12px 0;
			display:block;
			}

			#contents .infoBox li.form a span{
				background:url(../../img/sec/model/icon_arrow.png) no-repeat right center;
				padding:10px 50px 10px 0;
				}
/* -----------------------------------------------------------

プラザ

------------------------------------------------------------- */
#contents .f16 span{
	font-size: 24px;
	color: #914621;
	}

#contents .holiday{
	font-size: 24px;
	color: #005BAC;
	text-align: center;
	padding-bottom: 50px;
	}

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

まちなか展示場

------------------------------------------------------------- */
#contents .machinakaWrap{
	display: flex;
	justify-content: space-between;
	margin:70px 0;
	}

	#contents .machinakaWrap li{
		width:45%;
		}

}



/* ============================================================================================== */
@media screen and  (max-width:640px) {

/* container
---------------------------------------------------------------------- */
#contents .titleWrap h2{
	font-size:30px;
	font-weight:bold;
	}

	#contents .titleWrap h2 span{
		font-size:20px;
		}

	#contents .titleWrap p{
			font-size:16px;
			font-weight:bold;
			}

		#contents .titleWrap p span{
			font-size:18px;
			}

	#contents h3{
		font-weight:bold;
		margin-bottom:20px;
		font-size:15px;
		text-align:center;
		border-bottom:2px solid #005bac;
		}

		#contents h3.bgBlue{
			background:#005bac;
			color:#fff;
			padding:8px 15px;
			}

		#contents h3.bgPink{
			background:#E9546B;
			color:#fff;
			padding:8px 0;
			margin-bottom:40px;
			border:none;
			}

			#contents h3 a{
				color:#fff;
				display:block;
				text-decoration:none;
				}

				#contents h3 a:hover{
					color:#ccc;
					}

					#contents h3 a span{
						background:url(../../img/sec/model/icon_arrow.png) no-repeat right center;
						padding:8px 20px 8px 0;
						background-size:20px;
						}

	#contents h4{
		border-bottom:1px solid #000;
		border-left:9px solid #005bac;
		padding:0 0 10px 20px;
		font-size:13px;
		margin-bottom:30px;
		}

#contents p.btn_modelList{
	width:100%;
	text-align:center;
	}

	#contents p.btn_modelList a{
		background:#e60012;
		padding:10px;
		display:block;
		color:#fff;
		font-size:18px;
		font-weight:bold;
		}

		#contents p.btn_modelList a span{
			background:url(../../img/sec/model/icon_arrow.png) no-repeat right center;
			padding:10px 50px 10px 0;
			}


#contents a.linkRed{
	color:#e50012;
	text-decoration:underline;
	}

#contents a.linkRed:hover{
	color:#ed7c8a;
	text-decoration:none;
	}

/* map_canvas
------------------------------------- */
#map_canvas{
	width:100%;
	margin:0 auto 40px;
	}

	#map_canvas iframe{
		width:100% !important;
		}

p.newsWrap{
	font-weight:bold;
	}

	p.newsWrap span{
		color:#e60012;
		display:inline-block;
		margin-right:10px;
		}

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

樹肌の家

------------------------------------------------------------- */
.profileWrap{
	margin:40px auto 0;
	width:100%;
	}

	.profileWrap .prInner{
		margin-bottom:30px;
		}

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

NEDO

------------------------------------------------------------- */
.modelWrap{
	width:100%;
	margin-bottom:40px;
	}

	.modelWrap .modelL{
		margin-bottom:20px;
		}

		.modelWrap .modelL h3{
			margin-bottom:20px;
			}

			.modelWrap .modelL h3 img{
				width:100%;
				}

		#contents .modelWrap .modelL h4{
			margin-bottom:20px;
			border:none;
			padding:none;
			}

			.modelWrap .modelL h4 img{
				width:100%;
				}

		.modelWrap .modelL p{
			margin-bottom:40px;
			}

			.modelWrap .modelL p img{
				width:100%;
				}

	.modelWrap .modelR{
		margin-bottom:20px;
		}

		.modelWrap .modelR img{
			width:100%;
			}

		.modelWrap .modelR h3{
			margin-bottom:20px;
			}

		.modelWrap .modelR p{
			margin-bottom:40px;
			}

		#contents .modelWrap .modelR p.large{
			margin-bottom:30px;
			font-size:16px;
			line-height:180%;
			color:#56321a;
			padding:0 15px;
			}

		.modelWrap .modelR ul{
			margin-bottom:80px;
			}

			.modelWrap .modelR ul li{
				margin-bottom:30px;
				}

.photoWrap{
	width:95%;
	margin:0 auto;
	}

.photoWrap ul{
	margin-bottom:20px;
	}

	.photoWrap ul li{
		margin-bottom:30px;
		text-align:center;
		}

		.photoWrap ul li img{
			width:80%;
			}

		.photoWrap ul li.txt{
			text-align:left;
			width:80%;
			font-size:12px;
			margin:0 auto 30px;
			}

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

ショールーム

------------------------------------------------------------- */
#contents .infoBox{
	margin:0 auto 60px;
	}

	#contents .infoBox li.tel{
		width:100%;
		text-align:center;
		background:#005bac;
		font-size:20px;
		color:#fff;
		font-weight:bold;
		padding:12px 0;
		margin-bottom:30px;
		}

	#contents .infoBox li.form{
		width:100%;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		}

		#contents .infoBox li.form a{
			background:#74001a;
			color:#fff;
			padding:12px 0;
			display:block;
			}

			#contents .infoBox li.form a span{
				background:url(../../img/sec/model/icon_arrow.png) no-repeat right center;
				padding:10px 50px 10px 0;
				}
/* -----------------------------------------------------------

プラザ

------------------------------------------------------------- */
#contents .titleWrap p img{
	width: 250px;
	}

#contents .f16 span{
	font-size: 24px;
	color: #914621;
	}

#contents .holiday{
	font-size: 24px;
	color: #005BAC;
	text-align: center;
	padding-bottom: 50px;
	} 

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

まちなか展示場

------------------------------------------------------------- */
#contents .machinakaWrap{
	margin:50px 0;
	}

	#contents .machinakaWrap li{
		margin:0 auto 40px;
		width:80%;
		}

}