/* CSS Document */

#detail{
}

#detailHeader{
	display: grid;
	width: min(var(--wrap-fit), 1000px);
	margin-inline: auto;
	margin-bottom: 120px;
	& h2{
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 8px;
		margin-top: clamp(40px, calc(48 / 1200 * 100vw), 48px);
		font: 700 28px 'eb-garamond', var(--font-min);
		&:before{
			content: "";
			aspect-ratio: 1;
			width: 36px;
			background: #646464;
			transform: translateY(calc(0.825em - 50%));
			-webkit-mask: var(--logoMark) no-repeat center / contain;
			@media (min-width: 992px) {
				width: 26px;
			}
		}
		@media (min-width: 992px) {
			font-size: 20px;
		}
	}
	#detailText{
		order: 1;
		margin-top: clamp(48px, calc(96 / 1200 * 100vw), 96px);
	}
	#detailData{
		order: -1;
	}
	#detailOverview{
		margin-top: clamp(16px, calc(24 / 1200 * 100vw), 24px);
	}
	#detailPhoto{
		order: -2;
	}
	@media (max-width: 767.98px) {
		#detailData,
		#detailPhoto{
			margin: 0 -24px;
		}
		#detailPhoto{
			aspect-ratio: 3 / 2;
		}
	}
	@media (min-width: 768px) {
		grid-template-columns: 1fr min(40vw, 400px);
		margin-top: 48px;
		& h2{
			grid-column: 1 / 3;
		}
		#detailData,
		#detailPhoto{
			grid-row: 1;
		}
		#detailText,
		#detailOverview{
			grid-column: 1 / 3;
		}
	}
	@media (min-width: 992px) {
		margin-bottom: 104px;
	}
}

#detailText{
	justify-self: center;
	width: min(100%, 800);
}

#detailData{
	display: grid;
	& h3{
		display: grid;
		align-items: center;
		min-height: clamp(56px, calc(64 / 768 * 100vw), 64px);
		padding: 8px 24px;
		background: #2B2B2B;
		color: #fff;
		font-weight: 600;
		font-size: clamp(20px, calc(17 / 768 * 100vw), 17px);
		text-align: center;
	}
	#detailArea,
	#detailStatus{
		grid-column: 1;
		grid-row: 2;
	}
}

#detailArea{
	& svg{
		width: 100%;
		height: auto;
		background: #E9F8F8;
	}
	& a{
		fill: #b3b3b3;
		&:nth-of-type(1).select{
			fill: #e58778;
		}
		&:nth-of-type(2).select{
			fill: #9885c9;
		}
		&:nth-of-type(3).select{
			fill: #f5c34b;
		}
		&:nth-of-type(4).select{
			fill: #5badd3;
		}
	}
}

#detailStatus{
	display: flex;
	flex-wrap: wrap;
	align-content: end;
	justify-content: flex-end;
	grid-gap: 8px;
	padding: 20px;
	@media (min-width: 992px) {
		padding: 16px;
	}
	& dl{
		display: flex;
		flex-wrap: wrap;
		column-gap: 4px;
		background: #fff;
		border-radius: 10px;
		padding: 4px 16px;
		color: #707070;
		font-size: clamp(14px, calc(16 / 768 * 100vw), 16px);
		letter-spacing: 0.04em;
		@media (min-width: 768px) {
			letter-spacing: 0.06em;
		}
	}
	& dt{
		display: flex;
		flex-wrap: wrap;
		column-gap: 4px;
		&:before{
			content: "";
			aspect-ratio: 1;
			height: 20px;
			background: currentColor;
			transform: translateY(calc(0.825em - 50%));
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"></svg>') repeat center / contain;
		}
		#detailStatusTime &:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" style="fill: none; stroke: black;"><circle cx="10" cy="10" r="9.5"/><polyline points="10 2 10 10 16 10"/></svg>');
		}
		#detailStatusAccess &:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><circle cx="4" cy="10" r="2"/><circle cx="16" cy="4" r="2"/><circle cx="16" cy="16" r="2"/><g style="fill: none; stroke: black;"><polyline points="16 4 10 4 10 16 16 16"/><polyline points="4 10 10 10 "/></g></svg>');
		}
		&:after{
			content: ":";
		}
	}
	& dd{
		
	}
}

