@charset "UTF-8";

/* ---------------------------------------------------------------------- */
/* PC */
/* ---------------------------------------------------------------------- */
/* 宿泊予約
--------------------------------------------------------------------- */
@media (min-width: 1001px) {

/* 見出し
--------------------------------------------------------------------- */
.Title {
	top: 50%;
	left: 50%;
	width: 100%;
	z-index: 9990;
	text-align: center;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.Title .ja{
	color: #fff;
	font-size: 2em;
	line-height: 1.5;
	font-weight: bold;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.Title .en{
	color: #fff;
	display: block;
	font-size: 1.125em;
	letter-spacing: 2px;
	font-family: "游明朝","Yu Mincho",serif;
}	
	
/* 見出し
--------------------------------------------------------------------- */
.ttl {
	width: 100%;
	line-height: 1.5;
	text-align: center;		
}
.ttl span.ja{
	color: #033f8a;
	font-size: 28px;
}
.ttl span.en{
	display: block;
	color: #b06c00;
	font-size: 13px;
	font-weight: 500;
	font-family: "游明朝","Yu Mincho",serif;
}
	
.subttl {
	width: 100%;
	line-height: 1.5;
	text-align: center;		
}
.subttl span.ja{
	color: #033f8a;
	font-size: 32px;
	font-weight: bold;
}
.subttl span.en{
	display: block;
	color: #b06c00;
	font-size: 13px;
	font-weight: 500;
}

/* ボタン
--------------------------------------------------------------------- */
.btn{
	text-align: center;
}
.btn a.link{
	color: #fff;
	display: block;
	padding: 8px 20px;
	font-size: 1rem;
	transition: 0.3s ease-in-out;
	background: #999 url("../images/arw2.svg") right 20px center no-repeat;
	background-size: 7px 7px;
}
.btn a.link:hover{
    color: #fff;
	background: #b06c00 url("../images/arw2.svg") right 20px center no-repeat;
	background-size: 7px 7px;
}

/* リンクボタン
--------------------------------------------------------------------- */	
li.link01 a{
	background: #808080;
	background-image: url("../images/i-pdf.svg"),url("../images/arw2.svg");
	background-position: left 10px center, right 15px center;
	background-repeat: no-repeat,no-repeat;
	background-size: 20px 24px,7px 7px;
}
li.link02 a{
	background: #498bc8;
	background-image: url("../images/i-pdf.svg"),url("../images/arw2.svg");
	background-position: left 10px center, right 15px center;
	background-repeat: no-repeat,no-repeat;
	background-size: 20px 24px,7px 7px;
}
li.link03 a{
	background: #333;
	background-image: url("../images/i-pdf.svg"),url("../images/arw2.svg");
	background-position: left 10px center, right 15px center;
	background-repeat: no-repeat,no-repeat;
	background-size: 20px 24px,7px 7px;
}
li.link04 a{
	background: #aa622d;
	background-image: url("../images/i-pdf.svg"),url("../images/arw2.svg");
	background-position: left 10px center, right 15px center;
	background-repeat: no-repeat,no-repeat;
	background-size: 20px 24px,7px 7px;
}

/* table
--------------------------------------------------------------------- */
.table_basic {
	width: 100%;
	border-collapse: collapse;
}

.table_basic th,
.table_basic td {
	box-sizing: border-box;
	text-align: left;
	padding: 1.8rem 0;
	border-bottom: 1px solid #E3EFFF;
}

.table_basic tr:last-child th,
.table_basic tr:last-child td {
	border-bottom: none;
}

.table_basic th {
	white-space: nowrap;
	padding-right: 4em;
}

/*---------------------------------------------------------*/
/* list */
.list_disc,
.list_number {
	margin-left: 1.5em;
}
.list_disc>li {
	list-style-type: disc;
}
.list_number>li {
	list-style-type: decimal;
}
.list_disc,
.list_number li ul{
	margin-left: 1.5em;
}
.list_number ul li,
.list_number ul li ul li{
	list-style-type: decimal;
}

/*---------------------------------------------------------*/
/* loader */
.loader-wrap {
	position: fixed;
	display: flex;
	top: 0;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;
}

.loader {
	margin: 100px auto;
	font-size: 25px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

@-webkit-keyframes load5 {

	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
	}

	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
	}

	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
	}
}

@keyframes load5 {

	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
	}

	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
	}

	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
	}
}
}

