@charset "utf-8";
/* ===================================================================

 file name  :model.css
 style info :モデルハウス

=================================================================== */

/* =============================

	overwrite

=============================== */




/* =================================== */

/* index */
#main #top p{
	float:left;
}
#main #top ul{
	float:right;
}

/* index */

/* pageナビ */
#main ul.pagenav{
	float:right;
	margin-top:-50px;
}

#main ul.pagenav li{
	width:86px;
	height:30px;
	border-left:1px solid #808080;
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	text-align:center;
	padding-top:2px;
	float:left;
	color:#FF9AC9;
	font-size:14px;
	box-sizing:border-box;
}

#main ul.pagenav li span{
	font-size:18px;
}
#main ul.pagenav li a{
	text-decoration:none;
		color:#565656;
}

#main ul.pagenav li a:hover{
	color:#FF9AC9;
}

#main ul.pagenav li a:hover{
	color:#FF9AC9;
}



#main ul.pagenav li.last{
	border-right:1px solid #808080;
}
/* pageナビ */


#main .section{
	text-align:center;
	clear:both;
}

#main .section h2{
		text-align:center;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , "serif";
}
#main .section .catch{
	margin:1em 0 2em;
	font-size:150%;
	font-weight:bold;
}
#main .section .img{
}
#main .section h3{
	font-size:225%;
	margin:1.5em auto 1em;
}
#main .section .txt{
	margin-bottom:56px;
	font-size:109%;
	line-height:2;
}

#main .section section{
}
#main .section section h4{
	padding:0 0 0.5em 20px;
	font-size:175%;
	font-weight:normal;
	text-align:left;

}


#main .section section h4 span{
	font-size:143%;
}

#main .section section .detail{
	margin-bottom:36px;
	font-size:109%;
	padding:0.5em 270px 0 20px;
	text-align:left;
	border-top:1px solid #2b2b2b;
	border-left:1px solid #2b2b2b;

}
#main .section section .detail li{
	display:inline-block;
	margin:0 0.5em;
}
#main .section section .detail span{
	font-size:170%;
}
#main .section section .points{
	text-align:left;
 margin-bottom:50px;
	}

#main .section section .points ul{
 margin-bottom:10px;
	}
#main .section section .points ul li{
	width:228px;
	border-top:1px solid #2b2b2b;
	border-bottom:1px solid #2b2b2b;
	border-left:1px solid #2b2b2b;

	padding:10px;
	float:left;
	}
#main .section section .points ul li:last-child{
	border-right:1px solid #2b2b2b;
	}

#main .section section .plans{
	position:relative;
vertical-align:middle;
	text-align:center;
	}

#main .section section .plans li{
	display:inline;
}

/* plan01 */
#main .section section#plan01 .plans li.floor01{
	display:block;

	width:669px;
}


#main .section section#plan01 .plans li.floor02{
	display:block;
	width:458px;
	position:absolute;
	top:0;
	right:0;
}

/* plan27、33 */
#main .section section#plan27 .points ul li,
#main .section section#plan33 .points ul li{
	height:4em;
	}
#main .section section#plan27 .points ul li span{
	font-size:90%;
	text-align:right;
	display:block;
	}

#main .section section#plan33 .plans li{
	display:block;
	margin-bottom:30px;
}


/*plan60*/
#main .section section#plan60 h4{
	padding:0 0 0 0;
	font-size:175%;
	font-weight:normal;
	text-align:left;

}

#main .section section#plan60 .common h5{
	padding:0 0 0 0;
	font-size:150%;
	font-weight:normal;
	text-align:left;
	margin:50px 0 30px;;

}

#main .section section#plan60 .common p{
	float:left;
	width:60%
}
#main .section section#plan60 .common p:last-child{
	width:30%;
	float:right;
}

#main .section section#plan60 .photo div{
	float:left;
	margin:50px 0 0 0;
}

#main .section section#plan60 .photo div:last-child{
	float:right;
}

#main .section section#plan60 .photo div h5{
	color:#e45513;
	font-size:130%;
	text-align:left;
}


/* plan62 */
#main .section section#plan60 .points ul li,
#main .section section#plan62 .points ul li{
	height:4em;
	}
#main .section section#plan62 .plans li{
	float:none;
	display:block;
	margin-bottom:20px;
	}
#main .section section#plan62 .plan-detail li{
	float:left;
	}
#main .section section#plan62 .plan-detail{
	width:830px;
	margin-top:60px;
	}
#main .section section#plan62 .plan-detail li{
	margin-bottom:30px;
	}


#main .section section#plan62 .plan-detail li:nth-child(2n){
	float:right;
	}
#main .section section#plan62 .plan-detail li h5{
	font-size:14px;
	line-height:1.5;
	margin-bottom:3px;
	}

#main .section section#plan62 .plan-detail li:last-child{
	width:364px;
	text-align:left;
	font-size:12px;
	line-height:1.5;
	}
	
	/*plan48*/
#main .section #plan48 h4{
    padding-bottom: 0.1em;
		padding-left:0;
}

#main .section #plan48 h4 span{
	font-size: 143%;
  background: #182980;
  color: #fff;
  border: #000 1px solid;
  padding: 5px 10px;
  margin-right: 10px;
}


#main .section section#plan48 .points ul li{
	height:4em;
	}
	
	
#main .section section#plan48 .plans li:first-child{
	margin-right:50px;
}

/*plan43*/
#main .section #plan43 h4{
    padding-bottom: 0.1em;
		padding-left:0;
}

#main .section #plan43 h4 span{
	font-size: 143%;
  background: #182980;
  color: #fff;
  border: #000 1px solid;
  padding: 5px 10px;
  margin-right: 10px;
}


