/* CSS Document */

#photo{
	position: relative;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin: clamp(32px, calc(48 / 1200 * 100vw), 48px) 0 40px 0;
	&:has(#tab:last-child){
		margin-bottom: unset;
	}
	&>*{
		grid-column: 2;
	}
	& h2{
		justify-self: center;
		display: grid;
		align-items: center;
		grid-row-gap: 8px;
		margin: 0 16px;
		font-weight: 700;
		font-size: clamp(20px, calc(24 / 1200 * 100vw), 24px);
		letter-spacing: 0.2em;
		text-align: center;
		&:before{
			justify-self: center;
			content: "";
			padding-bottom: 8px;
			height: 80px;
			aspect-ratio: 170 / 75;
			-webkit-mask: var(--photo-title) center center no-repeat;
			background: #7EC6C6;
			background: linear-gradient(300deg,rgba(126, 198, 198, 1) 0%, rgba(100, 159, 225, 1) 100%);
		}
	}
	& h2 + div{
		display: flex;
		justify-content: center;
		& a{
			display: grid;
			grid-template-columns: 1fr 20px;
			align-items: center;
			grid-gap: 16px;
			width: min(100%, 320px);
			min-height: 56px;
			margin: auto;
			margin: 16px 0 0;
			padding: 8px 24px;
			border: 1px solid var(--color-theme);
			border-radius: 8px;
			background: #fff;
			color: var(--color-theme);
			font-weight: 700;
			text-align: center;
			text-decoration: none;
			&:after{
				content: "";
				aspect-ratio: 1;
				background: currentColor;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M17.94,9.8s-.01-.02-.02-.03c-.05-.08-.12-.13-.21-.16l-8.93-4.4c-.06-.03-.12-.04-.19-.04-.08,0-.15.02-.22.06-.12.08-.2.21-.2.36v3.94s0,.04.01.05H2.42c-.23,0-.42.19-.42.42,0,.23.19.42.42.42h13.36s-6.77,3.32-6.77,3.32v-1.91c0-.23-.19-.42-.42-.42s-.42.19-.42.42v2.59c0,.15.08.28.2.36.12.08.28.08.41.02l8.98-4.41c.1-.05.16-.13.2-.22,0,0,0,0,0,0,.02-.05.03-.1.03-.15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01,0-.02,0-.04,0-.07-.02-.11,0-.03-.02-.05-.03-.07ZM9.02,9.52v-3.26s6.73,3.32,6.73,3.32h-6.74s.01-.04.01-.05Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				transition: transform 0.2s ease-out;
			}
		}
	}
	& h2+div:not([id]){
		margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
		font-size: clamp(14px, calc(16 / 1200 * 100vw), 16px);
		text-align: center;
		letter-spacing: 0.1em;
		line-height: 2;
		&:has(wbr){
			word-break: keep-all;
		}
	}
	#tab{
		margin-top: 48px;
	}
}

#detail{
/*	margin: clamp(24px, calc(40 / 1200 * 100vw), 40px) 0 clamp(64px, calc(72 / 1200 * 100vw), 72px) 0;*/
	margin: 0 0 clamp(96px, calc(120 / 1200 * 100vw), 120px) 0;
	overflow: hidden;
}

#detailHeader{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin: clamp(40px, calc(56 / 1200 * 100vw), 56px) 0;
	&:has(#detailTable){
		margin-bottom: clamp(96px, calc(120 / 1200 * 100vw), 120px);
	}
	&:has(#detailPhoto){
		margin-top: 0;
	}
	&>*{
		grid-column: 2;
	}
	& h2{
		position: relative;
		display: grid;
		justify-content: center;
		font-weight: 700;
		font-size: clamp(24px, calc(32 / 1200 * 100vw), 32px);
		color: var(--color-theme);
		letter-spacing: 0.1em;
		&:after{
			grid-row: 2;
			content: "";
			width: 100%;
			height: 20px;
			background: var(--color-theme);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M1.54,7.8c-.41,0-.8-.15-1.08-.45-.3-.29-.45-.68-.45-1.09,0-.1.01-.2.03-.3.02-.1.04-.19.08-.29.04-.09.09-.18.14-.27.06-.08.12-.16.19-.23.57-.57,1.61-.57,2.17,0,.07.07.13.15.18.23.06.08.1.17.14.27.04.09.07.18.09.29.02.09.03.19.03.3,0,.41-.16.8-.45,1.09s-.68.45-1.08.45ZM14.89,7.8h0c.85,0,1.54-.69,1.54-1.54h0c0-.85-.69-1.54-1.54-1.54h0c-.85,0-1.54.69-1.54,1.54s.69,1.54,1.54,1.54ZM8.22,7.8h0c.84,0,1.54-.69,1.54-1.54h0c0-.85-.7-1.54-1.54-1.54h0c-.85,0-1.55.69-1.55,1.54s.7,1.54,1.55,1.54ZM2.12,15.4c.18-.08.36-.19.5-.34.14-.14.26-.31.33-.5.08-.18.12-.38.12-.58,0-.4-.16-.8-.45-1.08-.07-.07-.15-.13-.24-.19-.08-.05-.17-.1-.27-.14-.09-.03-.18-.06-.29-.08-.19-.04-.4-.04-.6,0-.09.02-.19.05-.29.08-.09.04-.17.09-.27.14-.08.06-.15.12-.23.19-.29.29-.45.69-.45,1.08s.15.8.45,1.09c.29.29.68.45,1.08.45.2,0,.4-.04.58-.11ZM14.89,15.52h0c.85,0,1.54-.69,1.54-1.54h0c0-.85-.69-1.54-1.54-1.54h0c-.85,0-1.54.69-1.54,1.54s.69,1.54,1.54,1.54ZM8.21,15.52h0c.85,0,1.55-.69,1.55-1.54h0c0-.85-.7-1.54-1.55-1.54h0c-.84,0-1.52.69-1.52,1.54s.69,1.54,1.52,1.54Z"/></svg>');
		}
	}
	& h2+div{
		margin-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
	}
	.fr-view{
		letter-spacing: 0.1em;
	}
	#detailPhoto{
		margin-bottom: clamp(40px, calc(56 / 1200 * 100vw), 56px);
		}
	#detailTable{
		margin-top: clamp(40px, calc(56 / 1200 * 100vw), 56px);
	}
}

#detailTable{
	justify-self: center;
	display: grid;
	width: min(100%, 600px);
