@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : privacy.css
 style info : 宿泊約款・プライバシーポリシー
=================================================================== */

/* -----------------------------------------------------------
	#header（下層ページ）
----------------------------------------------------------- */
#header.header_sub {
	height: 420px;
	overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 1139px) {
	#header.header_sub {
		height: 340px;
	}
}

@media only screen and (max-width: 767px) {
	#header.header_sub {
		height: 13em;
	}
}

#header.header_sub .con_txt {
	top: 50%;
}

#header.header_sub .con_txt h1 {
	max-width: 260px;
	margin: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1139px) {
	#header.header_sub .con_txt h1 {
		max-width: 220px;
	}
}

@media only screen and (max-width: 767px) {
	#header.header_sub .con_txt h1 {
		max-width: 34%;
	}
}

#header.header_sub .con_mainimg {
	position: relative;
	height: 100%;
}

#header.header_sub .con_mainimg:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 30, 32, 0.25);
}

#header.header_sub .con_mainimg img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center 60%;
}

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
#privacy #contents {
	padding-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 1139px) {
	#privacy #contents {
		padding-bottom: 90px;
	}
}

@media only screen and (max-width: 767px) {
	#privacy #contents {
		padding-bottom: 3.5em;
	}
}

/* パンくず */
.topicpath {
	max-width: 1080px;
	width: 95%;
	margin: 0 auto;
	padding: 1.2em 0;
	font-size: 75%;
	letter-spacing: .08em;
}

@media only screen and (max-width: 767px) {
	.topicpath {
		width: 90%;
		padding: .8em 0;
		font-size: 69%;
	}
}

.topicpath li {
	display: inline;
}

.topicpath li + li:before {
	content: '>';
	margin: 0 .8em;
	color: #7c8888;
}

.topicpath li a {
	color: #368a87;
}

/* -----------------------------------------------------------
	.con_title
----------------------------------------------------------- */
.con_title {
	margin-top: 60px;
	text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1139px) {
	.con_title {
		margin-top: 45px;
	}
}

@media only screen and (max-width: 767px) {
	.con_title {
		margin-top: 1.5em;
	}
}

#privacy .temp_st1 > * {
	color: #3a4c50;
}

#privacy .temp_st1 em {
	line-height: 1.1;
}

.con_title .temp_st1 em {
	font-size: 350%;
}

@media only screen and (min-width: 768px) and (max-width: 1139px) {
	.con_title .temp_st1 em {
		font-size: 313%;
	}
}

@media only screen and (max-width: 767px) {
	.con_title .temp_st1 em {
		font-size: 225%;
	}
}

@media only screen and (max-width: 767px) {
	.con_title .temp_st1 span {
		letter-spacing: .1em;
	}
}

/* ページ内リンク */
.lnk_anchor {
	display: flex;
	justify-content: center;
	margin: 40px auto 0;
	width: 90%;
	max-width: 560px;
}

@media only screen and (max-width: 767px) {
	.lnk_anchor {
		margin-top: 1.5em;
	}
}

.lnk_anchor li {
	width: 50%;
}

.lnk_anchor li + li {
	margin-left: 20px;
}

@media only screen and (max-width: 767px) {
	.lnk_anchor li + li {
		margin-left: .8em;
	}
}

.lnk_anchor li a,
.btn_top a {
	position: relative;
	display: block;
	text-decoration: none;
	background: #fff;
	border: 1px solid #368a87;
	color: #368a87;
	overflow: hidden;
}

.lnk_anchor li a:before,
.btn_top a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: #368a87;
	transition: width 400ms ease;
}

.mouse .lnk_anchor li a:hover:before,
.mouse .btn_top a:hover:before {
	width: 100%;
}

.lnk_anchor li a em,
.btn_top a em {
	position: relative;
	display: block;
	padding: .9em .5em;
	font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", Meiryo, "Times New Roman", Times, Garamond, Georgia, serif;
	font-size: 88%;
	letter-spacing: .12em;
	text-align: center;
	transition: color 400ms ease;
}

@media only screen and (max-width: 767px) {
	.lnk_anchor li a em,
	.btn_top a em {
		padding: .8em .3em;
		font-size: 81%;
		letter-spacing: .04em;
	}
}

.lnk_anchor li a em {
	white-space: nowrap;
}

.lnk_anchor li a em:after {
	content: "\f107";
	font-family: FontAwesome;
	margin-left: .6em;
}

@media only screen and (max-width: 767px) {
	.lnk_anchor li a em:after {
		margin-left: .3em;
	}
}

