/* CSS Document */

:root{
	--color-variable: var(--color-point);
	}

:where(#detailAccessible, #detailRecommend, #detailDownload) h3{
	display: grid;
	grid-template-columns: 6px auto;
	align-items: center;
	grid-gap: 16px;
	width: 100%;
	font-size: clamp(20px, 4.2vw, 28px);
	font-weight: 700;
	}
	:where(#detailAccessible, #detailRecommend, #detailDownload) h3:before{
		content: "";
		width: 6px;
		height: 32px;
		background: var(--theme-color);
		border-radius: 2px;
		transform: translateY(5%);
		}

#detail{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin: clamp(24px, 5.4vw, 36px) 0 clamp(64px, 14.4vw, 96px) 0;
	}
	#detail > *{
		grid-column: 2;
		}

#detailHeader{}
	#detailHeader h2{
		display: grid;
		grid-template-columns: 3px auto;
		grid-gap: 0 10px;
		font-weight: 500;
		font-size: clamp(20px, 3.6vw, 24px);
		font-family: var(--font-min);
		line-height: 1.65;
		}
		#detailHeader h2:before{
			content: "";
			grid-row: 1 / 3;
			margin-top: 0.35em;
			background: var(--color-variable);
			}
		#detailHeader h2:after{
			content: attr(data-ruby);
			font-size: clamp(10px, 2.1vw, 14px);
			font-weight: normal;
			}
	@media (min-width: 576px) {
		#detailHeader h2{
			grid-template-columns: 4px auto;
			grid-gap: 0 16px;
			}
		}
	@media (min-width: 1200px) {
		#detailHeader h2{
			font-size: 32px;
			}
		}

#detailIntroduction{
	display: grid;
	grid-gap: clamp(24px, 4.8vw, 32px);
	padding-bottom: 80px;
	}
	#detailIntroduction:not(:has(h3:first-child)){
		margin-top: clamp(24px, 4.8vw, 32px);
		}
	#detailIntroduction h3{
		margin-top: 16px;
		color: var(--color-variable);
		font-size: clamp(16px, 3vw, 20px);
		font-weight: 500;
		line-height: 1.65;
		}
		#detailIntroduction h3:empty{
			margin: 0;
			}
	#detailIntroduction #detailBody{
		order: 2;
		}
	#detailIntroduction #detailNav{
		order: 1;
		}
	@media (min-width: 1200px) {
		#detailIntroduction h3{
			font-size: 24px;
			}
		}

#detailBody{
	width: min(100%, 1000px);
	margin: 0 auto;
	color: var(--color-pale);
	font-weight: 500;
	line-height: 1.65;
	}

#detailNav{
	margin-bottom: 16px;
	}
	#detailNav ul{
		display: grid;
		grid-gap: 16px 24px;
		}
	#detailNav a{
		display: grid;
		place-items: center;
		width: min(100%, 300px);
		min-height: 50px;
		margin: 0 auto;
		padding: 4px 16px;
		background: #fff;
		border: 1px solid var(--color-border);
		color: var(--color);
		font-weight: 700;
		text-decoration: none;
		white-space: nowrap;
		}
		#detailNav a:before{
			content: "";
			width: 16px;
			height: 16px;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
			-webkit-mask-size: 100%;
			background: currentColor;
			}
	#detailNav [data-fav-id]{
		grid-template-columns: 20px auto 12px;
		grid-gap: 16px;
		}
		#detailNav [data-fav-id]:before{
			content: "";
			width: 24px;
			aspect-ratio: 1;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.97 18.04"><path d="m15.35,18.04l-5.86-3.08-5.86,3.08,1.12-6.53L0,6.89l6.55-.95L9.49,0l2.93,5.94,6.56.95-4.74,4.62,1.12,6.53ZM2.15,7.59l3.67,3.58-.87,5.05,4.53-2.38,4.53,2.38-.87-5.05,3.67-3.58-5.07-.74-2.27-4.59-2.27,4.59-5.07.74Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			}
		#detailNav [data-fav-id]:after{
			content: "";
			width: 100%;
			aspect-ratio: 1;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><polygon points="7 5 7 0 5 0 5 5 0 5 0 7 5 7 5 12 7 12 7 7 12 7 12 5 7 5" /></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: currentColor;
			}
	#detailNav a[data-fav-status="on"]{}
		#detailNav a[data-fav-status="on"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.97 18.04"><polygon points="18.97 6.89 12.42 5.94 9.49 0 6.55 5.94 0 6.89 4.74 11.52 3.62 18.04 9.49 14.96 15.35 18.04 14.23 11.52 18.97 6.89"/></svg>');
			background: var(--color-point);
			}
		#detailNav a[data-fav-status="on"]:after{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><polygon points="10.29 1.94 5 7.23 1.71 3.94 .29 5.35 5 10.06 11.71 3.35 10.29 1.94"/></svg>');
			}
	#detailNav a[data-fav-status="on"]:hover{}
		#detailNav a[data-fav-status="on"]:hover:after{
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><rect y="5" width="12" height="2" /></svg>') center no-repeat;
			}

#detailPhoto{}
	#detailPhoto li{
		background: var(--dummy);
		background-size: contain;
		}
		#detailPhoto li img{
			width: 100%;
			height: 100%;
			aspect-ratio: 600 / 440;
			object-fit: cover;
			}

