@charset "utf-8";



/* @ Base Custom */
.h3-toolbar__item.h3-sns{
	display: none;
}

/* ヘッダー短縮 @ 250404 */
@media (max-width: 768px){
	:root{
		--g3-header-height: 50px;
	}
	.g3s-sitelogo-sh__concept{
		display: none;
	}
	.g3s-sitelogo-sh__icon{
		width: calc(16.66em * .8);
	}
}
/* ヘッダー短縮 */


@media (min-width: 769px){
	.g3-liquid--gallery{
		width: auto;
	}
}



/* @ back button */
.l3-page-back{
	color: inherit;
}
.l3-page-back:not(:hover){
	text-decoration: none;
}
.l3-page-back-footer{
	text-align: center;
	margin: 3.75rem 0;
}



/* @ trans menu */
.l3-trans{
	text-align: center;
	background: #f5f2ed;
	padding: 1.75em;
}



.l3-gallery-cover{
	margin: 3.75rem 0;
}
.l3-gallery-cover__title{
	line-height: 1.33;
	font-size: 1rem;
	font-weight: normal;
	margin: 2.5em 0;
}
.l3-gallery-cover__hotel{
	font-size: 1.875em;
}
.l3-gallery-cover__content{
	font-size: 2.5em;
	font-weight: bold;
}



.l3-gallery-grid__content{
	border-top: 3px solid;
}
@media (min-width: 769px){
	.l3-gallery-grid{
		display: flex;
	}
	.l3-gallery-grid > *{
		box-sizing: border-box;
	}
	.l3-gallery-grid__nav{
		flex: 0 0 30%;
		max-width: 22.5rem;
		margin-right: 5rem;
	}
	.l3-gallery-grid__content{
		flex: 1 1 70%;
		padding-right: 1.25rem;
	}
}



@media (min-width: 769px){
	.l3-gallery-menu{
		line-height: 1.33;
		font-size: 1.25em;
		color: #435259;
		border: solid #B0AFAF;
		border-width: 1px 1px 1px 0;
		border-radius: 0 1rem 1rem 0;
		overflow: hidden;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.l3-gallery-menu__item + .l3-gallery-menu__item{
		border-top: 1px solid #141010;
	}
	.l3-gallery-menu__more{
		font-weight: bold;
		text-decoration: none;
		color: inherit;
		display: block;
		padding: .75em 1.25em;
	}
	.l3-gallery-menu__more:hover,
	.l3-gallery-menu__more.is-active{
		background: #f5f2ed;
	}
}
@media (max-width: 768px){
	.l3-gallery-remocon{
		background: #f5f2ed;
		border: 1px solid #afaeae;
		border-radius: .5rem;
		margin: 2rem 0;
		padding: 1em;
	}
}



.l3-gallery{
	scroll-margin-top: 5.625rem;
	animation: g3-fadein 333ms cubic-bezier(0.33, 1, 0.68, 1);
}
.l3-gallery:not(:target){
	display: none;
}
.l3-gallery > *{
	margin-top: 2.5rem !important;
}



.l3-gallery__list{
	display: grid;
	/* grid-template-columns: repeat(auto-fit, minmax(min(30rem, 100%), 1fr)); */
	/* grid-template-columns: repeat(auto-fit, minmax(min(20.5rem, 100%), 1fr)); */
	grid-template-columns: repeat(auto-fill, minmax(min(20.5rem, 100%), 1fr));
	grid-gap: 2.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.l3-gallery__item{
	
}
.l3-gallery__photo{
	width: 100%;
	aspect-ratio: 1 / .75;
	object-fit: cover;
	border-radius: .5rem;
}



.l3-ttl-gallery{
	font-size: 2.25em;
	font-weight: normal;
}
.g3-note--gallery{
	font-size: 1.125em;
}




/* 観光情報 @ 250829
______________________________ */

.g3-note--gallery ~ *{
	margin-block: 3.75rem 0;
}



.l3-sightsee-banner{
	list-style: none;
	padding-left: 0;
	
	display: grid;
	/* grid-template-columns: repeat(auto-fit, minmax(min(30.75rem, 100%), 1fr)); */
	grid-template-columns: repeat(2, 1fr);
	gap: 3.75em;
}
@media (max-width: 768px){
	.l3-sightsee-banner{
		grid-template-columns: none;
	}
}
.l3-sightsee-banner__item{
	
}
.l3-sightsee-banner__item :any-link{
	color: inherit;
	
	&:hover{
		text-decoration: none;
	}
}
.l3-sightsee-banner__more{
	color: inherit;
	
	&:not(:hover){
		text-decoration: none;
	}
}
.l3-sightsee-banner__image{
	width: 100%;
	margin-bottom: .5em;
}
.l3-ttl-sightsee{
	
}

.loople-sendai{
	border: 3px solid #579718;
	
	font-size: 1.333em;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
	
	max-width: fit-content;
	
	box-sizing: border-box;
	padding: 1.25em;
	
	display: flex;
	align-items: center;
	gap: .625em 1.25em;
}
.loople-sendai > img{
	width: 187px;
}
@media (max-width: 768px){
	.loople-sendai{
		flex-direction: column;
	}
}