@charset "UTF-8";

/*
=====================================================================
	アイホーム　大賞受賞ページ
=====================================================================
*/

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


/* contents
---------------------------------------------------------------------- */
#contents{
	width:885px;
	margin:0 auto;
	}

	#contents .inner{
		width:765px;
		margin:0 auto 60px;
		}

		#contents .inner h2{
			margin-bottom:30px;
			text-align:center;
			}

		#contents .inner p{
			font-size:16px;
			text-indent:1em;
			line-height:180%;
			}

		#contents .inner .aword p{
			float:left;
			text-indent:0;
			}

		#contents .inner .aword ul{
			float:right;
			width:590px;
			}

			#contents .inner .aword ul li.fL{
				float:left;
				}

			#contents .inner .aword ul li.fR{
				float:right;
				}

		#contents .inner ul.gaiyou li.fL{
			float:left;
			}

		#contents .inner ul.gaiyou li.fR{
			float:right;
			}

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

クローバーページ

====================================================================== */
#cloverWrap h2{
	margin-bottom:40px;
	}

#cloverWrap h3{
	margin-bottom:20px;
	}

#cloverWrap p{
	font-size:16px;
	text-indent:1em;
	line-height:180%;
	}

#cloverWrap .clvInner{
	margin-bottom:40px;
	}

	#cloverWrap .clvInner .clvL{
		float:left;
		width:415px;
		}

	#cloverWrap .clvInner .clvR{
		float:right;
		width:422px;
		}

#cloverWrap .clvInnerFour{
	margin-bottom:40px;
	}

	#cloverWrap .clvInnerFour .clvL{
		float:left;
		width:418px;
		}

	#cloverWrap .clvInnerFour .clvR{
		float:right;
		width:418px;
		margin-top:51px;
		}

#cloverWrap p.jeims{
	text-indent:0;
	text-align:right;
	margin-bottom:100px;
	}

	#cloverWrap p.jeims a{
		background:url(../../img/sec/gp/clover/icon.gif) no-repeat top right;
		padding:0 110px 100px 0;
		color:#000;
		}

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

A0・A1ページ

====================================================================== */
#a0{
	margin-bottom:40px;
	}

#a1{
	margin-bottom:80px;
	}

#a0 h2,
#a1 h2{
	margin-bottom:30px;
	}

#a0 ul{
	position:relative;
	width:885px;
	height:408px;
	overflow:hidden;
	}

#a1 ul{
	position:relative;
	width:885px;
	height:558px;
	overflow:hidden;
	}

	#a0 ul li,
	#a1 ul li{
		position:absolute;
		overflow:hidden;
		}

	/* a0 */
	#a0 ul li.photo01{
		width:272px;
		height:408px;
		top:0;
		left:0;
		}

	#a0 ul li.photo02,
	#a0 ul li.photo03,
	#a0 ul li.photo04,
	#a0 ul li.photo05{
		width:301px;
		height:201px;
		}

	#a0 ul li.photo02{
		top:0;
		left:278px;
		}

	#a0 ul li.photo03{
		top:0;
		left:585px;
		}

	#a0 ul li.photo04{
		top:207px;
		left:278px;
		}

	#a0 ul li.photo05{
		top:207px;
		left:585px;
		}

	/* a1 */
	#a1 ul li.photo01{
		width:604px;
		height:403px;
		top:0;
		left:0;
		}

	#a1 ul li.photo02{
		width:271px;
		height:405px;
		top:0;
		right:0;
		}

	#a1 ul li.photo03,
	#a1 ul li.photo04,
	#a1 ul li.photo05,
	#a1 ul li.photo06{
		width:216px;
		height:145px;
		}

	#a1 ul li.photo03{
		top:414px;
		left:0;
		}

	#a1 ul li.photo04{
		top:414px;
		left:223px;
		}

	#a1 ul li.photo05{
		top:414px;
		left:446px;
		}

	#a1 ul li.photo06{
		top:414px;
		left:669px;
		}

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

受賞歴ページ

====================================================================== */
#contents .title2 h2{
	font-weight:bold;
	margin-bottom:60px;
	text-align:center;
	padding:30px 0 30px;
	background:#CCA467;
	font-size:40px;
	line-height:120%;
	}

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

#contents .title2 h3{
	font-weight:bold;
	margin-bottom:40px;
	font-size:23px;
	}

	#contents .title2 h3 span{
		color:#CCA467;
		}