#detailPhotoSlide{
	transition: opacity 0.2s ease-out;
	opacity: 0;
	}
	#detailPhotoSlide li{
		display: grid !important;
		grid-template-areas: 'main';
		width: calc(100vw - 64px);
		margin: 0 clamp(4px, 1.2vw, 8px);
		}
		#detailPhotoSlide li:only-child{
			width: var(--wrap);
			margin: 0;
			}
		#detailPhotoSlide li:not([data-caption=""]):after{
			content: attr(data-caption);
			grid-area: main;
			align-self: end;
			display: grid;
			align-items: end;
			justify-content: center;
			width: 100%;
			min-height: 80px;
			padding: clamp(12px, 2.4vw, 16px);
			background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
			padding: clamp(12px, 2.4vw, 16px);
			color: #fff;
			line-height: 1.65;
			pointer-events: none;
			}
		#detailPhotoSlide li img{
			grid-area: main;
			}
	#detailPhotoSlide.slick-slider{
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: 'main';
		}
	#detailPhotoSlide.slick-initialized{
		opacity: 1;
		}
	#detailPhotoSlide .slick-list{
		grid-area: main;
		overflow: visible;
		}
	#detailPhotoSlide .slick-arrow{
		grid-area: main;
		align-self: center;
		color: #fff;
		filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.6));
		z-index: 1;
		}
	#detailPhotoSlide .slick-next{
		justify-self: end;
		}
	@media (max-width: 575.98px) {
		#detailPhotoSlide .slick-arrow{
			width: 48px;
			}
		}
	@media (min-width: 768px) {
		#detailPhotoSlide li{
			width: min(75vw, 600px);
			margin: 0 20px;
			}
		}

#detailPhotoSlideNav{
	margin-top: clamp(16px, 3.6vw, 24px);
	transition: opacity 0.2s ease-out;
	opacity: 0;
	}
	#detailPhotoSlideNav li{
		margin: 0 4px;
		}
	#detailPhotoSlideNav.slick-slider{
		display: grid;
		grid-template-columns: clamp(32px, 7.2vw, 48px) auto clamp(32px, 7.2vw, 48px);
		grid-template-areas: 'prev main next';
		grid-gap: 0 8px;
		}
	#detailPhotoSlideNav.slick-initialized{
		opacity: 1;
		}
	#detailPhotoSlideNav .slick-list{
		grid-area: main;
		}
		#detailPhotoSlideNav .slick-list:only-child{}
			#detailPhotoSlideNav .slick-list:only-child .slick-track{
				transform: none !important;
				}
	#detailPhotoSlideNav .slick-current{
		background: #000;
		}
		#detailPhotoSlideNav .slick-current img{
			opacity: 0.4;
			}
	#detailPhotoSlideNav .slick-arrow{
		align-self: center;
		width: 100%;
		}
	#detailPhotoSlideNav .slick-prev{
		grid-area: prev;
		}
	#detailPhotoSlideNav .slick-next{
		grid-area: next;
		}
	@media (min-width: 768px) {
		}

#detailTopics{
	grid-column: 1 / 4;
	background: var(--color-theme);
	}
	#detailTopics section{
		display: grid;
		grid-template-columns: 1fr var(--wrap) 1fr;
		grid-gap: clamp(16px, 3.6vw, 24px) 0;
		margin: 80px 0;
		}
		#detailTopics section > *{
			grid-column: 2;
			}
	#detailTopics h3{
		width: min(100%, 1000px);
		justify-self: center;
		}
	#detailTopics dl{
		position: relative;
		display: grid;
		grid-template-areas: 'photo';
		grid-gap: 8px;
		}
		#detailTopics dl:before{
			content: "";
			grid-area: photo;
			background: var(--dummy);
			background-size: contain;
			aspect-ratio: 1;
			}
	#detailTopics dt{
		font-weight: 500;
		line-height: 1.65;
		}
	#detailTopics dd{
		display: contents;
		}
		#detailTopics dd img{
			grid-area: photo;
			width: 100%;
			aspect-ratio: 1;
			object-fit: cover;
			}
		#detailTopics dd a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
			}
	#detailTopics .fr-view{
		order: 1;
		width: min(100%, 1000px);
		justify-self: center;
		font-weight: 500;
		}
	#detailTopics .slick-slider{
		display: grid;
		grid-template-columns: clamp(20px, 3.6vw, 24px) minmax(0, 1fr) clamp(20px, 3.6vw, 24px);
		}
		#detailTopics .slick-slider:before{
			content: "";
			grid-column: 2;
			grid-row: 1;
			aspect-ratio: 1;
			margin: 0 4px;
			}
	#detailTopics .slick-list{
		grid-column: 2;
		grid-row: 1 / 3;
		}
	#detailTopics .slick-list:only-child{}
		#detailTopics .slick-list:only-child .slick-track{
			margin: 0;
			transform: none !important;
			}
	#detailTopics .slick-slide{
		margin: 0 4px;
		}
	#detailTopics .slick-arrow{
		grid-row: 1;
		align-self: center;
		}
	#detailTopics .slick-prev{
		grid-column: 1;
		}
	#detailTopics .slick-next{
		grid-column: 3;
		justify-self: end;
		}
	@media (max-width: 991.98px) {
		#detailTopics .slick-list{
			overflow: visible;
			}
		}
	@media (min-width: 576px) and (max-width: 767.98px) {
		#detailTopics .slick-slider:before{
			width: calc((100% / 2) - 8px);
			}
		}
	@media (min-width: 768px) and (max-width: 991.98px) {
		#detailTopics .slick-slider:before{
			width: calc((100% / 3) - 8px);
			}
		}
	@media (min-width: 992px) {
		#detailTopics .slick-slider:before{
			width: calc((100% / 4) - 8px);
			}
		#detailTopics .slick-list{
			margin: 0 -4px;
			}
		}
	@media (min-width: 1200px) {
		#detailTopics .slick-slider{
			margin: 0 -24px;
			}
			#detailTopics .slick-slider:before{
				width: calc((100% / 5) - 8px);
				}
		}

