@charset "utf-8";
/* ===================================================
	カラー
=================================================== */
@colorMain: #121212; //メインカラー
@colorSub: #ffc000; //サブカラー 詳細ボタンなど
@colorBorder: #c3c3c3; //ボーダーカラー
@colorLightBG: #efefef; //薄い背景色　bodyの背景と同化はNG　 フォームやテーブルの見出し背景,カテゴリー背景
@colorPager:#c1c1c1;//ページャー背景
@colorPagerCurrent:#656565;//ページャー背景current

/* ===========================================================================================
	基準のline-height
=========================================================================================== */
@BaseLineHeight: 1.6;

/* ===========================================================================================
	フォント 設定
=========================================================================================== */
body {
	font-size: 16px;
	line-height: @BaseLineHeight;
	color: #121212;
	font-family: "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}

a,
a:active,
a:link,
a:visited {
	color: #333333;
}
/* ===========================================================================================
	ボタン 設定
=========================================================================================== */
.moreBtn {
	a {
		display: inline-block;
		background: @colorSub;
		padding: 8px 15px 8px 35px;
		color: #FFFFFF;
		position: relative;
		background: #010101;
		border-radius: 5px;
		font-weight: bold;
		&:before {
			position: absolute;
			content: '';
			top: 0;
			bottom: 0;
			left: 15px;
			margin: auto;
			width: 13px;
			height: 13px;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			border: 1px solid #FFFFFF;
			box-sizing: border-box;
		}
		&:after {
			position: absolute;
			content: '';
			top: 0;
			bottom: 0;
			left: 18px;
			margin: auto;
			width: 5px;
			height: 5px;
			border-top: 1px solid #fff;
			border-right: 1px solid #fff;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	}
}
.moreBtn2 {
	a {
		display: block;
		background: @colorSub;
		padding: 10px 35px 10px 35px;
		color: #121212;
		position: relative;
		background: #ffc000;
		border-radius: 5px;
		font-weight: bold;
		&:before {
			position: absolute;
			content: '';
			top: 0;
			bottom: 0;
			left: 15px;
			margin: auto;
			width: 13px;
			height: 13px;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			border: 1px solid #121212;
			box-sizing: border-box;
		}
		&:after {
			position: absolute;
			content: '';
			top: 0;
			bottom: 0;
			left: 18px;
			margin: auto;
			width: 5px;
			height: 5px;
			border-top: 1px solid #121212;
			border-right: 1px solid #121212;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	}
}
/* ===========================================================================================

	メインイメージ設定
=========================================================================================== */
.mainImgArea {
	width: 100%;
	margin: 0 0 20px;

	.mainImgContent {
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mainImgContent p {
		width: @contentWidth;
		font-weight: bold;
		font-size: 28px;
		color: #FFFFFF;
	}
}
/* ===========================================================================================

	見出し設定
=========================================================================================== */
/*== h2はビルダー・システムで共通とする =======================*/
.h2LaySets {
	font-size: 30px;
	font-weight: bold;
	span {
		display: table;
		text-align: center !important;
		margin: auto;
		background: linear-gradient(transparent 70%, @colorSub 70%);
		line-height: 1.4;
	}
}

.fl-module-heading h2.fl-heading {
	// ビルダーのH2
	.h2LaySets;
}

h2.pageTitle {
	// アーカイブ・シングルシステムページの見出し
	.h2LaySets;
	margin-bottom: 30px;
}
/*== h3 =======================*/
.h3LaySets {
	font-size: 23px;
	font-weight: bold;
}

.fl-module-heading h3.fl-heading {
	// ビルダーのH3
	.h3LaySets;
}
/*== h4 =======================*/
.h4LaySets {
	font-size: 20px;
	position: relative;
	padding-bottom: 10px !important;
	&::after {
		position: absolute;
		content: "";
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 1px;
		border-bottom: 1px solid #d3d3d3;
		box-sizing: border-box;
	}
	span {
		display: block;
		padding-left: 10px;
		border-left: 3px solid @colorSub;
		line-height: 1;
	}
}

.fl-module-heading h4.fl-heading {
	// ビルダーのH4
	.h4LaySets;
}
/*== h5 =======================*/
.h5LaySets {
	font-size: 20px;
	span {
		display: block;
		padding-bottom: 2px;
		border-bottom: 1px solid #5D5D5D;
	}
}

.fl-module-heading h5.fl-heading {
	// ビルダーのH5
	.h5LaySets;
}
/*== h6 =======================*/
.h6LaySets {
	font-size: 18px;
	font-weight: bold;
	color: @colorSub;
}

.fl-module-heading h6.fl-heading {
	// ビルダーのH6
	.h6LaySets;
}
/* ===========================================================================================

	コンタクトバナー
=========================================================================================== */
.c_banner {
	width: 700px;
	.c_tel{
		line-height: 1;
		a {
			color: inherit;
		}
	}
	.c_btn a{
		position: static !important;
		top:0 !important;
	}
}

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

	公開物件
=========================================================================================== */
.galleryArea {
	.gmap {
		width: 1000px;
		margin: auto;
		text-align: right;
		margin-bottom: 40px;
	}
	.galleryContent {
		.galleryWrapp {
			background: #F8F8F8 ;
			padding: 40px 0;
			.galleryInner {
				display: flex;
				display: -webkit-flex;
				width: 1000px;
				margin: 0 auto 30px;
				h3 {
					.h3LaySets;
					margin-bottom: 20px;
				}
				ul {
					padding-left: 30px;
					li {
						list-style: disc;
					}
				}
				.galleryInfo {
					padding-right: 20px;
					box-sizing: border-box;
					width: 50%;
				}
				.galleryInfo2 {
					padding-left: 20px;
					box-sizing: border-box;
					width: 50%;
				}
			}
			.galleryPdf {
				width: 1000px;
				margin: auto;
				.moreBtn {
					text-align: center;
				}
			}
		}
		.galleryCom {
			width: 1000px;
			margin: 60px auto;
			text-align: center;
		}
		.galleryImgArea {
			display: flex;
			display: -webkit-flex;
			flex-wrap: wrap;
			align-items: flex-start;
			width: 1000px;
			margin: 60px auto;
			.galleryIframe {
				position: relative;
				padding-top: 336px;
				height: 0;
				overflow: hidden;
				iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
			}

			& > div:nth-child(odd) {
				padding-right: 30px;
				margin-bottom: 40px;
				box-sizing: border-box;
				width: 50%;
				align-self: stretch;
			}
			& > div:nth-child(even) {
				padding-left: 30px;
				margin-bottom: 40px;
				box-sizing: border-box;
				width: 50%;
				align-self: stretch;
			}
		}
	}
}