﻿#searches, #searches div,
dl, dt, dd, ol, ul, li, form, label {
	margin:0;
	padding:0;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
}

/* ------------------------------ start PC */
@media (min-width: 600px) {
	#searches {
		display: inline-block;
		background: #f8f8f8;
		text-align: left;
		padding: 10px 0 10px 18px;
		border-radius: 4px;
		-webkit-box-shadow: 1px 2px 3px rgba(000,000,000,0.5);
		-moz-box-shadow: 1px 2px 3px rgba(000,000,000,0.5);
		box-shadow: 1px 2px 3px rgba(000,000,000,0.5);
		margin:10px 0px 20px 10px;
		width:600px;
	}
	#searches .wrap-table {
		display: table;
		box-sizing: border-box;
	}
	#searchbox .wrap-table dl {
		padding: 0 23px 0 0;
	}
	.wrap-table > .fix-width {
		display: table-cell;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#searchbox dt {
		margin: 0 0 4px;
		font-size: 0.8rem;
	}
	#searchbox .fix-width dd {
		width: 175px;
	}
	#searchbox #other-cities dd {
		width: 140px;
	}
	#searchbox label {
		background: #fff url(https://www.hotelskip.com/images_2/select-arrow.png) no-repeat right center;
		display: inline-block;
		width: 100%;
		height: 26px;
		border: 1px #c7c7c7 solid;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#searchbox label select {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: inline-block;
		width: 200%;
		width: -webkit-calc(100% + 5em);
		height: 26px;
		background: none;
		border: none;
		font-size: 0.8rem;
		vertical-align: middle;
		padding: 0 0 0 4px;
		vertical-align: middle;
	}
	#searchbox .wrap-table dl:last-child {
		padding: 0;
	}
	#searchbox input[type="text"] {
		width: 100%;
		height: 26px;
		font-size: 0.8rem;
		border: 1px #c7c7c7 solid;
		padding: 0 4px;
	}
	#searchbox div.wrap-lineblock {
		margin: 5px 0 10px;
	}
	#searchbox .wrap-lineblock > dl {
		margin: 0 20px 0 0;
	}
	.wrap-lineblock > * {
		display: inline-block;
		letter-spacing: normal;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: middle;
	}
	#staydays-wrap label, #staydays-wrap select, #roomcount-wrap label, #roomcount-wrap select {
		width: 50px;
		overflow: hidden;
	}
	#searchbox #checkin-wrap {
		width: 140px;
	}
	#searchbox #roomtype-wrap dd {
		width: 90px;
	}
	#searchbox p {
		text-align: center;
		padding: 0px;
	}
	#searchbox p input[type="submit"] {
		font-size: 0.9rem;
		font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
		cursor: pointer;
		background: #4b95be;
		border: 1px #4b95be solid;
		-webkit-box-shadow: 0 2px 0 #2775ac;
		-moz-box-shadow: 0 2px 0 #2775ac;
		box-shadow: 0 2px 0 #2775ac;
		display: inline-block;
		color: #fff;
		text-align: center;
		padding: 0.6em 1.25em 0.4em;
		border: none;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
/* end PC */

/* ------------------------------ start MOBILES */
@media (max-width: 599px) {
	#searches {
		padding: 16px 12px 10px;
		background: #f8f8f8;
		border-top: 2px #e8e8e8 solid;
		border-bottom: 2px #e8e8e8 solid;
		margin-bottom:10px;
	}
	#searchbox .wrap-table , #searchbox .wrap-table .fix-width label, #searchbox .wrap-lineblock input {
		overflow: hidden;
	}
	#searchbox .wrap-table > dl, #searchbox .wrap-lineblock > dl { margin: 0 0 8px; }
	#searchbox dt {
		font-size: 0.9rem;
		font-weight: bold;
		margin: 0 0 5px;
	}
	#searchbox label {
		background: #fff url(https://www.hotelskip.com/images_2/select-arrow-s.png) no-repeat right center;

	}
	#searchbox label select {
		font-size: 1.0rem;
		height: 34px;
	}
	#searchbox .wrap-lineblock {
		letter-spacing: -0.4em;
	}
	#searchbox .wrap-lineblock dl {
		display: inline-block;
		letter-spacing: normal;
	}
	#checkin-wrap, #roomtype-wrap {
		width: 62%;
	}
	#checkin-wrap label {
		border: none;
		background: none;
		position: relative;
		padding: 0 32px 0 0;
	}
	#checkin-wrap input, #checkin-wrap label, #roomtype-wrap label {
		width: 80%;
	}
	#searchbox input[type="text"] {
		height: 34px;
		border: 1px #333 solid;
		border-radius: 4px;
		padding: 0 8px;
		font-size: 1.0rem;
	}
	#staydays-wrap label, #staydays-wrap select, #roomcount-wrap label, #roomcount-wrap select {
		width: 62px;
		overflow: hidden;
	}
	#searchbox p {
		text-align: center;
	}
	#searchbox p input[type="submit"] {
		width: 100%;
		font-size: 1.2rem;
		font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
		cursor: pointer;
		background: #4b95be;
		border: 1px #4b95be solid;
		-webkit-box-shadow: 0 2px 0 #2775ac;
		-moz-box-shadow: 0 2px 0 #2775ac;
		box-shadow: 0 2px 0 #2775ac;
		display: inline-block;
		color: #fff;
		text-align: center;
		padding: 0.6em 1.25em 0.4em;
		border: none;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}
/* end MOBILES */

#city_search_message {
	display: none;
	font-size: 0.8rem;
}
#city_search_result li {
	list-style: none;
}
.city_list {
	font-size: 0.7rem;
	font-weight: bold;
	background: #fff;
	border: #ccc 1px solid;
	border-radius: 5px;
	margin: 2px 20px 2px 2px;
	padding: 3px;
}

/* スライドバナー消去対応 */

.mainContentMT .mainColMT .layer01MT {
    margin: 0 0 0px;
    overflow: hidden;
    position: relative;
}