#detailTag{
	grid-column: 1 / 4;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-gap: clamp(16px, 3.6vw, 24px) 0;
	padding-bottom: 80px;
	background: var(--color-theme);
	}
	#detailIntroduction + #detailTag:has(dl){
		padding-top: 80px;
		}
	#detailTag > *{
		grid-column: 2;
		width: min(100%, 1000px);
		margin: auto;
		}
	#detailTag h3{
		display: none;
		}
	#detailTag dl{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		grid-gap: 8px;
		}
	#detailTag dt{
		display: grid;
		width: 6em;
		grid-template-columns: 3px auto;
		grid-gap: 10px;
		font-weight: 500;
		}
		#detailTag dt:before{
			content: "";
			background: var(--color-point);
			}
	#detailTag dd{
		display: contents;
		}
		#detailTag dd a{
			display: grid;
			place-items: center;
			min-height: 24px;
			padding: 0 8px;
			border: 1px solid var(--color-border);
			color: inherit;
			font-size: clamp(10px, 1.8vw, 12px);
			}
		#detailTag dd a[data-area]{
			grid-template-columns: 6px auto;
			grid-gap: 8px;
			}
		#detailTag dd a[data-area]:before{
			content: "";
			width: 100%;
			background: var(--color-variable);
			border-radius: 100%;
			aspect-ratio: 1;
			}
		#detailTag dd a[data-area="1"]:before{
			background: var(--color-area1);
			}
		#detailTag dd a[data-area="2"]:before{
			background: var(--color-area2);
			}
		#detailTag dd a[data-area="3"]:before{
			background: var(--color-area3);
			}
		#detailTag dd a[data-area="4"]:before{
			background: var(--color-area4);
			}
	@media (min-width: 576px) {
		#detailTag dt{
			grid-template-columns: 4px auto;
			grid-gap: 0 16px;
			width: 8em;
			}
		}

#detailMovie{
	grid-column: 1 / 4;
	display: grid;
	grid-template-columns: 1fr min(var(--wrap-fit), 940px) 1fr;
	grid-gap: clamp(16px, 3.6vw, 24px) 0;
	padding-bottom: 80px;
	background: var(--color-theme);
	}
	#detailIntroduction + #detailMovie{
		padding-top: 80px;
		}
	#detailMovie > *{
		grid-column: 2;
		}
	#detailMovie h3{
		display: none;
		}
	#detailMovie iframe{
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		}

#detailInformation{
	grid-column: 1 / 4;
	display: grid;
	grid-template-columns: 1fr min(var(--wrap-fit), 940px) 1fr;
	grid-gap: clamp(16px, 3.6vw, 24px) 0;
	padding-bottom: 80px;
	background: var(--color-theme);
	}
	#detailIntroduction + #detailInformation{
		padding-top: 80px;
		}
	#detailInformation > *{
		grid-column: 2;
		}
	#detailInformation :where(dt, dd){
		padding: clamp(10px, 2.1vw, 14px) clamp(12px, 2.4vw, 16px);
		border: 0 solid var(--color-border);
		line-height: 1.65;
		}
	#detailInformation h3{
		font-size: clamp(20px, 3.6vw, 24px);
		font-weight: 500;
		text-align: center;
		}
	#detailInformation h3+div{
		background: #fff;
		color: var(--color);
		}
	#detailInformation h3+div+div{
		margin-top: -8px;
		}
		#detailInformation h3+div+div p{
			padding-left: 1em;
			text-indent: -1em;
			font-weight: 500;
			}
	#detailInformation dl{
		display: grid;
		font-weight: 500;
		}
	#detailInformation dt{
		background: var(--color-variable);
		border: 0 solid rgba(255, 255, 255, 0.2);
		color: #fff;
		}
	#detailInformation dd{
		display: grid;
		grid-gap: 8px;
		border: 0 solid var(--color-border);
		}
		#detailInformation dd a{
			display: grid;
			grid-template-columns: 16px auto;
			grid-gap: 8px;
			}
			#detailInformation dd a:before{
				content: "";
				width: 100%;
				aspect-ratio: 1;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m1,5H0v11h11v-1H1V5ZM4,0v12h12V0H4Zm11,11H5V1h10v10Z"/></svg>') center no-repeat;
				-webkit-mask-size: 100%;
				background: currentColor;
				transform: translateY(50%);
				}
	@media (min-width: 576px) {
		#detailInformation dl{
			grid-template-columns: auto 1fr
			}
		#detailInformation dt{
			min-width: 10em;
			white-space: nowrap;
			}
		#detailInformation dd{
			align-items: center;
			}
		#detailInformation :where(dt, dd):nth-of-type(n+2){
			border-top-width: 1px;
			}
		}

#detailInquiry{
	position: fixed;
	right: clamp(16px, 3.6vw, 24px);
	bottom: clamp(16px, 3.6vw, 24px);
	z-index: 10;
	}
	#detailInquiry a{
		display: grid;
		align-content: center;
		justify-items: center;
		grid-gap: 8px;
		width: 128px;
		aspect-ratio: 1;
		background: var(--color-variable);
		border: 3px solid #fff;
		border-radius: 100%;
		color: #fff;
		font-size: 12px;
		font-weight: 500;
		text-decoration: none;
		}
		#detailInquiry a:before{
			content: "";
			width: min(50%, 74px);
			aspect-ratio: 1 / 0.64;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.47 46.94"><path d="m52.47,37.31c.55,0,1-.45,1-1s-.45-1-1-1H8V3.29c0-.71.58-1.29,1.29-1.29h52.74c.71,0,1.29.58,1.29,1.29v9.68c0,.55.45,1,1,1s1-.45,1-1V3.29c0-1.81-1.47-3.29-3.29-3.29H9.29c-1.81,0-3.29,1.47-3.29,3.29v32.03H1c-.55,0-1,.45-1,1v1.42c0,1.81,1.47,3.29,3.29,3.29h49.19c.55,0,1-.45,1-1s-.45-1-1-1H3.29c-.71,0-1.29-.58-1.29-1.29v-.42h50.47ZM10.4,3.4c-.55,0-1,.45-1,1v28c0,.55.45,1,1,1s1-.45,1-1V5.4h47.62c.55,0,1-.45,1-1s-.45-1-1-1H10.4Zm59.21,12.09h-10.6c-2.13,0-3.86,1.73-3.86,3.86v23.74c0,2.13,1.73,3.86,3.86,3.86h10.6c2.13,0,3.86-1.73,3.86-3.86v-23.74c0-2.13-1.73-3.86-3.86-3.86Zm1.86,27.6c0,1.02-.83,1.86-1.86,1.86h-10.6c-1.02,0-1.86-.83-1.86-1.86v-.49h14.32v.49Zm0-2.49h-14.32v-18.77h11.35c.55,0,1-.45,1-1s-.45-1-1-1h-11.35v-.49c0-1.02.83-1.86,1.86-1.86h10.6c1.02,0,1.86.83,1.86,1.86v21.25Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: currentColor;
			}
	@media (min-width: 576px) {
		#detailInquiry a{
			width: 160px;
			border-width: 4px;
			font-size: 16px;
			}
		}
	@media (min-width: 1200px) {
		#detailInquiry a{
			grid-gap: 16px;
			width: 180px;
			font-size: 18px;
			}
		}

