/*----------------------------------------
	商品紹介
----------------------------------------*/
.text_blue {
    color: #304b72;
}
.max_respon{
max-width:100%;
}


/*MV*/
.red_bar{
background:#bc1119;
text-align:center;
color:#fff;
padding:10px 4px;
}

/*nav*/
.estate_nav{
	background: #304b72;
	padding-top: 10px;
	padding-bottom: 10px;
}
.estate_nav li{
	float: left;
	width: calc(100% / 8);
	text-align: center;
	border-right: 1px solid #fff;
	box-sizing: border-box;
}
.estate_nav li:last-child{ border-right: none; }
.estate_nav li a{
	color: #fff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding-top: 14px;
	padding-bottom: 14px;
}
.estate_nav li a:hover{ color: #dad698; }

/*見出し下線*/
.estate_point{
	border-bottom: 1px solid #304b72;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/*区画図*/
.block_point{
	width: 100%;
	max-width: 490px;
}

/*設備*/
.equipment_l{
	float: left;
	width: 74.13%;
}
.equipment_r{
	float: right;
	width: 22.41%;
}
.equipment_inner{
	float: left;
	width: 30.23%;
	margin-right: 4.65%;
}
.equipment_inner:last-child{ margin-right: 0; }

/*交通アクセス*/
.access_h{
	display: inline-block;
	background: #304b72;
	color: #fff;
	padding: 3px 10px;
	font-weight: normal;
	margin-bottom: 15px;
}

　/*間取り　商品紹介　*/
.chotto_btm_bnr_area{
	display: flex;
	justify-content: space-between;
	gap:4%;
}
.chotto_btm_bnr_area div{
	width: auto;
	margin-bottom: 25px;
}

.bg_syo_gray{
	background:#f5f5f5;
}
.list_four{
	overflow: hidden;
}

.box_r_plan{
	float: left;
	width: 40%;
}

.box_r_plan img{
	width: 100%;
}

.pc_block{
	display: block;
}
.sp_block{
	display: none;
}

/*周辺環境*/
.location_frame{
	background: #f0f0f0;
	padding-right: 3.44%;
	padding-left: 3.44%;
}
.location_frame h4{
	color: #fff;
	background: #304b72;
	padding: 5px 15px;
	margin-bottom: 3px;
}
.location_frame table{
	width: 100%;
	line-height: 1.8;
}
.location_frame th,
.location_frame td{
	font-weight: normal;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #dadce0;
}
.location_frame th{ text-align: left; }
.location_frame td{ text-align: right; }


/*タブ*/
.model_tab li,
.plan_tab li{
	float: left;
	margin-right: 1px;
	background: #50698e;
	color: #fff;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding-top: 12px;
	padding-bottom: 12px;
	width: 112px;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
}
.model_tab li.active,
.plan_tab li.active{
	border-bottom: 1px solid #304b72;
	background: #304b72;
}
.tab_frame{
	border: 2px solid #304b72;
	box-sizing: border-box;
	padding-left: 3.5%;
	padding-right: 3.5%;
}

.tab_nonborder{
	border:none !important;
}

.model_inner,
.plan_inner{ display: none; }

.show{ display: block; }

.tab_frame h4{
	background: #304b72;
	color: #fff;
	width: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 25px;
		display: table;
}
.plan_inner img{
	max-width: 960px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-bottom: 20px;
	width:auto;
}
.plan_data{
	background: #f0f0f0;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.5;
}

/*ontline*/
.outline th{ width: 180px !important; }


@media print, screen and (min-width: 900px) {

	.d_none900{ display: none; }

}/*END*/

@media print, screen and (min-width: 600px) {

	.d_none600{ display: none; }

}/*END*/

@media print, screen and (min-width: 769px) and ( max-width: 899px) {

	.inner_frame{
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

}/*END*/

@media screen and (max-width: 899px){

	.estate_nav li{ font-size: 1.4vw; }
	.box_l .box_l,
	.box_l .box_r,
	.box_r .box_l,
	.box_r .box_r,
	.box_r_plan,
	.box_r_plan img{
		float: none;
		width: 100%;
	}
	
	
	.map{ padding: 70% 0 0; }
	.outline th,
	.outline td{
		display: block;
		width: 100% !important;
		border: none;
	}
	.outline th{
		background: #f0f0f0;
		padding: 4px 3%;
	}
	.outline td{ padding: 10px 3% 15px 3%; }

}/*END*/

@media screen and (max-width: 768px){

	h3{ line-height: 1.5; }
	.location_frame .box_l,
	.location_frame .box_r{
		float: none;
		width: 100%;
	}
	
	.list_three li{ margin-bottom: 25px; }

	/*nav*/
	.estate_nav{
		padding-top: 0;
		padding-bottom: 0;
		background: #fff;
		cursor: pointer;
		border-left: 1px solid #304b72;
		display: none;
	}
	.estate_nav li{
		width: 50%;
		border-right: none;
		font-size: 1.4rem;
		border-bottom: 1px solid #304b72;
		border-right: 1px solid #304b72;
	}
	.estate_nav li:last-child{ border-right: 1px solid #304b72; }
	.estate_nav li a{ color: #304b72; }
	.estate_menu{
		position: relative;
		background: #304b72;
		padding: 16px 4%;
		color: #fff;
	}

	/*ドロワー+ボタン開閉*/
	.estate_menu .plus_icon,
	.estate_menu .plus_icon span{
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.estate_menu .plus_icon{
		background: #304b72;
		border: 1px solid #fff;
		position: absolute;
		width: 30px;
		height: 30px;
		right: 10px;
		top: 8px;
		cursor: pointer;
		border-radius: 0;
	}
	.estate_menu .plus_icon span{
		position: absolute;
		left: 6px;
		top: 0;
		width: 60%;
		height: 1px;
		background-color: #fff;
		padding: 0 !important;
	}
	.estate_menu .plus_icon span:nth-of-type(1){
		top: 14px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.estate_menu .plus_icon span:nth-of-type(2){
		top: 14px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}
	.estate_menu.active .plus_icon span:nth-of-type(1){ display:none; }
	.estate_menu.active .plus_icon span:nth-of-type(2){
		top: 14px;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}

}/*END*/


@media print, screen and (min-width: 600px){

	.point_list li:nth-child(2){
		margin-top: -48px;
	}
	.recommend_fukidashi01{
		position: absolute;
		left: -3%;
		top: 10px;
		width: 20%;
	}
	.recommend_fukidashi02{
		position: absolute;
		right: -3%;
		top: 10px;
		width: 20%;
	}
	.recommend_l{
		float: left;
		width: 38.79%;
	}
	.recommend_r{
		float: right;
		width: 56.89%;
	}
	.pc_block{
		display: none;
	}
	.sp_block{
		display: block;
	}
	


}/*END*/

@media screen and (max-width: 479px){
	
	

	img.sp_respon{
	width:100% !important;
	}


	/*nav*/
	.estate_nav li{
		font-size: 1.3rem;
	}

	/*周辺環境*/
	.location_frame th,
	.location_frame td{
		display: block;
		text-align: left;
		padding: 10px;
		border-bottom: 1px solid #dadce0;
	}
	.location_frame th{
		border-bottom: none;
		padding-bottom: 0;
	}
	.location_frame td{ padding-top: 0; }
	
	
	.recommend_fukidashi01{
		position: relative;
		top: -30px;
		width: 48%;
	}
	.recommend_fukidashi02{
		position: relative;
		top: -30px;
		width: 48%;
	}

	.land_fukidashi{
		left: 5%;
		top: -20px;
		width: 26%;
	}


}/*END*/





/*slider*/
.plan_slider {
	width: 100%;
	margin: 0 auto;
}
.plan_slider .slick-list{
	padding: 0 !important;
}
.plan_slider .slick-slide{
	margin: 0 0 20px 0;
}
.plan_slider .slick-dots li{
	width: 8% !important;
	margin-right: 15px;
}
.plan_slider .slick-prev{
	left: -2.5%;
	background: url("../images/estate/example/prev.png") no-repeat;
}
.plan_slider .slick-next{
	right: -2.5%;
	background: url("../images/estate/example/next.png") no-repeat;
}
.plan_slider .slick-prev,
.plan_slider .slick-next{
	position: absolute;
	top: 45%;
	transition: all 0.4s;
	z-index: 10;
	display: block;
	width: 53px;
	height: 53px;
	border:none;
	background-size: 53px;
}
.plan_slider .slick-prev:hover,
.plan_slider .slick-next:hover{
	transition: all 0.4s;
	opacity: 0.6;
}


@media screen and (max-width: 1080px){

	img.tb_respon {
	    width: 100%;
	}

}/*END*/



.photo_frame img{
position: static;
	left: auto;
	top: auto;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.photo_frame{
	padding:0;
}