/* CSS Document */

#main{
	margin-bottom: clamp(64px, calc(128 / 1200 * 100dvw), 128px);
}

#detail{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	margin-top: clamp(24px, calc(48 / 1200 * 100dvw), 48px);
	overflow: hidden;
	& header{
		display: grid;
		& h2{
			position: relative;
			margin-bottom: clamp(24px, calc(40 / 1200 * 100dvw), 40px);
			padding-bottom: 16px;
			font-weight: 700;
			font-size: clamp(24px, calc(40 / 768 * 100dvw), 40px);
			letter-spacing: 0.025em;
			&:after{
				content: "";
				position: absolute;
				right: 0;
				bottom: 0;
				width: 100dvw;
				border-bottom: 1px dashed currentColor;
			}
		}
		#text{
			padding: clamp(24px, calc(40 / 1200 * 100dvw), 40px);
			background: #f7f4be;
		}
		#status{
			padding: clamp(24px, calc(40 / 1200 * 100dvw), 40px);
			background: #f7f4be;
		}
		@media (max-width: 991.98px) {
			#photo{
				grid-row: 2;
				& img{
					border-radius: 16px 16px 0 0;
				}
			}
			#status{
				border-radius: 0 0 16px 16px;
			}
		}
		@media (min-width: 992px) {
			grid-template-columns: 550px 1fr;
			grid-template-rows: auto 1fr auto;
			& h2{
				grid-column: 1 / 3;
			}
			#text{
				border-radius: 0 16px 0 0;
			}
			#status{
				border-radius: 0 0 16px 0;
			}
			#photo{
				grid-column: 1;
				grid-row: 2 / 5;
				& img{
					border-radius: 16px 0 0 16px;
				}
			}
		}
	}
}

#text{
	font-weight: 500;
}

#status{
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 0.5em 1em;
	align-items: center;
	font-weight: 700;
	font-size: clamp(14px, calc(16 / 768 * 100dvw), 16px);
	& dl{
		display: contents;
	}
	& dt{
		align-self: start;
		display: grid;
		align-items: center;
		min-height: 32px;
		padding: 0 1em;
		background: #fff;
		border: 1px solid currentColor;
		border-radius: 16px;
	}
}

#photo{
	position: relative;
	padding-top: 66.66%;
	& img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

#outline{
	margin-top: clamp(32px, calc(40 / 1200 * 100dvw), 40px);
	[lsc-lb="List"]{
		display: none;
	}
	& h3{
		display: none;
	}
	& h3+div{
		display: grid;
		&:not(.slick-initialized){
			grid-template-columns: repeat(auto-fill, minmax(min(100%, 216px), 1fr));
			grid-gap: clamp(16px, calc(24 / 1200 * 100dvw), 24px);
			& dl{
				grid-column: 1;
				grid-row: 1;
				&:nth-child(n+2){
					visibility: hidden;
				}
			}
		}
	}
	& dl{
		position: relative;
		display: grid;
		grid-row-gap: 8px;
		&:not(:has(img)):before{
			content: "";
			aspect-ratio: 3 / 2;
			background: var(--dummy);
			border-radius: 16px;
		}
		&:after{
			content: attr(data-number);
			position: absolute;
			top: 26px;
			left: 42px;
			font-weight: 700;
			font-size: 18px;
			text-align: center;
			line-height: 1;
			pointer-events: none;
		}
	}
	& dt{
		font-weight: 700;
	}
	& dd{
		&:has(img){
			order: -1;
			&:before{
				content: "SPOT";
				position: absolute;
				top: 8px;
				left: 8px;
				aspect-ratio: 64 / 50;
				width: 64px;
				padding: 12px 0 0 8px;
				background: var(--color-theme);
				font-weight: 700;
				font-size: 10px;
				line-height: 1;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 50"><path d="M42.5,50c-8.78,0-16.83-5.51-20.03-13.71-1.4-3.59-4.74-6.05-8.58-6.33C6.1,29.38,0,22.81,0,15,0,6.73,6.73,0,15,0c4.23,0,8.3,1.82,11.15,4.98,1.93,2.14,4.64,3.31,7.43,3.31.95,0,1.9-.13,2.84-.41,1.98-.59,4.03-.88,6.08-.88,11.86,0,21.5,9.65,21.5,21.5s-9.64,21.5-21.5,21.5Z"/></svg>') no-repeat center / contain;
			}
		}
		& img{
			aspect-ratio: 3 / 2;
			object-fit: cover;
			border-radius: 16px;
		}
		&:has(a){
			display: contents;
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	.slick-slider{
		grid-template-columns: auto 1fr auto;
		align-items: center;
		@media (min-width: 1200px) {
			grid-template-columns: 0 1fr 0;
			.slick-list{
				margin: 0 calc(0px - clamp(4px, calc(10 / 1200 * 100dvw), 10px));
			}
		}
		&:before{
			content: "";
			grid-column: 2;
			grid-row: 1;
			aspect-ratio: 3 / 2;
			width: calc(100% - clamp(8px, calc(20 / 1200 * 100dvw), 20px));
			margin: 0 clamp(4px, calc(10 / 1200 * 100dvw), 10px);
			visibility: hidden;
		}
		@media (min-width: 576px) {
			&:before{
				width: calc(50% - clamp(8px, calc(20 / 1200 * 100dvw), 20px));
			}
		}
		@media (min-width: 992px) {
			&:before{
				width: calc(33.33% - clamp(8px, calc(20 / 1200 * 100dvw), 20px));
			}
		}
		@media (min-width: 1200px) {
			&:before{
				width: calc((100% - (clamp(8px, calc(20 / 1200 * 100dvw), 20px) * 3)) / 4);
			}
		}
	}
	.slick-list{
		grid-column: 2;
		grid-row: 1 / 3;
		@media (max-width: 1199.98px) {
			overflow: visible;
		}
	}
	.slick-slide{
		margin: 0 clamp(4px, calc(10 / 1200 * 100dvw), 10px);
	}
	.slick-arrow{
		justify-self: center;
	}
}

#course{
	margin-top: clamp(48px, calc(80 / 1200 * 100dvw), 80px);
}