#detailMap{
	grid-column: 1 / 4;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	}
	#detailMap > *{
		grid-column: 2;
		}
	#detailMap #gMapEmbed,
	#detailMap #gMap{
		aspect-ratio: 1;
		background: #ccc;
		}
	#detailMap #gMapEmbed{
		position: relative;
		}
		#detailMap #gMapEmbed iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			}
	#detailMap #gMap{
		display: grid;
		place-items: center;
		}
	@media (min-width: 576px) {
		#detailMap #gMapEmbed,
		#detailMap #gMap{
			aspect-ratio: 1400 / 500;
			}
		}

#detailMapToggle{
	display: grid;
	grid-template-columns: 16px auto 12px;
	place-items: center;
	grid-gap: 16px;
	width: min(100%, 300px);
	min-height: 50px;
	margin: clamp(32px, 8.4vw, 56px) auto;
	padding: 4px 16px;
	background: #fff;
	border: 1px solid var(--color-border);
	color: var(--color);
	cursor: pointer;
	}
	#detailMapToggle:before{
		content: "";
		width: 100%;
		aspect-ratio: 1;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 21.33"><path d="m8,0C3.58,0,0,3.58,0,8s8,13.33,8,13.33c0,0,8-8.92,8-13.33S12.42,0,8,0Zm0,10.67c-1.47,0-2.67-1.19-2.67-2.67s1.19-2.67,2.67-2.67,2.67,1.19,2.67,2.67-1.19,2.67-2.67,2.67Z"/></svg>') center no-repeat;
		-webkit-mask-size: contain;
		background: var(--color-variable);
		}
	#detailMapToggle:after{
		content: "";
		width: 100%;
		aspect-ratio: 1;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><polygon points="7 5 7 0 5 0 5 5 0 5 0 7 5 7 5 12 7 12 7 7 12 7 12 5 7 5" /></svg>') center no-repeat;
		-webkit-mask-size: contain;
		background: currentColor;
		}
	#detailMapToggle.open{}
		#detailMapToggle.open:after{
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><rect y="5" width="12" height="2" /></svg>') center no-repeat;
			}

#detailMapBody{
	grid-column: 1 / 4;
	}
	#detailMapBody:not(.open){
		display: none;
		}
	#detailMapBody > *{
		grid-column: 2;
		}
	#detailMapBody #gMapEmbed{
		grid-column: 1 / 4;
		}
		#detailMapBody #gMapEmbed:not(.open){
			display: none;
			}
	#detailMapBody #gMapApi{
		display: grid;
		grid-template-columns: 1fr var(--wrap) 1fr;
		grid-gap: clamp(16px, 3.6vw, 24px) 0;
		}
		#detailMapBody #gMapApi:not(.open){
			display: none;
			}
		#detailMapBody #gMapApi > *{
			grid-column: 2;
			}
		#detailMapBody #gMapApi #gMap{
			grid-column: 1 / 4;
			}
		#detailMapBody #detailMapNote{
			margin-top: -8px;
			}
	#detailMapBody #detailMapLink{
		margin-top: clamp(24px, 4.8vw, 32px);
		}

#detailMapCategory{}
	#detailMapCategory ul{
		display: grid;
		grid-gap: 24px 48px;
		padding: clamp(16px, 3.6vw, 24px);
		background: #fff;
		border: 2px solid var(--color-point);
		color: var(--color);
		}
	#detailMapCategory label{
		grid-template-columns: auto auto auto;
		justify-content: start;
		align-items: center;
		font-weight: 500;
		}
		#detailMapCategory label:before{
			order: -2;
			align-self: center;
			transform: translateY(0.15em);
			}
		#detailMapCategory label:after{
			content: "";
			order: -1;
			width: 37px;
			height: 37px;
			-webkit-mask-position: center;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-size: contain;
			background: var(--color-point);
			}
		#detailMapCategory label[for="c1"]:after{
			-webkit-mask-image: var(--icon-c1);
			}
		#detailMapCategory label[for="c2"]:after{
			-webkit-mask-image: var(--icon-c2);
			}
		#detailMapCategory label[for="c3"]:after{
			-webkit-mask-image: var(--icon-c3);
			}
		#detailMapCategory label[for="c4"]:after{
			-webkit-mask-image: var(--icon-c4);
			}
		#detailMapCategory label[for="c5"]:after{
			-webkit-mask-image: var(--icon-c5);
			}
		#detailMapCategory label[for="c6"]:after{
			-webkit-mask-image: var(--icon-c6);
			}
		#detailMapCategory label[for="c7"]:after{
			-webkit-mask-image: var(--icon-c7);
			}
		#detailMapCategory label[for="c8"]:after{
			-webkit-mask-image: var(--icon-c8);
			}
		#detailMapCategory label[for="c9"]:after{
			-webkit-mask-image: var(--icon-c9);
			}
	@media (max-width: 575.98px) {
		#detailMapCategory ul{
			grid-template-columns: repeat(3, auto);
			}
		}
	@media (min-width: 576px) and (max-width: 991.98px) {
		#detailMapCategory ul{
			grid-template-columns: repeat(4, auto);
			}
		}
	@media (min-width: 992px) {
		#detailMapCategory ul{
			grid-template-columns: repeat(5, auto);
			}
		}

