@charset "utf-8";

@media screen and (max-width: 1024px) {





	/*index*/
	.index .mainimg {
		height: initial;
	}
	.index_cnt1 h2{
		width: 80%;
	}
	.index_cnt1 .catch span:nth-of-type(1) {
		font-size: 1.4em;
	}
	.index_cnt2 .title::after {
		right: -6rem;
	}
	.index_cnt2 .window {
		width: 100%;
	}
	.index_cnt2 .window::before {
		content: initial;
	}
	.index_cnt2 .window dl {
		display: block;
	}
	.index_cnt2 .window dt {
		width: 100%;
	}
	.index_cnt2 .window dd {
		width: 100%;
	}
	.index_cnt3 .window {
		width: 100%;
		display: block;
		background: rgba(255, 255, 255, 0.7);
	}
	.index_cnt3 .window::before {
		position: initial;
	}
	.index_cnt3 .window .map {
		margin: 0 0 3rem;
	}
	.index_cnt3 .window .access {
		margin: 0 0 3rem;
	}
	.index_cnt3 .window .tel {
		margin: 0 0 3rem;
	}
	.index_cnt4 .catch {
		font-size: 1.8rem !important;
	}
	.index_cnt4 .catch span {
		font-size: 1.4em;
	}
	.index_cnt4 .window {
		width: 100%;
	}
	.index_cnt4 .window .set {
		display: block;
		background: #fff3e8 !important;
		border-radius: 2rem;
		padding: 2rem !important;
	}
	.index_cnt4 .window .set p:has(strong) {
		font-size: initial;
	}
	.index_cnt4 .window .set .time {
		padding: initial;
		margin: 0 auto 2rem;
		position: relative;
	}
	.index_cnt4 .window .set .time::after {
		content: "↓";
		display: block;
		text-align: center;
		position: absolute;
		left: calc(50% - 0.5em);
		font-size: 1.4rem;
	}




	/*room*/
	:is(.room_cnt1, .room_cnt2, .room_cnt3, .room_cnt4) .col2 .left {
		width: 100%;
	}
	:is(.room_cnt1, .room_cnt2, .room_cnt3, .room_cnt4) .col2 .right {
		width: 100%;
	}
	:is(.room_cnt1, .room_cnt2, .room_cnt3, .room_cnt4) .title h3 span {
		display: block;
		width: 100%;
	}
	:is(.room_cnt1, .room_cnt2, .room_cnt3, .room_cnt4) .col2 .left::before {
		content: initial;
	}
	.room_cnt5 .inner>p::before {
		position: initial;
	}
	.room_cnt6 .inner>p::before {
		position: initial;
	}
	.room_cnt8 .window::before {
		content: initial;
	}
	.room_cnt8 .inner .window {
		width: 100%;
	}
	.room_cnt8 .inner .window dl {
		width: 100%;
		display: block;
	}
	.room_cnt8 .inner .window dt {
		width: 100%;
	}
	.room_cnt8 .inner .window dd {
		width: 100%;
	}
	.room_cnt8 .inner .window p strong {
		font-size: 1em;
	}





	/*sightseeing*/
	.sightseeing_cnt1 .grid {
		display: block;
	}
	.sightseeing_cnt1 .grid .set {
		/*padding: 0 0 3rem;
	margin: 0 0 3rem;
	border-bottom: 0.1rem solid #C16D00;*/
		padding: clamp(2rem, 2.08vw, 4rem);
		border-radius: 2rem;
		border: 0.2rem solid #C16D00;
		background: #f9f0e5;
	}
	.sightseeing_cnt1 .grid .set:not(:last-of-type) {
		margin: 0 0 3rem;
	}





	/*reserve*/
	.reserve_cnt1 .inner>.window p em {
		display: block;
	}
	.reserve_cnt2 .set {
		display: block;
		padding: clamp(2rem, 2.08vw, 4rem);
		border-radius: 2rem;
		border: 0.1rem solid #C16D00;
		background: #fff;
	}
	.reserve_cnt2 .set:not(:last-of-type) {
		margin: 0 0 3rem;
	}
	.reserve_cnt2 .set .window {
		display: block;
	}
	.reserve_cnt2 .set .window .price h5 {
		text-align: center;
	}
	.reserve_cnt2 .set .window .price {
		display: block;
		margin: 0 auto 2rem;
	}
	.reserve_cnt2 .set .window .price p {
		text-align: center;
		color: #c16d00;
	}
	.reserve_cnt2 .set .window .price p br {
		display: initial;
	}
	.reserve_cnt2 .set .window .tel {
		margin: 0 auto 2rem;
		background: #fff;
		border-radius: 1rem;
	}
	.reserve_cnt2 .set .window .reserve {
		display: block;
	}
	.reserve_cnt2 .set .window .reserve ul {
		flex-wrap: wrap;
	}


}