/* CSS Document */
#top-section1{
	padding-bottom: 2.4%;
}
/*#section1-t{
	width:fit-content;
	margin:auto;
	display: flex;
	flex-direction: row-reverse;
	column-gap: 10%;
	padding-top: 7%;
}

#section1-t h2,#section1-t label{
	writing-mode: vertical-rl; 
	white-space: nowrap;
}
#section1-t h2{
	letter-spacing:-0.01vw;
}
#section1-t label{
	text-orientation: upright; 
	letter-spacing:0.1vw;
	line-height: 3vw;
}*/
#roll-slider{
	/*bottom:25%;*/
	position:relative;
	margin-top: -8%;
	margin-bottom: -8%;
}

#top-news{
	width:70%;
	margin: 2% auto;
	/*background-color:rgba(120,114,114,0.5);*/
	display: flex;
	justify-content: space-between;
	align-items: top;
}
#top-news a{width:30%;}
#top-section1 h3{
	text-align: center;
}

.news-region .icatch{
	aspect-ratio:400/235;
	background-color:white;
	width:100%;
}
.news-flex{
	margin-top: 5%;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.osirase-yajirushi{width:12%;}
#osirase-ichiran{
	width:70%;
	margin: auto;
}
#osirase-content-fit{
	width:fit-content;
	margin: auto 0 auto auto;
	display:flex;
	text-align: right;
	align-items:center;
	justify-content: flex-end;
	column-gap: 4%;
}
#osirase-content-fit p{margin: 0;}
#osirase-content-fit img{width:15%;}


/*****************/
#top-section2{
	padding-top:5%;
	padding-bottom:10%;
}
#top-section2 h2{
	color:#bd934e;
	text-align: center;
	/*margin-top: 5%;*/
	margin-bottom: 3%;
}
#plan-region{
	width:70%;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 5%;
}
.plan-chi{
aspect-ratio:591/878;
	position:relative;
}
.plan-chi h3{
	color:#bd934e;
	margin-top:4%;
	line-height: 2vw;
}
.plan-chi p{
	letter-spacing: -0.01vw;
	line-height: 2vw;
}
.plan-yoyaku{
	width:100%;
	background-color:black;
	padding-top: 1%;
	padding-bottom:1%;
	color:white!important;
	display:flex;
	justify-content: center;
	align-items:center;
	column-gap:5%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.yajirushi-white{
	background-color: black;
    border: solid 1px white;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    margin: 0;
    color: white;
    width: 6.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}


#food,#washitsu,#yumeginga,#bath,#facility,#access{
	width:100%;
	position: relative;
	transition: all 0.3s;
}
#food a:hover,#washitsu a:hover,#yumeginga a:hover,#bath a:hover,#facility a:hover,#access a:hover{
	filter: brightness(0.50)!important;
	opacity: 1;
}
#food h2,#washitsu h2,#yumeginga h2,#bath h2,#facility h2,#access h2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-shadow: 0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
}
.plan-yoyaku label{margin-bottom:0;}

.icatch img{
    width: 100%;
    aspect-ratio: 400 / 235;

  object-fit: cover;


}

@media(max-width:750px){
	#plan-region{
		/*grid-template-columns: 1fr;*/
		width:85%;
		display:block;
	}
	
	#top-section1{
		background-size:contain!important;
		padding-bottom:0;
	}
	
	#top-news{
		display:block;
		width:80%;
	}
	.news-region{
		background-color: #edebe6;
		border: 3px solid black;
		margin-bottom: 5%;
		padding: 5%;
	}
	#osirase-ichiran{
		margin:10% auto auto;
		padding-bottom: 8%;
	}
	.plan-chi{
		aspect-ratio:unset;
		padding-bottom:15%;
		margin-bottom: 10%;
	}
	p,h3{
		line-break: strict;
		font-feature-settings: "palt";
		text-align: justify;
	}
}