@charset "UTF-8";

/*------------------------------------------------------------------------
客室タイプ比較表
------------------------------------------------------------------------*/

.room-comparison{
	width:100%;
	max-width:1200px;
	margin:40px auto;
	padding: 50px 0 30px 0;
	font-weight: 500;
    font-family: Hiragino Sans, "游ゴシック", YuGothic, "メイリオ", "meiryo", sans-serif;
	box-sizing: border-box;
}

.room-comparison h2{
	text-align: center;
	}

.room-comparison table{
	width:100%;
	box-sizing: border-box;
}

.room-comparison table th{
	padding:6px;
	font-size:18px;
	background:rgba(232, 230, 223, 1);
	font-weight: 300;
	box-sizing: border-box;
}
.room-comparison table td {
	padding:8px;
	font-size:14px;
	box-sizing: border-box;
}
.room-comparison table td:nth-child(1) {
	text-align: left;
	font-size:16px;
	font-weight: 600;
}
.room-comparison table tr:nth-child(2n) td{
	background:#EFEFEF;
}

.room-comparison p{
	margin-top:10px;
	text-align: left;
}


@media print, screen and (max-width:900px) {
	.room-comparison table tr:nth-child(1) td:nth-child(1) {
		border-top:1px solid rgba(146, 132, 111, 1);
	}
	
	.room-comparison table th{
		display: none;
	}
	
	.room-comparison table td {
		display: block;
		width:100%;
		padding:6px 6px 6px 34%;
		position:relative;
		width:100%;
		text-align: left;
		border-right:1px solid rgba(146, 132, 111, 1);
		border-bottom:1px solid rgba(146, 132, 111, 1);
		border-left:1px solid rgba(146, 132, 111, 1);
	}
	
	.room-comparison table tr:nth-child(2n) td{
		background:#fff;
	}
	
	.room-comparison table td:nth-child(1) {
		text-align:center;
		width:100%;
		padding:6px!important;
		background:rgba(232, 230, 223, 1)!important;
	}
	
	.room-comparison table td:nth-child(2):before{
		content:"面積";
	}
	.room-comparison table td:nth-child(3):before{
		content:"ベッドサイズ";
	}
	.room-comparison table td:nth-child(4):before{
		content:"最大定員";
	}
	.room-comparison table td:nth-child(5):before{
		content:"バスルーム";
	}
	
	.room-comparison table td:nth-child(2):before,
	.room-comparison table td:nth-child(3):before,
	.room-comparison table td:nth-child(4):before,
	.room-comparison table td:nth-child(5):before{
		display:block;
		width:30%;
		padding:6px;
		background:rgba(232, 230, 223, 1);
		position:absolute;
		top:0;
		left:0;
		text-align:center;
		border-right:1px solid rgba(146, 132, 111, 1);
		font-size:14px;
	}
}

@media print, screen and (max-width:500px) {
	.room-comparison table td {
		font-size:12px;
		padding:6px 6px 6px 118px;
	}
	
	.room-comparison table td:nth-child(1) {
		font-size:14px;
	}
	
	.room-comparison table td:nth-child(2):before,
	.room-comparison table td:nth-child(3):before,
	.room-comparison table td:nth-child(4):before,
	.room-comparison table td:nth-child(5):before{
		width:100px;
		font-size:12px;
	}
}