.white_back{
	background:#FFFFFF;
}

.title_back{
	background:#3A1700;
	color:#FFFFFF;
}


/* 各ページスマホ用CSS */
@media print, screen and ( max-width : 768px ) {
	
	.madori_area {
		margin:0 auto;
		padding:0;
	}
	
	.madori_data{
		padding: 20px;
		text-align: center;
		border: 1px solid #5F6E74;
		width:100%;
		box-sizing: border-box;
		margin-bottom:20px;
	}
	
	.rent_area {
		margin-inline: auto;
		overflow-x: auto; /* tableタグのはみ出た要素を隠す */
		white-space: nowrap; /* テキストの折り返しなし */
		width: 100%;
	}
	
	.rent_area table {
		width: 120%; /* tableタグの親要素より広く */
	}
	
	.rent_area table th {
		border: 1px solid #5F6E74;
		color: #FFFFFF;
		font-size: 16px;
		padding: 20px;
		width: 50px;
		background:#3A1700;
		vertical-align:middle;
		text-align:center;
		display: revert;
	}
	
	.rent_area table td {
		border: 1px solid #5F6E74;
		font-size: 16px;
		padding: 20px;
		width:287.5px;
		display: revert;
		vertical-align:middle;
		text-align:center;
	}
	
}

/* 各ページPC用CSS */
@media print, screen and ( min-width : 769px ) {
	
	.madori_area {
		display: flex;  /* 子要素を横並びにする */
		gap: 10px;      /* 要素間の隙間 */
	}
	
	.madori_data{
		padding: 20px;
		text-align: center;
		border: 1px solid #5F6E74;
		width:395px;
		box-sizing: border-box;
	}
	
	.rent_area {
		margin-inline: auto;
		overflow-x: auto; /* tableタグのはみ出た要素を隠す */
		white-space: nowrap; /* テキストの折り返しなし */
		width: 100%;
	}
	
	.rent_area table {
		width: 1200px; /* tableタグの親要素より広く */
	}
	
	.rent_area table th {
		border: 1px solid #5F6E74;
		color: #FFFFFF;
		font-size: 16px;
		padding: 20px;
		width: 50px;
		background:#3A1700;
		vertical-align:middle;
		text-align:center;
	}
	
	.rent_area table td {
		border: 1px solid #5F6E74;
		font-size: 16px;
		padding: 20px;
		width:287.5px;
		vertical-align:middle;
		text-align:center;
	}
	
}

/* ヘッダー画像 */
/*------------------------------------------------------*/

/* 各ページスマホ用CSS */
@media print, screen and ( max-width : 768px ) {
	
	#p_viewer::before {
		content: "間取・賃料";
		position: absolute;
		top: 52%;
		left: 0%;
		font-size:50px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:0.5% 0;
		z-index: 10;
	}
	
}

/* 各ページPC用CSS */
@media print, screen and ( min-width : 769px ) {
	
	#p_viewer::before {
		content: "間取・賃料";
		position: absolute;
		top: 52%;
		left: 0%;
		font-size:40px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:0.5% 0;
		z-index: 10;
	}
	
}

/*------------------------------------------------------*/