@charset "UTF-8";

@media print{
	/* 印刷で表示しない */
	/* 共通 */
	.pc-display-none,
	.smp-display-none, /* @mediaのdisplayが利かないので */
	/* 一覧用 */
	.room-list > tbody > tr:nth-of-type(odd),
	.building-info > div[data-column="property-name"],
	.room-list *[data-column="detail"],
	.room-list *[data-column="add_favorite"],
	/* 一部機能 */
	.loan-sim,
	/* 詳細用 */
	.multi-button-width-area,
	.button-contact,
	#side_area,
	#page > *,
	body > *{
		display:none !important;
	}
	/* 印刷で表示する */
	#page #contents_wrapper,
	#page{
		display: block !important;
	}
	/* 内部の改ページを防止 */
	.property-list-one > li,
	.image_tile_carousel .carousel .tile,
	.bukken-data > *,
	table.detail-table{
		page-break-inside: avoid;
	}
	.can-page-break-inside{
		page-break-inside: auto !important;
	}
	
	.print-bk-cd{
		font-size: 16px;
		text-align: right;
	}
	
	/* 印刷の時は、画像全体を表示 */
	.image_tile_carousel .tile>.image_trimmer.portrait>img{
		max-width : 100% !important;
		min-width : auto !important;
		width: auto !important;
		max-height: 100% !important;
	}
	
	/* 画像 */
	.navigation,
	.full_size_box{
		display:none !important;
	}
	.image_tile_carousel{
		overflow: visible !important;
	}
	.image_tile_carousel,
	.image_tile_carousel .carousel{
		position: static !important;
		display: block !important;
		height: auto !important;
	}
	.image_tile_carousel .carousel{
		width: 1000px;
		margin: 0px auto;
	}
	.image_tile_carousel .carousel:after{
		content: "";
		display: block;
		clear: both;
	}
	.image_tile_carousel>.carousel_wrapper{
		height: auto !important;
	}
	.image_tile_carousel .carousel .tile{
		float: left;
		border-width: 0;
		margin: 2px !important;
		width: 320px;
		height: 240px;
		
		border : 1px solid #dddddd;
		text-align: center;
	}
	.image_tile_carousel .carousel .tile .image_trimmer{
		width: 320px;
		height: 240px;
	}

	/* 印刷時、写真と地図が後ろの方に行く(onbeforeprint)ので、店舗情報帯でページブレークする */
	.contact-bukken-area{
		page-break-after: always;
	}

	.image_tile_carousel .carousel .tile .document,
	.image_tile_carousel .carousel .tile:nth-child(n + 7){
		display: none;
	}
	/* 画像の上下余白をとる */
	.image_tile_carousel>.carousel_wrapper{
		padding: 0;
	}
	
	.detail-table th{
		min-width: 80px !important;
		
	}
	.detail-table th, .detail-table td{
		padding: 4px !important;
		font-size: 12px !important;
	}
	/* 物件概要は文字を大きく */
	table.detail-table.th-widh-100 th{
		font-size: 14px !important;
	}
	table.detail-table.th-widh-100 td{
		padding: 10px 4px !important;
		font-size: 16px !important;
	}
	table.detail-table.th-widh-100{
		margin-bottom: 50px;
	}
	/* 印刷時、背景色なしだと境目がわからないので枠線追加 */
	.detail-table > tbody > tr > th{
		border-right: 1px solid #bbbbbb;
	}
	/* 2列データ表示の場合、2列目に左枠線追加 */
	.detail-table > tbody > tr > th:nth-of-type(2){
		border-left: 1px solid #bbbbbb;
	}
	
	.contact-bukken-area{
		width: auto !important;
		background-color: white;
	}
	.map-disp{
		width: 50% !important;
		margin: 0 !important;
	}
	#image_slider,
	.map-disp{
		margin-top : 50px !important; /* 50pxを変えると、地図がおかしくなる。100pxとかなら大丈夫だが理由がわからない */
	}
	/* 地図を横に広げると、その部分が空白になるので、仕方なく2倍表示で左右いっぱいにする */
	.map-disp > section{
		transform-origin: 0 0;
		transform: scaleX(2) scaleY(1.8); /* 9216 3枚目になることがあるらしく、横に延びるが調整できるのがここくらいしかないため。 */
	}
	/* 地図を横長に */
	.map-disp #map_canvas, /* ※JS形式版 */
	.map-disp iframe{ /* ※Embed形式版 */
		width: 100% !important;
		/* height: 300px !important; 高さを指定すると、画像がずれるのでNG */
	}
	/* ※JS形式版の大きな地図で表示する対応 */
	.map-disp > a{
		display: none;
	}
	/* 地図の上の余白削除 */
	.map-disp > section{
		padding: 0 !important;
		margin-top: 0 !important;
	}
	
	/* .place-card, 地図の緯度経度表示部分は、Embed形式のiframeなので消せない。 */
	#pano_canvas, /* ストリートビュー非表示 */
	.contact-bukken-area *:not(.print-view){ /* 会社情報の不要な場所を削除 */
		display: none;
	}
	
	/* 2列にするとき
	table.detail-table:not(.print-long){
		width: 49% !important;
		display: block;
		float: left;
	}
	*/
	
	.bukken-data-detail:after{
		display :block;
		content: '';
		clear:both;
	}
	.detail_img_title,
	.detail-table caption,
	.bukken-comment,
	.video-youtube,
	.staff-com,
	.bukken_detail_around_box,
	#previewPanoramaContents{
		display:none !important;
	}
	.contact-bukken-area .title-info{
		width: 100% !important;
	}
	/* 印刷時に表示したくない項目の指定 */
	.print-none{
		display: none;
	}
	
}