#detailMapNote{
	color: var(--color-pale);
	}

#detailMapLink{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	grid-gap: 16px 24px;
	}
	#detailMapLink a{
		display: grid;
		grid-template-columns: auto 18px;
		grid-gap: 16px;
		align-items: center;
		width: min(100%, 300px);
		min-height: 50px;
		padding: 4px 16px;
		background: #fff;
		border: 1px solid var(--color-border);
		color: var(--color);
		text-align: center;
		line-height: 1.65;
		text-decoration: none;
		cursor: pointer;
		}
		#detailMapLink a:after{
			content: "";
			aspect-ratio: 1;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.16 15.71"><polygon points="9.31 0 8.6 .71 15.25 7.35 0 7.35 0 8.35 15.25 8.35 8.6 15 9.31 15.71 17.16 7.85 9.31 0"/></svg>') center no-repeat;
			-webkit-mask-size: 17.16px 15.71px;
			background: currentColor;
			}

#related{
	display: grid;
	grid-gap: clamp(48px, 9.6vw, 64px) 0;
	margin-bottom: clamp(48px, 9.6vw, 64px);
	}
	#related h2{
		display: none;
		}
	#related section{
		display: grid;
		grid-gap: clamp(16px, 3.6vw, 24px) 0;
		}
	#related h3{
		font-weight: 700;
		}
	#related dl{
		position: relative;
		display: grid;
		grid-template-areas: 'photo';
		grid-gap: 8px;
		line-height: 1.65;
		}
		#related dl:before{
			content: "";
			grid-area: photo;
			background: var(--dummy);
			background-size: contain;
			aspect-ratio: 2 / 1;
			}
	#related dt{
		font-weight: 500;
		}
	#related dd{
		display: contents;
		}
		#related dd img{
			grid-area: photo;
			width: 100%;
			aspect-ratio: 2 / 1;
			object-fit: cover;
			}
		#related dd a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
			}
	#related .slick-slider{
		display: grid;
		grid-template-columns: clamp(20px, 3.6vw, 24px) minmax(0, 1fr) clamp(20px, 3.6vw, 24px);
		}
		#related .slick-slider:before{
			content: "";
			grid-column: 2;
			grid-row: 1;
			padding-top: 50%;
			}
	#related .slick-list{
		grid-column: 2;
		grid-row: 1 / 3;
		}
	#related .slick-arrow{
		grid-row: 1;
		align-self: center;
		z-index: 1;
		}
	#related .slick-prev{
		grid-column: 1;
		}
	#related .slick-next{
		justify-self: end;
		grid-column: 3;
		}
	@media (max-width: 991.98px) {
		#related{
			overflow: hidden;
			}
		#related section{
			grid-template-columns: 1fr var(--wrap) 1fr;
			}
		#related h3{
			grid-column: 2;
			}
		#related h3+div{
			grid-column: 2;
			}
		#related .slick-list{
			overflow: visible;
			}
		#related .slick-slide{
			margin: 0 4px;
			}
		}
	@media (min-width: 992px) {
		#related{
			grid-template-columns: 1fr 1fr;
			grid-gap: 64px;
			width: var(--wrap);
			margin: 0 auto clamp(48px, 9.6vw, 64px) auto;
			}
		}
	@media (min-width: 1200px) {
		#related{
			grid-gap: 96px;
			}
		#related dt{
			font-size: 18px;
			}
		#related .slick-slider{
			margin: 0 -24px;
			}
		}