#courseStart,
#courseGoal{
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	min-height: 56px;
	width: 184px;
	margin-left: 24px;
	padding: 0.5em 1em;
	background: var(--color-theme-sub);
	border-radius: 28px;
	color: #fff;
	font-weight: 700;
	font-size: clamp(18px, calc(20 / 768 * 100dvw), 20px);
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	z-index: 1;
	&:before{
		content: "";
		aspect-ratio: 1;
		width: 24px;
		background: currentColor;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,0C7.58,0,4,3.58,4,8c0,5.07,8,16,8,16,0,0,8-10.93,8-16C20,3.58,16.42,0,12,0ZM12,10.83c-1.56,0-2.83-1.27-2.83-2.83s1.27-2.83,2.83-2.83,2.83,1.27,2.83,2.83-1.27,2.83-2.83,2.83Z"/></svg>') no-repeat center / contain;
	}
}

#courseRoute{
	position: relative;
	display: grid;
	padding: clamp(16px, calc(24 / 1200 * 100dvw), 24px) 0;
	grid-row-gap: clamp(16px, calc(24 / 1200 * 100dvw), 24px);
	&:before{
		content: "";
		position: absolute;
		top: -28px;
		left: 50%;
		width: 100dvw;
		height: calc(100% + 56px);
		background: #f7f4be;
		transform: translateX(-50%);
		z-index: -1;
	}
	&:after{
		content: "";
		position: absolute;
		top: 0;
		left: 56px;
		width: 4px;
		height: 100%;
		background: var(--color-theme-sub);
		transform: translateX(-50%);
		z-index: -1;
	}
}

#photo{
	display: flex;
	flex-wrap: wrap;
	grid-gap: 8px;
	& dl{
		display: grid;
		& dt{
			grid-column: 1;
			grid-row: 1;
			align-self: end;
			justify-self: start;
			z-index: 1;
		}
		& dd{
			grid-column: 1;
			grid-row: 1;
			& a{
				display: block;
			}
			& img{
				aspect-ratio: 3 / 2;
				object-fit: cover;
				border-radius: 10px;
			}
		}
	}
	@media (max-width: 991.98px) {
		& dt{
			display: none;
		}
	}
	@media (max-width: 575.98px) {
		& dl:nth-child(-n+4){
			width: 100%;
		}
		& dl:nth-child(n+5){
			width: calc(50% - 4px);
		}
	}
	@media (min-width: 576px) {
		& dl:nth-child(-n+4){
			width: calc(50% - 4px);
		}
		& dl:nth-child(n+5){
			width: calc((100% - 16px) / 3);
		}
	}
	@media (min-width: 992px) {
		& dt{
			position: relative;
			display: grid;
			align-items: center;
			width: 32px;
			max-width: calc(100% - 32px);
			height: 32px;
			min-height: 32px;
			margin: 16px;
			padding-left: 32px;
			background: #fff;
			border-radius: 16px;
			font-weight: 500;
			font-size: 14px;
			cursor: pointer;
			filter: drop-shadow(3px 3px 2px rgba(80, 80, 80, 0.75));
			overflow: hidden;
			&:before{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				aspect-ratio: 1;
				width: 32px;
				background: currentColor;
				border-radius: 100%;
				-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="M16,6.66c-5.16,0-9.34,3.92-9.34,8.76,0,1.98.7,3.81,1.88,5.28l-1.78,3.36c-.18.33-.12.73.13,1,.25.27.65.36.99.21l4.32-1.85c1.16.49,2.44.76,3.8.76,5.16,0,9.34-3.92,9.34-8.76s-4.18-8.76-9.34-8.76ZM12.41,16.51c-.47,0-.86-.38-.86-.86s.38-.86.86-.86.86.38.86.86-.38.86-.86.86ZM16,16.51c-.47,0-.86-.38-.86-.86s.38-.86.86-.86.86.38.86.86-.38.86-.86.86ZM19.59,16.51c-.47,0-.86-.38-.86-.86s.38-.86.86-.86.86.38.86.86-.38.86-.86.86Z"/></svg>') no-repeat center / contain;
			}
			&:empty{
				display: none;
			}
			&:hover{
				width: auto;
				height: auto;
				padding: 4px 16px 4px 32px;
			}
		}
	}
}

#note{
	width: min(var(--wrap), 720px);
	margin: clamp(32px, calc(56 / 1200 * 100dvw), 56px) auto 0 auto;
	font-weight: 500;
}

#map{
	display: grid;
	margin-top: clamp(32px, calc(56 / 1200 * 100dvw), 56px);
	& summary{
		order: 1;
		justify-self: center;
		display: grid;
		align-items: center;
		column-gap: 4px;
		min-width: min(100%, 560px);
		min-height: 48px;
		padding:0.25em 1em;
		background: var(--color-theme);
		border-radius: 24px;
		color: inherit;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.05em;
		text-align: center;
	}
	& summary+div{
		display: grid;
		&:before{
			content: "";
			grid-column: 1;
			grid-row: 1 / 3;
			border: 1px solid #d4d4d4;
			border-radius: 16px;
			pointer-events: none;
			z-index: 1;
		}
		#mapBody{
			grid-column: 1;
			grid-row: 1;
			height: min(75dvh, 500px);
			overflow: hidden;
		}
		#mapList{
			grid-column: 1;
			grid-row: 2;
		}
		#mapText{
			margin-top: 16px;
		}
		@media (max-width: 991.98px) {
			#mapBody{
				border-radius: 16px 16px 0 0;
			}
			#mapList{
				height: 200px;
				border-radius: 0 0 16px 16px;
			}
		}
		@media (min-width: 992px) {
			grid-template-columns: 1fr clamp(280px, calc(368 / 1200 * 100dvw), 368px);
			&:before{
				grid-column: 1 / 3;
				grid-row: 1;
			}
			#mapBody{
				grid-column: 1;
				grid-row: 1;
				border-radius: 16px 0 0 16px;
			}
			#mapList{
				grid-column: 2;
				grid-row: 1;
				height: min(75dvw, 500px);
				border-radius: 0 16px 16px 0;
			}
			#mapText{
				grid-column: 1 / 3;
			}
		}
	}
	#mapText{
		margin: 16px 0 24px 0;
	}
}

