@charset "UTF-8";
/* ご宿泊 --------------------------------------------------------------- */



/* 下層ページのheading --------------------------------------------------------------- */
#heading {
	margin-bottom: 130px;
	}

@media(max-width: 990px){
	#heading {
		margin-bottom: 50px;
		}
	}

@media(min-width: 1px) and (max-width: 660px){
	}



/* content --------------------------------------------------------------- */
.content {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}

.content:last-of-type {
	margin-bottom: 0;
	border-bottom: #d9d9d9 solid 1px;
	}

	.content h1 {
		font-size: 32px;
		padding-bottom: 15px;
		margin: 0 0 0 60px;
		border-bottom: #d9d9d9 solid 1px;
		position: relative;
		top: 1px;
		}

	.content .contentTXT {
		width: 45%;
		padding: 40px 80px 0 100px;
		box-sizing: border-box;
		}

	.content:nth-of-type(odd) .contentTXT {
		float: left;
		}

	.content:nth-of-type(even) .contentTXT {
		float: right;
		padding: 40px 80px 0 80px;
		}

		.content .contentTXT h2 {
			margin-bottom: 30px;
			font-weight: bold;
			}

		.content .contentTXT p {
			}

		.content .contentTXT h2,
		.content .contentTXT.head p {
			font-size: 18px;
			}

	.content .contentIMG {
		width: 55%;
		}

	.content:nth-of-type(odd) .contentIMG {
		float: right;
		}

	.content:nth-of-type(even) .contentIMG {
		float: left;
		}

		.content .contentIMG p {
			overflow: hidden;
			}

		.slick-prev,
		.slick-next {
			width: 70px;
			height: 70px;
			}

		.slick-prev {
			left: 7.5%;
			}

		.slick-next {
			right: 7.5%;
			}

		.content .contentIMG p,
		.content .contentIMG p img {
			width: 100%;
			height: 100%;
			aspect-ratio: inherit;
			}

		.content .contentIMG p img {
			object-fit: cover;
			}

@media(max-width: 990px){
	.content:last-of-type {
		border-bottom: 0;
		}

		.content h1 {
			display: none;
			}

		.content .contentTXT {
			width: 100%;
			padding: 35px 5%;
			}

		.content:nth-of-type(odd) .contentTXT {
			float: none;
			}

		.content:nth-of-type(even) .contentTXT {
			float: none;
			padding: 35px 5%;
			}

			.content .contentTXT h2 {
				font-size: 18px;
				}
	
			.content .contentTXT.head p {
				font-size: inherit;
				}
	
			.slick-prev,
			.slick-next {
				width: 45px;
				height: 45px;
				}

			.content:nth-of-type(odd) .contentTXT p {
				padding-right: 0;
				}

		.content .contentIMG {
			width: 95%;
			}

		.content:nth-of-type(odd) .contentIMG {
			float: none;
			margin-left: 5%;
			}

		.content:nth-of-type(even) .contentIMG {
			float: none;
			margin-right: 5%;
			}
	
			.content .contentIMG p,
			.content .contentIMG p img {
				aspect-ratio: 4 / 3;
				}
	}

@media(min-width: 1px) and (max-width: 660px){
	}



/* image --------------------------------------------------------------- */
#image {
	margin: 0 60px;
	}

	#image h2 {
		font-size: 20px;
		margin: 0 auto 30px auto;
		padding: 30px 0 0 50px;
		border-top: #d9d9d9 solid 1px;
		}

	#image video {
		width: 100%;
		margin-bottom: 20px;
		}

	#image ul {
		overflow: hidden;
		}

		#image ul li {
			float: left;
			width: 50%;
			}

			#image ul li a {
				width: 100%;
				font-size: 24px;
				padding: 30px 0 30px 60px;
				box-sizing: border-box;
				background-color: #e6efde;
				background-image: url("../../img/guestroom/arrow.png");
				background-position: calc(100% - 30px) 50%;
				background-repeat: no-repeat;
				background-size: auto 50%;
				}

			#image ul li a:first-of-type {
				border-right: #fff solid 2px;
				border-bottom: 0;
				}

				#image ul li a span {
					margin-bottom: 20px;
					font-size: 18px;
					}

@media(max-width: 990px){
	#image {
		margin: 0 auto;
		}

		#image h2 {
			margin: 0 5% 20px 5%;
			padding: 20px 0 0 0;
			text-align: center;
			}

		#image video {
			margin-bottom: 20px;
			}

			#image ul li {
				float: none;
				width: 100%;
				}

				#image ul li a {
					font-size: 18px;
					padding: 15px 0 15px 30px;
					}

				#image ul li a:first-of-type {
					border-right: 0;
					border-bottom: #ffffff solid 1px;
					}

					#image ul li a span {
						margin-bottom: 0px;
						font-size: 10px;
						}
	}

@media(min-width: 1px) and (max-width: 660px){
	}