#around{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin: 0 0 clamp(64px, 14.4vw, 96px) 0;
	}
	#around > *{
		grid-column: 2;
		}
	#around h2{
		display: none;
		}
	#around h2+div{
		display: grid;
		grid-gap: clamp(24px, 4.8vw, 32px) clamp(32px, 7.2vw, 48px);
		}
	#around dl{
		position: relative;
		display: grid;
		grid-gap: 4px;
		margin-top: clamp(32px, 7.2vw, 48px);
		padding: 0 16px 16px 16px;
		background: #fff;
		border: 3px solid var(--color-variable);
		color: var(--color);
		font-weight: 500;
		line-height: 1.65;
		text-align: center;
		}
		#around dl:before{
			content: "";
			justify-self: center;
			width: clamp(64px, 14.4vw, 96px);
			aspect-ratio: 1;
			background: var(--color-variable);
			border-radius: 100%;
			transform: translateY(-50%);
			}
		#around dl:nth-child(1):before{
			background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100 100"><path d="m42.17,31.57c.48,0,.88-.39.88-.88v-12.4c0-.48-.39-.88-.88-.88s-.88.39-.88.88v12.4c0,.48.39.88.88.88Zm-4.74,0c.48,0,.88-.39.88-.88v-12.4c0-.48-.39-.88-.88-.88s-.88.39-.88.88v12.4c0,.48.39.88.88.88Zm9.47-14.15c-.48,0-.88.39-.88.88v14.24c0,2.84-1.92,5.32-4.67,6.03-.41.11-.69.5-.65.92,0,.1.01.2.02.3l.53,40.17c0,.71-.23,1.38-.64,1.79-.17.17-.45.38-.81.38s-.64-.21-.81-.38c-.41-.42-.65-1.09-.64-1.79l.53-40.17c0-.1,0-.2.02-.3.04-.42-.24-.81-.65-.92-2.75-.71-4.67-3.19-4.67-6.03v-14.24c0-.48-.39-.88-.88-.88s-.88.39-.88.88v14.24c0,3.4,2.15,6.4,5.3,7.52l-.52,39.88c-.02,1.18.4,2.29,1.14,3.05.57.58,1.3.9,2.06.9s1.49-.32,2.06-.9c.74-.75,1.16-1.86,1.14-3.05l-.52-39.88c3.15-1.12,5.3-4.12,5.3-7.52v-14.24c0-.48-.39-.88-.88-.88Zm20.43-.43c0-.28-.14-.55-.38-.71-.23-.16-.53-.2-.8-.1-6.4,2.32-9.52,10.85-9.54,26.09,0,7.03,4.32,12.07,5.47,13.29l-.32,24.37c-.02,1.18.4,2.29,1.14,3.05.57.58,1.3.9,2.06.9s1.49-.32,2.06-.9c.74-.75,1.16-1.86,1.14-3.05l-.84-62.94Zm-1.54,64.76c-.17.17-.45.38-.81.38s-.64-.21-.81-.38c-.41-.42-.65-1.09-.64-1.79l.32-24.74c0-.24-.09-.47-.27-.64-.05-.05-5.21-5.13-5.21-12.3.01-13.19,2.44-21.23,7.23-23.92l.83,61.6c0,.71-.23,1.38-.64,1.79Z" style="fill:white"/></svg>');
			}
		#around dl:nth-child(2):before{
			background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100 100"><path d="m83.57,26.98c-16.02-9.21-30.55-6.2-31.16-6.07-.47.1-.77.57-.67,1.04.1.47.56.77,1.04.67.09-.02,6.21-1.29,14.73.28l-1.03,8.81c-.06.48.29.91.77.97.03,0,.07,0,.1,0,.44,0,.82-.33.87-.77l1.02-8.66c1.83.41,3.76.95,5.74,1.66l-5.21,16.39c-.15.46.11.95.57,1.1.09.03.18.04.26.04.37,0,.72-.24.83-.61l5.18-16.3c1.76.71,3.57,1.55,5.39,2.56l-10.3,21.95c-.21.44-.02.96.42,1.16.12.06.25.08.37.08.33,0,.64-.19.79-.5l10.64-22.68c.19-.41.04-.9-.36-1.13ZM22.59,62.27c.17.17.4.26.62.26s.45-.08.62-.26c.34-.34.34-.9,0-1.24l-2.19-2.19c1.02-1.24,3.36-4.14,5.13-6.51.93-1.25,2.35-1.92,3.8-1.8,1.29.11,2.39.82,2.95,1.9l4.97,9.62,1.55-.8-4.97-9.62c-.67-1.3-1.85-2.23-3.27-2.64.21-.43.35-.89.42-1.38l2.72.92c.07.03.15.04.23.04.19,0,.39-.07.55-.18.23-.16.37-.45.38-.73v-.18c0-4.84-3.93-8.77-8.77-8.77-2.82,0-5.49,1.37-7.14,3.68-.16.23-.21.51-.12.78.09.26.29.47.55.56l3.33,1.12c-.38.66-.6,1.41-.6,2.18,0,1.65.92,3.13,2.3,3.9-.1.12-.21.23-.3.36-2.28,3.06-5.54,7.02-5.58,7.06-.29.35-.26.86.06,1.18l2.75,2.75Zm-.18-19.79c1.3-1.28,3.07-2.02,4.92-2.02,3.53,0,6.45,2.61,6.95,6l-11.87-3.99Zm2.7,4.55c0-.59.19-1.15.54-1.62l4.88,1.64c0,.65-.24,1.25-.66,1.73-.96.06-1.89.36-2.71.86-1.18-.3-2.04-1.37-2.04-2.62Zm21.73,15.46c.09.03.18.04.27.04.37,0,.72-.24.83-.61.02-.06,1.86-5.85,2.89-8.71.79-2.2,1.87-2.47,3.66-2.93l.59-.15c.54-.14,1.07-.26,1.58-.36,1.56-.33,3.04-.64,3.89-1.74.74-.95,2.14-4.27,2.82-5.94.54.23,1.14.35,1.76.35.59,0,1.14-.12,1.66-.32.38,1.44.97,4.18.75,6.68-.04.48.32.91.8.95.03,0,.05,0,.08,0,.45,0,.83-.34.87-.8.27-3.15-.58-6.52-.95-7.82.85-.83,1.38-1.99,1.38-3.27,0-2.53-2.06-4.58-4.58-4.58s-4.58,2.06-4.58,4.58c0,1.26.51,2.4,1.34,3.23-.85,2.11-2.18,5.16-2.72,5.86-.46.59-1.57.82-2.87,1.1-.54.11-1.1.23-1.67.39l-.57.15c-1.85.47-3.76.96-4.87,4.03-1.04,2.89-2.9,8.71-2.92,8.77-.15.46.11.95.57,1.1Zm18.29-27.46c1.56,0,2.83,1.27,2.83,2.83s-1.27,2.83-2.83,2.83-2.83-1.27-2.83-2.83,1.27-2.83,2.83-2.83Zm9.23,19.17s-.03-.02-.04-.03c-2.57-2.56-6.11-4.14-10.02-4.14s-7.45,1.58-10.02,4.14c-.01.01-.03.02-.04.03-.01.01-.02.03-.03.04-2.56,2.57-4.14,6.11-4.14,10.02s1.58,7.45,4.14,10.02c.01.01.02.03.03.04s.03.02.04.03c2.57,2.56,6.11,4.14,10.02,4.14s7.45-1.58,10.02-4.14c.01-.01.03-.02.04-.03s.02-.03.03-.04c2.56-2.57,4.14-6.11,4.14-10.02s-1.58-7.45-4.14-10.02c-.01-.01-.02-.03-.03-.04Zm-19.47,1.89l7.3,7.3h-10.32c.19-2.78,1.3-5.31,3.03-7.3Zm-3.03,9.05h10.32l-7.3,7.3c-1.73-1.98-2.83-4.51-3.03-7.3Zm11.56,11.56c-2.78-.19-5.31-1.3-7.3-3.03l7.3-7.3v10.32Zm0-14.55l-7.3-7.3c1.98-1.73,4.51-2.83,7.3-3.03v10.32Zm1.75-10.32c2.78.19,5.31,1.3,7.3,3.03l-7.3,7.3v-10.32Zm0,24.87v-10.32l7.3,7.3c-1.98,1.73-4.51,2.83-7.3,3.03Zm8.53-4.26l-7.3-7.3h10.32c-.19,2.78-1.3,5.31-3.03,7.3Zm-7.3-9.05l7.3-7.3c1.73,1.98,2.83,4.51,3.03,7.3h-10.32Zm-38.98-1.13c.17.18.4.27.63.27.22,0,.44-.08.6-.24,2.91-2.79,2.84-7.64,2.84-7.85-.01-.48-.4-.85-.89-.86-.48,0-.87.41-.86.89,0,.04.05,4.3-2.3,6.54-.35.33-.36.89-.03,1.24Zm17.77,9.79c-.25-.22-.49-.43-.67-.6-.59-.59-2.9-3.8-4.31-5.82-.28-.4-.82-.5-1.22-.22-.4.28-.49.82-.22,1.22.37.53,3.61,5.16,4.51,6.05.2.2.47.43.75.68.46.4,1.55,1.35,1.6,1.65-.27.58-1.89,1.58-2.96,2.24-.29.18-.58.35-.84.52-.26.17-.34.11-.38.09-.25-.17-.42-.74-.36-1.03.15-.7.69-2.04.88-2.5.13-.31.07-.66-.15-.92l-6.87-7.86c-.32-.36-.87-.4-1.24-.08-.36.32-.4.87-.08,1.24l6.52,7.46c-.24.61-.63,1.63-.77,2.31-.19.87.17,2.2,1.07,2.83.33.23.7.34,1.08.34.41,0,.83-.13,1.24-.39.25-.16.53-.33.81-.5,1.54-.95,3.14-1.93,3.63-2.99.64-1.38-.84-2.67-2.04-3.71Zm3.35-9.03h-31.69c-.48,0-.88.39-.88.88s.39.88.88.88h31.69c.48,0,.88-.39.88-.88s-.39-.88-.88-.88Zm-14.72,10.93c-.76-1.25-1.79-3.97-2.09-4.77l.56-2.88c.09-.47-.22-.93-.69-1.03-.47-.09-.93.22-1.03.69l-.6,3.12c-.03.16-.02.32.04.46.05.15,1.34,3.69,2.32,5.31.13.21.26.41.38.6.24.37.6.92.59,1.08,0,0-.08.15-.59.39-1.39.64-2.91.78-3.42.63.11-.54.74-1.36,1.17-1.79.29-.29.34-.73.13-1.08-1.53-2.51-3.21-5.37-3.35-5.77-.05-.28.12-1.5.36-2.6.1-.47-.19-.94-.67-1.04-.47-.1-.94.19-1.04.67-.21.97-.54,2.71-.34,3.44.17.58,1.95,3.58,3.21,5.66-.52.62-1.23,1.66-1.23,2.68,0,.52.25.97.7,1.26.42.27,1,.38,1.62.38,1.25,0,2.71-.44,3.6-.85.55-.25,1.3-.68,1.54-1.48.26-.89-.25-1.68-.8-2.53-.12-.18-.24-.37-.36-.57Z" style="fill:white"/></svg>');
			}
		#around dl:nth-child(3):before{
			background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100 100"><path d="m32.41,50.46c3.64,0,6.61-2.97,6.61-6.61s-2.97-6.61-6.61-6.61-6.61,2.97-6.61,6.61,2.97,6.61,6.61,6.61Zm0-11.47c2.68,0,4.86,2.18,4.86,4.86s-2.18,4.86-4.86,4.86-4.86-2.18-4.86-4.86,2.18-4.86,4.86-4.86Zm40.59-1.75h-32.06c-.48,0-.88.39-.88.88v13.19h-15.32v-18.54c0-.48-.39-.88-.88-.88h-6.87c-.48,0-.88.39-.88.88v34.47c0,.48.39.88.88.88h6.87c.48,0,.88-.39.88-.88v-5.86h50.5v5.86c0,.48.39.88.88.88h6.87c.48,0,.88-.39.88-.88v-19.12c0-6-4.88-10.88-10.88-10.88Zm-55.12-3.6h5.12v17.66h-5.12v-17.66Zm64.25,32.72h-5.12v-5.86c0-.48-.39-.88-.88-.88H23.87c-.48,0-.88.39-.88.88v5.86h-5.12v-13.3h64.25v13.3Zm0-15.05h-40.31v-12.32h31.18c5.03,0,9.12,4.09,9.12,9.12v3.19Z" style="fill:white"/></svg>');
			}
		#around dl:nth-child(3){
			display: none;
			}
	#around dt{
		margin-top: -24px;
		font-size: clamp(18px, 3vw, 20px);
		}
	#around dd{}
		#around dd:last-child{
			display: contents;
			}
		#around dd a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
			}
	@media (min-width: 576px) {
		#around h2+div{
			grid-template-columns: repeat(2, 1fr);
			}
		#around dl{
			border-width: 4px;
			}
		}
	@media (min-width: 992px) {
		#around h2+div{
			/*grid-template-columns: repeat(3, 1fr);*/
			}
		}