#mapBody{
	position: relative;
	background: #e8e8e8;
	[LSC-LT="dummy"] &{
		padding: 16px;
	}
	[id^="gMap"]{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

#mapList{
	padding: clamp(24px, calc(32 / 1200 * 100dvw), 32px) 16px;
	overflow-y: auto;
	& ul{
		display: grid;
		grid-row-gap: 16px;
	}
	& li{
		counter-increment: count;
		display: grid;
		grid-template-columns: auto 1fr;
		align-items: center;
		column-gap: 0.5em;
		font-weight: 700;
		&:before{
			content: counter(count);
			align-self: start;
			display: grid;
			align-items: center;
			aspect-ratio: 1;
			width: 32px;
			background: var(--color-theme-sub);
			border-radius: 16px;
			color: #fff;
			text-align: center;
		}
	}
}

#mapText{
	font-weight: 500;
	font-size: clamp(12px, calc(14 / 768 * 100dvw), 14px);
}

#share{
	display: grid;
	justify-content: center;
	margin-top: clamp(24px, calc(56 / 1200 * 100dvw), 56px);
	& h3{
		grid-column: 1;
		grid-row: 1 / 3;
		justify-self: center;
		padding: 0 1em;
		background: #fff;
		font-weight: 700;
		letter-spacing: 0.025em;
		text-transform: uppercase;
		z-index: 1;
	}
	& h3+div{
		grid-column: 1;
		grid-row: 2 / 5;
		padding: 16px;
		border: 1px solid currentColor;
		border-radius: 16px;
	}
	& ul{
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 16px;
		margin-top: 4px;
	}
	& li{
		display: contents;
	}
	& a{
		display: block;
		aspect-ratio: 1;
		width: 24px;
		color: inherit;
		font-size: 0;
		&[href*="line.me"]{
			background: currentColor url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="white"><path d="M48,20.61c0-10.74-10.77-19.48-24-19.48S0,9.87,0,20.61c0,9.63,8.54,17.69,20.07,19.22.78.17,1.85.52,2.11,1.18.24.61.16,1.56.08,2.17,0,0-.28,1.69-.34,2.05-.1.61-.48,2.37,2.08,1.29,2.56-1.08,13.82-8.14,18.86-13.93h0c3.48-3.81,5.14-7.69,5.14-11.98ZM15.53,26.35c0,.25-.21.46-.46.46h-6.74c-.25,0-.46-.21-.46-.46h0v-10.47c0-.25.21-.46.46-.46h1.7c.25,0,.46.21.46.46v8.31h4.58c.25,0,.46.21.46.46v1.7ZM19.59,26.35c0,.25-.21.46-.46.46h-1.7c-.25,0-.46-.21-.46-.46v-10.47c0-.25.21-.46.46-.46h1.7c.25,0,.46.21.46.46v10.47ZM31.18,26.35c0,.25-.21.46-.46.46h-1.69s-.08,0-.12-.02c0,0,0,0,0,0-.01,0-.02,0-.03-.01,0,0,0,0-.01,0,0,0-.02,0-.02,0s-.01,0-.02-.01c0,0,0,0-.01,0,0,0-.02-.01-.03-.02,0,0,0,0,0,0-.04-.03-.09-.07-.12-.12l-4.8-6.48v6.22c0,.25-.21.46-.46.46h-1.7c-.25,0-.46-.21-.46-.46v-10.47c0-.25.21-.46.46-.46h1.69s.01,0,.02,0c0,0,.02,0,.02,0,0,0,.02,0,.02,0,0,0,.01,0,.02,0,0,0,.02,0,.03,0,0,0,.01,0,.02,0,0,0,.02,0,.03,0,0,0,0,0,.01,0,0,0,.02,0,.03.01,0,0,0,0,.01,0,0,0,.02,0,.03.01,0,0,0,0,.01,0,0,0,.02.01.02.02,0,0,0,0,.01,0,0,0,.02.01.02.02,0,0,0,0,0,0,0,0,.02.02.03.03,0,0,0,0,0,0,.01.02.03.03.04.05l4.79,6.47v-6.22c0-.25.21-.46.46-.46h1.7c.25,0,.46.21.46.46v10.47ZM40.47,17.58c0,.25-.21.46-.46.46h-4.58v1.77h4.58c.25,0,.46.21.46.46v1.7c0,.25-.21.46-.46.46h-4.58v1.77h4.58c.25,0,.46.21.46.46v1.7c0,.25-.21.46-.46.46h-6.74c-.25,0-.46-.21-.46-.46h0v-10.46h0c0-.26.21-.47.46-.47h6.74c.25,0,.46.21.46.46v1.7Z"/></svg>') no-repeat center / 60%;
			border-radius: 100%;
		}
		&[href*="x.com"]{
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="black"><path d="M28.47,20.32L45.95,0h-4.14l-15.18,17.65L14.5,0H.52l18.34,26.69L.52,48h4.14l16.03-18.64,12.81,18.64h13.99l-19.02-27.68h0ZM22.79,26.92l-1.86-2.66L6.15,3.12h6.36l11.93,17.06,1.86,2.66,15.51,22.18h-6.36l-12.65-18.1h0Z"/></svg>') no-repeat center / contain;
		}
		&[href*="facebook.com"]{
			background: currentColor url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="white"><path d="M27.83,48v-16.82c1.62,0,5.65-.12,5.65-.12l.91-6.81h-6.55s.04-3.63.04-5.55c.15-1.59,1.17-2.41,2.7-2.56,1.17-.1,3.93-.27,3.93-.27v-6.19s-6.22-.67-9.12.51c-3.46,1.41-4.9,4.26-5.08,7.84-.09,1.72-.02,3.46-.03,5.2v.99c-1.72,0-4.98-.02-4.98-.02h-1.14l.03,6.99h6.06v16.81h7.57Z"/></svg>') no-repeat center / 100%;
			border-radius: 100%;
		}
	}
}

