@charset "UTF-8";
/* CSS Document */
#travel{}
#travel .inner{
	width: 100%;
	/*max-width: 900px;*/
	margin: 0 auto;
}
#travel .wrapper h3{
	color: #e63082;
	font-size: 180%;
	font-weight: 800;
	line-height: 1.5em;
	margin-bottom: 1em;
}
#travel .wrapper h4{
	color: #0086c1;
	font-size: 140%;
	font-weight: 700;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}
#travel p strong{
	font-weight: 600;
}
#accomandation{}
.hotel-table{
	width: 100%;
	border: 3px solid #000;
	font-size: 95%;
	font-weight: 500;
	margin-bottom: 1em;
}
.hotel-table table{
	width: 100%;
	line-height: 1.3em;
}
.hotel-table th, .hotel-table td{
	text-align: center;
	vertical-align: middle;
	padding:0.5em 0.5em;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}	
.hotel-table tr th:last-child, .hotel-table tr td:last-child{
	border-right:  none;
}
.hotel-table tr:last-child td{
	border-bottom: none;
}
.hotel-table th{
	color: #fff;
	font-weight: 500;
	background: #0086c1;
}
.hotel-table .td-header{
	font-size: 90%;
	font-weight: 300;
	background: #efefef;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index:1;
}
.hotel-table td.td-header strong{
	font-weight: 500;
}
.hotel-table .td-detail{
	font-size: 85%;
	font-weight: 300;
	background-color: #fff;
}
.hotel-table .width-hotel{
	width: 10em;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index:1;
}
.hotel-table .width-time{
	width: 10em;
}
/*.hotel-table .width-station{
	width: 32%;
}*/
p.scr {
	display: none;/*「スクロールできます」を非表示*/
	font-size: 80%;
	line-height: 1.2em;
	margin-bottom: 1em;
}
/*1000px以下の場合*/
@media screen and (max-width: 1000px) {
.hotel-table{
	overflow: scroll;/*スクロールバー表示*/
	margin-bottom: 0;
}
.hotel-table table{
	min-width: 1000px;
}
p.scr {
	display: inline-block;/*「スクロールできます」を表示*/
}
}
/*500px以下の場合*/
@media screen and (max-width: 500px) {
.hotel-table table{
	min-width: 600px;
}
}