#recommend{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-gap: clamp(16px, 3.6vw, 24px) 0;
	margin: clamp(64px, 14.4vw, 96px) 0;
	}
	#recommend > *{
		grid-column: 2;
		}
	#recommend h2{
		font-weight: 700;
		word-break: keep-all;
		}
	#recommend dl{
		position: relative;
		display: grid;
		grid-template-areas: 'photo';
		grid-gap: 8px;
		}
		#recommend dl:before{
			content: "";
			grid-area: photo;
			background: var(--dummy);
			background-size: contain;
			aspect-ratio: 1;
			}
	#recommend dt{
		font-weight: 700;
		line-height: 1.65;
		}
	#recommend dd{
		display: contents;
		}
		#recommend dd img{
			grid-area: photo;
			width: 100%;
			aspect-ratio: 1;
			object-fit: cover;
			}
		#recommend dd a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
			}
	#recommend .slick-slider{
		display: grid;
		grid-template-columns: clamp(20px, 3.6vw, 24px) minmax(0, 1fr) clamp(20px, 3.6vw, 24px);
		}
		#recommend .slick-slider:before{
			content: "";
			grid-column: 2;
			grid-row: 1;
			aspect-ratio: 1;
			margin: 0 4px;
			}
	#recommend .slick-list{
		grid-column: 2;
		grid-row: 1 / 3;
		}
	#recommend .slick-list:only-child{}
		#recommend .slick-list:only-child .slick-track{
			margin: 0;
			transform: none !important;
			}
	#recommend .slick-slide{
		margin: 0 4px;
		}
	#recommend .slick-arrow{
		grid-row: 1;
		align-self: center;
		}
	#recommend .slick-prev{
		grid-column: 1;
		}
	#recommend .slick-next{
		grid-column: 3;
		justify-self: end;
		}
	@media (max-width: 991.98px) {
		#recommend .slick-list{
			overflow: visible;
			}
		}
	@media (min-width: 576px) and (max-width: 767.98px) {
		#recommend .slick-slider:before{
			width: calc((100% / 2) - 8px);
			}
		}
	@media (min-width: 768px) and (max-width: 991.98px) {
		#recommend .slick-slider:before{
			width: calc((100% / 3) - 8px);
			}
		}
	@media (min-width: 992px) {
		#recommend .slick-slider:before{
			width: calc((100% / 4) - 40px);
			}
		#recommend .slick-list{
			margin: 0 -20px;
			}
		#recommend .slick-slide{
			margin: 0 20px;
			}
		}
	@media (min-width: 1200px) {
		#recommend .slick-slider{
			margin: 0 -24px;
			}
		}

