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

/* ===============================
Detail Bukken
===============================*/
/* 共通パーツ */
#bukken_detail .box_label{
	background-color: #888888;
	box-sizing: border-box;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.5;
}
#bukken_detail .box_label.size-l{
	font-size: 20px;
	padding: 15px;
}
#bukken_detail .box_label.size-s{
	font-size: 18px;
	padding: 10px;
}
#bukken_detail .line_label{
	border-bottom: 1px solid #8A8A8A;
	padding-bottom: 4px;
	box-sizing: border-box;
}
	#bukken_detail .line_label > .inner{
		border-left: 4px solid #8A8A8A;
		color: #3f3f3f;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5;
		padding-left: 9px;
	}

#bukken_detail .contents{
	padding-bottom: 80px;
}

#bukken_detail .bukken_head_block{
	padding-top: 28px;
	padding-bottom: 28px;
	display:flex;
	justify-content: space-between;
}
#bukken_detail .bukken_head_block .bukken_ttl_box{
	font-size: 25px;
	padding-top: 10px;
}
#bukken_detail .bukken_head_block .favoritebox{
    background-color: #fff;
    padding: 17px 10px;
    border-radius: 10px;
    box-sizing: border-box;
    width: 285px;
    position: relative;
	font-size: 15px;
	color: #3f3f3f;
}
#bukken_detail .bukken_head_block .favoritebox a{
	display: block;
	width: 100%;
	height: 100%;
}
#bukken_detail .bukken_head_block .favoritebox .icon_favorite{
    background:url(../img/common/icon_favorite.png) no-repeat left center;
    padding: 2px 0 0 32px;
	text-decoration: underline;
}
#bukken_detail .bukken_head_block .favoritebox a:hover .icon_favorite{
	background:url(../img/common/icon_favorite-on.png) no-repeat left center;
	transition:0.5s;
}
#bukken_detail .bukken_head_block .favoritebox .favoriteNum,
#bukken_detail .bukken_head_block .favoritebox .unit{
    position: absolute;
}
#bukken_detail .bukken_head_block .favoritebox .favoriteNum{
    font-size: 34px;
    line-height: 1.5;
    right: 45px;
    top: 0;
}
#bukken_detail .bukken_head_block .favoritebox .unit{
    font-size: 15px;
    right: 20px;
    bottom: 10px;
}