#detailOverview{
	& h3{
		color: #8D968D;
		font-weight: 600;
		font-size: 20px;
		font-style: italic;
	}
	& h3+div{
		display: grid;
		justify-content: start; 
		margin-top: clamp(32px, calc(40 / 768 * 100vw), 40px);
		column-gap: 16px;
		@media (min-width: 576px) {
			grid-template-columns: repeat(3, 1fr);
			grid-row-gap: 48px;
			& dl{
				min-width: 150px;
			}
		}
		@media (min-width: 768px) {
		}
		@media (min-width: 992px) {
			&:has(dl:nth-of-type(5)){
				grid-template-columns: repeat(5, 1fr);
			}
		}
	}
	& dl{
		display: grid;
		align-content: start;
		grid-gap: 16px;
		&:has(img[src="/common/lsc/images/noImg.png"]):before,
		&:not(:has(img)):before{
			content: "";
			grid-column: 1;
			grid-row: 1;
			aspect-ratio: 1;
			background: var(--dummy);
		}
		& dd{
			&:has(img){
				grid-column: 1;
				grid-row: 1;
			}
			&:has(img[src="/common/lsc/images/noImg.png"]){
				display: none;
			}
			& img{
				aspect-ratio: 1;
			}
		}
		@media (max-width: 575.98px) {
			grid-template-columns: 150px 1fr;
			& dt{
				align-self: center;
			}
		}
	}
	& dt{
		order: 1;
		font-weight: 700;
		font-family: 'eb-garamond', var(--font-min);
		@media (min-width: 576px) {
			text-align: center;
		}
	}
	& dd{
		& img{
			object-fit: cover;
		}
	}
	& div[data-icon]{
		display: grid;
		letter-spacing: 0.06em;
		&:before,
		&:after{
			content: "";
		}
		&:before{
			aspect-ratio: 1;
			width: 30px;
			background: #fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" style="fill: white;"><path d=""/></svg>') no-repeat center / 20px;
			border: 1px solid #000;
			border-radius: 100%;
			z-index: 1;
		}
		&[data-icon="walk"]:before{
			background-image: var(--icon-walk);
		}
		&[data-icon="car"]:before{
			background-image: var(--icon-car);
		}
		&[data-icon="bicycle"]:before{
			background-image: var(--icon-bicycle);
		}
		&[data-icon="bus"]:before{
			background-image: var(--icon-bus);
		}
		&[data-icon="train"]:before{
			background-image: var(--icon-train);
		}
		&[data-icon="ship"]:before{
			background-image: var(--icon-ship);
		}
		@media (max-width: 575.98px) {
			grid-template-columns: 150px 1fr;
			align-items: center;
			padding: 24px 0;
			&:before,
			&:after{
				grid-column: 1;
				grid-row: 1;
				justify-self: center;
			}
			&:after{
				align-self: stretch;
				margin: -24px 0;
				border-left: 1px solid currentColor;
			}
		}
		@media (min-width: 576px) {
			align-self: start;
			min-height: 75px;
			padding: 0 16px;
			text-align: center;
			&:before{
				justify-self: center;
			}
			&:after{
				grid-row: 3;
				margin: 16px -32px;
				border-top: 1px solid currentColor;
			}
		}
	}
}

#detailPhoto{
	position: relative;
	& img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

#detailCourse{
	display: grid;
	grid-template-columns: min(var(--wrap-fit), 1000px);
	justify-content: center;
	padding: 120px 0;
	background: #E4EDE4;
}

