@charset "utf-8";

/*************************************
  物件詳細画面レスポンシブ対応パッチ
*************************************/

/*=======================================================
  PC
=======================================================*/
/*共通*/
.disp_pc{
}
.disp_sp{
	display:none;
}
.disp_inline_pc{
	display:inline;
}
.disp_inline_sp{
	display:none;
}
.disp_inline_block_pc{
	display:inline-block;
}
.disp_inline_block_sp{
	display:none;
}


/*=======================================================
  SP
=======================================================*/
@media only screen and (max-width: 768px){

	/*共通*/
	.disp_pc{
		display:none;
	}
	.disp_sp{
		display:block;
	}
	.disp_inline_pc{
		display:none;
	}
	.disp_inline_sp{
		display:inline;
	}
	.disp_inline_block_pc{
		display:none;
	}
	.disp_inline_block_sp{
		display:inline-block;
	}

	/**/
	#top{
		background-color:#ededed;
	}
	#hdr,#ftr{
		display:none;
	}
	#main{
		position:relative;
		margin:0;
		width:100%;
		background-color:#f3f3f3;
	}

	#guide{
		background-color:#FFF;
		padding:3% 3% 0;
		width:94%;
	}
	
	#guide .link_favorite{
		display:none;
	}

	#guide ul li{
		font-size:10px;
	}

	.photo_block{
		display:none;
	}
	
	#main h2.ttl_deluxe{
		background-color:#FFF;
		width:88%;
		padding:20px 8% 0px 4%;
		font-weight:bold;
		font-size:20px;
	}
	.txt_caption{
		width:92%;
		background-color: #FFF;
		padding: 5px 4% 10px;
		font-size: 12px;
	}
	.func_block{
		position: absolute;
		top: 22px;
		right: 15px;
	}
	.func_block li.list_disp_pc{
		display:none
	}
	
	.spec_block{
		margin-top:0px;
	}
	
	.spec_block table{
		margin:0;
	}

	.tab_block li .tabIcon{
		display:inline-block;
		width:65px;
		height:40px;
		font-size:32px;
/*
		background-image:url(./../img/ico_deatail01.png);
		background-size:50px auto;
		background-position:center;
		background-repeat:no-repeat;
*/
	}
	.tab_block li.active .tabIcon{
/*
		background-image:url(./../img/ico_deatail02.png);
*/
	}

	.tab_block{
		position:relative;
		text-align:center;
		margin:15px 0 0;
	}
	
	.tab_warp{
		position:relative;
		margin-bottom:15px;
	}
	.tab_warp .border{
		position:absolute;
		bottom:0;
		left:0;
		background-color:#CCC;
		width:100%;
		height:1px;
	}

	.tab_block li{
		width:auto;
		position:relative;
		margin:1.5vw 1vw 4px 1vw;
	}
	.tab_block li.active{
		margin:1.5vw 1vw 0px 1vw;
	}

	.tab_block li:hover{
		margin:0 1vw 0px 1vw;
	}
	
	.tab_block li:first-child{
		margin-left:0;
	}
	
	.tab_block li:last-child{
		margin-right:0;
	}
	
	.tab_block li a, .tab_block li span{
		background:none;
		display:block;
		padding:7px 4vw 7px;
		height:5vw;
		border:0;
		font-size:3.5vw;
		font-weight:normal;
		color:#CCC;
		text-decoration:none;
	}
	
	.tab_block li span.act, .tab_block li a:hover{
		padding:7px 4vw;
		border:0;
		color:#333;
		background:none;
		border-bottom: 4px #333 solid;
	}

	.tab_block li a i, .tab_block li span i{
		font-size:4.2vw;
	}


	/* sp_header */
	.sp_header{
		display:table;
		margin:0 4vw;
	}

	.sp_header .bill_img{
		display:table-cell;
		width: 36vw;
		height: 50vw;
		text-align: center;
		vertical-align:middle;
		border: 1px #CCC solid;
	}

	.sp_header .bill_img img{
		max-height: 100%;
		max-width: 100%;
		width: auto;
		height: auto;
	}
	
	/* table */
	table.flex{
		display:block;
		margin: 0 2% 30px;
		width:96%;
	}
	
	.spec_block caption{
		display: block;
		background: none;
		border: 0;
		padding-bottom:5px;
	}

	table.flex tbody,
	table.flex tr,
	table.flex th,
	table.flex td{
		display:block;
		width:98%;
	}
	table.flex th{
		background:none;
		padding:10px 0px 5px 10px;
		border-bottom:0px;
		border-right:0px;
		border-left:0px;
		
	}
	table.flex th br{
		display:none;
	}
	table.flex td{
		padding:5px 10px 10px;
		border:0px;
		color:#000;
	}
	table.flex tr:last-child td:last-child{
		padding:5px 10px 10px;
		border-bottom:1px #ccc solid;
	}

	table.flex th.border_none_sp{
		border:0;
		padding-top:5px;
	}

	table.flex td.border_none_sp{
		border:0 !important;
	}


	/* tab-building */
	#tab-building{
		position:relative;
	}
	#tab-building table tr.disp_pc{
		display:none;
	}

	/* gallery-tab */
	.gallery_block ul{
		margin:0;
		text-align:center;
	}

	.slick-dots li{
		float:none;
	}

	.gallery_block.sp{
		max-width:80vw;
		margin:0 auto;
		border:0;
	}
	
	.gallery_block.sp .gallery_item_wrap{
		display:table-cell;
		height:53vw;
		margin:0 auto;
		vertical-align:middle;
		text-align:center;
		text-align:-webkit-center;
	}
	
	.gallery_block.sp .gallery_item{
		width:80vw;
		display:table;
		vertical-align:middle;
	}
	
	.gallery_block.sp .gallery_item img{
		width:74vw;
		max-width:none !important;
		max-height:none !important;
	}
	
	/* map-tab */
	.dxmap_block{
		width:100% !important;
		border:0;
		padding-top:5px;
	}

	#map{
		width:100% !important;
	}

	.dxmap_block cf{
		margin-top:0px;
	}

	.bnr_block ul{
		margin:0;
	}

	.bnr_block li{
		float:none;
		text-align:center;
		margin:5px 0 0;
	}
	.bnr_block li img{
		width:95%;
	}
	
	/* recommend */
	.building_list{
		margin:0 0 40px;
	}
	
	.building_list li{
		background-color:#FFF;
		margin:10px 0px 0 0;
		padding:2vw;
	}
	
	.slick-dots li{
		background-color:transparent;
	}
	
	.recommend_block h2{
		padding-left:10px;
	}

	#recommend .list_block {
		padding:5%;
		width:90%;
	}

	#main .bnr_block img{
		width:90%;
	}

	
	/* table disp_pc */
	#main table tr.disp_pc, #main table caption.disp_pc{
		display:none;
	}

	/* thickbox */
	#TB_window{
		margin-left:-50vw !important;
		width:100vw !important;
		margin-top:-215px !important;
	}
	#TB_ajaxContent{
		width:100vw !important;
	}
	#TB_ajaxContent .thickbox_block{
		width:100vw !important;
	}
	#TB_closeAjaxWindow{
		top:-10px;
		right:15px;
	}

	#TB_window img#TB_Image{
	    margin: 10px auto 0;
	    max-width: 65vw;
	    width:auto;
	    height: auto;
	    border:5vw solid #fff
	}
	
	#TB_caption{
		padding: 15px 0;
		margin:0 auto;
		width:75vw;
		font-size: 3vw;
		float:none;
	}

	#TB_closeWindow{
		top: -30px;
		right: 50px;
	}


	.thickbox_block dd img{
		width:95%;
	}
	
}