#recommend{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	grid-row-gap: clamp(64px, calc(128 / 1200 * 100dvw), 128px);
	margin-top: clamp(64px, calc(128 / 1200 * 100dvw), 128px);
	overflow: hidden;
	& h2{
		position: relative;
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 0.25em;
		padding-bottom: 16px;
		color: inherit;
		font-weight: 700;
		font-size: clamp(18px, calc(28 / 768 * 100dvw), 28px);
		word-break: keep-all;
		overflow-wrap: anywhere;
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 18px;
			border: 5px solid var(--color-theme-sub);
			border-radius: 100%;
			transform: translateY(calc(0.875em - 50%));
		}
		&:after{
			content: "";
			position: absolute;
			right: 0;
			bottom: 0;
			width: 100dvw;
			border-bottom: 1px dashed currentColor;
		}
	}
	& h2+div{
		display: grid;
		margin-top: clamp(24px, calc(32 / 1200 * 100dvw), 32px);
		&:not(.slick-initialized){
			grid-template-columns: repeat(auto-fill, minmax(min(calc(50% - 24px), 248px), 1fr));
			grid-gap: clamp(24px, calc(32 / 1200 * 100dvw), 32px) 20px;
		}
	}
	& section{
		position: relative;
		display: grid;
		align-content: start;
		grid-row-gap: 8px;
		&:not(:has(img)):before{
			content: "";
			aspect-ratio: 1;
			background: var(--dummy);
			border-radius: 16px;
		}
	}
	& h3{
		font-weight: 700;
	}
	& h3+div{
		display: contents;
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	& figure{
		order: -1;
		& img{
			aspect-ratio: 1;
			object-fit: cover;
			border-radius: 16px;
		}
	}
	.slide{
		display: grid;
		&:not(.slick-initialized){
			grid-template-columns: repeat(auto-fill, minmax(min(calc(50% - 24px), 248px), 1fr));
			grid-gap: clamp(24px, calc(32 / 1200 * 100dvw), 32px) 16px;
		}
	}
	.slick-slider{
		grid-template-columns: auto 1fr auto;
		align-items: center;
		@media (min-width: 1200px) {
			grid-template-columns: 0 1fr 0;
			.slick-list{
				margin: 0 calc(0px - clamp(4px, calc(10 / 1200 * 100dvw), 10px));
			}
		}
		&:before{
			content: "";
			grid-column: 2;
			grid-row: 1;
			aspect-ratio: 1;
			width: calc(100% - clamp(8px, calc(20 / 1200 * 100dvw), 20px));
			margin: 0 clamp(4px, calc(10 / 1200 * 100dvw), 10px);
			visibility: hidden;
		}
		@media (min-width: 576px) {
			&:before{
				width: calc(50% - clamp(8px, calc(20 / 1200 * 100dvw), 20px));
			}
		}
		@media (min-width: 992px) {
			&:before{
				width: calc(33.33% - clamp(8px, calc(20 / 1200 * 100dvw), 20px));
			}
		}
		@media (min-width: 1200px) {
			&:before{
				width: calc((100% - (clamp(8px, calc(20 / 1200 * 100dvw), 20px) * 3)) / 4);
			}
		}
	}
	.slick-list{
		grid-column: 2;
		grid-row: 1 / 3;
		@media (max-width: 1199.98px) {
			overflow: visible;
		}
	}
	.slick-slide{
		margin: 0 clamp(4px, calc(10 / 1200 * 100dvw), 10px);
	}
	.slick-arrow{
		justify-self: center;
	}
}

.spot{
	position: relative;
	display: grid;
	counter-increment: count;
	padding: clamp(24px, calc(40 / 1200 * 100dvw), 40px);
	padding-top: 20px;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	&:before{
		content: "SPOT";
		position: absolute;
		top: 10px;
		left: 8px;
		aspect-ratio: 9 / 7;
		width: 90px;
		padding: 14px 0 0 8px;
		background: var(--color-theme);
		font-weight: 700;
		font-size: 14px;
		line-height: 1;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 70"><path d="M60,70c-11.47,0-22.1-6.71-27.08-17.1-2.87-5.98-8.51-10.15-15.06-11.13C7.68,40.24,0,31.31,0,21,0,9.42,9.42,0,21,0c5.36,0,10.47,2.04,14.39,5.75,3.75,3.54,8.68,5.46,13.73,5.46,1.45,0,2.91-.16,4.35-.48,2.16-.48,4.36-.73,6.53-.73,16.54,0,30,13.46,30,30s-13.46,30-30,30Z"/></svg>') no-repeat center / contain;
	}
	&:after{
		content: '0'counter(count);
		position: absolute;
		top: 36px;
		left: 58px;
		font-weight: 700;
		font-size: 24px;
		text-align: center;
		line-height: 1;
	}
	.spotTitle{
		margin-left: 80px;
	}
	.spotCatch{
		margin-top: 16px;
	}
	.spotText{
		margin-top: 16px;
	}
	.spotInfo{
		margin-top: clamp(24px, calc(40 / 1200 * 100dvw), 40px);
	}
	.spotPhoto{
		margin-top: 16px;
	}
	.spotTopics{
		margin-top: clamp(24px, calc(40 / 1200 * 100dvw), 40px);
	}
	@media (max-width: 991.98px) {
		.spotPhoto{
			grid-row: 2;
		}
	}
	@media (min-width: 992px) {
		&:has(.spotPhoto){
			grid-template-columns: 510px 1fr;
			grid-template-rows: auto auto auto 1fr;
			.spotTitle{
				grid-column: 1 / 3;
			}
			.spotTopics{
				grid-column: 1 / 3;
			}
		}
		.spotPhoto{
			grid-column: 1;
			grid-row: 2 / 5;
			margin-right: clamp(24px, calc(40 / 1200 * 100dvw), 40px);
		}
	}
}

.spotTitle{
	display: grid;
	align-items: center;
	min-height: 56px;
	font-weight: 700;
	font-size: clamp(18px, calc(28 / 768 * 100dvw), 28px);
	letter-spacing: 0.025em;
}