/*	padding: clamp(24px, calc(32 / 1200 * 100vw), 32px);*/
	background: #fff;
	border: 1px solid var(--color-theme);
	border-radius: 8px;
	& h3{
		position: relative;
		display: grid;
        grid-template-columns: 20px auto;
        justify-content: center;
        align-items: center;
		grid-gap: 8px;
		min-height: 48px;
		border-bottom: 1px solid currentColor;
		color: var(--color-theme);
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-align: center;
		&:before{
			content: "";
			aspect-ratio: 1;
			background: currentColor;
			transform: translateY(-1px);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20	20"><path d="M16.54,18.83c-.11,0-.23-.03-.33-.08l-6.21-3.04-6.21,3.04c-.23.11-.51.1-.73-.04-.22-.14-.35-.38-.35-.64V3.66c0-1.37,1.11-2.48,2.48-2.48h9.61c1.37,0,2.48,1.11,2.48,2.48v1.45c0,.41-.34.75-.75.75s-.75-.34-.75-.75v-1.45c0-.54-.44-.98-.98-.98H5.2c-.54,0-.98.44-.98.98v13.22l5.46-2.67c.21-.1.45-.1.66,0l5.46,2.67v-7.78c0-.41.34-.75.75-.75s.75.34.75.75v8.98c0,.26-.13.5-.35.64-.12.08-.26.11-.4.11Z"/></svg>');
		}
	}
	& h3+div{
		margin: clamp(24px, calc(32 / 1200 * 100vw), 32px) 0;
	}
	& ul{
		display: grid;
		grid-gap: 8px;
		margin: 0 clamp(16px, calc(24 / 1200 * 100vw), 24px);
		&>li:nth-child(n+6){
			display: none;
		}
		& span {
			display: inherit;
			grid-gap: inherit;
		}
	}
	& a{
		display: grid;
		grid-template-columns: 20px 1fr;
		grid-gap: 8px;
		color: inherit;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.1em;
		text-decoration: none;
		&:before{
			content: "";
			aspect-ratio: 1;
			background: var(--color-theme);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20	20"><path d="M10,16.93L2,3.07h16l-8,13.85Z"/></svg>');
			transform: scale(0.7);
		}
	}
	& menu{
		all: unset;
		display: grid;
		grid-template-columns: auto 12px;
		justify-content: center;
		align-items: center;
		grid-gap: 8px;
		min-height: 40px;
		padding: 0 16px;
		color: #fff;
		font-weight: 700;
		font-size: 14px;
		text-align: center;
		background: var(--color-theme);
		cursor: pointer;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		&:after {
			content: "";
			aspect-ratio: 1;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20	20"><path d="M10,16.93L2,3.07h16l-8,13.85Z"/></svg>');
		}
		&.open:after{
			transform: scale(1, -1);
		}
	}
}

#detailPhoto{
	grid-column: 1 / 4;
	grid-row: 1;
	display: grid;
	&>*{
		grid-column: 1;
		grid-row: 1;
	}
	& img{
		height: min(66.67vw, 560px);
		object-fit: cover;
	}
	& figcaption{
		align-self: end;
		padding: 24px;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
		color: #fff;
		&:empty{
			display: none;
		}
	}
}

#detailArticle{
	& section{
		display: grid;
/*		grid-template-columns: 1fr min(var(--wrap-fit), 960px) 1fr;*/
		grid-template-columns: 1fr var(--wrap) 1fr;
		margin-top: clamp(56px, calc(96 / 1200 * 100vw), 92px);
		overflow: hidden;
		&:not(:first-child){
/*			&:has(h3){
				margin-top: clamp(96px, calc(120 / 1200 * 100vw), 120px);
			}*/
		}
		&>*:not(.map){
			grid-column: 2;
		}
/*		@media (min-width: 992px) {
			margin-top: 92px;
		}*/
		& h3+*{
			margin-top: 16px;
		}
	}
}

#detailShare{
	margin-top: clamp(96px, calc(120 / 1200 * 100vw), 120px);
	& h3{
		color: var(--color-theme);
		font-weight: 700;
		font-size: clamp(16px, calc(20 / 1200 * 100vw), 20px);
		letter-spacing: 0.2em;
		text-align: center;
		text-transform: uppercase;
	}
	& h3+div{
		margin-top: 24px;
	}
	& ul{
		display: flex;
		justify-content: center;
		grid-gap: 24px;
	}
	& li{
		display: contents;
	}
	& a{
		display: block;
		aspect-ratio: 1;
		width: 48px;
		font-size: 0;
		background: var(--color);
		&[href*="line.me"]{
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M13.58,12.07h-.82c-.13,0-.23.1-.23.23v5.08c0,.12.1.23.23.23h.82c.13,0,.23-.1.23-.23v-5.08c0-.12-.1-.23-.23-.23ZM11.61,16.33h-2.22v-4.03c0-.13-.1-.23-.23-.23h-.82c-.13,0-.23.1-.23.23v5.08h0c0,.06.02.12.06.16,0,0,0,0,0,0,0,0,0,0,0,0,.04.04.1.06.16.06h3.27c.13,0,.23-.1.23-.23v-.82c0-.13-.1-.23-.23-.23ZM19.21,12.07h-.82c-.13,0-.23.1-.23.23v3.02l-2.33-3.14s-.01-.02-.02-.02h0s0-.01-.01-.02c0,0,0,0,0,0,0,0,0,0-.01-.01,0,0,0,0,0,0h-.01s0-.01,0-.01c0,0,0,0-.01,0,0,0,0,0,0,0,0,0,0,0-.01,0,0,0,0,0,0,0,0,0,0,0-.01,0,0,0,0,0,0,0,0,0,0,0-.01,0,0,0,0,0,0,0,0,0,0,0-.01,0,0,0,0,0-.01,0,0,0,0,0,0,0h-.82c-.13,0-.23.1-.23.23v5.08c0,.12.1.23.23.23h.82c.13,0,.23-.1.23-.23v-3.02l2.33,3.15s.04.04.06.06c0,0,0,0,0,0,0,0,0,0,.01,0,0,0,0,0,0,0,0,0,0,0,.01,0,0,0,0,0,.01,0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,0,0,.02,0,.04,0,.06,0h.82c.13,0,.23-.1.23-.23v-5.08c0-.12-.1-.23-.23-.23ZM23.72,12.07h-3.27c-.06,0-.12.02-.16.06,0,0,0,0,0,0,0,0,0,0,0,0-.04.04-.06.1-.06.16h0v5.08h0c0,.06.02.12.06.16,0,0,0,0,0,0,0,0,0,0,0,0,.04.04.1.06.16.06h3.27c.13,0,.23-.1.23-.23v-.82c0-.13-.1-.23-.23-.23h-2.22v-.86h2.22c.13,0,.23-.1.23-.23v-.82c0-.13-.1-.23-.23-.23h-2.22v-.86h2.22c.13,0,.23-.1.23-.23v-.82c0-.13-.1-.23-.23-.23ZM25,0H7C3.13,0,0,3.13,0,7v18c0,3.87,3.13,7,7,7h18c3.87,0,7-3.13,7-7V7c0-3.87-3.13-7-7-7ZM25.1,20.41c-2.44,2.81-7.91,6.24-9.15,6.76-1.24.52-1.06-.33-1.01-.63.03-.18.17-1,.17-1,.04-.3.08-.76-.04-1.05-.13-.32-.65-.49-1.03-.57-5.6-.74-9.74-4.65-9.74-9.33,0-5.21,5.23-9.45,11.65-9.45s11.65,4.24,11.65,9.45c0,2.09-.81,3.97-2.5,5.82h0Z"/></svg>') no-repeat center / 40px;
		}
		&[href*="x.com"]{
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M18.78,13.71L29.66,1.07h-2.58l-9.45,10.98L10.09,1.07H1.39l11.41,16.6L1.39,30.93h2.58l9.98-11.6,7.97,11.6h8.7l-11.83-17.22h0ZM15.25,17.82l-1.16-1.65L4.89,3.01h3.96l7.42,10.62,1.16,1.65,9.65,13.8h-3.96l-7.87-11.26h0Z"/></svg>') no-repeat center / 40px;
		}
		&[href*="facebook.com"]{
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M32,16C32,7.16,24.84,0,16,0S0,7.16,0,16c0,7.99,5.85,14.61,13.5,15.81v-11.18h-4.06v-4.62h4.06v-3.52c0-4.01,2.39-6.23,6.04-6.23,1.75,0,3.58.31,3.58.31v3.94h-2.02c-1.99,0-2.61,1.23-2.61,2.5v3h4.44l-.71,4.62h-3.73v11.18c7.65-1.2,13.5-7.82,13.5-15.81Z"/></svg>') no-repeat center / 40px;
		}
	}
}

