@charset "UTF-8";

/* main */

	/* search */
.search-box {
	position: absolute; bottom: 0; left: 0;
	background: rgba(134,134,62,0.9);
	box-sizing: border-box;
	z-index: 100;
}
.search-title {
}
#booking_inner {
	line-height: 1.5em;
	font-size: 12px;
}
.booking {
	font-size: 14px;
	font-weight: bold;
}
.booking_date {
	display: block;
}
input,select {
	margin: 2px 0;
	padding: 2px 3px;
}
input.button {
	width: 100%;
	margin: 3px auto;
	text-align: center;
}
hr {
	clear: both;
	width: 98%;
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: 1px dotted #CCCCCC;
}
#nitteiarea,
#ninzuarea,
#ryokinarea,
#searchtypearea {
	width: 100%;
	border: none;
}
#searchtypearea label {
}
input#chkymd,
input#chkpsn {
	margin: 0;
	padding: 0;
}
#calidif,
#apple_overlayif {
	width: 0;
	height: 0;
	position: absolute;
	display: block;
}
		/* search DirectIn S4 */
.directin-sp-form {
	display: block;
}
.directin-sp-form .directin-sp-form-nodate-checkbox,
.directin-sp-form .directin-sp-form-input-group.directin-sp-form-guest-room-input-group {
	display: none;
}
.directin-sp-form,
.directin-sp-form > div,
.directin-sp-form .directin-sp-form-input-group div.directin-sp-form-input {
	margin-right: 0;
	margin-left: 0;
}
.directin-sp-form .directin-sp-form-input label .directin-sp-form-label {
	font-size: 14px;
	color: #FFFFFF;
}
		/* search DirectIn S4 */
	/* search */

.top-title {
	font-family: 'Segoe UI',SegoeUI,'Microsoft JhengHei',微軟正黑體,"Helvetica Neue",Helvetica,Arial, serif;
}
.top-pictogram-box {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top-pictogram-image {
	width: 10%;
	margin: 0 1% 2% 1%;
}
.top-pictogram-image img {
	width: 100%;
	max-width: 250px;
}
.top-feature-pic-box {
}
.top-pic {
}
.top-pic img {
	width: 100%;
}
.top-feature-text-box {
}
.top-text {
}
.top-room-pic-box {
}
.top-room-pic {
}
.top-room-pic img {
	width: 100%;
}
.top-room-text-box {
}
.top-link {
	background: #A5A558;
	border-radius: 15px;
}
.top-link a {
	display: block;
	padding: 20px 10px 20px 10px;
	color: #FFFFFF;
}
.top-oshirase-box {
	border: solid 2px #FF0000;
}
.top-oshirase-left {
}
.top-oshirase-pic {
}
.top-oshirase-pic img {
	width: 100%;
}
.top-oshirase-right {
}
.top-oshirase-title,
.top-oshirase-title2,
.top-oshirase-title3 {
	position: relative;
	padding: 0 0 0 24px;
}
.top-oshirase-title::before {
	position: absolute; top: 0; left: 0;
	content: url(../img/top-icon.gif);
}
.top-oshirase-title2::before {
	position: absolute; top: 0; left: 0;
	content: url(../img/top-icon2.gif);
}
.top-oshirase-title3::before {
	position: absolute; top: 0; left: 0;
	content: url(../img/top-icon3.gif);
}
.top-oshirase-text {
}
.top-movie-left {
}
.top-movie-all {
}
.top-movie-right {
}
.top-map {
}
.top-card-box {
	background: #D3D3AD;
}
.top-card-title {
	padding: 26px 0 0 0;
}
.top-card-uc {
}
.top-card-visa {
	padding: 13px 0 0 0;
}
.top-card-mastercard {
	padding: 8px 0 0 0;
}
.top-card-saison {
	padding: 12px 0 0 0;
}
.top-card-jcb {
	padding: 8px 0 0 0;
}
.top-card-americanexpress {
}
.top-card-paypay {
}
.top-card-linepay {
}
.top-card-aupay {
	padding: 20px 0 0 0;
}
.top-card-unionpay {
	padding: 12px 0 0 0;
}
.top-card-uc img,
.top-card-visa img,
.top-card-mastercard img,
.top-card-saison img,
.top-card-jcb img,
.top-card-americanexpress img,
.top-card-paypay img,
.top-card-linepay img,
.top-card-aupay img,
.top-card-unionpay img {
	width: 100%;
	max-width: 68px;
}

@media (max-width: 1365px) {
}

@media (max-width: 999px) {
}

	/* tablet */
@media (max-width: 840px) {
	/* search */
	.search-box {
		position: static;
		width: 100%;
		padding: 10px 10px 10px 10px;
		background: rgba(242,242,242,1);
		box-sizing: border-box;
	}
	.search-title {
		color: #5D7A8C;
	}
	#booking_inner {
		color: #5D7A8C;
	}
	input.button {
		padding: 8px 8px 8px 8px;
		box-sizing: border-box;
	}
	input,select {
		margin: 0 0 0 0;
		padding: 5px 2px 5px 2px;
		color: #5D7A8C;
		font-size: 18px;
	}
	.search-box-day input {
		width: 28%;
	}
	.search-box-time select {
		width: 28%;
	}
		/* search DirectIn S4 */
	.directin-sp-form .directin-sp-form-input label .directin-sp-form-label {
		color: #5D7A8C;
	}
	/* search */

	.top-movie iframe {
		height: 250px;
	}
	.top-movie-all iframe {
		height: 360px;
	}
}

	/* mobile */