.spotCatch{
	color: var(--color-theme-sub);
	font-weight: 700;
	font-size: clamp(16px, calc(24 / 768 * 100dvw), 24px);
}

.spotText{
	font-weight: 500;
}

.spotInfo{
	display: grid;
	align-content: start;
	margin-top: 16px;
	@media (max-width: 767.98px) {
		.spotLink:nth-child(2){
			margin-top: 16px;
		}
	}
	@media (min-width: 768px) {
		&:has(.spotLink:nth-child(2)){
			grid-template-columns: repeat(2, 1fr);
			column-gap: 16px;
			.spotData{
				&::details-content{
					order: 1;
					grid-column: 1 / 3;
				}
			}
		}
	}
}

.spotData{
	display: contents;
	&:only-child{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		&::details-content{
			width: 100%;
		}
		& summary{
			min-width: min(100%, 320px);
		}
	}
	& summary{
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		column-gap: 0.5em;
		min-height: 48px;
		padding: 0.25em 1em;
		border-radius: 24px;
		border: 2px solid currentColor;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.1em;
		text-align: center;
		text-decoration: none;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 10px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><polygon points="5 8 10 2 0 2 5 8"/></svg>') no-repeat center / contain;
		}
		[open] &:after{
			transform: scale(1, -1);
		}
	}
	& summary+div{
		padding-top: 24px;
	}
	& dl{
		display: grid;
		outline: 1px solid #ccc;
		outline-offset: -1px;
	}
	& dt,
	& dd{
		padding: 1em;
		font-size: 14px;
	}
	& dt{
		position: relative;
		background: var(--color-theme-sub);
		color: #fff;
		font-weight: 700;
		z-index: 1;
		&:nth-of-type(n+2){
			border-top: 1px solid rgba(255, 255, 255, 0.3);
		}
		&:nth-child(1):before{
			content: "";
			position: absolute;
			top: 0;
			left: 50%;
			aspect-ratio: 2 / 1;
			width: 30px;
			background: var(--color-theme-sub);
			transform: translate(-50%, -100%);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 15"><polygon points="15 0 0 15 30 15 15 0"/></svg>') no-repeat center / contain;
		}
	}
	@media (min-width: 576px) {
		& dl{
			grid-template-columns: auto 1fr;
		}
		& dd{
			&:nth-of-type(n+2){
				border-top: 1px solid #e8e8e8;
			}
		}
	}
}

.spotLink{
	&:only-child{
		display: flex;
		justify-content: center;
		& a{
			min-width: min(100%, 320px);
		}
	}
	& a{
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		column-gap: 0.5em;
		min-height: 48px;
		padding: 0.25em 1em;
		background: var(--color-theme);
		border-radius: 24px;
		color: inherit;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.1em;
		text-align: center;
		text-decoration: none;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 10px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><polygon points="8 5 2 0 2 10 8 5"/></svg>') no-repeat center / contain;
		}
	}
}

.spotPhoto{
	& ul{
		display: grid;
		&:not(.slick-initialized){
			& li{
				grid-column: 1;
				grid-row: 1;
			}
		}
	}
	& img{
		aspect-ratio: 3 / 2;
		object-fit: cover;
		border-radius: 10px;
	}
	.slide{
		display: grid;
		grid-template-columns: 0 1fr 0;
		align-items: center;
		.slick-list{
			grid-column: 1 / 4;
			grid-row: 1;
		}
		.slick-arrow{
			justify-self: center;
			margin: 8px;
		}
		.slick-prev{
			grid-column: 1;
			grid-row: 1;
		}
		.slick-next{
			grid-column: 3;
			grid-row: 1;
		}
	}
	.slideNav{
		margin-top: clamp(16px, calc(24 / 1200 * 100dvw), 24px);
		& img{
			border-radius: 8px;
		}
		.slick-list{
			margin: 0 calc(0px - clamp(4px, calc(8 / 1200 * 100dvw), 8px));
		}
		.slick-slide{
			cursor: pointer;
			margin: 0 clamp(4px, calc(8 / 1200 * 100dvw), 8px);
		}
	}
}

.spotTopics{
	& h4{
		position: relative;
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 0.25em;
		padding-bottom: 16px;
		color: inherit;
		font-weight: 700;
		font-size: clamp(18px, calc(28 / 768 * 100dvw), 28px);
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 18px;
			border: 5px solid var(--color-theme-sub);
			border-radius: 100%;
			transform: translateY(calc(0.875em - 50%));
		}
		&:after{
			content: "";
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 100dvw;
			border-bottom: 1px dashed currentColor;
			transform: translateX(-50%);
		}
	}
	& h4+div{
		margin-top: clamp(24px, calc(40 / 1200 * 100dvw), 40px);
	}
	& dl{
		position: relative;
		display: grid;
		align-content: start;
		grid-row-gap: 8px;
		&:not(:has(img)):before{
			content: "";
			aspect-ratio: 3 / 2;
			background: var(--dummy);
			border-radius: 16px;
		}
	}
	& dt{
		font-weight: 700;
	}
	& dd{
		font-size: clamp(12px, calc(14 / 768 * 100dvw), 14px);
		&:has(img){
			order: -1;
		}
		& img{
			aspect-ratio: 3 / 2;
			object-fit: cover;
			border-radius: 16px;
		}
	}
	.slide{
		display: grid;
		margin-top: clamp(24px, calc(40 / 1200 * 100dvw), 40px);
		&:not(.slick-initialized){
			grid-template-columns: repeat(auto-fill, minmax(min(100%, 248px), 1fr));
			grid-gap: clamp(24px, calc(32 / 1200 * 100dvw), 32px);
		}
	}
	.slick-slider{
		grid-template-columns: auto 1fr auto;
		align-items: center;
		@media (min-width: 1200px) {
			grid-template-columns: 0 1fr 0;
			.slick-list{
				margin: 0 calc(0px - clamp(4px, calc(10 / 1200 * 100dvw), 10px));
			}
		}
		&:before{
			content: "";
			grid-column: 2;
			grid-row: 1;
			aspect-ratio: 3 / 2;
			width: calc(100% - clamp(8px, calc(20 / 1200 * 100dvw), 20px));
			margin: 0 clamp(4px, calc(10 / 1200 * 100dvw), 10px);
			visibility: hidden;
		}
		@media (min-width: 576px) {
			&:before{
				width: calc(50% - clamp(8px, calc(20 / 1200 * 100dvw), 20px));
			}
		}
		@media (min-width: 992px) {
			&:before{
				width: calc(33.33% - clamp(8px, calc(20 / 1200 * 100dvw), 20px));
			}
		}
		@media (min-width: 1200px) {
			&:before{
				width: calc((100% - (clamp(8px, calc(20 / 1200 * 100dvw), 20px) * 2)) / 3);
			}
		}
	}
	.slick-list{
		grid-column: 2;
		grid-row: 1 / 3;
		@media (max-width: 1199.98px) {
			overflow: visible;
		}
	}
	.slick-slide{
		margin: 0 clamp(4px, calc(10 / 1200 * 100dvw), 10px);
	}
	.slick-arrow{
		justify-self: center;
	}
}