#recommend{
	grid-column: 1 / 4;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-row-gap: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	padding: clamp(48px, calc(64 / 1200 * 100vw), 64px) 0 clamp(96px, calc(120 / 1200 * 100vw), 120px) 0;
	overflow: hidden;
	&>*{
		grid-column: 2;
	}
	& h2{
		display: grid;
		grid-template-columns: 8px 1fr;
		grid-column-gap: 16px;
		align-items: center;
		padding: 8px 8px 8px 0;
		font-weight: 700;
		font-size: clamp(18px, calc(20 / 1200 * 100vw), 20px);
		letter-spacing: 0.05em;
		border-top-right-radius: 20px;
		background: var(--color-gr);
		&:before{
			content: "";
			width: 4px;
			height: calc(100% + 16px);
			background: var(--color-theme);
		}
	}
	& dl{
		position: relative;
		display: grid;
		align-content: start;
		grid-row-gap: 16px;
		&:not(:has(img)):before{
			content: "";
			aspect-ratio: 1 / 0.667;
			border-radius: 8px;
			background: var(--dummy);
		}
	}
	& dt{
		font-weight: 700;
		letter-spacing: 0.025em;
	}
	& dd{
		&:has(img){
			order: -1;
		}
		&:has(a){
			display: contents;
		}
		& img{
			aspect-ratio: 1 / 0.667;
			object-fit: cover;
			border-radius: 8px;
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	.slide{
		grid-column: 1 / 4;
		display: grid;
		grid-template-columns: 40px auto 40px;
		justify-self: center;
		align-items: center;
		grid-gap: 16px;
		width: min(var(--wrap-fit), 1140px);
		@media (min-width: 1200px) {
			width: min(var(--wrap-fit), calc(1140px + 108px));
		}
		&[lsc-lb="List"]{
			display: none;
		}
		&:not(.slick-initialized){
			grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
		}
		&:before{
			content: "";
			grid-column: 2;
			grid-row: 1;
			aspect-ratio: 1 / 0.667;
			@media (min-width: 576px) {
				width: calc(50% - 16px);
			}
			@media (min-width: 768px) {
				width: calc(33.33% - 16px);
			}
			@media (min-width: 1200px) {
				width: calc(25% - 16px);
			}
		}
	}
	.slick-list{
		grid-column: 2;
		grid-row: 1 / 3;
		margin: 0 -8px;
		&:only-child{
			.slick-track{
				transform: unset !important;
				margin: 0 auto !important;
			}
		}
		@media (max-width: 767.98px) {
		}
	}
	.slick-slide{
		margin: 0 8px;
	}
	.slick-arrow{
		all: unset;
		box-sizing: border-box;
		align-self: center;
		/* justify-self: center; */
		position: relative;
		aspect-ratio: 1;
		width: 40px;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 100%;
		font-size: 0;
		cursor: pointer;
		z-index: 1;
		&:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			aspect-ratio: 1;
			background: var(--color-theme) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M17.94,9.8s-.01-.02-.02-.03c-.05-.08-.12-.13-.21-.16l-8.93-4.4c-.06-.03-.12-.04-.19-.04-.08,0-.15.02-.22.06-.12.08-.2.21-.2.36v3.94s0,.04.01.05H2.42c-.23,0-.42.19-.42.42,0,.23.19.42.42.42h13.36s-6.77,3.32-6.77,3.32v-1.91c0-.23-.19-.42-.42-.42s-.42.19-.42.42v2.59c0,.15.08.28.2.36.12.08.28.08.41.02l8.98-4.41c.1-.05.16-.13.2-.22,0,0,0,0,0,0,.02-.05.03-.1.03-.15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01,0-.02,0-.04,0-.07-.02-.11,0-.03-.02-.05-.03-.07ZM9.02,9.52v-3.26s6.73,3.32,6.73,3.32h-6.74s.01-.04.01-.05Z"/></svg>') center no-repeat;
			background-size: 24px;
			border-radius: 100%;
		}
	}
	.slick-prev{
		grid-column: 1;
		grid-row: 1;
		justify-self: end;
		&:before{
			transform: scale(-1, 1);
		}
	}
	.slick-next{
		grid-column: 3;
		grid-row: 1;
	}
	.slick-dots{
		grid-column: 2;
		grid-row: 2;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		grid-gap: 16px clamp(24px, calc(32 / 1200 * 100vw), 32px);
		&:has(li:only-child){
			display: none;
		}
		& li{
			aspect-ratio: 1;
			width: 8px;
			border-radius: 100%;
			border: 1px solid currentColor;
			overflow: hidden;
			cursor: pointer;
			&.slick-active{
				background: currentColor;
				transform: scale(2);
			}
		}
		& button{
			visibility: hidden;
		}
	}
}

#tab{
	grid-column: 1 / 4;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin-top: 24px;
	border-bottom: 2px solid var(--color-theme);
	@media (min-width: 992px){
		margin-top: clamp(40px, calc(56 / 1200 * 100vw), 56px);
	}
	& ul{
		grid-column: 2;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		justify-self: center;
		column-gap: clamp(16px, calc(32 / 1200 * 100vw), 32px);
		width: min(100%, 672px);
		&:has(li:nth-child(3)){
			grid-template-columns: repeat(3, 1fr);
		}
		&:has(li:nth-child(4)){
			grid-template-columns: repeat(4, 1fr);
		}
	}
	& li{
		display: contents;
		& a{
			display: grid;
			align-items: center;
			min-height: 56px;
			padding: 8px;
			font-weight: 700;
			font-size: clamp(14px, calc(20 / 1200 * 100vw), 20px);
			letter-spacing: 0.1em;
			text-align: center;
			text-decoration: none;
			color: #fff;
			background: #ccc;
			border-radius: 20px 20px 0 0;
			.select &{
				background: var(--color-theme);
				border-color: transparent;
				color: #fff;
				pointer-events: none;
			}
			&:has(wbr){
				word-break: keep-all;
				overflow-wrap: anywhere;
			}
		}
	}
}