#main .section section#plan43 .points ul li{
	height:4em;
	}
	
	
#main .section section#plan43 .plans li:first-child{
	margin-right:50px;
}



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

	/* =============================
	
		overwrite
	
	=============================== */
	
	
	
	
	/* =================================== */

/* index */
#main #top p{
	float:none;
}
#main #top ul{
	float:none;
}


#main ul.pagenav{
	width:100%;
	float:none;
	margin:0 auto 20px;
		table-layout: fixed;

}

#main ul.pagenav li{
	width:33%;
	height:35px;
	padding-top:1%;
	float:left;
}
#main ul.pagenav li.last{
	width: 33.2%;
	/*border-right:none;*/
}

/* 2行のとき*/
#main ul.pagenav li:nth-child(n + 4){
	border-top:none;
}
#main ul.pagenav li:nth-child(3n){
	border-right:1px solid #808080;
}


/* 以下は3行のときのみ */
/*#main ul.pagenav li:nth-child(5){
	border-right:1px solid #808080;
}*/



/*#main ul.pagenav li:first-child{
	width:26.2%;

}
*/
#main ul.pagenav li img{
	width:50%;
	max-width:40px;
	height:auto;
}
#main ul.pagenav li:first-child img{
	width:80%;
	max-width:71px;
	height:auto;
}



	#main .section{
	}
	#main h2{
}
			
	#main h2 img{
		width:200px;
	}

	#main #model27 h2 img{
		width:140px;
	}
	#main #model33 h2 img{
		width:170px;
	}

	#main .section .catch{
		font-size:117%;
	}
	#main .section h3{
		font-size:117%;
		margin:1.5em auto 0.2em;
	}
	#main .section .txt{
		margin-bottom:30px;
		font-size:92%;
	}

	#main .section section h4{
			font-size:109%;
			padding-left:0;
	}
	#main .section section .detail{
		margin-bottom:25px;
		font-size:92%;
		text-align:left;
		padding-right:0;
		padding-left:0;
	}
	#main .section section .detail span{
		font-size:100%;
	}
#main .section section .points{
 margin-bottom:50px;
	}

#main .section section .points ul{
 margin-bottom:0;
	}
#main .section section .points ul:last-child{
		border-bottom:1px solid #2b2b2b;
	}
#main .section section .points ul li{
	width:45%;
	height:6em;
	padding:2%;
	border-bottom:none;
	}

#main .section section .points ul li:nth-child(even){
	border-right:1px solid #2b2b2b;
	width:46%;

	}

#main .section section .points ul li:nth-child(even){
	border-right:1px solid #2b2b2b;
	}


#main .section section .points ul li:last-child{
	border-right:1px solid #2b2b2b;
	}


#main .section section .plans li img{
		width:70%;
		margin-bottom:4%
}

/* plan01 */
#main .section section#plan01 .plans li.floor01{
		width:100%;
		margin-bottom:4%
}


#main .section section#plan01 .plans li.floor02{
	width:77%;
	position:static;
		margin:0 auto;
}

/* plan01 */
/* plan16 */
#main .section section#plan16 .plans li.floor01 img{
		margin-bottom:14%
}
/* plan16 */

/* plan27 */
#main .section section#plan27 .points ul li{
	height:5.2em;
	}
/* plan33 */
#main .section section#plan33 .points ul li{
	height:6em;
	}
	
	

#main .section section#plan60 h4{
	padding:0 0 0 0;
	font-size:100%;
	text-align:left;

}
#main .section section#plan60 .points ul li{
	height:6em;
}
#main .section section#plan60 .common h5{
	font-size:110%;
	margin:10% 0 2%;

}

#main .section section#plan60 .common p{
	float:none;
	width:100%
}
#main .section section#plan60 .common p:last-child{
	width:50%;
	float:none;
	margin:0 auto;
}

#main .section section#plan60 .photo div{
	float:none;
	margin:10% 0 2%;
}

#main .section section#plan60 .photo div:last-child{
	float:none;
	width:50%;
	margin:0 auto;
}

#main .section section#plan60 .photo div h5{
	font-size:100%;
}

	

/* plan62 */
#main .section section#plan62 .points ul li{
	height:4em;
	}
#main .section section#plan62 .plans li{
	float:none;
	display:block;
	margin-bottom:20px;
	}
#main .section section#plan62 .plan-detail li{
	float:none;
	}
#main .section section#plan62 .plan-detail{
	width:100%;
	margin-top:3%;
	}
#main .section section#plan62 .plan-detail li{
	margin-bottom:30px;
	}


#main .section section#plan62 .plan-detail li:nth-child(2n){
	float:none;
	}
#main .section section#plan62 .plan-detail li h5{
	font-size:14px;
	line-height:1.5;
	margin-bottom:3px;
	}

#main .section section#plan62 .plan-detail li:last-child{
	width:100%;
	text-align:left;
	font-size:12px;
	line-height:1.5;
	}


/* plan48 */
#main .section section#plan48 .points ul li{
	height:7em;
	}

#main .section section#plan48 .plans li{
	display:block;
}

#main .section section#plan48 .plans li:first-child{
	margin-right:0;
}

#main .section section#plan48 .plans li:first-child img{
	width:80%;
	margin-bottom:10%;
}

#main .section section#plan48 .plans li:nth-of-type(2) img{
	width:60%;
}

/* plan43 */
#main .section section#plan43 .points ul li{
	height:7em;
	}

#main .section section#plan43 .plans li{
	display:block;
}

#main .section section#plan43 .plans li:first-child{
	margin-right:0;
}

#main .section section#plan43 .plans li:first-child img{
	width:80%;
	margin-bottom:10%;
}


}