.mouse .lnk_anchor li a:hover em,
.mouse .btn_top a:hover em {
	color: #fff;
}

/* -----------------------------------------------------------
	.con_yakkan / .con_privacy
----------------------------------------------------------- */
.con_yakkan,
.con_privacy {
	margin-top: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 1139px) {
	.con_yakkan,
	.con_privacy {
		margin-top: 75px;
	}
}

@media only screen and (max-width: 767px) {
	.con_yakkan,
	.con_privacy {
		margin-top: 3em;
	}
}

.con_yakkan .inner,
.con_privacy .inner {
	max-width: 1080px;
	width: 95%;
	margin: auto;
}

@media only screen and (max-width: 767px) {
	.con_yakkan .inner,
	.con_privacy .inner {
		width: 90%;
	}
}

.con_yakkan h3 em,
.con_privacy h3 em {
	font-size: 300%;
}

@media only screen and (min-width: 768px) and (max-width: 1139px) {
	.con_yakkan h3 em,
	.con_privacy h3 em {
		font-size: 275%;
	}
}

@media only screen and (max-width: 767px) {
	.con_yakkan h3 em,
	.con_privacy h3 em {
		font-size: 200%;
	}
}

/* 本文ボックス */
.box_doc {
	margin-top: 40px;
	padding: 60px 70px;
	background: #fff;
	border-top: 1px solid #38908c;
	font-size: 88%;
	line-height: 2;
	letter-spacing: .06em;
}

@media only screen and (min-width: 768px) and (max-width: 1139px) {
	.box_doc {
		margin-top: 30px;
		padding: 45px 40px;
	}
}

@media only screen and (max-width: 767px) {
	.box_doc {
		margin-top: 1.5em;
		padding: 1.5em 1.1em;
		font-size: 81%;
		line-height: 1.8;
		letter-spacing: .02em;
	}
}

/* 条文 */
.box_doc .art + .art {
	margin-top: 45px;
}

@media only screen and (max-width: 767px) {
	.box_doc .art + .art {
		margin-top: 2em;
	}
}

.box_doc h4 {
	display: flex;
	align-items: baseline;
	padding-bottom: .5em;
	margin-bottom: 1em;
	border-bottom: 1px solid #c9d6d6;
	font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", Meiryo, "Times New Roman", Times, Garamond, Georgia, serif;
	font-size: 125%;
	line-height: 1.5;
	letter-spacing: .1em;
	position: relative;
}

.box_doc h4:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 80px;
	height: 1px;
	background: #38908c;
}

@media only screen and (max-width: 767px) {
	.box_doc h4 {
		font-size: 113%;
		letter-spacing: .06em;
	}

	.box_doc h4:after {
		width: 3em;
	}
}

.box_doc h4 .no {
	flex-shrink: 0;
	margin-right: 1em;
	color: #368a87;
	font-size: 85%;
}

@media only screen and (max-width: 767px) {
	.box_doc h4 .no {
		margin-right: .7em;
	}
}

.box_doc h5 {
	margin: 1.8em 0 .4em;
	padding-left: .8em;
	border-left: 3px solid #38908c;
	font-weight: bold;
	line-height: 1.5;
}

.box_doc h4 + h5 {
	margin-top: 0;
}

/* 段落（項） */
.box_doc .para {
	text-indent: 1em;
}

.box_doc .para.num {
	text-indent: 0;
	padding-left: 1.5em;
	position: relative;
}

.box_doc .para.num .no {
	position: absolute;
	left: 0;
	top: 0;
}

.box_doc .para + .para,
.box_doc .lst_item + .para {
	margin-top: .6em;
}

.box_doc .txt + .txt,
.box_doc .lst_dot + .txt,
.box_doc .lst_policy + .txt {
	margin-top: 1em;
}

/* 号 (1)(2)… */
.box_doc .lst_item {
	margin: .6em 0 0 1em;
}

@media only screen and (max-width: 767px) {
	.box_doc .lst_item {
		margin-left: 0;
	}
}

.box_doc .lst_item > li {
	position: relative;
	padding-left: 3em;
}

.box_doc .lst_item > li + li {
	margin-top: .3em;
}

.box_doc .lst_item > li > .no {
	position: absolute;
	left: 0;
	top: 0;
}

/* イロハ */
.box_doc .lst_sub {
	margin-top: .3em;
}

.box_doc .lst_sub li {
	position: relative;
	padding-left: 2.5em;
}

.box_doc .lst_sub li .no {
	position: absolute;
	left: 0;
	top: 0;
}

/* 営業時間 */
.box_doc .lst_time {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: .2em 2em;
	margin: .4em 0 .2em;
	padding: .8em 1.2em;
	background: #f5fafa;
}