.title{
	position: relative;
	display: grid;
	grid-template-columns: 24px 1fr;
	justify-self: start;
	grid-gap: 6px;
	min-height: 64px;
	margin-bottom: clamp(4px, calc(24 / 1200 * 100vw), 24px);
	padding: 8px 0;
	width: 100%;
	font-weight: 700;
	font-size: clamp(20px, calc(24 / 1200 * 100vw), 24px);
	letter-spacing: 0.1em;
	&:before, &:after{
		content: "";
	}
	&:before{
		aspect-ratio: 1;
		background: var(--color-theme);
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.77,3.5c-.41,0-.78-.16-1.07-.44-.14-.14-.25-.31-.32-.49-.08-.18-.11-.37-.11-.57,0-.1,0-.2.02-.3.02-.09.05-.19.09-.28.04-.09.08-.17.14-.26.05-.08.12-.16.18-.22.56-.56,1.57-.56,2.13,0,.06.06.13.14.18.22.06.09.1.17.14.26.04.09.07.19.09.28.02.1.03.2.03.3,0,.2-.04.39-.12.57-.07.18-.18.35-.32.49-.29.28-.67.44-1.06.44ZM13.77,14.17h0c.82,0,1.49-.68,1.49-1.51h0c0-.82-.67-1.5-1.49-1.5h0c-.83,0-1.51.68-1.51,1.5s.68,1.51,1.51,1.51ZM13.77,8.83h0c.82,0,1.49-.67,1.49-1.5h0c0-.83-.67-1.5-1.49-1.5h0c-.83,0-1.51.67-1.51,1.5s.68,1.5,1.51,1.5ZM14.83,19.06c.28-.28.44-.66.44-1.06,0-.1-.01-.2-.03-.3-.02-.09-.05-.19-.09-.28-.04-.09-.08-.17-.14-.26-.05-.08-.11-.15-.18-.22-.35-.35-.87-.51-1.36-.41-.09.02-.19.05-.28.08-.09.04-.18.09-.26.14-.08.06-.16.12-.22.19-.07.07-.14.14-.19.22-.06.09-.1.17-.14.26-.04.09-.07.19-.09.28-.01.1-.02.2-.02.3,0,.4.15.78.44,1.06.28.28.66.44,1.06.44s.77-.16,1.06-.44ZM7.29,3.06c.28-.29.44-.66.44-1.06,0-.1-.01-.2-.03-.3-.02-.09-.05-.19-.09-.28-.03-.09-.08-.17-.13-.26-.06-.08-.12-.16-.19-.22-.07-.07-.15-.14-.23-.19-.08-.05-.17-.1-.26-.14s-.18-.07-.28-.08c-.48-.1-1,.06-1.35.41-.07.06-.13.14-.19.22-.05.09-.1.17-.14.26-.04.09-.06.19-.08.28-.02.1-.03.2-.03.3,0,.4.15.77.44,1.06.14.14.3.25.48.32.19.08.38.12.58.12.4,0,.77-.16,1.06-.44ZM6.23,14.17h0c.83,0,1.5-.68,1.5-1.51h0c0-.82-.67-1.5-1.5-1.5h0c-.83,0-1.5.68-1.5,1.5s.67,1.51,1.5,1.51ZM6.23,8.83h0c.83,0,1.5-.67,1.5-1.5h0c0-.83-.67-1.5-1.5-1.5h0c-.83,0-1.5.67-1.5,1.5s.67,1.5,1.5,1.5ZM7.29,19.06c.28-.29.44-.66.44-1.06,0-.1-.01-.2-.03-.3-.02-.09-.05-.19-.09-.28-.03-.09-.08-.17-.13-.26-.06-.08-.12-.15-.19-.22-.35-.35-.87-.51-1.36-.41-.09.02-.19.05-.28.08-.09.04-.17.09-.26.14-.08.06-.15.12-.22.19s-.13.14-.19.22c-.05.09-.1.17-.14.26-.03.09-.06.19-.08.28-.02.1-.03.2-.03.3,0,.4.15.77.44,1.06.28.28.66.44,1.06.44s.77-.16,1.06-.44Z"/></svg>');
		transform: translateY(clamp(2px, calc(4 / 1200 * 100vw), 4px));
	}
	&:after{
		grid-column: 1 / 3;
		width: 100%;
		height: 1px;
		background: var(--color-theme);
	}
}

.photos{
	justify-self: center;
	display: grid;
/*	grid-template-columns: 1fr auto 1fr;*/
	grid-template-columns: auto minmax(0, 1fr) auto;
	grid-gap: clamp(16px, calc(24 / 1200 * 100vw), 24px);
	width: 100%;
/*	width: min(calc(100% - clamp(16px, calc(32 / 1200 * 100vw), 32px)), calc(816px + clamp(64px, calc(120 / 1200 * 100vw), 120px)));*/
/*	margin-top: clamp(48px, calc(72 / 1200 * 100vw), 72px);*/
	&>div{
		display: contents;
	}
	&:not(:has(.photoSlideNav)) dl {
		grid-column: 1 / 4;
		grid-row: 1;
		align-items: center;
	}
	& dl{
		grid-column: 2;
		grid-row: 1;
		display: grid;
		grid-row-gap: 16px;
/*		margin: 0 16px;*/
		&:nth-child(n+2){
			display: none;
		}
	}
	& dt{
		order: 1;
		justify-content: center;
		font-size: clamp(14px, calc(16 / 1200 * 100vw), 16px);
		letter-spacing: 0.05em;
		text-align: center;
	}
	& dd{
		& a{
			display: block;
		}
		& img{
			aspect-ratio: 1 / 0.667;
			object-fit: cover;
			border-radius: 20px;
		}
	}
	.slick-list{
		grid-column: 1 / 4;
		grid-row: 1;
		align-items: center;
	}
	.slick-arrow{
		grid-column: 3;
		grid-row: 2;
		all: unset;
		box-sizing: border-box;
		align-self: center;
/*		justify-self: center;*/
		position: relative;
		aspect-ratio: 1;
		width: 32px;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 100%;
		font-size: 0;
		cursor: pointer;
		z-index: 1;
		&:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			aspect-ratio: 1;
			background: var(--color-theme) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M17.94,9.8s-.01-.02-.02-.03c-.05-.08-.12-.13-.21-.16l-8.93-4.4c-.06-.03-.12-.04-.19-.04-.08,0-.15.02-.22.06-.12.08-.2.21-.2.36v3.94s0,.04.01.05H2.42c-.23,0-.42.19-.42.42,0,.23.19.42.42.42h13.36s-6.77,3.32-6.77,3.32v-1.91c0-.23-.19-.42-.42-.42s-.42.19-.42.42v2.59c0,.15.08.28.2.36.12.08.28.08.41.02l8.98-4.41c.1-.05.16-.13.2-.22,0,0,0,0,0,0,.02-.05.03-.1.03-.15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01,0-.02,0-.04,0-.07-.02-.11,0-.03-.02-.05-.03-.07ZM9.02,9.52v-3.26s6.73,3.32,6.73,3.32h-6.74s.01-.04.01-.05Z"/></svg>') center no-repeat;
			background-size: 24px;
			border-radius: 100%;
		}
	}
	.slick-prev{
		grid-column: 1;
		grid-row: 2;
		&:before{
			transform: scale(-1, 1);
		}
	}
	.photoSlideNav{
		& dl{
			margin: 0 4px;
		}
		& dt{
			display: none;
		}
		& button{
			display: none !important;
		}
		& .slick-track{
/*			margin-left: auto;
			margin-right: auto;*/
		}
		& .slick-list{
			grid-column: 2;
			grid-row: 2;
		}
		& .slick-list:only-child .slick-track {
			/*.photoSlideNav の動きを止める*/
			transform: none !important;
		}
		& img{
			border-radius: 4px;
		}
	}