/*#detailShare{
	display: flex;
	justify-content: center;
	margin-top: clamp(32px, 7.2vw, 48px);
	}
	#detailShare dl{
		position: relative;
		display: grid;
		grid-gap: 16px 32px;
		margin: clamp(10px, 2.1vw, 14px) 0 0 0;
		padding: 32px;
		border: 1px solid currentColor;
		border-radius: 4px;
		}
	#detailShare dt{
		position: absolute;
		top: 0;
		left: 50%;
		padding: 0 0.6em;
		background: #fff;
		font-size: clamp(20px, 4.2vw, 28px);
		font-weight: 700;
		text-align: center;
		white-space: nowrap;
		transform: translate(-50%, -50%);
		z-index: 1;
		}
	#detailShare dd{
		grid-row: 2;
		}
	#detailShare a{
		grid-row: 1;
		display: block;
		width: 48px;
		height: 48px;
		-webkit-mask-position: center;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: 75% 75%;
		background: currentColor;
		color: inherit;
		overflow: hidden;
		}
		#detailShare a[href*="facebook.com"]{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>');
			}
		#detailShare a[href*="twitter.com"]{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>');
			}
		#detailShare a[href*="line.me"]{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M28,12C28,5.76,21.72.66,14,.66S0,5.76,0,12c0,5.62,5,10.32,11.71,11.21.45.1,1.07.3,1.23.69A3,3,0,0,1,13,25.19s-.17,1-.2,1.2-.28,1.38,1.21.75S22.06,22.39,25,19h0A10.09,10.09,0,0,0,28,12ZM9.06,15.37a.27.27,0,0,1-.27.27H4.86a.27.27,0,0,1-.27-.27h0V9.26A.27.27,0,0,1,4.86,9h1a.27.27,0,0,1,.27.27v4.85H8.79a.27.27,0,0,1,.27.27Zm2.37,0a.27.27,0,0,1-.27.27h-1a.27.27,0,0,1-.27-.27V9.26A.27.27,0,0,1,10.17,9h1a.27.27,0,0,1,.27.27Zm6.76,0a.27.27,0,0,1-.27.27H16.78a.23.23,0,0,1-.07-.07l-2.8-3.78v3.63a.27.27,0,0,1-.27.27h-1a.27.27,0,0,1-.27-.27V9.26A.27.27,0,0,1,12.65,9h1.18v0h0l0,0,2.8,3.77V9.26A.27.27,0,0,1,16.93,9h1a.27.27,0,0,1,.27.27Zm5.42-5.12a.27.27,0,0,1-.27.27H20.67v1h2.67a.27.27,0,0,1,.27.27v1a.27.27,0,0,1-.27.27H20.67v1h2.67a.27.27,0,0,1,.27.27v1a.27.27,0,0,1-.27.27H19.41a.27.27,0,0,1-.27-.27h0V9.27h0A.27.27,0,0,1,19.41,9h3.93a.27.27,0,0,1,.27.27Z"/></svg>');
			}
*/

.title{
	display: grid;
	grid-template-columns: 3px auto;
	grid-gap: 10px;
	font-size: clamp(18px, 3.6vw, 24px);
	font-weight: 500;
	line-height: 1.65;
	}
	.title:before{
		content: "";
		margin: 0.3em 0;
		background: var(--color-variable);
		transform: translateY(0.1em);
		}
	@media (min-width: 576px) {
		.title{
			grid-template-columns: 4px auto;
			grid-gap: 0 16px;
			}
		}

.fr-view{
	line-height: 1.65;
	}

.slide{
	opacity: 0;
	transition: opacity 0.2s ease-out;
	}
	.slide.slick-initialized{
		opacity: 1 !important;
		}
	.slide .slick-arrow{
		width: clamp(40px, 7.2vw, 48px);
		background: #fff;
		border-color: var(--color-border);
		color: var(--color);
		align-items: center;
		}