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

ホテル

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

.hotel_map {
	margin-bottom: 20px;
}

.hotel_map iframe {
	width: 100%;
	height: 450px;
}


table#hotellist {
    width: 100%;
    border: 1px #636261 solid;
    border-collapse: collapse;
    border-spacing: 0;
	box-sizing: border-box;
}

table#hotellist th {
    padding: 10px;
    border: #636261 solid;
    border-width: 0 0 1px 1px;
    background: #393939;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	color:#fff;
}
table#hotellist td {
    padding: 10px;
    border: 1px #636261 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	  background: #efefef;
}
table#hotellist td a {
        display: block;
    background-color: #e80285;
    padding: 5px;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}


@media screen and (max-width: 1200px) {
.hotel_map {
	margin-bottom: 10px;
}

.hotel_map iframe {
	width: 100%;
	height: 250px;
}

.content_block table {
  
}

table#hotellist {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	font-size: 1.3rem;
	box-sizing: border-box;
	display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
	margin-bottom: 10px;
}

table#hotellist th {
    padding: 10px;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    text-align: left;
	width: 100px;
	line-height: 140%;
}
table#hotellist td {
    padding: 10px;
    border-width: 0 0 1px 1px;
    text-align: left;
	background: #fff;
	line-height: 140%;
	width: auto;
}
}