#bukken_detail .bukken_main_block{
	padding-bottom: 50px;
}
	#bukken_detail .bukken_icon{
		background-color: #000;
		border-radius: 5px;
		display: inline-block;
		color: #fff;
		font-size: 12px;
		line-height: 1.5;
		padding: 1px 5px;
		transition:0.5s all;
	}
	#bukken_detail .bukken_icon.new{
		background-color: #FFF100;
		color:#000;
	}
	#bukken_detail .bukken_icon.zero_style{
		border:solid 1px #A4DA25;
		background: linear-gradient(to bottom, #95c821 0%,#96c622 42%,#7aa21d 100%);
	}
	#bukken_detail .bukken_icon.second_kitchen{
		border:solid 1px #4080D5;
		background: linear-gradient(to bottom, #2865b6 0%,#2a65b5 40%,#2760af 53%,#255aa0 73%,#24569d 83%,#205090 100%);
	}
	#bukken_detail a.bukken_icon:hover{
		opacity: 0.7;
	}
	#bukken_detail .bukken_ttl_box .bukken_ttl{
		color: #886037;
		font-weight: bold;
		font-size: 25px;
		line-height: 1.5;
	}
	#bukken_detail .bukken_summary_box{
		background-color: #fbf8f2;
		box-sizing: border-box;
		margin-top: 30px;
		padding: 30px;
	}
	#bukken_detail .bukken_summary_left{
		float: left;
		width: 645px;
	}
		/* 家賃・敷金・礼金 */
		#bukken_detail .bukken_summary_head{
			font-size: 0;
		}
			#bukken_detail .bukken_summary_head .cost_item{
				display: inline-block;
				vertical-align: middle;
			}
			#bukken_detail .bukken_summary_head .cost_item:not(:last-of-type){
				margin-right: 17px;
			}
			#bukken_detail .bukken_summary_head .cost_marker{
				background-color: #886037;
				border-radius: 5px;
				color: #ffffff;
				display: inline-block;
				font-size: 15px;
				font-weight: bold;
				line-height: 1.5;
				padding: 4px 9px;
				vertical-align: middle;
			}
			#bukken_detail .bukken_summary_head .cost_view{
				display: inline-block;
				font-size: 18px;
				line-height: 1.5;
				vertical-align: middle;
				margin-left: 8px;
			}
				#bukken_detail .bukken_summary_head .cost_view .size-l{
					color: #cc0000;
					font-size: 26px;
					margin-right: 10px;
				}
		#bukken_detail .bukken_summary_head + .bukken_summary_body{
			border-top: 1px dotted #888888;
			margin-top: 12px;
			padding-top: 12px;
		}
			#bukken_detail .bukken_summary_body .bukken_summary_item{
				font-size: 0;
				display: inline-block;
				width: 100%;
			}
			#bukken_detail .bukken_summary_body .bukken_summary_item:not(:first-of-type){
				margin-top: 15px;
			}
			#bukken_detail .bukken_summary_body .bukken_summary_item.layout-half{
				width: auto;
			}
				#bukken_detail .bukken_summary_body .bukken_summary_item > *{
					display: inline-block;
					vertical-align: middle;
				}
				#bukken_detail .bukken_summary_body .bukken_summary_item .marker{
					background-color: #fff;
					border: 1px solid #D4D4D4;
					border-radius: 5px;
					box-sizing: border-box;
					color: #888888;
					font-size: 13px;
					font-weight: bold;
					line-height: 1.5;
					height: 30px;
					width: 80px;
					text-align: center;
					padding: 4px 0;
					margin-right: 10px;
				}
				#bukken_detail .bukken_summary_body .bukken_summary_item .txt{
					font-size: 15px;
				}
	#bukken_detail .bukken_summary_right{
		background-color: #f1ece2;
		border: 1px solid #FFF;
		box-sizing: border-box;
		float: right;
		padding: 19px;
		width: 303px;
	}
		#bukken_detail .bukken_summary_right .btn_item:not(:first-of-type){
			margin-top: 10px;
		}
		#bukken_detail .bukken_summary_right .btn_item.tel{
			margin-top: 12px;
		}
		#bukken_detail .bukken_summary_right .bukken_summary_right_head{
			display: flex;
			justify-content: space-between;
		}
		#bukken_detail .bukken_summary_right .favorite_btn{
			cursor:pointer;
			transition:0.5s;
		}
		#bukken_detail .bukken_summary_right .favorite_btn:hover{
			opacity: 0.7;
		}
	#bukken_detail .bukken_cmn_box{
		margin-top: 50px;
	}

	/* 外観・間取り */
	#bukken_detail .bukken_view_main{
		margin-top: 30px;
		padding: 0 20px;
		display:flex;
		justify-content:space-between;
	}
		#bukken_detail .bukken_view_main .view_box{
			/* border: 1px solid #E4E4E4; */
			/* box-sizing: border-box; */
			/* height: 338px; */
			/* width: 480px; */
			/* padding-top: 40px;
			padding-bottom: 40px; */
		}
		#bukken_detail .bukken_photo_slider .swiper-slide{
			text-align: center;
			/* height: 338px; */
			position: relative;
		}
			#bukken_detail .bukken_photo_slider .swiper-slide > img{
				width: 336px;
			}
			#bukken_detail .bukken_photo_slider .swiper-slide .comment{
				font-size: 14px;
				line-height: 1.2;
				text-align: center;
				margin-top: 10px;
				padding:0 50px;
			}
		#bukken_detail .bukken_view_main .swiper-button-next{
			background-image: url(../img/common/pager_next02.png);
			right: -21px;
		}
		#bukken_detail .bukken_view_main .swiper-button-prev{
			background-image: url(../img/common/pager_prev02.png);
			left: -21px;
		}
		#bukken_detail .bukken_view_main .floor_plan_box > img{
			width: 336px;
		}
	#bukken_detail .bukken_view_sub{
		background-color: #efefef;
		margin-top: 30px;
		padding: 20px;
	}
		#bukken_detail .bukken_view_sub .bukken_tmb_list li{
			background-color: #fff;
			cursor: pointer;
			float: left;
			text-align: center;
			width: 150px;
			height: 106px;
			position: relative;
		}
		#bukken_detail .bukken_view_sub .bukken_tmb_list li:not(:nth-of-type(6n)){
			margin-right: 12px;
		}
		#bukken_detail .bukken_view_sub .bukken_tmb_list li:nth-of-type(n + 7){
			margin-top: 12px;
		}
		#bukken_detail .bukken_view_sub .bukken_tmb_list li.is-active:before{
			border: 6px solid #FFF100;
			box-sizing: border-box;
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
			#bukken_detail .bukken_view_sub .bukken_tmb_list li > img{
				height: 100%;
				width: auto;
			}
	/* 物件概要 */
	#bukken_detail .bukken_detail_inner_box{
		margin-top: 30px;
		padding: 0 20px;
	}
	#bukken_detail .bukken_detail_table{
		margin-top: 20px;
		width: 100%;
	}
		#bukken_detail .bukken_detail_table th,
		#bukken_detail .bukken_detail_table td{
			border: 1px solid #E4E4E4;
			font-size: 15px;
			line-height: 1.5;
			padding: 15px 12px;
		}
		#bukken_detail .bukken_detail_table th{
			background-color: #fbf8f2;
			width: 170px;
		}
		#bukken_detail .bukken_detail_table th.color-red{
			background-color: #f7dddd;
		}
		#bukken_detail .bukken_detail_table td{
			width: 330px;
		}
		#bukken_detail .bukken_detail_table .text-red{
			color: #CC0000;
		}
	#bukken_detail .bukken_detail_table + .note{
		font-size: 15px;
		margin-top: 10px;
	}
	#bukken_detail .note + .bukken_detail_table{
		margin-top: 30px;
	}
	/* 周辺環境 */
	#bukken_detail .bukken_environ_main{
		margin-top: 30px;
	}
		#bukken_detail .bukken_environ_main li{
			float: left;
			font-size: 15px;
			line-height: 1.5;
			width: 320px;
		}
		#bukken_detail .bukken_environ_main li:not(:nth-of-type(3n)){
			margin-right: 20px;
		}
		#bukken_detail .bukken_environ_main li:nth-of-type(n+4){
			margin-top: 20px;
		}
			#bukken_detail .bukken_environ_main li .photo_box{
				border: 1px solid #E4E4E4;
				box-sizing: border-box;
				text-align: center;
				height: 227px;
				width: 320px;
			}
				#bukken_detail .bukken_environ_main li .photo_box > img{
					height: 100%;
					width: auto;
				}
			#bukken_detail .bukken_environ_main li > p{
				margin-top: 8px;
				height: 1em;
			}
	#bukken_detail .bukken_environ_sub{
		margin-top: 30px;
		table-layout: fixed;
		width: 100%;
	}
		#bukken_detail .bukken_environ_sub td{
			border: 1px solid #E4E4E4;
			font-size: 15px;
			line-height: 1.5;
			padding: 12px;
		}
	#bukken_detail .bukken_btm_btn_box .to_contact,
	#bukken_detail .bukken_btm_btn_box .print,
	#bukken_detail .bukken_btm_btn_box .tel{
		display: inline-block;
		vertical-align: top;
	}
	#bukken_detail .bukken_btm_btn_box .to_contact,
	#bukken_detail .bukken_btm_btn_box .print{
		margin-right: 15px;
	}