/*	.slick-dots{
		grid-row: 2;
		grid-column: 2;
		margin-top: ;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		grid-gap: 16px 24px;
		margin: 0 16px;
		&:has(li:only-child){
			display: none;
		}
		& li{
			aspect-ratio: 1;
			width: 10px;
			background: #ede55a;
			border-radius: 100%;
			cursor: pointer;
			overflow: hidden;
			&.slick-active{
				background: var(--color-theme);
			}
		}
		& button{
			visibility: hidden;
		}
	}*/
	@media (min-width: 576px) {
		grid-gap: 24px;
		&:before{
/*			content: "";*/
			grid-column: 2;
			grid-row: 1;
			aspect-ratio: 1 / 0.667;
/*			margin: 0 clamp(32px, calc(60 / 1200 * 100vw), 60px);*/
		}
		& dl{
/*			margin: 0 clamp(32px, calc(60 / 1200 * 100vw), 60px);*/
		}
		.slick-list{
/*			grid-column: 2;
			grid-row: 1 / 3;*/
			
		}
/*		.slick-dots{
			grid-column: 1 / 4;
			grid-row: 3;
		}*/
	}
}

.text{
	justify-self: center;
	width: 100%;
	margin-top: clamp(40px, calc(56 / 1200 * 100vw), 56px);
	}

.columnLeft,
.columnRight{
	display: grid;
	grid-gap: clamp(40px, calc(56 / 1200 * 100vw), 56px) clamp(40px, calc(56 / 1200 * 100vw), 56px);
	grid-column: 2;
	margin-top: clamp(32px, calc(72 / 1200 * 100vw), 48px);
	@media (min-width: 768px) {
/*		grid-column: 1 / 4 !important;*/
		justify-self: center;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
/*		width: min(var(--wrap-fit), 1200px);*/
		.photos{
			width: 100%;
			grid-template-columns: auto 1fr auto;
			align-self: start;
			&:before{
				grid-column: 1 / 4;
				margin: 0 8px;
			}
			& dl{
				margin: 0 8px;
			}
			.slick-list{
				grid-column: 1 / 4;
				grid-row: 1;
				margin: 0 -8px;
				overflow: hidden;
			}
			.slick-prev{
				grid-column: 1;
				grid-row: 2;
			}
			.slick-next{
				grid-column: 3;
				grid-row: 2;
			}
			.slick-dots{
				grid-column: 2;
				grid-row: 2;
			}
		}
	}
	.photos,
	.text{
		grid-column: 1;
		margin-top: unset;
	}
}

.columnLeft{
	@media (min-width: 768px) {
		.text{
			grid-column: 2;
		}
		.photos{
			order: -1;
			grid-column: 1;
		}
	}
}

.columnRight{
	@media (min-width: 768px) {
		.text{
			order: -1;
			grid-column: 1;
		}
		.photos{
			grid-column: 2;
		}
	}
}

.links{
	justify-self: center;
	width: min(100%, 956px);
	margin-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
	& h3{
		display: none;
	}
	& ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		grid-gap: 16px 32px;
		&[lsc-lb="List"]{
			display: none;
		}
	}
	& li{
		display: contents;
	}
	& a{
		display: grid;
		grid-template-columns: 1fr 20px;
		align-items: center;
		grid-gap: 16px;
		width: min(100%, 280px);
		min-height: 56px;
		margin: auto;
		padding: 8px 24px;
		border: 1px solid var(--color-theme);
		border-radius: 12px;
		background: #fff;
		color: var(--color-theme);
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		&:after{
			content: "";
			aspect-ratio: 1;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M17.94,9.8s-.01-.02-.02-.03c-.05-.08-.12-.13-.21-.16l-8.93-4.4c-.06-.03-.12-.04-.19-.04-.08,0-.15.02-.22.06-.12.08-.2.21-.2.36v3.94s0,.04.01.05H2.42c-.23,0-.42.19-.42.42,0,.23.19.42.42.42h13.36s-6.77,3.32-6.77,3.32v-1.91c0-.23-.19-.42-.42-.42s-.42.19-.42.42v2.59c0,.15.08.28.2.36.12.08.28.08.41.02l8.98-4.41c.1-.05.16-.13.2-.22,0,0,0,0,0,0,.02-.05.03-.1.03-.15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01,0-.02,0-.04,0-.07-.02-.11,0-.03-.02-.05-.03-.07ZM9.02,9.52v-3.26s6.73,3.32,6.73,3.32h-6.74s.01-.04.01-.05Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			transition: transform 0.2s ease-out;
		}
	}
}

