@charset "UTF-8";

/* estates */
@import url(../settings.less);
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ 共通設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.texts p.icon_tel {
	padding-top: 30px;
}
.texts p.icon_tel em {
	padding: 10px 0 10px 50px;
	background: url(../../_images/_common/icons/icon_tel_color.png) left center no-repeat;
	font-family: roboto;
	font-size: 3.2rem;
	font-weight: bold;
	color: #000;
}
.texts p.icon_tel span {
	margin-left: 20px;
	font-size: 1.6rem;
}

.title_wrap {
	margin-bottom: 0;
}
.contents {
	width: 1000px;
	@media screen and ( max-width: @break-max-width ) {
		width: 100%;
	}
}
.contents.max_width_contents {
	padding: 0;
}

.estates_list {
	.split_image {
		width: 60%;
		position: relative;
		.bloom_logo {
			position: absolute;
			top: 20px;
			right: 20px;
		}
	}
	.split_text {
		width: 40%;
		background: @accent-color !important;
		color: #fff;
		position: relative;
		hgroup {
			h2 {
				margin-bottom: 15px;
				font-size: 2.0rem;
				font-weight: bold;
			}
			p {
				margin-bottom: 25px;
				font-weight: bold;
			}
			.tx_icon {
				background: rgba(255,255,255,0.3);
			}
		}
		p.text {
			margin-bottom: 15px;
			line-height: 1.5em;
			font-size: 1.2rem;
		}
		p.estate_detail {
			margin-bottom: 25px;
			line-height: 1.5em;
		}
		span.tx_icon.new_icon {
			position: absolute;
			top: 30px;
			right: 30px;
			margin-right: 0;
			background: #FFBF00;
		}
	}
	.split_box.txt_img {
	    -webkit-flex-direction: row-reverse;
	    flex-direction: row-reverse;
	}
	.estate_more a.button {
		border:1px solid @accent-color !important;
		color: @accent-color !important;
	}
}

.thumb_item {
	li {
		p.pic {
			height: 600px;
			background-size: cover;
			background-position: 50% 50%;
			@media screen and ( max-width: @break-max-width ) {
				height: 250px;
			}
		}
		p.caption {
			font-size: 1.6rem;
			font-weight: bold;
		}
	}
}
.thumb_item_nav {
	p.pic {
		height: 80px;
		background-size: cover;
		background-position: 50% 50%;
		@media screen and ( max-width: @break-max-width ) {
			height: 30px;
		}
	}
	p.pic:hover {
		cursor: pointer;
		opacity: 0.75;
		filter: alpha(opacity=75);
	}
}

a.button.bc_blue,
input.button.bc_blue {
	border: 1px solid @accent-color;
	background: @accent-color;
	color: #fff !important;
}
input.button.bc_blue {
	border: none;
}
a.button.bc_blue:hover,
input.button.bc_blue:hover {
	color: @accent-color !important;
}

.clm4 li a.disp-block{
	display: block;
	text-decoration: none;
}

.clm4 li a:hover{
	opacity: .8;
}

.clm4 li a.list-inner{
	border: none;
	background: none;
	padding: 0;
}

.clm4 li .pic{
	height: 160px;
	background-size: cover;
}

.clm4 li h3.heading03{
	font-weight: normal;
}

.category-icon{
	display: flex;
	li{
		list-style: none;
	}
}



@media screen and ( max-width: @break-max-width ) {
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ モバイル用設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*==================================================
	$sp_
==================================================*/
.estates_list {
	.split_image {
		width: 100%;
	}
	.split_text {
		width: 100%;
	}
	.split_box.img_txt {
		-ms-flex-flow: wrap-reverse;
		-webkit-flex-flow: wrap-reverse;
		flex-flow: wrap-reverse;
	}
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
}

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

	[ utility ] $clearfix

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

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}