#detailCourseStart,
#detailCourseGoal{
	justify-self: start;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-items: center;
	column-gap: 8px;
	min-width: clamp(160px, calc(190 / 768 * 100vw), 196px);
	min-height: clamp(40px, calc(48 / 768 * 100vw), 48px);
	padding: 4px clamp(24px, calc(32 / 768 * 100vw), 32px);
	background: #fff;
	border-radius: clamp(20px, calc(24 / 768 * 100vw), 24px);
	color: #536252;
	font: 700 clamp(22px, calc(28 / 768 * 100vw), 28px) 'eb-garamond', var(--font-min);
	text-align: center;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	&: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.02,0h-.03C7.15.02,3.24,4.35,3.24,9.18c0,5.45,8.76,14.17,8.76,14.17,0,0,8.76-8.72,8.76-14.17C20.76,4.35,16.85.02,12.02,0M12,10.04c-1.11,0-2.02-.9-2.02-2.02s.9-2.02,2.02-2.02,2.02.9,2.02,2.02h0c0,1.11-.9,2.02-2.02,2.02"/></svg>') no-repeat center / contain;
	}
}

#detailCourseRoute{
	position: relative;
	display: grid;
	grid-row-gap: clamp(32px, calc(56 / 768 * 100vw), 56px);
	padding-top: clamp(32px, calc(56 / 768 * 100vw), 56px);
	padding-bottom: clamp(32px, calc(56 / 768 * 100vw), 56px);
	&:before{
		content: "";
		position: absolute;
		top: 0;
		left: 98px;
		width: 20px;
		height: 100%;
		background: currentColor;
		transform: translateX(-100%);
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" style="fill: none; stroke: black;"><polyline points="19 0 19 20"/></svg>') repeat-y center top / 20px, url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" style="fill: none; stroke: black;"><polyline points="1 1 19 19"/></svg>') no-repeat center bottom / 20px;
	}
}

#detailFooter{
	display: grid;
	grid-template-columns: min(var(--wrap-fit), 1000px);
	justify-content: center;
	grid-row-gap: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	padding: 120px 0 clamp(120px, calc(180 / 1200 * 100vw), 180px) 0;
	@media (min-width: 992px) {
		padding-top: 104px;
	}
}

#detailMap{
	display: grid;
	padding: clamp(24px, calc(32 / 1200 * 100vw), 32px) clamp(16px, calc(32 / 1200 * 100vw), 32px);
	border: 1px solid #707070;
	border-radius: clamp(16px, calc(24 / 1200 * 100vw), 24px);
	.googlemap{
		height: 580px;
		background: #f2f2f2;
		@media (min-width: 576px) {
			height: 496px;
		}
	}
	#detailMapList{
		justify-self: center;
		width: min(100%, 800px);
		margin-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
	}
}

#detailMapList{
	& ul{
		counter-reset: count;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
		grid-gap: 16px 24px;
	}
	& li{
		display: grid;
		grid-template-columns: 40px 1fr;
		align-items: center;
		grid-gap: 16px;
		font-size: 18px;
		font-style: italic;
		letter-spacing: 0.06em;
		cursor: pointer;
		&:before{
			counter-increment: count;
			content: counter(count);
			align-self: start;
			display: grid;
			align-content: center;
			width: 40px;
			height: 54px;
			padding-bottom: 14px;
			background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 54"><path d="M20.04.5h-.07c-6.85.03-12.87,3.95-16.5,9.83-1.94,3.2-2.97,6.87-2.97,10.62,0,12.14,19.5,32.5,19.5,32.5,0,0,19.5-20.37,19.5-32.5C39.5,10.18,30.79.55,20.04.5" style="fill: %2341583f; stroke: %23c1c1c1;"/></svg>') no-repeat center / contain;
			color: #fff;
			font: 700 20px 'eb-garamond', var(--font-min);
			letter-spacing: 0.06em;
			text-align: center;
		}
	}
}