.documents{
	justify-self: center;
	display: grid;
	width: min(100%, 720px);
	margin-top: clamp(32px, calc(72 / 1200 * 100vw), 48px);
	& h4{
		position: relative;
		display: grid;
		grid-template-columns: 20px 1fr;
		align-items: center;
		grid-gap: 6px;
		margin-bottom: 16px;
		font-weight: 700;
		letter-spacing: 0.05em;
		&:before{
			content: "";
			aspect-ratio: 1;
			background: var(--color-theme);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13.77,3.5c-.41,0-.78-.16-1.07-.44-.14-.14-.25-.31-.32-.49-.08-.18-.11-.37-.11-.57,0-.1,0-.2.02-.3.02-.09.05-.19.09-.28.04-.09.08-.17.14-.26.05-.08.12-.16.18-.22.56-.56,1.57-.56,2.13,0,.06.06.13.14.18.22.06.09.1.17.14.26.04.09.07.19.09.28.02.1.03.2.03.3,0,.2-.04.39-.12.57-.07.18-.18.35-.32.49-.29.28-.67.44-1.06.44ZM13.77,14.17h0c.82,0,1.49-.68,1.49-1.51h0c0-.82-.67-1.5-1.49-1.5h0c-.83,0-1.51.68-1.51,1.5s.68,1.51,1.51,1.51ZM13.77,8.83h0c.82,0,1.49-.67,1.49-1.5h0c0-.83-.67-1.5-1.49-1.5h0c-.83,0-1.51.67-1.51,1.5s.68,1.5,1.51,1.5ZM14.83,19.06c.28-.28.44-.66.44-1.06,0-.1-.01-.2-.03-.3-.02-.09-.05-.19-.09-.28-.04-.09-.08-.17-.14-.26-.05-.08-.11-.15-.18-.22-.35-.35-.87-.51-1.36-.41-.09.02-.19.05-.28.08-.09.04-.18.09-.26.14-.08.06-.16.12-.22.19-.07.07-.14.14-.19.22-.06.09-.1.17-.14.26-.04.09-.07.19-.09.28-.01.1-.02.2-.02.3,0,.4.15.78.44,1.06.28.28.66.44,1.06.44s.77-.16,1.06-.44ZM7.29,3.06c.28-.29.44-.66.44-1.06,0-.1-.01-.2-.03-.3-.02-.09-.05-.19-.09-.28-.03-.09-.08-.17-.13-.26-.06-.08-.12-.16-.19-.22-.07-.07-.15-.14-.23-.19-.08-.05-.17-.1-.26-.14s-.18-.07-.28-.08c-.48-.1-1,.06-1.35.41-.07.06-.13.14-.19.22-.05.09-.1.17-.14.26-.04.09-.06.19-.08.28-.02.1-.03.2-.03.3,0,.4.15.77.44,1.06.14.14.3.25.48.32.19.08.38.12.58.12.4,0,.77-.16,1.06-.44ZM6.23,14.17h0c.83,0,1.5-.68,1.5-1.51h0c0-.82-.67-1.5-1.5-1.5h0c-.83,0-1.5.68-1.5,1.5s.67,1.51,1.5,1.51ZM6.23,8.83h0c.83,0,1.5-.67,1.5-1.5h0c0-.83-.67-1.5-1.5-1.5h0c-.83,0-1.5.67-1.5,1.5s.67,1.5,1.5,1.5ZM7.29,19.06c.28-.29.44-.66.44-1.06,0-.1-.01-.2-.03-.3-.02-.09-.05-.19-.09-.28-.03-.09-.08-.17-.13-.26-.06-.08-.12-.15-.19-.22-.35-.35-.87-.51-1.36-.41-.09.02-.19.05-.28.08-.09.04-.17.09-.26.14-.08.06-.15.12-.22.19s-.13.14-.19.22c-.05.09-.1.17-.14.26-.03.09-.06.19-.08.28-.02.1-.03.2-.03.3,0,.4.15.77.44,1.06.28.28.66.44,1.06.44s.77-.16,1.06-.44Z"/></svg>');
		}
	}
	& h4+div{
		width: 100%;
	}
	& ul{
		display: grid;
		grid-gap: 16px;
		&[lsc-lb="List"]{
			display: none;
		}
	}
	& li{
		display: contents;
	}
	& a{
		display: grid;
		grid-template-columns: 1fr 20px;
		justify-content: start;
		align-items: center;
		column-gap: 16px;
		padding: 4px 8px;
		color: inherit;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.1em;
		text-decoration: none;
		background: var(--color-theme-bg);
		&:after{
			content: "";
			aspect-ratio: 1;
			background: var(--color-theme);
			transform: translateY(-0.1em);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.44,11.94c-.26-.26-.26-.68,0-.94s.68-.26.94,0l1.94,1.94V2.67c0-.37.3-.67.67-.67s.67.3.67.67v10.28s1.95-1.95,1.95-1.95c.25-.23.64-.23.9,0,.27.25.29.67.05.94l-2.14,2.14s0,0,0,0c-.78.78-2.05.78-2.83,0l-2.14-2.14ZM17.33,12.67c-.37,0-.67.3-.67.67v2.67c0,.37-.3.67-.67.67H4c-.37,0-.67-.3-.67-.67v-2.67c0-.37-.3-.67-.67-.67-.37,0-.67.3-.67.67v2.67c0,1.1.9,2,2,2h12c1.1,0,2-.9,2-2v-2.67c0-.37-.3-.67-.67-.67Z"/></svg>') no-repeat center / contain;
		}
	}
}

.movie{
	display: grid;
	grid-row-gap: clamp(56px, calc(64 / 1200 * 100vw), 64px);
	margin-top: clamp(56px, calc(64 / 1200 * 100vw), 64px);
	& iframe{
		order: 1;
		justify-self: center;
		aspect-ratio: 16 / 9;
		width: min(100%, 720px);
		height: auto;
		border-radius: 8px;
		&.short{
			aspect-ratio: 9 / 16;
			@media (max-width: 767.98px) {
				width: min(100%, 480px);
				height: auto  !important;
			}
			@media (min-width: 768px) {
				width: auto;
			}
		}
	}
	.fr-view{
		letter-spacing: 0.1em;
	}
}

.articles{
	grid-column: 2;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	grid-gap: clamp(48px, calc(64 / 1200 * 100vw), 64px) clamp(32px, calc(48 / 1200 * 100vw), 48px);
	margin-top: clamp(32px, calc(72 / 1200 * 100vw), 48px);
	&:has(dl:nth-child(3)){
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	}
	& dl{
		position: relative;
		display: grid;
		align-content: start;
		grid-gap: 8px;
		grid-template-rows: auto auto 1fr;
		&:not(:has(img)){
			grid-template-rows: auto 1fr;
		}
	}
	& dt{
		font-weight: 700;
		letter-spacing: 0.05em;
	}
	& dd{
		font-size: 14px;
		letter-spacing: 0.05em;
		&:has(img){
			order: -1;
			margin-bottom: 8px;
		}
		&:has(a){
			display: flex;
			justify-content: center;
			margin-top: 16px;
		}
		& img{
			aspect-ratio: 1 / 0.667;
			object-fit: cover;
			border-radius: 8px;
		}
		& a{
			display: grid;
			grid-template-columns: 1fr 20px;
			align-items: center;
			grid-gap: 16px;
			width: min(80%, 200px);
			min-height: 40px;
			margin: auto;
			padding: 8px 8px 8px 24px;
			border: 1px solid #fff;
			border-radius: 50px;
			background: var(--color-theme);
			color:  #fff;
			font-weight: 700;
			text-align: center;
			text-decoration: none;
			&:after{
				content: "";
				aspect-ratio: 1;
				background: currentColor;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M17.94,9.8s-.01-.02-.02-.03c-.05-.08-.12-.13-.21-.16l-8.93-4.4c-.06-.03-.12-.04-.19-.04-.08,0-.15.02-.22.06-.12.08-.2.21-.2.36v3.94s0,.04.01.05H2.42c-.23,0-.42.19-.42.42,0,.23.19.42.42.42h13.36s-6.77,3.32-6.77,3.32v-1.91c0-.23-.19-.42-.42-.42s-.42.19-.42.42v2.59c0,.15.08.28.2.36.12.08.28.08.41.02l8.98-4.41c.1-.05.16-.13.2-.22,0,0,0,0,0,0,.02-.05.03-.1.03-.15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01,0-.02,0-.04,0-.07-.02-.11,0-.03-.02-.05-.03-.07ZM9.02,9.52v-3.26s6.73,3.32,6.73,3.32h-6.74s.01-.04.01-.05Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				transition: transform 0.2s ease-out;
			}
		}
	}
}