/* ===============================
bukken update 20211004
===============================*/
/* 外観・間取り */
#bukken_detail .bukken_view_main{
	margin-top: 30px;
	padding: 0 20px;
	display:flex;
	justify-content:space-between;
}
#bukken_detail .bukken_view_main .view_box{
	width: 640px;
	padding: 50px 40px;
	box-sizing: border-box;
	border: 1px solid #E4E4E4;
}
#bukken_detail .baibai_photo_slider .swiper-slide{
	text-align: center;
	position: relative;
}
#bukken_detail .baibai_photo_slider .swiper-slide > img{
	max-width: 100%;
}
#bukken_detail .baibai_photo_slider .swiper-slide .comment{
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	margin-top: 10px;
	padding:0 50px;
	height: 45px;
	box-sizing: border-box;
}
#bukken_detail .bukken_view_main .swiper-button-next{
	background-image: url(../img/common/pager_next02.png);
	right: -20px;
}
#bukken_detail .bukken_view_main .swiper-button-prev{
	background-image: url(../img/common/pager_prev02.png);
	left: -20px;
}
#bukken_detail .bukken_view_main .view_box.bukken_tmb_box{
	width: 320px;
	padding: 20px;
	box-sizing: border-box;
	background-color: #EFEFEF;
	border: none;
}
#bukken_detail .bukken_view_main .view_box.bukken_tmb_box .bukken_tmb_box_inner{
	/* height: calc(100% - 55px); */
	height: 100%;
}
#bukken_detail .bukken_tmb_list{
	display: flex;
	flex-wrap: wrap;
	/* padding-bottom: 100px; */
}
#bukken_detail .bukken_tmb_list li{
	width: 88px;
	max-height: 82px;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-bottom: 8px;
	padding: 10px;
	background-color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
#bukken_detail .bukken_tmb_list li:not(:nth-of-type(3n)){
	margin-right: 8px;
}
#bukken_detail .bukken_tmb_list li.is-active:before{
	border: 6px solid #FFF100;
	box-sizing: border-box;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#bukken_detail .bukken_tmb_list li > img{
	width: 100%;
}

#bukken_detail .acf-map-iframe{
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}