@media (max-width: 640px) {
	.top-title {
		font-size: 28px;
	}
	.top-pictogram-image {
		width: 16%;
		margin: 0 4% 4% 4%;
	}
	.top-room-pic-box {
		float: none;
		width: auto;
		margin: 0 0 2% 0;
	}
	.top-room-pic {
		float: left;
		width: 48%;
		margin: 0 1% 0 1%;
	}
	.top-room-text-box {
		float: none;
		width: auto;
		margin: 0 0 0 0;
	}
	.top-link {
		width: 100%;
	}
	.top-link a {
		padding: 16px 10px 16px 10px;
	}
	.top-movie-left {
		float: none;
		width: 100%;
		margin: 0 0 3% 0;
	}
	.top-movie-right {
		float: none;
		width: 100%;
	}
	.top-oshirase-left {
		float: none;
		width: 100%;
		margin: 0 0 3% 0;
	}
	.top-oshirase-right {
		float: none;
		width: 100%;
	}
	.top-oshirase-title {
		margin: 0 0 10px 0;
	}
	.top-oshirase-link {
		width: 100%;
	}
	.top-movie iframe {
		height: 200px;
	}
	.top-movie-all iframe {
		height: 200px;
	}
	.top-map iframe {
		height: 400px;
	}
	.top-card-title {
		float: none;
		width: 100%;
		margin: 0 0 4% 0;
		padding: 0 0 0 0;
	}
	.top-card-title br {
		display: none;
	}
	.top-card-uc {
		width: 32%;
		height: 80px;
		margin: 0 2% 4% 0;
		text-align: center;
	}
	.top-card-visa {
		width: 32%;
		height: 80px;
		margin: 0 2% 4% 0;
		text-align: center;
	}
	.top-card-mastercard {
		width: 32%;
		height: 80px;
		margin: 0 2% 4% 0;
		text-align: center;
	}
	.top-card-saison {
		width: 32%;
		height: 80px;
		margin: 0 2% 0 0;
		text-align: center;
	}
	.top-card-jcb {
		width: 32%;
		height: 80px;
		margin: 0 2% 0 0;
		text-align: center;
	}
	.top-card-americanexpress {
		width: 32%;
		height: 80px;
		margin: 0 0 0 0;
		text-align: center;
	}
	.top-card-paypay {
		width: 32%;
		height: 80px;
		margin: 0 0 4% 0;
		text-align: center;
	}
	.top-card-linepay {
		width: 32%;
		height: 80px;
		margin: 0 2% 0 0;
		text-align: center;
	}
	.top-card-aupay {
		width: 32%;
		height: 80px;
		margin: 0 2% 0 0;
		text-align: center;
	}
	.top-card-unionpay {
		width: 32%;
		height: 80px;
		margin: 0 0 0 0;
		text-align: center;
	}
}
/* main */