.column{
	position: relative;
	display: grid;
	grid-gap: clamp(16px, calc(24 / 1200 * 100vw), 24px) clamp(40px, calc(56 / 1200 * 100vw), 56px);
	margin-top: clamp(104px, calc(120 / 1200 * 100vw), 120px);
	padding: clamp(24px, calc(40 / 1200 * 100vw), 40px);
	border: 1px double var(--color-theme);
	border-radius: 20px;
	&:before, &:after{
		position: absolute;
	}
	&:before{
		content: attr(data-index);
		display: grid;
		align-items: center;
		min-height: 48px;
		top: -48px;
		left: 40px;
		width: 200px;
		height: 48px;
		font-size: clamp(18px, calc(20 / 1200 * 100vw), 20px);
		letter-spacing: 0.1em;
		text-align: center;
		line-height: 1;
		color: #fff;
		background: var(--color-theme);
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 48"><path d="M188,0H12C5.37,0,0,5.37,0,12v36h3.5V12C3.5,7.31,7.31,3.5,12,3.5h176c4.69,0,8.5,3.81,8.5,8.5v36h3.5V12c0-6.63-5.37-12-12-12Z"/><path d="M188,4.5H12c-4.14,0-7.5,3.36-7.5,7.5v36h191V12c0-4.14-3.36-7.5-7.5-7.5Z"/></svg>');
		-webkit-mask-size: contain;
		@media (max-width: 767.98px) {
			left: 50%;
			transform: translateX(-50%);
		}
	}
	&:after{
		content: "";
		top: 2px;
		left: 2px;
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		border: 1px solid var(--color-theme);
		border-radius: 18px;
		z-index: -1;
	}
	&:has(figure){
		@media (max-width: 767.98px) {
/*			& figure{
				margin-top: 16px;
			}*/
		}
		@media (min-width: 768px) {
			grid-template-columns: clamp(320px, calc(430 / 1200 * 100vw), 430px) 1fr;
			grid-template-rows: auto 1fr;
			& h4+div+div{
				justify-items: start;
			}
			& figure{
				grid-column: 1;
				grid-row: 1 / 4;
			}
		}
	}
	& h4{
		margin-top: 8px;
		font-weight: 700;
		font-size: clamp(16px, calc(20 / 1200 * 100vw), 20px);
		letter-spacing: 0.1em;
		color: var(--color-theme);
	}
	& h4+div{
		font-size: clamp(14px, calc(16 / 1200 * 100vw), 16px);
		letter-spacing: 0.05em;
	}
	& h4+div+div{
		display: grid;
		justify-items: center;
		margin-top: 24px;
		& a{
			display: grid;
			grid-template-columns: 1fr 20px;
			align-items: center;
			grid-gap: 16px;
			width: min(100%, 320px);
			min-height: 56px;
			margin: auto;
			padding: 8px 24px;
			border: 1px solid var(--color-theme);
			border-radius: 12px;
			background: #fff;
			color: var(--color-theme);
			font-weight: 700;
			text-align: center;
			text-decoration: none;
			&:after{
				content: "";
				aspect-ratio: 1;
				background: currentColor;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M17.94,9.8s-.01-.02-.02-.03c-.05-.08-.12-.13-.21-.16l-8.93-4.4c-.06-.03-.12-.04-.19-.04-.08,0-.15.02-.22.06-.12.08-.2.21-.2.36v3.94s0,.04.01.05H2.42c-.23,0-.42.19-.42.42,0,.23.19.42.42.42h13.36s-6.77,3.32-6.77,3.32v-1.91c0-.23-.19-.42-.42-.42s-.42.19-.42.42v2.59c0,.15.08.28.2.36.12.08.28.08.41.02l8.98-4.41c.1-.05.16-.13.2-.22,0,0,0,0,0,0,.02-.05.03-.1.03-.15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01,0-.02,0-.04,0-.07-.02-.11,0-.03-.02-.05-.03-.07ZM9.02,9.52v-3.26s6.73,3.32,6.73,3.32h-6.74s.01-.04.01-.05Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				transition: transform 0.2s ease-out;
			}
		}
	}
	& figure{
		order: -1;
		& img{
			aspect-ratio: 1 / 0.667;
			object-fit: cover;
			border-radius: 20px;
		}
	}
}

.comment{
	justify-self: center;
	display: grid;
	grid-row-gap: 16px;
	width: min(100%, 956px);
	margin-top: clamp(32px, calc(72 / 1200 * 100vw), 48px);
	& dl{
		justify-self: start;
		display: grid;
		grid-template-columns: clamp(48px, calc(120 / 1200 * 100vw), 120px) clamp(16px, calc(56 / 1200 * 100vw), 56px) 1fr;
		grid-template-rows: auto 1fr;
		grid-gap: 8px 0;
		width: 100%;
		&:not(:has(img)):before{
			content: "";
			grid-column: 1;
			grid-row: 1;
			align-self: end;
			aspect-ratio: 1;
			background: #999 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="%23fff"><path d="M25.9,24.09C25.9,10.79,36.69,0,50,0s24.1,10.79,24.1,24.09-10.79,24.09-24.1,24.09-24.1-10.79-24.1-24.09ZM50.01,54.64c-18.16,0-33.33,11.8-34.98,27.2v18.16h69.95v-18.16c-1.65-15.4-16.81-27.19-34.97-27.2Z"/></svg>') bottom/ 85% no-repeat;
			border-radius: 100%;
		}
		&:after{
			content: "";
			align-self: center;
			justify-self: end;
			aspect-ratio: 24 / 20;
			width: clamp(16px, calc(24 / 1200 * 100vw), 24px);
			background: var(--color-theme-bg);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20"><polygon points="24 20 0 10 24 0 24 20"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			transform: translateX(1px);
		}
		&.commentRight{
			justify-self: end;
			grid-template-columns: 1fr clamp(16px, calc(56 / 1200 * 100vw), 56px) clamp(48px, calc(120 / 1200 * 100vw), 120px);
			&:before{
				grid-column: 3;
			}
			&:after{
				justify-self: start;
				transform: scale(-1, 1) translateX(1px);
			}
			& dt{
				grid-column: 3;
			}
			& dd{
				&:nth-of-type(1){
					grid-column: 1;
				}
			}
			& img{
				grid-column: 3;
			}
		}
	}
	.commentRight+.commentLeft,
	.commentLeft+.commentRight{
		@media (min-width: 992px) {
			margin-top: -24px;
		}
	}
	& dt{
		grid-row: 2;
		font-size: clamp(10px, calc(12 / 1200 * 100vw), 12px);
		letter-spacing: 0.05em;
		text-align: center;
	}
	& dd{
		&:nth-of-type(1){
			grid-column: 3;
			grid-row: 1 / 3;
			align-self: start;
			display: grid;
			align-items: center;
			min-height: 64px;
			padding: 16px;
			background: var(--color-theme-bg);
			border-radius: 8px;
			letter-spacing: 0.05em;
			@media (min-width: 768px) {
			margin-top: 28px;
			}
		}
		&:has(img){
			display: contents;
		}
		& img{
			grid-column: 1;
			grid-row: 1;
			align-self: end;
			aspect-ratio: 1;
			border-radius: 100%;
			object-fit: cover;
		}
	}
}

