/*
Theme Name: realestate-marketing-service-child
Template:   realestate-marketing-service
*/

/*** print ***/
@media print {
    body {
        -webkit-print-color-adjust: exact;
		/*
		print body 内で余白（margin）や倍率（transform:scale）を設定してもうまくいかなかった。
		余白は1ページ目と最終ページは適用されるが、中間ページが効かない（bodyに対してCSSをセットするため）
		倍率はここで変更すると改ページ指定（page-break-after:always;）が効かなくなる
		*/
    }

	a, a * {
		text-decoration: none !important;
	}

	/* .print-show, */
    form,
    #rent-detail-print-free-text textarea,
	#conflict-detail-print-free-text textarea,
	.house-pic-button {
		display: block !important;
    }
	.print-hide, /* ←今後は積極的に使っていきたい */
    header,
    .menu-client-menu-container,
    .menu-child-client-menu-container,
    .menu-toshin-client-menu-container,
    .breadcrumbs,
    footer,
    .print-page-disp,
    .print-graph-del,
    .rent-detail-print-button-area,
    .print-only-disp-area,
    .rent-detail-noprint-item {
		display: none !important;
    }
	.print-show, /* ←今後は積極的に使っていきたい */
    .print-only-disp,
    .conflict-detail-terms-change-area input {
        display: inline-block !important;
    }
	.print-border-none, /* ←今後は積極的に使っていきたい */
    .rent-detail-print-bukken-list-area,
    .conflict-detail-print-bukken-list-area {
        border: none !important;
    }
	.preview-page-for-print {
		padding: 1.5mm 0;	/* 印刷時のページエリア毎の上下余白を設定。@page の margin に←の数字を加えたのが最終的な余白 例）8.5mm + 1.5mm ＝ 10mm */
		border: none !important;
		height: 1900px !important;
	}
    .rent-detail-midashi-print-adjust {
        margin-top: 0px !important;
    }
	.print-new-page {
		/* page-break-after: always; Chrome 108 より余計な空白ページが入ってしまうためコメントアウト */
		page-break-inside: avoid;
	}
	/* 競合詳細の2ページ目（一覧後半＋SCFL＋設備表）は preview-page-for-print の固定高さ(1900px)を超えると、
	   超過分が次ページに送られず欠ける（Mac の Chrome で設備表15行目が欠ける）ため、設備表の行を詰めて余裕を持たせる */
	#conflict-detail-facility-table td {
		line-height: 1.6;
	}
	/* 表が行の途中でページをまたいで切れないようにする。改ページしたときは見出し行を次ページ先頭に繰り返す */
	.print-new-page table tr {
		page-break-inside: avoid;
		break-inside: avoid;
	}
	.print-new-page table thead {
		display: table-header-group;
	}
	.print-new-page table tfoot {
		display: table-footer-group;
	}
	.print-bgcolor-none {
		background-color: transparent !important;
		-ms-overflow-style: none;				/* IE, Edge 対応 */
		scrollbar-width: none;					/* Firefox 対応 */
	}
	.print-bgcolor-none::-webkit-scrollbar {	/* Chrome, Safari 対応 */
		display: none !important;
	}
	.print-placeholder-none::placeholder {
		color: transparent !important;
	}

	/* 印刷画面では住戸・棟単位切り替えタブを非表示にするので高さ・位置を調整前の値に戻す */
	.conflict-detail-long-graph-disp-area.with-tab {
    height: 330px;
	}
	.conflict-detail-long-graph-disp-area.with-tab .conflict-detail-long-graph {
			top: -15px;
	}
	.conflict-detail-long-graph-disp-area.with-tab .rent-detail-graph-description {
			margin-top: 0;
	}

	/* 競合詳細の物件別概要欄がそのままでは何故か少し左寄りになり、右端が見切れてしまうため、微調整する */
	.conflict-detail-bukken-gaiyo-mini-area.print-mode {
		margin-left: 0;
	}
	/* 競合詳細の物件別概要欄の幅がプレビュー時とは異なるので幅を調整 */
	.conflict-detail-bukken-gaiyo-mini-area.print-mode .conflict-detail-bukken-gaiyo-mini-table td {
		width: 277.5px;
	}

	/* 査定のaタグのカラーが変わってしまうため指定 */
	a.rent-result-jyuko-list-overview-jyuko-button {
		color: #FFFFFF !important;
	}
	/* 査定の印刷画面では切り替えタブを非表示にするので高さ・位置を調整前の値に戻す */
	.rent-result-long-graph-disp-area.with-tab .rent-result-long-graph {
		top: 10px;
	}
	/* 査定のグラフの余白を調整 */
	.rent-result-long-graph-disp-area {
		margin-bottom: 0 !important;
	}
	.rent-result-long-graph-disp-area.with-tab {
		height: 340px;
	}
	.rent-result-long-graph-disp-area.with-tab .rent-result-graph-description {
		margin-top: 0;
	}
}
@page {
	size: A4 portrait;
	margin: 8.5mm 10mm;	/* 印刷時のベースとなる上下余白を「印刷ヘッダー・印刷フッター」が表示されないギリギリMAXに設定 */
}