@media only screen and (max-width: 767px) {
	.box_doc .lst_time {
		grid-template-columns: 1fr;
		gap: 0;
		padding: .6em .9em;
	}

	.box_doc .lst_time dd {
		padding-left: 1em;
	}

	.box_doc .lst_time dd:empty {
		display: none;
	}

	.box_doc .lst_time dd + dt {
		margin-top: .4em;
	}
}

/* 表 */
.box_doc .tbl_wrap {
	margin-top: 1em;
}

.box_doc .tbl_scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.box_doc .tbl_yakkan {
	width: 100%;
	border-top: 1px solid #38908c;
	line-height: 1.6;
}

.box_doc .tbl_yakkan th,
.box_doc .tbl_yakkan td {
	padding: .9em 1em;
	border-bottom: 1px solid #c9d6d6;
	vertical-align: middle;
}

.box_doc .tbl_yakkan th {
	background: #e8f0f0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
}

.box_doc .tbl_yakkan .blank {
	background: #fff;
}

.box_doc .tbl_price .row_head {
	white-space: normal;
	width: 22%;
}

.box_doc .tbl_price td:nth-last-child(2) {
	white-space: nowrap;
}

@media only screen and (max-width: 767px) {
	.box_doc .tbl_yakkan th,
	.box_doc .tbl_yakkan td {
		padding: .7em .6em;
	}

	.box_doc .tbl_price td:nth-last-child(2) {
		white-space: normal;
	}
}

.box_doc .tbl_cancel {
	min-width: 760px;
}

.box_doc .tbl_cancel td {
	text-align: center;
	border-left: 1px solid #e3ebeb;
}

.box_doc .tbl_cancel tbody th {
	text-align: left;
}

@media only screen and (max-width: 767px) {
	.box_doc .tbl_cancel {
		min-width: 640px;
	}

	.box_doc .tbl_cancel tbody th {
		position: sticky;
		left: 0;
		z-index: 1;
	}
}

.box_doc .txt_swipe {
	margin-top: .8em;
	color: #7c8888;
	font-size: 88%;
}

.box_doc .txt_swipe:after {
	content: "\f07e";
	font-family: FontAwesome;
	margin-left: .5em;
}

.box_doc .st_table {
	margin-top: 2em;
	font-weight: bold;
}

.box_doc .st_note {
	margin-top: 1.5em;
	font-weight: bold;
}

.box_doc .lst_note.num li {
	position: relative;
	padding-left: 1.5em;
}

.box_doc .lst_note.num li .no {
	position: absolute;
	left: 0;
	top: 0;
}

/* プライバシーポリシー */
.box_doc .lst_policy {
	margin: .8em 0 0;
	padding: 1.2em 1.5em;
	background: #f5fafa;
	counter-reset: policy;
}

@media only screen and (max-width: 767px) {
	.box_doc .lst_policy {
		padding: .8em 1em;
	}
}

.box_doc .lst_policy li {
	position: relative;
	padding-left: 2em;
	counter-increment: policy;
}

.box_doc .lst_policy li:before {
	content: counter(policy) ".";
	position: absolute;
	left: 0;
	top: 0;
	color: #368a87;
	font-family: "Cormorant SC", serif;
	font-size: 113%;
}

.box_doc .lst_dot {
	margin-top: .8em;
}

.box_doc .lst_dot li {
	position: relative;
	padding-left: 1.2em;
}

.box_doc .lst_dot li:before {
	content: '';
	position: absolute;
	left: .2em;
	top: .85em;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #38908c;
}

.box_doc .txt_contact {
	margin-top: 45px;
	padding-top: 1.5em;
	border-top: 1px solid #c9d6d6;
}

@media only screen and (max-width: 767px) {
	.box_doc .txt_contact {
		margin-top: 2em;
	}
}

.box_doc .txt_contact a {
	color: #368a87;
}

/* トップへ戻る */
.btn_top {
	width: 90%;
	max-width: 280px;
	margin: 80px auto 0;
}

@media only screen and (min-width: 768px) and (max-width: 1139px) {
	.btn_top {
		margin-top: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.btn_top {
		margin-top: 2.5em;
	}
}

/* -----------------------------------------------------------
	print
----------------------------------------------------------- */
@media print {
	#header.header_sub {
		height: 200px;
	}

	.lnk_anchor,
	.btn_top {
		display: none;
	}

	.box_doc {
		padding: 20px 0;
	}

	.box_doc .tbl_cancel {
		min-width: 0;
	}
}