@charset "UTF-8";

/* ----------------------------------------------------
	header
---------------------------------------------------- */
.header .logo a {
	color: #fff;
	display: flex;
	flex-direction: column;
}

.header .logo span {
	margin-top: 0.25em;
	line-height: 1;
	writing-mode: vertical-rl;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media(max-width: 768px) {
	.header .logo span {
		display: none;
	}
}

/*
	nav_content
------------------------------ */
@media(max-width: 768px) {
	.en .nav_content .gnav {
		padding: 3em 0 1em;
		display: block;
	}

	.en .nav_content .gnav li {
		writing-mode: lr-tb;
	}

	.en .nav_content .gnav li a {
		padding: 1em 0;
		width: 100%;
		text-align: left;
		display: block;
	}
}

/* ---------------------------------------------------
	footer
---------------------------------------------------- */
.en .footer {
	font-size: 14px;
	letter-spacing: -0.005em;
}

.footer .hotel_list::before,
.footer .hotel_list li::after {
	content: "|";
}

@media (max-width: 1100px) {
	.footer .hotel_list {
		font-size: 1.27273vw;
	}
}

@media (max-width: 768px) {
	.footer .hotel_list {
		font-size: 3.73333vw;
	}

	.footer .hotel_list::before {
		content: "";
	}
}

/* ----------------------------------------------------
	top
---------------------------------------------------- */
/* news */
.en .top .news {
	width: 50%;
}

@media (max-width: 768px) {
	.en .top .logo {
		top: 27.76042vw;
	}

	.en .top .news {
		width: 89.58333%;
	}
}

/* ----------------------------------------------------
	lead
---------------------------------------------------- */
.en .lead .lead_title {
	text-indent: 0;
	writing-mode: lr-tb;
}

@media (max-width: 768px) {
	.en .lead .lead_title {
		padding: 0 0.5rem;
		font-size: 4.94792vw;
	}
}

/* ----------------------------------------------------
	about
---------------------------------------------------- */
.en .about {
	min-height: 100vh;
}

.en .about .about_main {
	height: auto;
}

@media (max-width: 768px) {
	.en .about .container {
		min-height: auto;
		display: block;
	}
}

/* image */
.en .about figure {
	width: 50%;
}

@media (max-width: 768px) {
	.en .about figure {
		width: 100%;
	}

	.about figure figcaption {
		text-align: left;
	}
}

/* text */
.en .about .about_text {
	width: 50%;
	display: block;
}

.en .about .about_text p {
	writing-mode: lr-tb;
}

@media (max-width: 768px) {
	.en .about .about_text {
		width: 100%;
	}

	.en .about .about_text p {
		margin-bottom: 1em;
		margin-left: 0;
		height: auto;
		writing-mode: lr-tb;
	}
}

/*
	guide
------------------------------ */
.en .area .guide {
	flex-direction: row;
}

.en .area .guide li {
	width: 30%;
	flex-direction: column-reverse;
}

.en .area .guide_detail {
	margin-bottom: auto;
	width: 100%;
	height: auto;
	writing-mode: lr-tb;
}

.en .area .guide_image {
	margin-bottom: 1em;
	width: 100%;
}

@media (max-width: 768px) {
	.en .area .guide li {
		width: 100%;
		flex-direction: row;
	}

	.en .area .guide_detail {
		width: 50%;
		height: auto;
	}

	.en .area .guide_detail dt {
		padding: 0 1rem 0 0;
	}

	.en .area .guide_detail dd {
		margin-top: 0.5em;
		padding-right: 1rem;
	}

	.en .area .guide_image {
		width: 45%;
	}
}

/* ----------------------------------------------------
	recommend
---------------------------------------------------- */
/*
	title, text, main
------------------------------ */
.en .recommend .recommend_title {
	font-size: 30px;
}

.en .recommend .recommend_title small {
	margin-top: 1em;
}

@media (max-width: 768px) {
	.en .recommend .recommend_title {
		font-size: 4.29688vw;
	}
}