#contents dl{
	position:relative;
	font-size:18px;
	padding-bottom: 100px;
	}

	#contents dl dt{
		position:absolute;
		width:150px;
		}

	#contents dl dd{
		padding:0 0 10px 170px;
		border-bottom:1px solid #000;
		margin-bottom:10px;
		}

		#contents dl dd ul{
			width:100%;
			margin:20px 0;
			}

			#contents dl dd ul li{
				font-size:11px;
				}

				#contents dl dd ul li{
					margin-bottom:20px;
					}

/* banner
---------------------------------------------------------------------- */
#banner{
	width:885px;
	margin:0 auto;
	padding-bottom: 100px;
	}

	#banner ul{
		justify-content: center;
		display: flex;
		}

	#banner ul li{
		width: 230px;
		margin: 0 20px;
		
	}

}


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

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


	#contents .inner h2{
		margin-bottom:30px;
		text-align:center;
		}

	#contents .inner p{
		font-size:14px;
		line-height:180%;
		}

	#contents .inner .widthH{
		width:40%;
		margin:0 auto;
		}

	#contents .inner .aword p{
		float:left;
		text-indent:0;
		width:48%;
		}

	#contents .inner .aword ul{
		float:right;
		width:48%;
		}

		#contents .inner .aword ul li.fL{
			margin:0 auto 20px;
			}

		#contents .inner .aword ul li.fR{
			
			}

	#contents .inner ul.gaiyou li.fL{
		margin-bottom:20px;
		}

	#contents .inner ul.gaiyou li.fR{
		
		}

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

クローバーページ

====================================================================== */
#cloverWrap h2{
	margin-bottom:40px;
	}

#cloverWrap h3{
	margin-bottom:20px;
	}

#cloverWrap p{
	font-size:14px;
	line-height:180%;
	}

#cloverWrap .clvInner{
	margin-bottom:40px;
	}

	#cloverWrap .clvInner .clvL{
		margin-bottom:30px;
		}

	#cloverWrap .clvInner .clvR{
		
		}

#cloverWrap .clvInnerFour{
	margin-bottom:40px;
	}

	#cloverWrap .clvInnerFour .clvL{
		margin-bottom:30px;
		}

	#cloverWrap .clvInnerFour .clvR{
		margin-bottom:30px;
		}

#cloverWrap p.jeims{
	text-indent:0;
	text-align:right;
	margin-bottom:100px;
	}

	#cloverWrap p.jeims a{
		background:url(../../img/sec/gp/clover/icon.gif) no-repeat top right;
		padding:0 110px 100px 0;
		color:#000;
		}

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

A0・A1ページ

====================================================================== */
#contents .photoWrap li{
	margin-bottom:20px;
	}

#a1 h2,
#a0 h2{
	margin-bottom:20px;
	}

#a1,
#a0{
	margin-bottom:50px;
	}

.houseoftheyear{
	width:40%;
	}	

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

受賞歴ページ

====================================================================== */
#contents .title2 h2{
	font-weight:bold;
	margin-bottom:60px;
	text-align:center;
	padding:30px 0 30px;
	background:#CCA467;
	font-size:20px;
	line-height:120%;
	}

	#contents .title2 h2 span{
		font-size:12px;
		}

#contents .title2 h3{
	font-weight:bold;
	margin-bottom:40px;
	font-size:18px;
	}

	#contents .title2 h3 span{
		color:#CCA467;
	}

#contents dl{
	font-size:16px;
	padding-bottom: 100px;
	}

	#contents dl dt{
		margin-bottom:10px;
		color:#CCA467;
		font-weight:bold;
		}

		#contents dl dt.empty{
			display:none;
			}

	#contents dl dd{
		padding:0 0 10px 0;
		border-bottom:1px solid #000;
		margin-bottom:15px;
		}

	#contents dl dd ul{
			width:100%;
			margin:20px 0;
			}

			#contents dl dd ul li{
				width:90%;
				font-size:11px;
				margin:0 auto;
				}

				#contents dl dd ul li.photoL{
					margin-bottom:20px;
				}

				#contents dl dd ul li.photoR{
					
				}

				#contents dl dd ul li img{
					width:100%;
					margin-bottom:15px;
				}





/* banner
---------------------------------------------------------------------- */
#banner{
	width:95%;
	margin:0 auto;
	padding-bottom: 100px;
	}

	#banner ul li{
		float:left;
		width:48%;
		margin:0 4% 4% 0;
		}

	#banner ul li:nth-child(even){
		margin-right:0;
		}

		#banner ul li img{
			width:100%;
			}



}