@charset "UTF-8";
/* CSS Document */

/*==============================
コンテンツ設定
==============================*/

/*ページビジュアル*/
#pageVisual{
	background: url(../img/land/bg_main.webp) no-repeat center center / cover;
}

/*ページビジュアル  見出し英語*/
#pageVisual .pageNav h2::after{
	content: "HOUSING DEVELOPMENT";
}

#land{
	background: #333;
}

/*分譲地情報 landBOX*/
#land .landBox{
	margin: 0 auto;
}

/*NEWアイコン*/
.new::before{
	background: #b81a35;
}

/*ポストタイトル*/
.landBox .postTitle{
	margin: 20px 0 0 0;
}

/*市名*/
.landBox .postTitle .city{
	color: #fff;
	font-size: 1.6rem;
	line-height: 1;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*分譲地名*/
.landBox .postTitle .name{
	margin: 15px 0 0 0;
	color: #fff;
	font-size:2rem;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*説明文*/
.landBox .postTitle .txt{
	margin: 15px 0 0 0;
	color: #fff;
	font-size:1.6rem;
	line-height: 1.6;
	text-align: justify;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* ここを任意の行数に変更可能です */
	overflow: hidden;
}

/*インフォタグ*/
#land .landBox .infoTags{
	margin: 15px 0 0 0;
	display: flex;
	gap: 5px;
}

/*インフォタグ個別*/
#land .landBox .infoTags span{
	display: inline-block;
	padding: 5px 10px;
	color: #1a1a1a;
	font-size: 1.4rem;
	line-height: 1;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background: #fff;
}


/*landBOX 写真オビ*/
#land .landBox .photo span{
	display: inline-block;
	padding: 10px 0;
	width: 100%;
	color: #fff;
	font-size: 2rem;
	line-height: 1;
	text-align: center;
	letter-spacing: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #808080;
	position: absolute;
	left: 0;
	bottom: 0;
}

/*==============================
レスポンシブ設定
==============================*/

/*1100px以下の場合*/
@media screen and (max-width:1100px){


	/*ポストタイトル*/
	.landBox .postTitle{
		margin: 20px 0 0 0;
	}

	/*市名*/
	.landBox .postTitle .city{
		font-size: 1.4rem;
	}

	/*分譲地名*/
	.landBox .postTitle .name{
		margin: 10px 0 0 0;
		font-size:1.8rem;
	}

	/*説明文*/
	.landBox .postTitle .txt{
		margin: 10px 0 0 0;
		font-size:1.4rem;
	}

	/*インフォタグ*/
	#land .landBox .infoTags{
		margin: 10px 0 0 0;
	}

	/*インフォタグ個別*/
	#land .landBox .infoTags span{
		font-size: 1.2rem;
	}

	/*landBOX 写真オビ*/
	#land .landBox .photo span{
		padding: 5px 0;
		font-size: 1.6rem;
	}

}

/*960px以下の場合*/
@media screen and (max-width:960px){

	/*------------------------------
	分譲地情報設定
	------------------------------*/

	/*分譲地情報 landBOX 写真*/
	#land .landBox{
		margin: 0 auto;
	}

}

/*430px以下の場合*/
@media screen and (max-width:430px){

	/*ページビジュアル*/
	#pageVisual{
		background: url(../img/land/bg_main_sp.webp) no-repeat center center / cover;
	}

	/*------------------------------
	分譲地情報設定
	------------------------------*/

	/*インフォタグ個別*/
	#land .landBox .infoTags span{
		font-size: 1.4rem;
	}


	/*landBOX 写真オビ*/
	#land .landBox .photo span{
		font-size: 1.4rem;
	}


}