/*=================================================
 * CSS for PC
 * ================================================= */

#cnt{
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#hotel{
}

.abox_bg{
	border-width: 1px;
	border-style: solid;
	padding: 20px;
}

.abox{
	border-width: 1px;
	border-style: solid;
	padding: 20px;
}

.abox select{
	width: 300px;
	font-size: 16px;
	line-height: 40px;
	padding: 5px;
}


/** hbox **/

#hotel .hbox{
	padding: 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
}

#hotel .hbox:last-of-type{	margin-bottom: 0;}

.th{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	border-width: 1px;
	border-style: solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.th div{
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	padding: 13px 0;
	border-right-width: 1px;
	border-right-style: solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.td{
	display: table;
	width: 100%;
	min-height: 43px;
	font-size: 0;
	line-height: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.td div{
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: dotted;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.td div em{	display: none;}

.th div:nth-of-type(2),.td div:nth-of-type(2){	width: 350px;}
.th div:nth-of-type(3),.td div:nth-of-type(3){	width: 150px; text-align: center;}
.th div:nth-of-type(4),.td div:nth-of-type(4){	width: 250px; border-right: none;}

a[href^="tel:"] { cursor: default; text-decoration: none;}
a[href^="tel:"]:hover{	text-decoration: none;}


/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {
	#cnt{	padding: 0 0 10px 0;}
	#hotel{	width: auto;}

	.inpage_box >div.abox_bg{
		margin: 10px !important;
		padding: 5px;
	}
	.abox{
		padding: 10px;
	}
	.abox select{
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		line-height: 40px;
		padding: 5px;
	}

	/** hotel **/
	#hotel{
		width: auto;
		padding: 0 0 10px 0;
	}

	/** hbox **/
	#hotel .hbox{
		margin: 0 0 0 0;
		padding: 0;
		border: none;
	}
	#hotel .hbox:last-of-type{	margin-bottom: 0;}
	.th{	display: none;}
	.td{
		position: relative;
		display: block;
		min-height: 0;
		border-right: none;
		border-left: none;
		padding: 10px;
	}
	.td div{
		display: block;
		font-size: 13px;
		line-height: 16px;
		padding: 0 0 3px 0;
	}
	.td div em{
		display: inline;
	}
	.td div:nth-of-type(1){
		font-size: 16px;
		font-weight: bold;
		line-height: 18px;
		margin: 0 0 10px 0;
		padding: 2px 0 10px 0;
		border-right: none;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
	}
	.td div:nth-of-type(2){	border: none;}
	.td div:nth-of-type(3){	border: none;}
	.td div:nth-of-type(2){	width: auto;}
	.td div:nth-of-type(3){	width: auto; text-align: left;}
	.td div:nth-of-type(4){	width: auto;}
	a[href^="tel:"] { cursor: pointer;}
	a:hover{	text-decoration: none;}
}