#detailMapOpen{
	display: flex;
	justify-content: center;
	cursor: pointer;
	& a{
		display: grid;
		grid-template-columns: 1fr auto;
		justify-content: center;
		align-items: center; 
		column-gap: 1em;
		min-width: min(100%, 360px);
		min-height: clamp(56px, calc(64 / 768 * 100vw), 64px);
		padding: 4px 16px;
		border: 1px solid #41583F;
		border-radius: clamp(28px, calc(32 / 768 * 100vw), 32px);
		color: inherit;
		font-weight: 600;
		font-size: 23px;
		text-align: center;
		text-decoration: none;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 32px;
			background: #707070;
			transform: rotate(90deg);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 16" style="fill: none; stroke: black;"><polyline points="0 8 31 8 20 1"/></svg>') no-repeat center / contain;
		}
		&.open:after{
			transform: rotate(-90deg);
		}
	}
}

#recommend{
	display: grid;
	grid-template-columns: min(var(--wrap-fit), 1000px);
	justify-content: center;
	grid-row-gap: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	padding: 80px 0;
	background: #8D968D;
	overflow: hidden;
	@media (min-width: 992px) {
	 	padding: 72px 0 64px 0;
	}
	& h2{
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 8px;
		font-weight: 700;
		font-size: clamp(20px, calc(26 / 768 * 100vw), 26px);
		&:before{
			content: "";
			aspect-ratio: 1;
			height: clamp(28px, calc(36 / 768 * 100vw), 36px);
			background: #646464;
			transform: translateY(calc(0.825em - 50%));
			-webkit-mask: var(--logoMark) no-repeat center / contain;
		}
	}
	& dl{
		position: relative;
		display: grid;
		grid-row-gap: 16px;
		&:has(img[src="/common/lsc/images/noImg.png"]):before,
		&:not(:has(img)):before{
			content: "";
			aspect-ratio: 3 / 2;
			background: var(--dummy);
		}
		& img{
			aspect-ratio: 3 / 2;
		}
	}
	& dt{
		font-size: 14px;
		letter-spacing: 0.06em;
	}
	& dd{
		&:has(img){
			order: -1;
		}
		&:has(img[src="/common/lsc/images/noImg.png"]){
			display: none;
		}
		&:has(a){
			display: contents;
		}
		& img{
			object-fit: cover;
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	.slide{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
	}
	.slick-slider{
		display: grid;
		grid-template-columns: 0 1fr 0;
		&:before{
			content: "";
			grid-column: 2;
			grid-row: 1;
			aspect-ratio: 3 / 2;
			margin: 0 8px;
		}
		.slick-list{
			grid-column: 2;
			grid-row: 1 / 3;
			margin: 0 -8px;
		}
		.slick-slide{
			margin: 0 8px;
		}
		.slick-arrow{
			align-self: center;
			justify-self: center;
			grid-row: 1;
		}
		.slick-prev{
			grid-column: 1;
		}
		.slick-next{
			grid-column: 3;
		}
		@media (max-width: 575.98px) {
			.slick-list{
				overflow: visible;
			}
		}
		@media (min-width: 576px) {
			&:before{
				width: calc(50% - 16px);
			}
		}
		@media (min-width: 768px) {
			&:before{
				width: calc(33.3% - 16px);
			}
		}
		@media (min-width: 992px) {
			&:before{
				width: calc(25% - 16px);
			}
		}
	}
	.slick-arrow{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		position: relative;
		aspect-ratio: 1;
		width: 48px;
		background: rgba(255, 255, 255, 0.7);
		border-radius: 100%;
		color: #fff;
		font-size: 0;
		overflow: hidden;
		z-index: 1;
		&: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 20 20" style="fill: none; stroke: black;"><polyline points="5 1 14 10 5 19"/></svg>') no-repeat center / 20px;
		}
		.slick-prev&:before{
			transform: scale(-1, 1);
		}
	}
}

.date{
	margin-left: 98px;
	padding-left: 56px;
	font: 700 clamp(22px, calc(28 / 768 * 100vw), 28px) 'eb-garamond', var(--font-min);
}

