@charset "utf-8";


/*#######################################################*/
/*##                                                   ##*/
/*##  トップ                                           ##*/
/*##                                                   ##*/
/*#######################################################*/

/*---------------------------------------------------------
contents
---------------------------------------------------------*/
#top #contents {
	padding-bottom: 0px;
}

/*---------------------------------------------------------
メインビジュアル
---------------------------------------------------------*/
#mainImg {
	background: url("../img/sky.png") center bottom no-repeat;
	background-size: cover;
	padding: 50px 0px 60px;
}

#mainImg .inner {
	max-width: 1200px;
}

#mainImg .inner ul li img{
	width: 1200px;
}
	@media screen and (max-width: 959px) {
		#mainImg {
			background: none;
			padding: 0px 0px 0px;
		}
		
		#mainImg .inner {
			padding: 0px 0px;
		}
		
		#mainImg .inner ul li img{
			width: 100%;
		}
	}


/*---------------------------------------------------------
キャッチ
---------------------------------------------------------*/
#topCatch{
	font-family: '游明朝 Light', 'Yu Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif';
	margin-bottom: 60px;
}

#topCatch .inner{
	min-height: 260px;
	background: url("../img/pic_catch.png") right top no-repeat;
	padding: 10px 300px 0px 0px;
	box-sizing: border-box;
}

#topCatch .inner p{
	font-weight: bold;
	line-height: 2.0em;
}
	@media screen and (max-width: 959px) {
		#topCatch{
			margin-bottom: 0px;
		}

		#topCatch .inner{
			min-height: auto;
			background: none;
			padding: 40px 15px 45px;
		}

		#topCatch .inner p{
			font-size: 1.4rem;
		}
	}


/*---------------------------------------------------------
テナント紹介
---------------------------------------------------------*/
#topTenants{
	position: relative;
	background-color: #EEF9F9;
}
	#topTenants::before{
		position: absolute;
		bottom: -40px;
		left: calc(50% - 89px);
		z-index: 2;
		content: '';
		width: 178px;
		height: 40px;
		background:url(../common/arw06.png) center bottom no-repeat;
		background-size: 178px auto;
	}

#topTenants .inner{
	max-width: 1200px;
	padding: 55px 0px 75px;
}

/*タイトル*/
#topTenants .blockTtl01{
	font-weight: bold;
	text-align: center;
	background:url(../common/icon_tenant.png) center top no-repeat;
	background-size: 40px auto;
	padding-top: 40px;
	margin-bottom: 40px;
}
	#topTenants .blockTtl01 span{
		display: inline-block;
		font-size: 187.5%;
		border-bottom: #FFFF00 solid 5px;
		margin-bottom: 2px;
	}

#topTenants .tenantList li{
	float: left;
	width: 22.5%;
	margin-right: 3.3333%;
}
	#topTenants .tenantList li:nth-child(4n){
		margin-right: 0;
	}
	#topTenants .tenantList li:nth-child(4n+1){
		clear: both;
	}

/*名称*/
#topTenants .tenantList li .tit{
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
}
	#topTenants .tenantList li .tit span{
		display: block;
		color: #22AAAA;
		font-size: 87.5%;
	}
	
	@media screen and (max-width: 959px) {
		#topTenants::before{
			bottom: -26px;
			left: calc(50% - 60px);
			width: 120px;
			height: 26px;
			background-size: 120px auto;
		}
		
		#topTenants .inner{
			padding: 45px 15px 15px;
		}
		
		/*タイトル*/
		#topTenants .blockTtl01{
			background-size: 28px auto;
			padding-top: 28px;
			margin-bottom: 30px;
		}
			#topTenants .blockTtl01 span{
				font-size: 2.3rem;
				border-bottom: #FFFF00 solid 3px;
			}

		#topTenants .tenantList li{
			float: left;
			width: 48.5%;
			margin-right: 3%;
			margin-bottom: 30px;
		}
			#topTenants .tenantList li:nth-child(4n){
				margin-right: 3%;
			}
			#topTenants .tenantList li:nth-child(4n+1){
				clear: none;
			}
			#topTenants .tenantList li:nth-child(2n){
				margin-right: 0;
			}
			#topTenants .tenantList li:nth-child(2n+1){
				clear: both;
			}

		/*名称*/
		#topTenants .tenantList li .tit{
			font-size: 1.6rem;
			margin-top: 10px;
		}
			#topTenants .tenantList li .tit span{
				font-size: 1.4rem;
			}
	}


/*---------------------------------------------------------
クリスタルモール大濠
---------------------------------------------------------*/
#topMall .inner{
	padding: 85px 0px 80px;
}

#topMall .imgBox{
	float: left;
	width: 40%;
}

#topMall .txtBox{
	float: right;
	width: 56%;
	line-height: 2.0em;
}
	#topMall .txtBox .hl03{
		border-bottom: #22AAAA dotted 1px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

/*詳しくはこちらボタン*/
.moreBtn{
	float: right;
	margin-top: 20px;
}
	
	@media screen and (max-width: 959px) {
		#topMall .inner{
			padding: 56px 15px 40px;
		}

		#topMall .imgBox{
			float: none;
			width: 100%;
			margin-bottom: 30px;
		}

		#topMall .txtBox{
			float: none;
			width: 100%;
			line-height: 2.0em;
		}
			#topMall .txtBox .hl03{
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
			
			#topMall .txtBox p{
				font-size: 1.4rem;
			}
		
		/*詳しくはこちらボタン*/
		.moreBtn{
			float: none;
			margin: 20px auto 0px;
		}
	}


/*---------------------------------------------------------
新着情報	
---------------------------------------------------------*/
#topNews{
	position: relative;
	background:url(../img/bg_news.jpg) center top no-repeat;
	background-size: cover;
}
	#topNews::before{
		position: absolute;
		top: 0px;
		left: 0px;
		content: '';
		width: 100%;
		height: 100%;
		background:url(../common/texture01.png) repeat;
	}

#topNews .inner{
	padding: 80px 0px 80px;
}

#topNews .inner #newsBox{
	position: relative;
	background-color: hsla(0,0%,100%,0.95);
	padding: 35px 40px 40px;
}

/*テキストリンク*/
#topNews .inner #newsBox .txtLink{
	position: absolute;
	top: 50px;
	right: 40px;
	z-index: 1;
}

#topNews .inner #newsBox .txtLink a{
	display: inline-block;
	color: #22AAAA;
	text-decoration: none;
	background-image: url(../common/arw07.png);
	background-position: left 6px;
	background-repeat: no-repeat;
	background-size: 8px auto;
	padding-left: 14px;
}
	#topNews .inner #newsBox .txtLink a:hover{
		text-decoration: underline;
	}

	@media screen and (max-width: 640px) {
		#topNews .inner{
			padding: 50px 15px 50px;
		}
		
		#topNews .inner #newsBox{
			padding: 25px 20px 30px;
		}
		
		/*テキストリンク*/
		#topNews .inner #newsBox .txtLink{
			top: 25px;
			right: 20px;
		}

		#topNews .inner #newsBox .txtLink a{
			display: inline-block;
			background-position: 15px 17px;
			background-size: 8px auto;
			background-color: #FFFFFF;
			border: #22AAAA solid 1px;
			padding: 13px 15px 12px 29px;
			border-radius: 5px;
		}
			#topNews .inner #newsBox .txtLink a:hover{
				text-decoration: underline;
			}
	}