.date{
	display: grid;
	align-items: center;
	min-height: 56px;
	padding: 0.25em 1.5em;
	background: #fff;
	border: 2px solid var(--color-theme-sub);
	border-radius: 28px;
	font-weight: 700;
	font-size: clamp(18px, calc(20 / 768 * 100dvw), 20px);
	text-align: center;
	z-index: 1;
}

.move{
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 16px;
	min-height: 56px;
	margin-left: 28px;
	font-weight: 700;
	&:before,
	&:after{
		content: "";
		grid-column: 1;
		grid-row: 1;
		aspect-ratio: 1;
		width: 56px;
	}
	&:before{
		background: #fff;
		border: 4px solid var(--color-theme-sub);
		border-radius: 100%;
	}
	&:after{
		background: currentColor;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>') no-repeat center / 65%;
	}
	&[data-type="car"]:after{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M29.06,10.22h-2.2c-.28,0-.52.18-.6.42-.01-.01-.02-.03-.04-.04-1.04-1.85-2.15-3.53-2.72-3.88-1.19-.73-2.86-.82-7.51-.82s-6.32.09-7.5.82c-.57.35-1.68,2.03-2.72,3.88-.01.01-.03.03-.04.04-.09-.24-.32-.42-.6-.42h-2.2c-1.13,0-.92,1.52-.92,1.52.04.32.35.59.67.59h.95s.07,0,.1,0h0c.44,0,.85.2.7.82-.53,1.1-.94,2.06-1.08,2.62-.25.99-.07,3.07.27,4.81v4.07c0,.81.66,1.47,1.47,1.47h1.25c.81,0,1.47-.66,1.47-1.47v-1.23h16.35v1.23c0,.81.66,1.47,1.47,1.47h1.25c.81,0,1.47-.66,1.47-1.47v-4.07c.34-1.74.52-3.82.27-4.81-.14-.56-.55-1.53-1.08-2.62-.15-.61.25-.82.7-.82h0s.07,0,.1,0h.95c.33,0,.63-.26.67-.59,0,0,.21-1.52-.92-1.52ZM9.31,7.94c.79-.49,2.37-.58,6.69-.58s5.9.09,6.73.6c.45.37,1.5,2.04,2.48,3.81-2.78.45-5.9.71-9.21.71s-6.41-.26-9.19-.7c.98-1.78,2.03-3.46,2.51-3.84ZM7.27,19.09c-1.04,0-1.89-.84-1.89-1.89s.2-2.21,1.24-2.21,2.53,1.17,2.53,2.21-.84,1.89-1.89,1.89ZM20.66,20.09c-.13.41-.76.74-1.91.74h-5.5c-1.12,0-1.77-.33-1.91-.74-.13-.41.16-.74.66-.74h7.99c.5,0,.79.33.66.74ZM22.84,17.2c0-1.04,1.49-2.21,2.54-2.21s1.24,1.17,1.24,2.21-.84,1.89-1.89,1.89-1.89-.84-1.89-1.89Z"/></svg>');
	}
	&[data-type="bicycle"]:after{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M6.57,23c-.73,0-1.31.59-1.31,1.32s.59,1.31,1.31,1.31,1.32-.59,1.32-1.31-.59-1.32-1.32-1.32ZM22.92,14.74c-.1,0-.2.01-.3.02-.42-2.25-.75-4.37-.53-4.4,1.82-.25,3.26-1.74,3.26-3.62,0-2-1.63-3.63-3.64-3.63h-3.38c-.64,0-1.16.52-1.16,1.16s.52,1.16,1.16,1.16h1.3c.46,0,.85-.27,1.04-.66h1.03s0,0,.01,0c.91,0,1.64.74,1.64,1.64s-.74,1.64-1.64,1.64h-1.43c-1.49,0-1.15,1.31-1.14,1.39.31,1.43-.05,1.63-.9,1.77-2.98.5-4.89,1.58-6.42,2.59-.94.63-1.31-1.43-1.44-2.16.36-.1.83-.16,1.44-.16,1.37,0,1.83-.09,1.83-.84s-1.15-1.35-2.58-1.35h-4.86c-1.83,0-1.4,4.01.98,4.01.91,0,1.31-.27,1.65-.6.03.67.29,1.59.82,2.61-1.57,1.62-2.31,3.12-2.62,4.47-.16-.02-.32-.05-.49-.05-2.53,0-4.57,2.05-4.57,4.58s2.05,4.57,4.57,4.57,4.58-2.05,4.58-4.57c0-1.61-.84-3.02-2.1-3.84,1.5-3.28,5.07-5.17,9.6-5.92.58-.1,1.2-.27,1.66.65v.03c-2.62,1.04-4.48,3.59-4.48,6.58,0,3.91,3.17,7.08,7.08,7.08s7.08-3.17,7.08-7.08-3.17-7.08-7.08-7.08ZM9.23,24.32c0,1.47-1.19,2.66-2.66,2.66s-2.66-1.19-2.66-2.66,1.19-2.66,2.66-2.66,2.66,1.19,2.66,2.66ZM22.92,25.93c-2.27,0-4.12-1.84-4.12-4.11,0-1.55.87-2.89,2.13-3.59l.49,2.38c-.29.33-.47.76-.47,1.24,0,1.05.85,1.9,1.9,1.9s1.9-.85,1.9-1.9c0-.75-.44-1.39-1.07-1.7,0,0-.22-1.03-.5-2.42,2.14.14,3.85,1.91,3.85,4.09s-1.85,4.11-4.12,4.11Z"/></svg>');
	}
	&[data-type="bus"]:after{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M27.83,10.53h-1.36v-3.25c0-1.55-1.26-3.14-2.81-3.42-5.07-.88-10.25-.88-15.32,0-1.55.28-2.81,1.87-2.81,3.42v3.25h-1.36c-1.13,0-2.17.65-2.17,1.88v3.59c0,.27.22.5.5.5h1.4c.27,0,.5-.22.5-.5v-3.98h1.14v5.85c-.38.22-.64.61-.64,1.06v5.86c0,.68.58,1.24,1.29,1.24h.07v1.5c0,.68.56,1.24,1.24,1.24h1.03c.68,0,1.24-.56,1.24-1.24v-1.5h12.48v1.5c0,.68.56,1.24,1.24,1.24h1.03c.68,0,1.24-.56,1.24-1.24v-1.5h.06c.71,0,1.29-.56,1.29-1.24v-5.86c0-.45-.26-.85-.64-1.06v-5.85h1.14v3.98c0,.27.22.5.5.5h1.4c.27,0,.5-.22.5-.5v-3.59c0-1.24-1.04-1.88-2.17-1.88ZM14.17,5.16h3.66c.39,0,.7.31.7.7s-.32.7-.7.7h-3.66c-.39,0-.7-.31-.7-.7s.31-.7.7-.7ZM7.98,8.96c.98-.71,5.23-.75,8.02-.75s7.04.04,8.02.75c1.01.73,1.01,8.41,0,9.15-.98.71-5.23.75-8.02.75-2.79,0-7.04-.04-8.02-.75-1.01-.73-1.01-8.41,0-9.15ZM10.35,23.34c0,.27-.22.5-.5.5h-3.08c-.28,0-.5-.22-.5-.5v-1.24c0-.27.22-.5.5-.5h3.08c.28,0,.5.22.5.5v1.24ZM19.91,23.22c-.11.34-.54.62-.96.62h-5.9c-.42,0-.85-.28-.96-.62-.11-.34.14-.62.55-.62h6.72c.42,0,.67.28.55.62ZM21.65,23.34v-1.24c0-.27.22-.5.5-.5h3.08c.28,0,.5.22.5.5v1.24c0,.27-.22.5-.5.5h-3.08c-.27,0-.5-.22-.5-.5Z"/></svg>');
	}
	&[data-type="ship"]:after{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M17.96,3.42c0-1.08-.88-1.42-1.96-1.42s-1.96.34-1.96,1.42v3.79c1.31-.03,2.61-.03,3.91,0v-3.79ZM6.9,13.49c.07,0,.13-.02.2-.03l.39,3.76c1.9-1.38,4.8-3.25,7.94-4.31.18-.06.37-.09.56-.09s.38.03.55.09c3.15,1.06,6.09,2.96,7.98,4.34l.39-3.78c.07,0,.13.02.2.03.23.03.45-.12.49-.35.19-1.21.29-1.81.48-3.02.04-.23-.13-.45-.38-.49-.35-.04-.7-.07-1.05-.1.01-.13.02-.27.05-.5.02-.1-.01-.2-.07-.27-.06-.08-.15-.13-.26-.15-5.73-.63-11-.63-16.73,0-.12.02-.21.08-.27.17-.05.07-.08.16-.06.25.03.22.05.38.06.5-.35.03-.69.06-1.05.1-.25.04-.42.26-.38.49.19,1.21.29,1.81.48,3.02.04.23.25.39.49.35ZM22.07,10.31c.91.09,1.82.19,2.73.31-.07.51-.11.82-.17,1.24h-2.56v-1.55ZM16.67,10.03c1.35.01,2.71.07,4.05.17v1.67c-1.31-.1-2.74-.15-4.05-.16v-1.67ZM11.27,10.19c1.35-.1,2.7-.15,4.05-.17v1.67c-1.31.01-2.74.07-4.05.16v-1.67ZM9.93,10.31v1.55h-2.56c-.06-.42-.1-.73-.17-1.24.91-.13,1.82-.23,2.73-.31ZM15.98,14.16s-.08,0-.12.02c-4.77,1.61-9.12,5.29-9.6,5.7-.1.09-.15.22-.13.35l.22,1.51c0,.06.02.14.07.18.6.48,1.18,1.09,1.7,1.78,1.4.07,2.25.53,2.82.84.41.23.51.28.95.28s.54-.05.95-.28c.61-.34,1.54-.86,3.15-.86s2.54.51,3.15.86c.41.23.51.28.95.28s.54-.05.95-.28c.57-.32,1.42-.78,2.84-.84.53-.7,1.11-1.36,1.73-1.93.05-.05.07-.12.08-.19l.17-1.32c.02-.13-.03-.25-.13-.34-.48-.42-4.81-4.11-9.64-5.74-.04-.01-.08-.02-.12-.02ZM26.88,25.68c-.59-.33-1.32-.73-2.67-.73s-2.09.41-2.67.73c-.46.26-.74.41-1.43.41s-.97-.15-1.43-.41c-.59-.33-1.32-.73-2.67-.73s-2.09.41-2.67.73c-.46.25-.74.41-1.43.41s-.97-.15-1.43-.41c-.59-.33-1.31-.73-2.67-.73s-2.09.41-2.67.73c-.46.26-.74.41-1.43.41v1.1c.98,0,1.46-.27,1.97-.55.52-.29,1.07-.59,2.14-.59s1.61.3,2.14.59c.51.28.99.55,1.96.55s1.46-.27,1.97-.55c.52-.29,1.07-.59,2.14-.59s1.61.3,2.14.59c.51.28.98.55,1.96.55s1.46-.27,1.97-.55c.52-.29,1.07-.59,2.14-.59s1.61.3,2.14.59c.51.28.98.55,1.96.55v-1.1c-.69,0-.97-.15-1.43-.41ZM24.2,27.76c-1.36,0-2.09.41-2.67.73-.46.26-.74.41-1.43.41s-.97-.15-1.43-.41c-.59-.33-1.31-.73-2.67-.73s-2.09.41-2.67.73c-.46.26-.74.41-1.43.41s-.97-.15-1.43-.41c-.59-.33-1.31-.73-2.67-.73s-2.09.41-2.67.73c-.46.26-.74.41-1.43.41v1.1c.98,0,1.46-.27,1.97-.55.52-.29,1.06-.59,2.14-.59s1.61.3,2.14.59c.51.28.98.55,1.97.55s1.46-.27,1.97-.55c.52-.29,1.07-.59,2.14-.59s1.61.3,2.14.59c.51.28.98.55,1.97.55s1.46-.27,1.97-.55c.52-.29,1.07-.59,2.14-.59s1.61.3,2.14.59c.51.28.99.55,1.97.55v-1.1c-.7,0-.97-.15-1.43-.41-.59-.33-1.31-.73-2.67-.73Z"/></svg>');
	}
	&[data-type="train"]:after{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M10.51,5.07c.26.2.8.61.87.76.08.41.47.67.88.6.41-.08.67-.47.6-.88-.11-.58-.64-1.06-1.17-1.47,2.82-.77,5.81-.77,8.63,0-.53.41-1.06.88-1.17,1.47-.08.4.18.81.59.89.05.01.1.02.15.02.35,0,.66-.24.72-.6.08-.18.62-.59.88-.79.59-.45,1.06-.81.97-1.4-.05-.32-.28-.57-.6-.68-3.78-1.32-7.93-1.32-11.7,0-.33.11-.56.37-.61.68-.1.59.37.95.97,1.4ZM25.04,11.34c-.16-1.54-1.62-3.04-3.17-3.22-3.91-.43-7.83-.43-11.74,0-1.54.18-3.01,1.68-3.17,3.22-.43,4.38-.43,8.76,0,13.15.16,1.54,1.62,3.04,3.17,3.22.16.02.33.02.49.04l-2.01,2.26h2.77l1.33-2.09c2.19.13,4.38.13,6.58,0l1.33,2.09h2.77l-2.01-2.26c.16-.02.33-.02.49-.04,1.54-.18,3.01-1.68,3.17-3.22.42-4.38.42-8.76,0-13.15ZM14.17,9.13h3.65c.39,0,.7.31.7.7s-.31.7-.7.7h-3.65c-.39,0-.7-.31-.7-.7s.31-.7.7-.7ZM10.9,25.59c-.83,0-1.51-.67-1.51-1.51s.68-1.51,1.51-1.51,1.51.67,1.51,1.51-.67,1.51-1.51,1.51ZM21.1,25.59c-.83,0-1.51-.67-1.51-1.51s.67-1.51,1.51-1.51,1.51.67,1.51,1.51-.67,1.51-1.51,1.51ZM23.11,19.61c-.87.72-4.64.75-7.11.75-2.48,0-6.24-.03-7.11-.75-.9-.73-.9-6.4,0-7.14.87-.71,4.64-.75,7.11-.75,2.48,0,6.24.03,7.11.75.9.73.9,6.41,0,7.14Z"/></svg>');
	}
	&[data-type="walk"]:after{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M15.81,6.15c.49.37,1.1.52,1.71.43h0c1.26-.18,2.13-1.36,1.94-2.61-.09-.61-.41-1.15-.9-1.51-.49-.37-1.1-.52-1.71-.43-1.26.18-2.13,1.36-1.94,2.61.09.61.41,1.15.9,1.51ZM24.67,13.34l-4.08-1.2s-.07-.03-.1-.07l-3.13-3.85c-.07-.08-.14-.15-.23-.22,0,0-.02-.01-.03-.02-.34-.37-.78-.63-1.27-.77-.29-.08-.59-.11-.89-.1,0,0-.02,0-.03,0-.11-.01-.21,0-.31,0l-5.04.73c-.39.06-.74.32-.91.68l-1.92,4.23c-.12.26-.13.55-.03.82s.3.48.56.6c.5.23,1.08.04,1.36-.42l2.24-3.38,1.13-.16c.06,0,.13.01.17.06.04.04.07.11.06.17l-.78,5.36c0,.06-.15.87-1.01,5.64l-.03.15s-.01.04-.02.06l-3.71,6.5c-.33.57-.13,1.3.45,1.63.53.3,1.2.16,1.56-.33l4.67-6.38c.07-.09.12-.19.15-.3l.58-2.03c.02-.08.1-.14.18-.15.09,0,.17.05.2.13l.39.97c.19.46.37.93.56,1.39.02.05,2.14,5.14,2.58,6.16.14.31.38.55.7.67.15.06.31.09.47.09.17,0,.34-.04.51-.11.59-.26.89-.91.71-1.53-.27-.92-2.77-8.64-3.52-10.98l-.11-.32c-.14-.4-.28-.79-.42-1.19-.01-.04-.02-.08,0-.12l.83-3.01c.02-.07.08-.13.15-.14.07-.02.15.01.2.07l1.24,1.53c.17.21.41.35.67.41l4.71.95c.3.06.6,0,.85-.17.25-.17.43-.43.48-.72.11-.57-.23-1.15-.79-1.31Z"/></svg>');
	}
}

.slick-arrow{
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	aspect-ratio: 1;
	width: clamp(40px, calc(56 / 1200 * 100dvw), 56px);
	background: #fff;
	border: 1px solid currentColor;
	border-radius: 100%;
	font-size: 0;
	z-index: 1;
	&:hover{
		background: var(--color);
		&:before{
			color: #fff;
		}
	}
	&:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: currentColor;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><polyline points="5 2 11 8 5 14"/></svg>') no-repeat center / 16px;
	}
	&.slick-prev:before{
		transform: scale(-1, 1);
	}
}