.move{
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 16px;
	align-items: center;
	margin-left: 80px;
	font-weight: 600;
	letter-spacing: 0.06em;
	z-index: 1;
	&:before{
		content: "";
		aspect-ratio: 1;
		width: 36px;
		background: #fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" style="fill: white;"><path d=""/></svg>') no-repeat center / 24px;
		border: 1px solid #000;
		border-radius: 100%;
	}
	&[data-icon="walk"]:before{
		background-image: var(--icon-walk);
	}
	&[data-icon="car"]:before{
		background-image: var(--icon-car);
	}
	&[data-icon="bicycle"]:before{
		background-image: var(--icon-bicycle);
	}
	&[data-icon="bus"]:before{
		background-image: var(--icon-bus);
	}
	&[data-icon="train"]:before{
		background-image: var(--icon-train);
	}
	&[data-icon="ship"]:before{
		background-image: var(--icon-ship);
	}
}

.spot{
	counter-increment: count;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 8px;
	background: #fff;
	padding: clamp(32px, calc(80 / 1200 * 100vw), 80px) clamp(24px, calc(98 / 1200 * 100vw), 98px) clamp(64px, calc(144 / 1200 * 100vw), 144px) clamp(24px, calc(72 / 1200 * 100vw), 72px);
	&:before{
		content: counter(count);
		display: grid;
		align-items: center;
		aspect-ratio: 1;
		width: 60px;
		background: #8D968D;
		border-radius: 100%;
		color: #536252;
		font: 700 35px 'eb-garamond', var(--font-min);
		text-align: center;
		line-height: 1;
	}
	.spotLead,
	.spotText,
	.spotInfo,
	.spotPhoto{
		grid-column: 1 / 3;
	}
	.spotText,
	.spotInfo{
		order: 1;
	}
	.spotText,
	.spotPhoto{
		margin-top: clamp(16px, calc(32 / 1200 * 100vw), 32px);
	}
	.spotName{
		align-self: center;
	}
	.spotPhoto{
		grid-row: 3;
	}
	@media (min-width: 992px) {
		grid-template-columns: auto auto 1fr;
		column-gap: 32px;
		&:before{
			grid-row: 1 / 5;
		}
		.spotName,
		.spotLead{
			grid-column: 2 / 4;
		}
		.spotText,
		.spotInfo{
			grid-column: 3;
		}
		.spotText{
			grid-row: 3;
		}
		.spotInfo{
			grid-row: 4;
		}
		.spotText,
		.spotPhoto{
			margin-top: 72px;
		}
		.spotPhoto{
			grid-column: 2;
			grid-row: 3 / 5;
			width: clamp(320px, calc(420 / 1200 * 100vw), 420px);
		}
	}
}

.spotName{
	font: 700 28px 'eb-garamond', var(--font-min);
	@media (min-width: 992px) {
		font-size: 20px;
	}
}

.spotLead{
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #DDD;
	font: 700 clamp(16px, calc(20 / 768 * 100vw), 20px) 'avenir-lt-pro', var(--font);
	letter-spacing: 0.06em;
}

.spotText{
	letter-spacing: 0.06em;
	&.limit{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 10;
		max-height: calc(1.65em * 10);
		overflow: hidden;
	}
}

.spotInfo{
}

.spotLink{
	display: flex;
	justify-content: center;
	margin-top: 40px;
	& a{
		display: grid;
		grid-template-columns: 1fr auto;
		justify-content: center;
		align-items: center;
		column-gap: 1em;
		min-width: min(100%, 186px);
		min-height: clamp(48px, calc(56 / 768 * 100vw), 56px);
		padding: 8px clamp(24px, calc(32 / 768 * 100vw), 32px);
		background: #8D968D;
		border-radius: clamp(24px, calc(28 / 768 * 100vw), 28px);
		color: inherit;
		font: 600 20px var(--font-min);
		text-align: center;
		text-decoration: none;
		&:after{
			content: "";
			aspect-ratio: 1;
			width: 32px;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 16" style="fill: none; stroke: black;"><polyline points="0 8 31 8 20 1"/></svg>') no-repeat center / contain;
		}
	}
}