.map{
	grid-column: 1 / 4;
	justify-self: center;
	display: grid;
	grid-template-rows: min(75vh, 440px);
	width: 100%;
	margin-top: clamp(48px, calc(56 / 1200 * 100vw), 56px);
	.mapToggle+&{
		margin-top: clamp(24px, calc(40 / 1200 * 100vw), 40px);
	}
	.mapText{
		justify-self: center;
		max-width: var(--wrap-fit);
	}
	@media (min-width: 576px) {
		grid-template-rows: min(75vw, 640px);
	}
	@media (min-width: 992px) {
		grid-template-columns: 1fr min(30vw, 366px);
		.mapText{
			grid-column: 1 / 3;
		}
	}
}

.mapBody{
	position: relative;
	background: #ccc;
	overflow: hidden;
	@media (min-width: 992px) {
		grid-column: 1 / 3;
		grid-row: 1;
	}
/*	@media (min-width: 1400px) {
		border-radius: 8px 0 0 8px;
	}*/
	& iframe,
	& [id^="gMap"]{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

.mapList{
	position: relative;
	max-height: min(50vw, 240px);
	border: 1px solid #e6e6e6;
	border-bottom-width: 1px;
	background: #fff;
	overflow: hidden;
	@media (min-width: 992px) {
		grid-column: 2;
		grid-row: 1;
		align-self: center;
		max-height: 400px;
		border-top-width: 1px;
	}
	@media (min-width: 1400px) {
		border-width: 1px 1px 1px 0;
	}
	&:has(menu){
		display: grid;
		grid-template-rows: auto 1fr auto;
		& ul{
			overflow-y: auto;
		}
	}
	& ul{
		counter-reset: count;
		padding: 0 clamp(16px, calc(24 / 1200 * 100vw), 24px);
		&:only-child{
			padding: 8px clamp(16px, calc(24 / 1200 * 100vw), 24px);
		}
	}
	& li{
		display: grid;
		grid-template-columns: 32px auto;
		align-content: center;
		grid-gap: 16px;
		padding: 16px 0;
		letter-spacing: 0.05em;
		cursor: pointer;
		&:before{
			counter-increment: count;
			content: counter(count);
			display: grid;
			align-content: center;
			aspect-ratio: 1;
			background: var(--color-theme);
			border-radius: 100%;
			color: #fff;
			font-weight: 700;
			text-align: center;
			letter-spacing: 0;
			line-height: 1;
		}
	}
	& menu{
		all: unset;
		position: relative;
		width: 60px;
		height: 24px;
		margin: auto;
		padding: 0;
		font-size: 0;
		background: rgba(var(--color-theme-rgb), 0.2);
		cursor: pointer;
		z-index: 1;
		&:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: var(--color-theme);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10,16.93L2,3.07h16l-8,13.85Z"/></svg>') center no-repeat;
			-webkit-mask-size: 10px;
		}
		&.mapListDown{
			transform: scale(1, -1);
		}
	}
}

.mapText{
	margin-top: 16px;
	color: var(--color-theme);
	font-size: 14px;
	letter-spacing: 0.05em;
}

.mapToggle{
	all: unset;
	box-sizing: border-box;
	grid-column: 2;
	justify-self: center;
	display: grid;
	grid-template-columns: 37px 1fr 18px;
	align-items: center;
	column-gap: 8px;
	width: min(100%, 280px);
	min-height: 48px;
	margin-top: clamp(48px, calc(56 / 1200 * 100vw), 56px);
	padding: 8px 16px;
	border: 1px solid currentColor;
	background: var(--color-theme);
	border-radius: 8px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	&:before{
		content: "";
		aspect-ratio: 1;
		background: currentColor;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M16.4,24.47l-.91-.17c.13-.66.38-1.38.9-2l.71.6c-.38.45-.59,1.02-.7,1.57ZM19.55,21.49l-.54-.75c-.25.18-.56.34-.93.46-.3.09-.57.21-.82.36l.47.79c.18-.11.38-.2.62-.27.47-.14.87-.35,1.2-.59ZM20.11,18.54c-.02.54-.18,1.13-.52,1.61l.76.53c.47-.66.66-1.42.69-2.1l-.92-.04ZM9.81,24.88c-.14-.71-.42-1.33-.79-1.85l-.76.53h0c.3.43.53.92.64,1.5l.91-.17ZM6.81,21.11l-.45.81c.46.26.95.59,1.37,1.01l.65-.66c-.5-.5-1.06-.88-1.57-1.16ZM29.99,28l-.51-1.12-5.31-11.69h-7.4c-.1.18-.19.34-.3.52-.28.49-.55.93-.79,1.33h4.09,0c.07.07.2.31.26.63l.9-.21c-.04-.15-.08-.29-.13-.42h2.17l4.22,9.3h-11.63l.77-.12h0c0-.06-.04-.32-.04-.69,0-.05,0-.1,0-.15l-.92-.02c0,.06,0,.11,0,.17,0,.43.04.73.05.81h-5.56c.01-.15.02-.3.03-.44h-.92c0,.13-.01.29-.03.44H2.8l2.27-5c.14.05.31.11.51.19l.36-.85c-.18-.08-.35-.14-.49-.19l1.57-3.45h2.28c-.24-.4-.51-.84-.79-1.33-.11-.18-.2-.35-.3-.52h-2.38L.01,28s-.01.09,0,.13c.02.04.07.06.11.06h29.74s.09-.02.11-.06c.02-.04.03-.09,0-.13ZM6.33,7.98c0-3.4,2.76-6.16,6.16-6.16s6.16,2.76,6.16,6.16-5.87,11.98-6.16,11.98S6.33,11.38,6.33,7.98ZM12.49,10.34c1.3,0,2.36-1.06,2.36-2.36s-1.06-2.36-2.36-2.36-2.36,1.05-2.36,2.36,1.06,2.36,2.36,2.36Z"/></svg>') no-repeat center / contain;
	}
	&:after{
		content: "";
		aspect-ratio: 1;
		background: currentColor;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" style="fill: none; stroke: black; stroke-width: 1px;"><polyline points="1 7 13 7"/><polyline points="7 1 7 13"/></svg>') no-repeat center / contain;
	}
	&.open:after{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" style="fill: none; stroke: black; stroke-width: 1px;"><polyline points="1 7 13 7"/></svg>');
	}
}

.pswp__counter{
	display: none;
}