/* End PC */
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* SP */
/* ---------------------------------------------------------------------- */
@media (max-width: 1000px) {
	body {
		padding-top: 0;
	}
	
/* 見出し
--------------------------------------------------------------------- */
.Title {
	top: 50%;
	left: 50%;
	width: 100%;
	z-index: 9990;
	text-align: center;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.Title .ja{
	color: #fff;
	font-size: 2em;
	line-height: 1.5;
	font-weight: bold;
}
.Title .en{
	color: #fff;
	display: block;
	font-size: 1em;
	letter-spacing: 2px;
	font-family: "游明朝","Yu Mincho",serif;
}	

/* 見出し
--------------------------------------------------------------------- */
.ttl {
	width: 100%;
	line-height: 1.5;
	text-align: center;		
}
.ttl span.ja{
	color: #033f8a;
	font-size: 1.5em;
}
.ttl span.en{
	display: block;
	color: #b06c00;
	font-size: 0.75em;
	font-weight: 500;
	font-family: "游明朝","Yu Mincho",serif;
}

.subttl {
	width: 100%;
	line-height: 1.5;
	text-align: center;		
}
.subttl span.ja{
	color: #033f8a;
	font-size: 1.25em;
	font-weight: bold;
}
.subttl span.en{
	display: block;
	color: #b06c00;
	font-size: 0.75em;
	font-weight: 500;
}
	
/* ボタン
--------------------------------------------------------------------- */	
.btn{
	text-align: center;
}
.btn a{
	color: #fff;
	display: inline-block;
	padding: 0.5em 1em;
	margin: 0 auto;
	text-align: left;
	position: relative;
	font-size: 1em;
	letter-spacing: 0.5px;
	transition: 0.3s ease-in-out;
	background: #999 url("../images/arw2.svg") right 20px center no-repeat;
	background-size: 7px 7px;
}
.btn a:hover{
    color: #fff;
	background: #b06c00 url("../images/arw2.svg") right 20px center no-repeat;
	background-size: 7px 7px;
}

/* リンクボタン
--------------------------------------------------------------------- */	
li.link01 a{
	background: #808080;
	background-image: url("../images/i-pdf.svg"),url("../images/arw2.svg");
	background-position: left 10px center, right 15px center;
	background-repeat: no-repeat,no-repeat;
	background-size: 20px 24px,7px 7px;
}
li.link02 a{
	background: #498bc8;
	background-image: url("../images/i-pdf.svg"),url("../images/arw2.svg");
	background-position: left 10px center, right 15px center;
	background-repeat: no-repeat,no-repeat;
	background-size: 20px 24px,7px 7px;
}
li.link03 a{
	background: #333;
	background-image: url("../images/i-pdf.svg"),url("../images/arw2.svg");
	background-position: left 10px center, right 15px center;
	background-repeat: no-repeat,no-repeat;
	background-size: 20px 24px,7px 7px;
}
li.link04 a{
	background: #aa622d;
	background-image: url("../images/i-pdf.svg"),url("../images/arw2.svg");
	background-position: left 10px center, right 15px center;
	background-repeat: no-repeat,no-repeat;
	background-size: 20px 24px,7px 7px;
}

	/* ch3
	--------------------------------------------------------------------- */
	.ch3 {
		margin-top: 13.3333vw;
	}

	.ch3 .en {
		font-size: 12vw;
	}

	.ch3 .jp {
		margin-top: 2.6667vw;
		font-size: 5.3333vw;
	}

	/* flex_evenly
	--------------------------------------------------------------------- */
	.flex_evenly>div {
		width: 100%;
	}

	/* photo_absolute
	--------------------------------------------------------------------- */
	.w1600 .wrap .photo_absolute {
		right: -6vw;
		bottom: auto;
		top: 53.3333vw;
		width: 34.6667vw;
	}

	.w1600 .wrap .photo_absolute img {
		border-radius: 0 0 0 11.2vw;
	}

	/* loopSlider
	--------------------------------------------------------------------- */
	.loopSlider {
		height: 50.4vw;
		margin: 2.6667vw 0;
	}

	.loopSlider .loopslider_wrap {
		height: 50.4vw;
	}

	.loopSlider .loopslider_wrap ul li {
		width: 66.6667vw;
		margin: 0 2.6667vw;
	}

	.loopSlider .loopslider_wrap ul li img {
		border-radius: 0 6.2667vw;
	}

	/* タブ切り替え
	--------------------------------------------------------------------- */
	/* tab_button */
	.tab_button ul {
		display: block;
		position: relative;
		background: #fff;
		padding: 5.3333vw 0 1vw;
	}

	.tab_button a {
		box-sizing: border-box;
		min-width: 0;
		min-height: 0;
		width: auto;
		height: 13.3333vw;
		font-size: 4.2667vw;
		margin: 1.3333vw 6.6667vw;
		padding: 0 0.5em;
		border-radius: 0;
	}

	/* tab_body */
	.tab_body {
		background: #fff;
		padding: 6.4vw;
		border-radius: 0;
	}

	/* table
	--------------------------------------------------------------------- */
	.table_basic {
		font-size: 4.2667vw;
	}

	.table_basic tr {
		display: block;
	}

	.table_basic th {
		display: block;
		border-bottom: none;
		padding: 1em 0 0;
	}

	.table_basic tr:first-child th {
		padding-top: 0;
	}

	.table_basic td {
		display: block;
		padding: 0 0 1em;
		border-bottom: 1px solid #E3EFFF;
	}

	.table_basic tr:last-child td {
		border-bottom: none;
	}

}

/* End @media (max-width:1000px) */