.spotPhoto{
	& img{
		aspect-ratio: 3 / 2;
		object-fit: cover;
	}
}


:root{
	--icon-walk: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 513 513"><path d="M240.23,99.72c27.23,4.17,52.69-14.54,56.87-41.77,4.16-27.24-14.55-52.7-41.78-56.87-27.24-4.17-52.7,14.54-56.86,41.77-4.18,27.24,14.54,52.7,41.77,56.87ZM434.61,239.54l-33.04-46.15c-8.02-10.89-18.45-19.78-30.48-25.99l-67.48-35.42c-15.59-6.36-26.85-11.58-43.15-12.33l-18.84-.54c-11.67-.2-23.54,3.48-31.69,11.84l-64.22,57.64-55.63,15.26c-10.53,2.9-16.96,13.53-14.62,24.2l.2.82c2.29,10.49,12.3,17.43,22.94,15.92l44.81-6.39c11.18-1.59,21.97-5.22,31.83-10.71l27.08-18.27,1.39,89.88c-.27,7.23-.43,12.17-3.47,17.45l-91.84,159.52c-6.56,11.37-2.68,25.9,8.65,32.51l.79.46c10.73,6.26,24.46,3.24,31.56-6.93l104.91-148.37,40.18,87.94c3.1,4.09,6.86,7.63,11.13,10.48l80.19,53.7c10.09,6.77,23.72,4.62,31.26-4.93l.9-1.15c3.86-4.89,5.58-11.12,4.82-17.31-.77-6.18-3.98-11.79-8.92-15.59l-69.16-53.14-40.05-113.17,3.57-101.44,48.01,14.42,50.49,49.57c6.35,6.24,16.3,6.93,23.45,1.63l.49-.36c7.92-5.88,9.68-17.03,3.92-25.07Z" style="fill: %234b4b4b"/></svg>');
	--icon-car: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 513 513"><path d="M466.96,233.3c-.19-.65-.26-1.29-.45-1.94-5.63-22.54-19.23-43.01-38.41-59.65-19.82-17.29-45.73-30.51-75.2-37.76-16.77-4.21-34.71-6.48-53.37-6.48s-36.59,2.27-53.37,6.48c-38.02,9.39-70.08,28.63-90.87,53.76-10.88,13.08-18.65,27.79-22.67,43.4h-3.24c-4.34,0-151.43,11.46-126.56,119.82h68.59c-.06-1.17-.13-2.33-.13-3.5,0-3.43.32-6.87.84-9.84,4.79-27.07,28.24-46.76,55.77-46.76s50.97,19.69,55.7,46.57c.58,3.17.91,6.61.91,10.04,0,1.05-.06,2.1-.11,3.15-.01.03,0,.08-.01.11h0c0,.08,0,.16,0,.24h144.04c-.06-1.17-.13-2.33-.13-3.5,0-3.43.32-6.87.84-9.85,4.79-27.07,28.24-46.76,55.77-46.76s50.97,19.69,55.7,46.5c.58,3.24.91,6.67.91,10.11,0,1.04-.06,2.09-.11,3.14-.01.04,0,.09-.01.12h.01c0,.08,0,.16-.01.24h56.72c7.63,0,13.82-6.2,13.84-13.83.27-73.75,1.38-87.01-44.98-103.79ZM311.32,231.1h-114.83l-36.77-.08c3.3-9.36,8.41-18.28,15.45-26.74,17.55-21.18,44.95-37.24,77.2-45.21,15.16-3.76,30.96-5.7,47.15-5.7,13.3,0,26.3,1.35,38.88,3.95.89.2,1.8.35,2.68.56l-29.78,73.21ZM366.24,231.1l-26.9-.09,26.84-65.91c17.16,6.41,32.45,15.22,44.88,26.1,13.15,11.4,22.52,24.57,27.69,38.49.17.47.37.94.52,1.41h-73.04ZM127.9,310.24c-18.33,0-33.55,13.28-36.59,30.7-.39,2.07-.58,4.27-.58,6.48,0,1.17.06,2.33.19,3.5,1.75,18.85,17.62,33.61,36.98,33.61s35.23-14.77,36.98-33.61c.13-1.17.19-2.33.19-3.5,0-2.2-.19-4.4-.58-6.48-3.04-17.42-18.26-30.7-36.59-30.7ZM384.9,310.24c-18.33,0-33.55,13.28-36.59,30.7-.39,2.07-.58,4.27-.58,6.48,0,1.17.07,2.33.2,3.5,1.75,18.85,17.62,33.61,36.98,33.61s35.23-14.77,36.98-33.61c.13-1.17.19-2.33.19-3.5,0-2.2-.19-4.4-.58-6.48-3.04-17.42-18.26-30.7-36.59-30.7Z" style="fill: %234b4b4b"/></svg>');
	--icon-train: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 513 513"><path d="M437.58,351.63V89.87c0-49.64-40.22-89.87-89.87-89.87h-183.41c-49.62,0-89.87,40.23-89.87,89.87v261.76c0,37.63,27.38,68.98,63.27,75.22l-56.36,85.15h50.11l23.13-34.96h202.87l23.13,34.96h50.1l-56.35-85.15c35.88-6.25,63.25-37.59,63.25-75.22ZM178.18,40.35h155.64v25.94h-155.64v-25.94ZM151.78,103.75h208.46c11.28,0,20.43,9.15,20.43,20.44v86.21c0,11.28-9.15,20.43-20.43,20.43h-208.46c-11.28,0-20.42-9.15-20.42-20.43v-86.21h0c0-11.28,9.14-20.44,20.42-20.44ZM150.81,374c-13.16,0-23.83-10.67-23.83-23.82s10.67-23.84,23.83-23.84,23.83,10.67,23.83,23.84-10.67,23.82-23.83,23.82ZM169.62,454.31l17.41-26.32h137.95l17.41,26.32h-172.77ZM361.2,374c-13.16,0-23.83-10.67-23.83-23.82s10.67-23.84,23.83-23.84,23.83,10.67,23.83,23.84-10.67,23.82-23.83,23.82Z" style="fill: %234b4b4b"/></svg>');
	--icon-bus: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 513 513"><path d="M124.44,313.23c-24.88,0-45.05,20.17-45.05,45.06s20.17,45.05,45.05,45.05,45.05-20.16,45.05-45.05-20.17-45.06-45.05-45.06ZM124.44,377.14c-10.4,0-18.85-8.43-18.85-18.84s8.45-18.83,18.85-18.83,18.85,8.45,18.85,18.83c0,10.41-8.45,18.84-18.85,18.84ZM440.29,108.66H58.52c-12.16,0-23.06,7.93-26.76,19.46L3.98,213.4c-2.71,8.19-3.98,16.77-3.98,25.49v121.38h63.48c-.02-.66-.1-1.31-.1-1.98,0-33.67,27.39-61.06,61.06-61.06s61.06,27.39,61.06,61.06c0,.67-.08,1.32-.1,1.98h150.76c-.02-.66-.1-1.31-.1-1.98,0-33.67,27.39-61.06,61.06-61.06s61.06,27.39,61.06,61.06c0,.67-.08,1.32-.1,1.98h53.93v-179.9c0-39.58-32.14-71.71-71.71-71.71ZM98.42,275.66h0c0,3.99-3.26,7.24-7.26,7.24h-40.36c-4.01,0-7.27-3.25-7.27-7.24v-37.23c0-4.76.74-9.48,2.23-14.02l23.62-72.72c.97-2.99,3.78-5.02,6.92-5.02h14.87c4,0,7.26,3.26,7.26,7.26v121.74ZM227.2,219.48c0,2.01-1.62,3.64-3.64,3.64h-83.57c-2,0-3.62-1.62-3.62-3.64v-69.17c0-2.01,1.62-3.65,3.62-3.65h83.57c2.02,0,3.64,1.64,3.64,3.65v69.17ZM351.72,219.48h0c0,2.01-1.62,3.64-3.62,3.64h-86.68c-2,0-3.63-1.62-3.63-3.64v-69.17c0-2.01,1.63-3.65,3.63-3.65h86.68c2,0,3.62,1.64,3.62,3.65v69.17ZM468.45,215.86c0,3.99-3.26,7.26-7.26,7.26h-66.93c-4.01,0-7.26-3.27-7.26-7.26v-61.94c0-4,3.25-7.26,7.26-7.26h39.28c19.24,0,34.9,15.67,34.9,34.91v34.29ZM397.11,313.23c-24.88,0-45.05,20.17-45.05,45.06s20.17,45.05,45.05,45.05,45.05-20.16,45.05-45.05-20.17-45.06-45.05-45.06ZM397.11,377.14c-10.39,0-18.85-8.43-18.85-18.84s8.45-18.83,18.85-18.83,18.85,8.45,18.85,18.83c0,10.41-8.45,18.84-18.85,18.84Z" style="fill: %234b4b4b"/></svg>');
	--icon-bicycle: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 513 513"><path d="M274.3,93.09c18.98-1.81,32.91-18.65,31.09-37.62-1.79-18.98-18.64-32.89-37.63-31.07-18.97,1.8-32.88,18.64-31.07,37.63,1.8,18.95,18.63,32.88,37.61,31.06ZM127.58,298.4l23.81-108.11-16.98-3.74-23.77,107.95c-4.41-.62-8.89-1.04-13.47-1.04-53.58,0-97.16,43.58-97.16,97.16s43.58,97.15,97.16,97.15,97.16-43.58,97.16-97.15c0-42.95-28.03-79.41-66.74-92.22ZM97.16,461.15c-38.89,0-70.52-31.64-70.52-70.53s31.63-70.54,70.52-70.54c2.62,0,5.2.17,7.74.45l-14.69,66.7,16.98,3.74,14.61-66.36c26.76,10.03,45.9,35.78,45.9,66.01,0,38.89-31.65,70.53-70.54,70.53ZM338.83,203.55l-14.08-72.36c-2.17-16.3-24.64-35.5-47.81-23.91l-109.74,56.29c-7.06,2.69-10.6,10.6-7.89,17.65,2.69,7.07,10.6,10.61,17.64,7.92l78.24-23.18,11.03,42.34s-63.81,41.05-66.44,42.99c-13.14,9.75-22.71,31.45-9.93,47.59l55.74,68.34-11.96,61.07c-2.62,9.94,3.3,20.13,13.24,22.75,9.93,2.62,20.12-3.3,22.75-13.24l58.02-158.1c8.48-19.24,18.81-46.47,11.2-76.15ZM255.61,325.82l-21.1-31.28c-2.78-3.47-1-6.67,2.49-9.42,3.48-2.77,28.6-14.46,28.6-14.46l-9.99,55.16ZM414.85,293.46c-49.62,0-90.59,37.41-96.38,85.49h-18.36v17.39h17.88c2.99,50.91,45.22,91.43,96.87,91.43s97.15-43.58,97.15-97.15-43.58-97.16-97.15-97.16ZM414.85,461.15c-36.96,0-67.32-28.59-70.25-64.81h68.52v-17.39h-67.77c5.59-33.36,34.58-58.88,69.5-58.88,38.89,0,70.53,31.64,70.53,70.54s-31.64,70.53-70.53,70.53Z" style="fill: %234b4b4b"/></svg>');
}