table{
	width:100%;
}

/*CSS 1280px以上（大型PC）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:1280px) {
	#viewer::after {
		content: "物件概要";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:42px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		padding:20px 20px;
		border-bottom:1px dotted #999;
		border-right:2px solid #999;
		vertical-align:middle;
		line-height:120%;
		font-weight:normal;
		text-align:left;
		width:20%;
		color:#333333;
	}
	
	td{
		padding:20px 20px;
		border-bottom:1px dotted #999;
		vertical-align:middle;
		line-height:120%;
		width:80%;
		color:#333333;
		text-align:left;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 1280px以上（大型PC）　エンド */


/*CSS 960px～1279px（小型PC）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:960px) and (max-width:1279px) {
	#viewer::after {
		content: "物件概要";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:38px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		padding:20px 20px;
		border-bottom:1px dotted #999;
		border-right:2px solid #999;
		vertical-align:middle;
		line-height:120%;
		font-weight:normal;
		text-align:left;
		width:20%;
		color:#333333;
	}
	
	td{
		padding:20px 20px;
		border-bottom:1px dotted #999;
		vertical-align:middle;
		line-height:120%;
		width:80%;
		color:#333333;
		text-align:left;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 960px～1279px（小型PC）　エンド */


/*CSS 600px～959px（タブレット）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:600px) and (max-width:959px) {
	#viewer::after {
		content: "物件概要";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:30px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		display: block;
		text-align:left;
		background:#CCC;
		color:#333;
		padding:10px;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 600px～959px（タブレット）　エンド */


/*CSS 480px～599px（スマートフォン横）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:480px) and (max-width:599px) {
	#viewer::after {
		content: "物件概要";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:26px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		display: block;
		text-align:left;
		background:#CCC;
		color:#333;
		padding:10px;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 480px～599px（スマートフォン横）　エンド */


/*CSS ～479pxx（スマートフォン縦）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (max-width:479px) {
	#viewer::after {
		content: "物件概要";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		display: block;
		text-align:left;
		background:#CCC;
		color:#333;
		padding:10px;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
	}
}

/*------------------------------------------------------------------------*/
/*CSS ～479pxx（スマートフォン縦）　エンド */