/* CSS Document */

:root {
	--color-border: #acacac;
	}

main{
	padding-bottom: 64px;
	}
	main:has(#resultMap){
		padding-bottom: 0;
		}

article {
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	}
	article > * {
		grid-column: 2;
		}
	article:nth-of-type(1) {
		padding: 56px 0;
		grid-row-gap: 56px;
		}
		article:nth-of-type(1):has(#pickup) {
			overflow: hidden;
			}
		article:nth-of-type(1):has(#tab) {
			padding-bottom: 0;
			}
		article:nth-of-type(1) h2 {
			justify-self: center;
			display: grid;
			grid-template-columns: 1.25em 1fr;
			grid-gap: 0.5em;
			font-weight: 700;
			font-size: 24px;
			letter-spacing: 0.1em;
			}
			article:nth-of-type(1) h2:before {
				content: "";
				aspect-ratio: 1;
				background: var(--color-variable);
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 -3 16 16"><path d="M3,0h7v7c0,1.66-1.34,3-3,3H0V3C0,1.34,1.34,0,3,0Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				transform: translateY(0.25em);
				}
	article #tab {
		grid-column: 1 / 4;
		}
	@media (min-width: 992px) {
		article:nth-of-type(1) {
			padding: 72px 0;
			grid-row-gap: 72px;
			}
			article:nth-of-type(1) h2 {
				font-size: 32px;
				}
		}

#pickup {
	justify-self: center;
	display: grid;
	grid-template-columns: 0 minmax(0, 1fr) 0;
	width: min(calc(100% - 56px), 690px);
	}
	#pickup:not(.slick-initialized) {
		visibility: hidden;
		}
	#pickup dl {
		position: relative;
		display: grid;
		}
		#pickup dl:has(a):hover:before,
		#pickup dl:has(a):hover img {
			opacity: 0.8;
			}
		#pickup dl:not(:has(img)):before {
			content: "";
			grid-column: 1;
			grid-row: 1;
			aspect-ratio: 1 / 0.667;
			background: #f2f2f2 url(/common/images/logoType.svg) center no-repeat;
			background-size: 50% auto;
			transition: opacity 0.2s ease-out;
			}
		#pickup dl dt {
			grid-column: 1;
			grid-row: 1;
			align-self: end;
			display: grid;
			align-items: end;
			min-height: 80px;
			padding: 16px;
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
			color: #fff;
			text-align: center;
			pointer-events: none;
			z-index: 1;
			}
		#pickup dl dd:has(img) {
			position: relative;
			grid-column: 1;
			grid-row: 1;
			}
		#pickup dl dd:has(a) {
			display: contents;
			}
		#pickup dl dd img {
			aspect-ratio: 1 / 0.667;
			object-fit: cover;
			transition: opacity 0.2s ease-out;
			}
		#pickup dl dd a {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
			}
	#pickup .slick-list {
		grid-column: 2;
		margin: 0 -12px;
		overflow: visible;
		}
	#pickup .slick-slide {
		margin: 0 12px;
		}
	#pickup .slick-arrow {
		all: unset;
		position: relative;
		align-self: center;
		aspect-ratio: 1;
		width: 48px;
		background: #fff;
		border: 1px solid currentColor;
		border-radius: 100%;
		color: var(--color-variable);
		font-size: 0;
		cursor: pointer;
		z-index: 1;
		}
		#pickup .slick-arrow: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"><path d="M14.24,7.36l-4.7-4.7c-.35-.35-.93-.35-1.28,0-.35.35-.35.93,0,1.28l2.99,2.99H2.56c-.59,0-1.07.48-1.07,1.07s.48,1.07,1.07,1.07h8.69l-2.99,2.99c-.35.35-.35.93,0,1.28.18.18.41.26.64.26s.46-.09.64-.26l4.7-4.7c.35-.35.35-.93,0-1.28Z"/></svg>') center no-repeat;
			-webkit-mask-size: 16px;
			}
	#pickup .slick-prev {
		justify-self: end;
		transform: translateX(12px);
		}
		#pickup .slick-prev:before {
			transform: scale(-1, 1);
			}
	#pickup .slick-next {
		transform: translateX(-12px);
		}
	@media (min-width: 992px) {
		#pickup dl dt {
			font-size: 20px;
		}
	}

#feature {
	grid-row-gap: 24px;
	}
	#feature h2:before {
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M11.07,9.76h-5.64v18.88h5.64c3.09,0,6.35,1.37,8.2,3.53V13.29c-1.85-2.16-5.11-3.53-8.2-3.53ZM28.93,9.76c-3.09,0-6.35,1.37-8.2,3.53v18.88c1.85-2.16,5.11-3.53,8.2-3.53h5.64V9.76h-5.64Z"/></svg>');
		}
	#feature h2 + div {
		justify-self: center;
		}
	@media (min-width: 992px) {
		#feature {
			grid-row-gap: 48px;
			}
		#feature h2 + div {
			text-align: center;
			}
		}

#gourmet{}
	#gourmet h2:before {
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M16.97,6.09v6.54c0,.42-.34.76-.76.76h-.2c-.42,0-.76-.34-.76-.76v-6.57c0-1.08-.73-1.4-1.42-1.4s-1.42.32-1.42,1.4v6.57c0,.42-.34.76-.76.76h-.2c-.42,0-.76-.34-.76-.76v-6.54c0-1.93-2.75-1.86-2.75.02v6.25c-.01,3.47.82,4.37,2.19,5.45,1.1.87,2.05,1.37,2.05,3.53v13.91h3.32v-13.91c0-2.16.94-2.66,2.05-3.53,1.37-1.08,2.2-1.98,2.19-5.45v-6.25c0-1.89-2.75-1.95-2.75-.02ZM27.65,6.74c-.7,1.97-2.73,6.6-2.86,10.69-.2,6.34,3.69,5.4,3.76,9.56v8.31h3.3l.02.04V6.74c0-2.41-3.12-3.07-4.21,0Z"/></svg>');
		}

#spot{}
	#spot h2:before {
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M31.53,14.61c0-6.37-5.16-11.53-11.53-11.53s-11.53,5.16-11.53,11.53,11.53,21.28,11.53,21.28c0,0,11.53-14.91,11.53-21.28ZM14.82,13.93c0-2.86,2.32-5.18,5.18-5.18s5.18,2.32,5.18,5.18-2.32,5.18-5.18,5.18-5.18-2.32-5.18-5.18Z"/></svg>');
		}

#event{}
	#event h2:before{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M14.54,10.04c.83,0,1.51-.67,1.51-1.51v-2.37c0-.83-.67-1.51-1.51-1.51s-1.51.67-1.51,1.51v2.37c0,.83.67,1.51,1.51,1.51ZM25.64,10.04c.83,0,1.51-.67,1.51-1.51v-2.37c0-.83-.67-1.51-1.51-1.51s-1.51.67-1.51,1.51v2.37c0,.83.67,1.51,1.51,1.51ZM30.86,6.81h-2.39v1.73c0,1.56-1.27,2.83-2.83,2.83s-2.83-1.27-2.83-2.83v-1.73h-5.45v1.73c0,1.56-1.27,2.83-2.83,2.83s-2.83-1.27-2.83-2.83v-1.73h-2.57c-2.34,0-4.23,1.89-4.23,4.23v20.08c0,2.34,1.89,4.23,4.23,4.23h21.72c2.34,0,4.23-1.89,4.23-4.23V11.04c0-2.34-1.89-4.23-4.23-4.23ZM33.03,31.11c0,1.2-.97,2.17-2.17,2.17H9.14c-1.2,0-2.17-.97-2.17-2.17V13.71h26.06v17.4ZM17.05,31.03c.85,0,1.54-.69,1.54-1.54s-.69-1.54-1.54-1.54-1.54.69-1.54,1.54.69,1.54,1.54,1.54ZM17.05,25.12c.85,0,1.54-.69,1.54-1.54s-.69-1.54-1.54-1.54-1.54.69-1.54,1.54.69,1.54,1.54,1.54ZM11.14,31.03c.85,0,1.54-.69,1.54-1.54s-.69-1.54-1.54-1.54-1.54.69-1.54,1.54.69,1.54,1.54,1.54ZM11.14,25.12c.85,0,1.54-.69,1.54-1.54s-.69-1.54-1.54-1.54-1.54.69-1.54,1.54.69,1.54,1.54,1.54ZM28.86,19.22c.85,0,1.54-.69,1.54-1.54s-.69-1.54-1.54-1.54-1.54.69-1.54,1.54.69,1.54,1.54,1.54ZM22.95,19.22c.85,0,1.54-.69,1.54-1.54s-.69-1.54-1.54-1.54-1.54.69-1.54,1.54c0,.85.69,1.54,1.54,1.54ZM22.95,25.12c.85,0,1.54-.69,1.54-1.54s-.69-1.54-1.54-1.54-1.54.69-1.54,1.54c0,.85.69,1.54,1.54,1.54ZM28.86,25.12c.85,0,1.54-.69,1.54-1.54s-.69-1.54-1.54-1.54-1.54.69-1.54,1.54.69,1.54,1.54,1.54ZM22.95,31.03c.85,0,1.54-.69,1.54-1.54s-.69-1.54-1.54-1.54-1.54.69-1.54,1.54c0,.85.69,1.54,1.54,1.54ZM17.05,19.22c.85,0,1.54-.69,1.54-1.54s-.69-1.54-1.54-1.54-1.54.69-1.54,1.54.69,1.54,1.54,1.54Z"/></svg>');
		}

#course{}
	#course h2:before{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M9.03,4.29c-.98,0-1.78.8-1.78,1.78,0,.65.37,1.19.88,1.5v28.81h1.8V7.57c.52-.31.88-.86.88-1.5,0-.99-.8-1.78-1.78-1.78ZM34.01,7.85H12.19v18.23h21.83l-3.6-9.51,3.6-8.72Z"/></svg>');
		}

#favorite{}
	#favorite h2:before{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path d="M4,15.57h11.09l4.89-11.12,4.89,11.12h11.12l-8.82,8.19,3.63,11.79-10.82-6.43-10.76,6.43,3.6-11.79L4,15.57Z"/></svg>');
		}
	#favorite h2 + div {
		display: flex;
		justify-content: center;
		}
	#favorite #shareToggle {
		display: grid;
		grid-template-columns: 1fr 24px;
		grid-gap: 8px;
		align-items: center;
		width: min(100%, 280px);
		min-height: 64px;
		padding: 4px 16px 4px 24px;
		border-radius: 32px;
		border: 1px solid currentColor;
		color: inherit;
		letter-spacing: 0.05em;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		}
		#favorite #shareToggle:before,
		#favorite #shareToggle:after {
			grid-column: 2;
			grid-row: 1;
			content: "";
			aspect-ratio: 1;
			}
		#favorite #shareToggle:before {
			background: #5ab6b6;
			border-radius: 100%;
			}
		#favorite #shareToggle:after {
			background: #fff;
			-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="M17.81,11.4l-4.38-4.38c-.33-.33-.86-.33-1.19,0-.33.33-.33.86,0,1.19l2.79,2.79H6.93c-.55,0-.99.45-.99.99s.44.99.99.99h8.1l-2.79,2.79c-.33.33-.33.86,0,1.19.16.16.38.25.6.25s.43-.08.6-.25l4.38-4.38c.33-.33.33-.86,0-1.19Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			}
	#favorite #share {
		position: fixed;
		top: 0;
		left: 0;
		display: grid;
		grid-template-columns: 1fr min(var(--wrap), 960px) 1fr;
		align-content: center;
		width: 100%;
		height: 100%;
		padding: clamp(32px, 7.2vw, 48px) 0;
		background: rgba(0,0,0,0.8);
		z-index: 1000;
		}
		#favorite #share menu {
			grid-column: 2;
			grid-row: 1;
			justify-self: end;
			width: 32px;
			aspect-ratio: 1;
			margin: 0;
			padding: 0;
			background: #5ab6b6 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"/></svg>') center no-repeat;
			background-size: 75%;
			border-radius: 100%;
			font-size: 0;
			cursor: pointer;
			transform: translate(50%, -50%);
			z-index: 1;
			}
		#favorite #share dl {
			grid-column: 2;
			grid-row: 1;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			grid-gap: 16px;
			padding: 24px;
			background: #fff;
			border-radius: 8px;
			filter: drop-shadow(0 0 0.3em rgba(0,0,0,0.1));
			}
		#favorite #share dt {
			display: grid;
			grid-template-columns: 4px auto;
			grid-gap: 8px;
			width: 100%;
			font-weight: 700;
			font-size: 20px;
			}
			#favorite #share dt:before {
				content: "";
				margin: 0.35em 0 0.25em 0;
				background: #5ab6b6;
				}
		#favorite #share dt+dd {
			width: 100%;
			}
		#favorite #share dd a {
			display: grid;
			grid-template-columns: 16px auto;
			align-items: center;
			grid-gap: 4px;
			min-height: 32px;
			padding: 4px 16px;
			border-radius: 16px;
			color: inherit;
			font-size: 12px;
			text-align: center;
			text-decoration: none;
			letter-spacing: 0.025em;
			cursor: pointer;
			}
			#favorite #share dd a:before {
				content: "";
				aspect-ratio: 1;
				-webkit-mask-position: center;
				-webkit-mask-repeat: no-repeat;
				-webkit-mask-size: contain;
				background: currentColor;
				transform: translateX(-4px);
				}
			#favorite #share dd a[data-target="confirm"] {
				border: 1px solid var(--color-border);
				}
				#favorite #share dd a[data-target="confirm"]:before {
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0.106 11.553c-0.136 0.274-0.146 0.603 0 0.894 0 0 0.396 0.789 1.12 1.843 0.451 0.656 1.038 1.432 1.757 2.218 0.894 0.979 2.004 1.987 3.319 2.8 1.595 0.986 3.506 1.692 5.698 1.692s4.103-0.706 5.698-1.692c1.315-0.813 2.425-1.821 3.319-2.8 0.718-0.786 1.306-1.562 1.757-2.218 0.724-1.054 1.12-1.843 1.12-1.843 0.136-0.274 0.146-0.603 0-0.894 0 0-0.396-0.789-1.12-1.843-0.451-0.656-1.038-1.432-1.757-2.218-0.894-0.979-2.004-1.987-3.319-2.8-1.595-0.986-3.506-1.692-5.698-1.692s-4.103 0.706-5.698 1.692c-1.315 0.813-2.425 1.821-3.319 2.8-0.719 0.786-1.306 1.561-1.757 2.218-0.724 1.054-1.12 1.843-1.12 1.843zM2.14 12c0.163-0.281 0.407-0.681 0.734-1.158 0.41-0.596 0.94-1.296 1.585-2.001 0.805-0.881 1.775-1.756 2.894-2.448 1.35-0.834 2.901-1.393 4.647-1.393s3.297 0.559 4.646 1.393c1.119 0.692 2.089 1.567 2.894 2.448 0.644 0.705 1.175 1.405 1.585 2.001 0.328 0.477 0.572 0.876 0.734 1.158-0.163 0.281-0.407 0.681-0.734 1.158-0.41 0.596-0.94 1.296-1.585 2.001-0.805 0.881-1.775 1.756-2.894 2.448-1.349 0.834-2.9 1.393-4.646 1.393s-3.297-0.559-4.646-1.393c-1.119-0.692-2.089-1.567-2.894-2.448-0.644-0.705-1.175-1.405-1.585-2.001-0.328-0.477-0.572-0.877-0.735-1.158zM16 12c0-1.104-0.449-2.106-1.172-2.828s-1.724-1.172-2.828-1.172-2.106 0.449-2.828 1.172-1.172 1.724-1.172 2.828 0.449 2.106 1.172 2.828 1.724 1.172 2.828 1.172 2.106-0.449 2.828-1.172 1.172-1.724 1.172-2.828zM14 12c0 0.553-0.223 1.051-0.586 1.414s-0.861 0.586-1.414 0.586-1.051-0.223-1.414-0.586-0.586-0.861-0.586-1.414 0.223-1.051 0.586-1.414 0.861-0.586 1.414-0.586 1.051 0.223 1.414 0.586 0.586 0.861 0.586 1.414z"/></svg>');
					}
			#favorite #share dd a[data-target="mailto"] {
				border: 1px solid var(--color-border);
				}
				#favorite #share dd a[data-target="mailto"]:before {
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 7.921l8.427 5.899c0.34 0.235 0.795 0.246 1.147 0l8.426-5.899v10.079c0 0.272-0.11 0.521-0.295 0.705s-0.433 0.295-0.705 0.295h-16c-0.272 0-0.521-0.11-0.705-0.295s-0.295-0.433-0.295-0.705zM1 5.983c0 0.010 0 0.020 0 0.030v11.987c0 0.828 0.34 1.579 0.88 2.12s1.292 0.88 2.12 0.88h16c0.828 0 1.579-0.34 2.12-0.88s0.88-1.292 0.88-2.12v-11.988c0-0.010 0-0.020 0-0.030-0.005-0.821-0.343-1.565-0.88-2.102-0.541-0.54-1.292-0.88-2.12-0.88h-16c-0.828 0-1.579 0.34-2.12 0.88-0.537 0.537-0.875 1.281-0.88 2.103zM20.894 5.554l-8.894 6.225-8.894-6.225c0.048-0.096 0.112-0.183 0.188-0.259 0.185-0.185 0.434-0.295 0.706-0.295h16c0.272 0 0.521 0.11 0.705 0.295 0.076 0.076 0.14 0.164 0.188 0.259z"/></svg>');
					}
			#favorite #share dd a[data-target="twitter"] {
				background: #000;
				color: #fff;
				}
				#favorite #share dd a[data-target="twitter"]:before {
					-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path d="M21.42,15.24L34.83,0h-3.18l-11.64,13.24L10.72,0H0l14.05,20.01L0,36h3.18l12.29-13.98,9.82,13.98h10.72l-14.58-20.76h0ZM17.07,20.19l-1.42-1.99L4.32,2.34h4.88l9.14,12.8,1.42,1.99,11.89,16.64h-4.88l-9.7-13.58h0Z"/></svg>');
					}
			#favorite #share dd a[data-target="facebook"] {
				background: #3b5998;
				color: #fff;
				}
				#favorite #share dd a[data-target="facebook"]:before {
					-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="M19.52,5.08V0c-3.16,0-5.51.91-7,2.7a6.88,6.88,0,0,0-1.46,5.08V9.61H8.48v5.08h2.58V28h5.09V14.69h2.49V9.61H16.15v-2l0-.41a1.81,1.81,0,0,1,.34-1.28C16.92,5.38,18,5.08,19.52,5.08Z"/></svg>');
					}
			#favorite #share dd a[data-target="line"] {
				background: #00c300;
				color: #fff;
				}
				#favorite #share dd a[data-target="line"]:before {
					-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>');
					}

#blog{}
	@media (min-width: 576px) {
		#blog h2 + div p {
			text-align: center;
			}
		}

#photo{}
	#photo h2 + div {
		display: flex;
		justify-content: center;
		}
		#blog h2 + div p {
			margin-top: -24px;
			}
		#photo h2 + div a {
			display: grid;
			grid-template-columns: 1fr 24px;
			grid-gap: 8px;
			align-items: center;
			width: min(100%, 280px);
			min-height: 64px;
			padding: 4px 16px 4px 24px;
			border-radius: 32px;
			border: 1px solid currentColor;
			color: inherit;
			letter-spacing: 0.05em;
			text-align: center;
			text-decoration: none;
			}
			#photo h2 + div a:before,
			#photo h2 + div a:after {
				grid-column: 2;
				grid-row: 1;
				content: "";
				aspect-ratio: 1;
				}
			#photo h2 + div a:before {
				background: #5ab6b6;
				border-radius: 100%;
				}
			#photo h2 + div a:after {
				background: #fff;
				-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="M17.81,11.4l-4.38-4.38c-.33-.33-.86-.33-1.19,0-.33.33-.33.86,0,1.19l2.79,2.79H6.93c-.55,0-.99.45-.99.99s.44.99.99.99h8.1l-2.79,2.79c-.33.33-.33.86,0,1.19.16.16.38.25.6.25s.43-.08.6-.25l4.38-4.38c.33-.33.33-.86,0-1.19Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				}

#photo + #result:not(:has(#resultSet)){}
	#photo + #result:not(:has(#resultSet)) h2 {
		display: block;
		color: #5ab6b6;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0.05em;
		text-align: center;
		}
	@media (min-width: 992px) {
		#photo + #result:not(:has(#resultSet)) h2 {
			font-size: 20px;
			}
		}
	#photo + #result:not(:has(#resultSet)) h2 + div {
		margin: 16px 0 24px 0;
		word-break: keep-all;
		overflow-wrap: break-word;
		text-align: center;
		}

:has(#photo) #request {
	grid-column: 2;
	display: flex;
	justify-content: center;
	margin-top: 64px;
	}
	:has(#photo) #request a {
		display: grid;
		grid-template-columns: 1fr 24px;
		grid-gap: 8px;
		align-items: center;
		width: min(100%, 280px);
		min-height: 64px;
		padding: 4px 16px 4px 24px;
		border-radius: 32px;
		border: 1px solid currentColor;
		color: inherit;
		letter-spacing: 0.05em;
		text-align: center;
		text-decoration: none;
		}
		:has(#photo) #request a:before,
		:has(#photo) #request a:after {
			grid-column: 2;
			grid-row: 1;
			content: "";
			aspect-ratio: 1;
			}
		:has(#photo) #request a:before {
			background: #5ab6b6;
			border-radius: 100%;
			}
		:has(#photo) #request a:after {
			background: #fff;
			-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="M17.81,11.4l-4.38-4.38c-.33-.33-.86-.33-1.19,0-.33.33-.33.86,0,1.19l2.79,2.79H6.93c-.55,0-.99.45-.99.99s.44.99.99.99h8.1l-2.79,2.79c-.33.33-.33.86,0,1.19.16.16.38.25.6.25s.43-.08.6-.25l4.38-4.38c.33-.33.33-.86,0-1.19Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			}
	@media (min-width: 992px) {
		:has(#photo) #request {
			margin-top: 96px;
			}
		}

#fcSpot{}
	#fcSpot h2: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"><path d="M17.22,16.26l-3.15-3.15c.9-1.11,1.43-2.52,1.43-4.05,0-3.57-2.9-6.47-6.47-6.47s-6.47,2.9-6.47,6.47,2.9,6.47,6.47,6.47c1.45,0,2.78-.48,3.85-1.29l3.18,3.18c.16.16.37.24.58.24s.42-.08.58-.24c.32-.32.32-.84,0-1.16ZM13.87,9.06c0,2.67-2.17,4.83-4.83,4.83s-4.83-2.17-4.83-4.83,2.17-4.83,4.83-4.83,4.83,2.17,4.83,4.83Z"/></svg>');
		}

#fcHistory{}
	#fcHistory h2: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"><path d="M13.29,16.28h0c2.18-1.3,3.64-3.69,3.64-6.42,0-4.13-3.34-7.47-7.47-7.47S1.99,5.74,1.99,9.86s3.34,7.47,7.47,7.47h9.36v-1.06h-5.54ZM9.46,9.12c.41,0,.75.33.75.75s-.33.75-.75.75-.75-.33-.75-.75.33-.75.75-.75ZM9.46,7.06c-.89,0-1.62-.73-1.62-1.62s.73-1.62,1.62-1.62,1.62.72,1.62,1.62-.72,1.62-1.62,1.62ZM9.46,12.63c.89,0,1.62.72,1.62,1.62s-.72,1.62-1.62,1.62-1.62-.72-1.62-1.62.73-1.62,1.62-1.62ZM11.86,11.24c.3-.52.84-.81,1.4-.81.27,0,.55.07.81.22.77.45,1.04,1.44.59,2.21-.3.52-.84.81-1.4.81-.27,0-.55-.07-.81-.22-.77-.45-1.04-1.44-.59-2.21ZM14.08,9.05c-.25.15-.53.22-.81.22-.56,0-1.1-.29-1.4-.81-.45-.77-.18-1.76.59-2.21.25-.15.53-.22.81-.22.56,0,1.1.29,1.4.81.45.77.18,1.76-.59,2.21ZM7.05,8.45c-.3.52-.84.81-1.4.81-.27,0-.55-.07-.81-.22-.77-.45-1.04-1.44-.59-2.21.3-.52.84-.81,1.4-.81.27,0,.55.07.81.22.77.45,1.04,1.44.59,2.21ZM4.84,10.64c.25-.15.53-.22.81-.22.56,0,1.1.29,1.4.81.45.77.18,1.76-.59,2.21-.26.15-.53.22-.81.22-.56,0-1.1-.29-1.4-.81-.45-.77-.18-1.76.59-2.21Z"/></svg>');
		}

#search {
	display: grid;
	padding: 48px 0 32px 0;
	background: var(--color-variable-bg);
	}
	#search h2 {
		justify-self: center;
		display: grid;
		grid-template-columns: 1fr 24px;
		align-items: center;
		width: min(100%, 700px);
		min-height: 48px;
		padding: 8px;
		background: #fff;
		border: 1px solid var(--color-border);
		letter-spacing: 0.12em;
		text-align: center;
		cursor: pointer;
		}
		#search h2:after {
			content: "";
			aspect-ratio: 1;
			background: var(--color-variable);
			-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="M6.85,17.5c-1.12,0-2.05.74-2.37,1.75H2v1.5h2.48c.32,1.01,1.26,1.75,2.37,1.75s2.05-.74,2.37-1.75h12.77v-1.5h-12.77c-.32-1.01-1.26-1.75-2.37-1.75ZM6.85,21.5c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5,1.5.67,1.5,1.5-.67,1.5-1.5,1.5ZM9.23,3.25c-.32-1.01-1.26-1.75-2.37-1.75s-2.05.74-2.37,1.75H2v1.5h2.48c.32,1.01,1.26,1.75,2.37,1.75s2.05-.74,2.37-1.75h12.77v-1.5h-12.77ZM6.85,5.5c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5,1.5.67,1.5,1.5-.67,1.5-1.5,1.5ZM17.3,9.5c-1.12,0-2.05.74-2.37,1.75H2v1.5h12.93c.32,1.01,1.26,1.75,2.37,1.75s2.05-.74,2.37-1.75h2.32v-1.5h-2.32c-.32-1.01-1.26-1.75-2.37-1.75ZM17.3,13.5c-.83,0-1.5-.67-1.5-1.5s.67-1.5,1.5-1.5,1.5.67,1.5,1.5-.67,1.5-1.5,1.5Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			}
	@media (min-width: 992px) {
		#search {
			padding: 64px 0 40px 0;
			}
		#search h2 {
			font-size: 18px;
			}
		}

#searchMenu {
	position: relative;
	display: grid;
	grid-template-columns: 24px 1fr 24px;
	margin-top: 16px;
	background: #fff;
	border: 2px solid var(--color-variable);
	border-radius: 8px;
	overflow: hidden;
	}
	#searchMenu > * {
		grid-column: 2;
		}
	#searchMenu section {
		display: grid;
		grid-gap: 16px;
		padding: 24px 0;
		}
		#searchMenu section:nth-of-type(n + 2) {
			border-top: 1px solid var(--color-border);
			}
		#searchMenu section h3 {
			display: grid;
			grid-template-columns: 12px 1fr;
			grid-gap: 8px;
			font-weight: 700;
			}
			#searchMenu section h3:before {
				content: "";
				background: var(--color-variable);
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3,0h9v9c0,1.66-1.34,3-3,3H0V3C0,1.34,1.34,0,3,0Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				}
		#searchMenu section ul {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(min(40vw, 200px), 1fr));
			align-content: start;
			align-items: start;
			grid-gap: 1px;
			}
			#searchMenu section ul:has([id^="dst"]) {
				grid-template-columns: repeat(auto-fill, minmax(min(40vw, 160px), 1fr));
				}
			#searchMenu section ul li {
				display: grid;
				grid-template-columns: auto 1fr;
				align-content: start;
				}
				#searchMenu section ul li input {
					grid-column: 1;
					grid-row: 1;
					margin: 4px 8px;
					transform: translateY(0.35em);
					}
					#searchMenu section ul li input:checked {
						border-color: #fff;
						}
				#searchMenu section ul li input:checked + label {
					background: var(--color-variable);
					color: #fff;
					}
				#searchMenu section ul li label {
					grid-column: 1 / 3;
					grid-row: 1;
					padding: 4px 8px 4px 32px;
					}
				#searchMenu section ul li ul {
					grid-column: 1 / 3;
					grid-template-columns: 1fr;
					margin-top: 1px;
					margin-left: 16px;
					}
	#searchMenu.open {
		opacity: 1;
		}
	@media (min-width: 992px) {
		#searchMenu {
			grid-template-columns: 56px 1fr 56px;
			margin-top: 32px;
			}
		}

#searchDateSlide {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	margin: 0 -16px;
	}
	#searchDateSlide > * {
		grid-column: 2;
		grid-row: 1;
		}
	#searchDateSlide table {
		display: grid;
		border: 2px solid #333;
		}
	#searchDateSlide caption {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		align-items: baseline;
		padding: 4px 16px;
		background: #5ab6b6;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.05em;
		cursor: pointer;
		}
		#searchDateSlide caption span {
			font-size: 10px;
			}
	#searchDateSlide thead{
		display: contents;
		}
		#searchDateSlide thead td {
			padding: 4px 0;
			background: #5ab6b6;
			color: #fff;
			font-weight: bold;
			font-size: 10px;
			}
	#searchDateSlide tbody {
		display: contents;
		}
		#searchDateSlide tbody td {
			padding: 8px 0;
			border: 0 solid #333;
			border-width: 1px 1px 0 0;
			font-size: 14px;
			cursor: pointer;
			}
			#searchDateSlide tbody td:first-child {
				color: #e71f19;
				}
			#searchDateSlide tbody td:last-child {
				border-width: 1px 0 0 0;
				}
			#searchDateSlide tbody td:empty{
				background: #f3f3f3;
				cursor: none;
				}
			#searchDateSlide tbody td:not(:empty).check{
				background: #fae5c9;
				}
	#searchDateSlide tr {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		}
	#searchDateSlide td {
		text-align: center;
		vertical-align: middle;
		}
	#searchDateSlide .slick-list {
		grid-column: 2;
		grid-row: 1;
		overflow: visible;
		}
	#searchDateSlide .slick-slide {
		margin: 0 8px;
		}
	#searchDateSlide .slick-arrow {
		all: unset;
		position: relative;
		align-self: center;
		width: 32px;
		aspect-ratio: 1;
		background: #999;
		border-radius: 100%;
		color: #fff;
		font-size: 0;
		z-index: 1;
		cursor: pointer;
		}
		#searchDateSlide .slick-arrow: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"><path d="M14.24,7.36l-4.7-4.7c-.35-.35-.93-.35-1.28,0-.35.35-.35.93,0,1.28l2.99,2.99H2.56c-.59,0-1.07.48-1.07,1.07s.48,1.07,1.07,1.07h8.69l-2.99,2.99c-.35.35-.35.93,0,1.28.18.18.41.26.64.26s.46-.09.64-.26l4.7-4.7c.35-.35.35-.93,0-1.28Z"/></svg>') center no-repeat;
			-webkit-mask-size: 16px;
			}
	#searchDateSlide .slick-prev {}
		#searchDateSlide .slick-prev:before {
			transform: scale(-1, 1);
			}
	#searchDateSlide .slick-next {
		justify-self: end;
		}
	@media (min-width: 576px) {
		#searchDateSlide {
			margin: 0;
			}
		#searchDateSlide .slick-list {
			padding-right: min(30vw, 240px);
			}
		#searchDateSlide .slick-arrow {
			width: 48px;
			}
		}
	@media (min-width: 768px) {
		#searchDateSlide .slick-list{
			padding-right: 0;
			}
		}
	@media (min-width: 1200px) {
		#searchDateSlide .slick-list{
			margin: 0 16px;
			overflow: hidden;
			}
		}

#searchMenuKeyword {
	grid-column: 1 / 4;
	grid-row: 1;
	display: grid;
	grid-template-columns: 1fr min(100%, 560px) 1fr;
	align-items: center;
	padding: 48px 16px 32px 16px;
	border-bottom: 1px solid var(--color-variable);
	}
	#searchMenuKeyword input {
		grid-column: 2;
		grid-row: 1;
		padding: 0 48px 0 24px;
		border-radius: 24px;
		}
	#searchMenuKeyword button {
		all: unset;
		box-sizing: border-box;
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
		aspect-ratio: 1;
		width: 40px;
		margin: 4px;
		background: var(--color-variable) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><path d="M10.27,0C7.11,0,4.54,2.56,4.54,5.73c0,1.46.55,2.79,1.45,3.8,0,0,0,0,0,0L.7,14.81c-.2.2-.2.53,0,.74.1.1.23.15.37.15s.27-.05.37-.15l5.28-5.28s.01-.02.02-.03c.97.76,2.2,1.22,3.53,1.22,3.16,0,5.73-2.56,5.73-5.73S13.44,0,10.27,0ZM10.27,10.42c-2.58,0-4.69-2.1-4.69-4.69S7.69,1.04,10.27,1.04s4.69,2.1,4.69,4.69-2.1,4.69-4.69,4.69Z"/></svg>') center no-repeat;
		background-size: 16px;
		border-radius: 100%;
		font-size: 0;
		cursor: pointer;
		z-index: 1;
		}
	@media (min-width: 992px) {
		#searchMenuKeyword {
			padding: 56px 56px 40px 56px;
			}
		}

#searchMenuButton {
	grid-column: 1 / 4;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	grid-gap: 16px 24px;
	margin-top: 16px;
	padding: 24px 16px;
	border-top: 1px solid var(--color-variable);
	}
	#searchMenuButton button {
		all: unset;
		box-sizing: border-box;
		display: grid;
		align-items: center;
		min-height: 48px;
		width: min(100%, 180px);
		padding: 8px 24px;
		border: 1px solid var(--color-border);
		border-radius: 24px;
		letter-spacing: 0.05em;
		text-align: center;
		cursor: pointer;
		}
		#searchMenuButton button.doSearch {
			order: -1;
			grid-template-columns: 1fr 20px;
			width: min(100%, 240px);
			background: var(--color-theme);
			border-color: transparent;
			color: #fff;
			}
			#searchMenuButton button.doSearch:after {
				content: "";
				aspect-ratio: 1;
				background: currentColor;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.84,0C8.89,0,5.68,3.21,5.68,7.16c0,1.82.69,3.48,1.81,4.75,0,0,0,0-.01,0L.87,18.52c-.25.25-.25.67,0,.92.13.13.29.19.46.19s.33-.06.46-.19l6.6-6.6s.02-.03.03-.04c1.22.96,2.75,1.53,4.41,1.53,3.95,0,7.16-3.21,7.16-7.16S16.79,0,12.84,0ZM12.84,13.02c-3.23,0-5.86-2.63-5.86-5.86S9.61,1.3,12.84,1.3s5.86,2.63,5.86,5.86-2.63,5.86-5.86,5.86Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				transform: translateX(4px);
				}
	@media (min-width: 992px) {
		#searchMenuButton {
			column-gap: 40px;
			padding: 40px 56px;
			}
		}

#searchMenuClose{
	all: unset;
	position: absolute;
	top: 0;
	right: 0;
	aspect-ratio: 1;
	width: 48px;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="2 2 14 14" /><polyline points="14 2 2 14" /></svg>') center no-repeat;
	-webkit-mask-size: 16px;
	background: currentColor;
	font-size: 0;
	cursor: pointer;
	}

#searchCurrent {
	justify-self: center;
	width: min(100%, 700px);
	margin-top: 32px;
	}
	#searchCurrent dl {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		grid-gap: 8px;
		}
	#searchCurrent dt {
		margin-right: 16px;
		letter-spacing: 0.05em;
		}
	#searchCurrent dd {
		display: contents;
		}
	#searchCurrent button {
		all: unset;
		box-sizing: border-box;
		background: #d6d6d6;
		}
	#searchCurrent a,
	#searchCurrent button {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		min-height: 32px;
		padding: 4px 16px;
		background: #fff;
		border: 1px solid var(--color-border);
		border-radius: 16px;
		color: inherit;
		font-size: 14px;
		letter-spacing: 0.05em;
		line-height: 1;
		text-decoration: none;
		cursor: pointer;
		}
		#searchCurrent a:after ,
		#searchCurrent button:after {
			content: '\D7';
			transform: translateX(8px);
			}
	@media (max-width: 575.98px) {
		#searchCurrent dt {
			width: 100%;
			}
		}
	@media (min-width: 992px) {
		#searchCurrent {
			margin-top: 40px;
			}
		}

#result {}
	#result:before {
		content: "";
		order: 1;
		grid-column: 1 / 4;
		margin-bottom: 32px;
		border-bottom: 1px solid var(--color-variable);
		}
	#result h2 {
		display: none;
		}
	#result #resultList ,
	#result #resultMap {
		order: 1;
		}
	#result #resultSide {
		order: 1;
		align-self: start;
		margin-top: 64px;
		}
	@media (min-width: 576px) {
		#result:before {
			margin-bottom: 56px;
			}
		}
	@media (min-width: 992px) {
		#result #resultSide {
			margin-top: 32px;
			}
		#result:has(#resultSide) #resultList ,
		#result:has(#resultSide) #resultSide {
			grid-row: 3;
			}
		#result:has(#resultSide) #resultList {
			margin-right: 320px;
			}
		#result:has(#resultSide) #resultSide {
			position: sticky;
			top: 0;
			justify-self: end;
			width: 280px;
			}
		}
	@media (min-width: 1200px) {
		#result:has(#resultSide) #resultList {
			margin-right: 360px;
			}
		}

#resultSet {
	display: grid;
	align-items: center;
	justify-items: center;
	grid-gap: 16px 32px;
	padding: 24px 0;
	}
	@media (min-width: 576px) {
		#resultSet {
			display: flex;
			justify-content: space-between;
			}
		}

#resultCount {
	display: flex;
	align-items: center;
	grid-gap: 4px;
	line-height: 1;
	letter-spacing: 0.05em;
	}
	#resultCount span {
		font-size: 2em;
		transform: translateY(-0.1em);
		}

#resultSwitch {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	grid-gap: 16px;
	}
	#resultSwitch dl {
		font-size: 14px;
		}
	#resultSwitch dt {
		letter-spacing: 0.05em;
		}
	#resultSwitch dd {
		display: grid;
		align-items: center;
		min-height: 32px;
		padding: 4px 16px;
		background: #fff;
		border: 1px solid var(--color-border);
		letter-spacing: 0.05em;
		line-height: 1;
		text-align: center;
		cursor: pointer;
		}
		#resultSwitch dd.select {
			background: var(--color-variable);
			color: #fff;
			}
	@media (max-width: 991.98px) {
		#resultSwitch dl {
			position: relative;
			}
		#resultSwitch dl:not(:has(span)){
			display: grid;
			}
			#resultSwitch dl:not(:has(span)) dt ,
			#resultSwitch dl:not(:has(span)) dd{
				grid-column: 1;
				grid-row: 1;
				}
			#resultSwitch dl:not(:has(span)) dd{
				visibility: hidden;
				}
		#resultSwitch dt {
			display: grid;
			grid-template-columns: 1fr 10px;
			align-items: center;
			grid-gap: 8px;
			min-height: 32px;
			padding: 4px 8px 4px 16px;
			border: 1px solid var(--color-border);
			border-radius: 4px;
			text-align: center;
			}
			#resultSwitch dt:after {
				content: "";
				aspect-ratio: 1;
				background: currentColor;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><polygon points="0,2 10,2 5,8"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				}
			#resultSwitch dt.on{
				border-radius: 4px 4px 0 0;
				}
				#resultSwitch dt.on:after {
					transform: scale(1, -1);
					}
		#resultSwitch dd {
			border-top: none;
			font-size: 14px;
			}
			#resultSwitch dd:last-child {
				border-radius: 0 0 4px 4px;
				}
		#resultSwitch span {
			position: absolute;
			top: 100%;
			left: 0;
			display: block;
			width: 100%;
			z-index: 10;
			}
		}
	@media (min-width: 992px) {
		#resultSwitch {
			column-gap: 40px;
			}
		#resultSwitch dl {
			display: flex;
			align-items: center;
			grid-gap: 8px;
			width: auto !important;
			border: unset;
			border-radius: unset;
			font-size: min(1vw, 14px);
			}
		#resultSwitch dt {
			margin-right: 8px;
			}
		#resultSwitch dd {
			border-radius: 16px;
			}
			#resultSwitch dd.select {
				border-color: transparent;
				}
		#resultSwitch span {
			display: contents !important;
			}
		#resultSwitch .on + span {
			display: block;
			}
		}

#resultDisplay {}
	#resultDisplay dd {
		grid-template-columns: 1em 1fr;
		grid-gap: 4px;
		}
		#resultDisplay dd:before {
			content: "";
			aspect-ratio: 1;
			background: currentColor;
			-webkit-mask-position: center;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-size: contain;
			transform: translateX(-4px);
			}
			#resultDisplay dd[data-mode="grid"]:before {
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0,4.22h4.22V0H0v4.22ZM5.89,4.22h4.22V0h-4.22v4.22ZM11.78,0v4.22h4.22V0h-4.22ZM0,10.11h4.22v-4.22H0v4.22ZM11.78,10.11h4.22v-4.22h-4.22v4.22ZM5.89,10.11h4.22v-4.22h-4.22v4.22ZM0,16h4.22v-4.22H0v4.22ZM11.78,16h4.22v-4.22h-4.22v4.22ZM5.89,16h4.22v-4.22h-4.22v4.22Z"/></svg>');
				}
			#resultDisplay dd[data-mode="line"]:before {
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0,4.22h4.22V0H0v4.22ZM0,10.11h4.22v-4.22H0v4.22ZM0,16h4.22v-4.22H0v4.22ZM16,1.36H6.4v1.5h9.6v-1.5ZM16,7.25H6.4v1.5h9.6v-1.5ZM6.4,13.14v1.5h9.6v-1.5H6.4Z"/></svg>');
				}
			#resultDisplay dd[data-mode="map"]:before {
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path d="M12.61,5.85c0-2.55-2.07-4.61-4.61-4.61S3.39,3.3,3.39,5.85s4.61,8.51,4.61,8.51c0,0,4.61-5.96,4.61-8.51ZM5.93,5.57c0-1.15.93-2.07,2.07-2.07s2.07.93,2.07,2.07-.93,2.07-2.07,2.07-2.07-.93-2.07-2.07Z"/></svg>');
				}

#resultPowered {
	order: 1;
	text-align: right;
	margin-top: -16px;
	}
	@media (min-width: 576px) {
		#resultPowered {
			margin-top: -32px;
			}
		}

#resultList {}
	#resultList > p {
		display: grid;
		align-items: center;
		aspect-ratio: 16 / 9;
		text-align: center;
		}

#resultMap {
	position: relative;
	display: grid;
	height: min(75vh, 720px);
	margin: 24px 0 64px 0;
	background: #f2f2f2;
	color: var(--color);
}

@media (min-width: 576px) {
	#resultMap {
		height: min(75vw, 720px);
	}
}

@media (min-width: 992px) {
	#resultMap {
		margin: 32px 0 96px 0;
	}
}

#resultMap p {
	align-self: center;
	text-align: center;
}

#pagenation {
	margin-top: 32px;
}

[lsc-lb*="lscListPgn"] {
	display: none;
}

:has(#resultSide) #pagenation ol {
	padding-right: 320px;
}

@media (min-width: 1200px) {
	:has(#resultSide) #pagenation ol {
		padding-right: 360px;
	}
}

.articleList {
	display: grid;
	align-items: start;
	grid-gap: 40px 24px;
	margin-top: 8px;
}

@media (min-width: 576px) {
	.articleList {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 768px) {
	.articleList {
		column-gap: 32px;
	}
}

@media (min-width: 992px) {
	.articleList {
		grid-gap: 56px 40px;
	}
}

.articleList dl {
	position: relative;
	display: grid;
	grid-gap: 16px;
}

.articleList dl:not(:has(img)):before {
	content: "";
	grid-column: 1;
	grid-row: 1;
	aspect-ratio: 1 / 0.667;
	background: var(--dummy);
	background-size: 50% auto;
	border-radius: 40px 0 40px 0;
	transition: opacity 0.2s ease-out;
}

.articleList dl:has(a[title]):hover dt:before,
.articleList dl:has(a[title]):hover dt:after {
	transform: translateX(4px);
}

.articleList dl:has(a[title]):hover:before,
.articleList dl:has(a[title]):hover img {
	opacity: 0.8;
}

.articleList dt {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.05em;
}

.articleList dl:has(a) dt {
	display: grid;
	grid-template-columns: 1fr 48px;
	align-items: center;
	grid-gap: 8px;
}

.articleList dl:has(a) dt:before,
.articleList dl:has(a) dt:after {
	content: "";
	grid-column: 2;
	grid-row: 1;
	align-self: start;
	aspect-ratio: 1;
	color: var(--color-variable);
	transition: transform 0.2s ease-out;
}

.articleList dl:has(a) dt:before {
	border: 1px solid currentColor;
	border-radius: 100%;
}

.articleList dl:has(a) dt:after {
	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"><path d="M14.24,7.36l-4.7-4.7c-.35-.35-.93-.35-1.28,0-.35.35-.35.93,0,1.28l2.99,2.99H2.56c-.59,0-1.07.48-1.07,1.07s.48,1.07,1.07,1.07h8.69l-2.99,2.99c-.35.35-.35.93,0,1.28.18.18.41.26.64.26s.46-.09.64-.26l4.7-4.7c.35-.35.35-.93,0-1.28Z"/></svg>') center no-repeat;
	-webkit-mask-size: 16px;
}

.articleList dd:nth-of-type(1) {
	grid-column: 1;
	grid-row: 1;
	align-self: end;
	justify-self: start;
	display: grid;
	min-width: min(50%, 12em);
	min-height: 40px;
	margin-right: 2em;
	padding: 8px 16px;
	background: var(--color-variable);
	border-radius: 10px 0 10px 0;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-align: center;
	z-index: 1;
}

.articleList dd:nth-of-type(1):empty {
	visibility: hidden;
}

.articleList dd:has(img) {
	grid-column: 1;
	grid-row: 1;
}

.articleList dd:has(a) {
	display: contents;
}

.articleList img {
	aspect-ratio: 1 / 0.667;
	object-fit: cover;
	border-radius: 40px 0 40px 0;
	transition: opacity 0.2s ease-out;
}

.articleList a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}

.spotList {
	display: grid;
}

.spotList dl {
	position: relative;
	display: grid;
}

.spotList dl:not(:has(img)):before {
	content: "";
	grid-column: 1;
	grid-row: 1;
	aspect-ratio: 1 / 0.667;
	background: var(--dummy);
	background-size: 50% auto;
	border-radius: 8px;
}

.spotList dl:has(a[title]):hover:before,
.spotList dl:has(a[title]):hover img {
	opacity: 0.8;
}

.spotList dt {
	font-weight: 700;
	letter-spacing: 0.05em;
}

.spotList dd {
	letter-spacing: 0.05em;
}

.spotList dd:has(a) ,
.spotList dd:has(img) {
	display: contents;
}

.spotList dd a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	z-index: 1;
}

.spotList dd a[data-fav-id] {
	all: initial;
	grid-column: 1;
	grid-row: 1;
	justify-self: end;
	aspect-ratio: 1;
	width: 24px;
	height: 30px;
	margin: 8px;
	background: #fff;
	font-size: 0;
	cursor: pointer;
	z-index: 2;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 30"><path d="M0,0v30l12-4.95,12,4.95V0H0ZM16.55,19.44l-4.56-2.71-4.53,2.71,1.51-4.96-3.72-3.45h4.67l2.06-4.68,2.06,4.68h4.68l-3.72,3.45,1.53,4.96Z"/></svg>') center no-repeat;
	-webkit-mask-size: contain;
}

.spotList dd a[data-fav-status="on"] {
	background: var(--color-theme);
}

.spotList dd figure {
	grid-column: 1;
	grid-row: 1;
}

.spotList dd figure img {
	aspect-ratio: 1 / 0.667;
	object-fit: cover;
	border-radius: 8px;
	transition: opacity 0.2s ease-out;
}

.spotList dd span {
	justify-self: start;
	min-height: 24px;
	padding: 0 16px;
	border: 1px solid currentColor;
	border-radius: 12px;
	color: #5ab6b6;
	font-size: 14px;
	letter-spacing: 0.05em;
}

.spotList dd time {
	display: grid;
	grid-template-columns: 16px 1fr;
	grid-gap: 8px;
	color: #5ab6b6;
	font-size: 14px;
	letter-spacing: 0.05em;
}

.spotList dd time:before {
	content: "";
	aspect-ratio: 1;
	background: currentColor;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9.18,10.05c.34,0,.62-.28.62-.62s-.28-.62-.62-.62-.62.28-.62.62c0,.34.28.62.62.62ZM9.18,7.69c.34,0,.62-.28.62-.62s-.28-.62-.62-.62-.62.28-.62.62c0,.34.28.62.62.62ZM11.54,10.05c.34,0,.62-.28.62-.62s-.28-.62-.62-.62-.62.28-.62.62.28.62.62.62ZM10.26,4.02c.33,0,.6-.27.6-.6v-.95c0-.33-.27-.6-.6-.6s-.6.27-.6.6v.95c0,.33.27.6.6.6ZM5.82,4.02c.33,0,.6-.27.6-.6v-.95c0-.33-.27-.6-.6-.6s-.6.27-.6.6v.95c0,.33.27.6.6.6ZM11.54,7.69c.34,0,.62-.28.62-.62s-.28-.62-.62-.62-.62.28-.62.62.28.62.62.62ZM6.82,7.69c.34,0,.62-.28.62-.62s-.28-.62-.62-.62-.62.28-.62.62c0,.34.28.62.62.62ZM4.46,10.05c.34,0,.62-.28.62-.62s-.28-.62-.62-.62-.62.28-.62.62.28.62.62.62ZM4.46,12.41c.34,0,.62-.28.62-.62s-.28-.62-.62-.62-.62.28-.62.62.28.62.62.62ZM12.34,2.72h-.96v.69c0,.62-.51,1.13-1.13,1.13s-1.13-.51-1.13-1.13v-.69h-2.18v.69c0,.62-.51,1.13-1.13,1.13s-1.13-.51-1.13-1.13v-.69h-1.03c-.93,0-1.69.76-1.69,1.69v8.03c0,.93.76,1.69,1.69,1.69h8.69c.93,0,1.69-.76,1.69-1.69V4.41c0-.93-.76-1.69-1.69-1.69ZM13.21,12.44c0,.48-.39.87-.87.87H3.66c-.48,0-.87-.39-.87-.87v-6.96h10.43v6.96ZM9.18,12.41c.34,0,.62-.28.62-.62s-.28-.62-.62-.62-.62.28-.62.62c0,.34.28.62.62.62ZM6.82,10.05c.34,0,.62-.28.62-.62s-.28-.62-.62-.62-.62.28-.62.62c0,.34.28.62.62.62ZM6.82,12.41c.34,0,.62-.28.62-.62s-.28-.62-.62-.62-.62.28-.62.62c0,.34.28.62.62.62Z"/></svg>') center no-repeat;
	-webkit-mask-size: contain;
	transform: translateY(0.3em);
}

.spotList.line dl {
	grid-gap: 8px 24px;
	padding: 32px 0;
}

@media (min-width: 576px) {
	.spotList.line dl {
		grid-template-columns: min(35vw, 330px) 1fr;
		grid-template-rows: auto auto 1fr;
	}

	.spotList.line dl:before {
		grid-row: 1 / 4;
	}

	.spotList.line dl:has(time):before {
		grid-row: 1 / 5;
	}

	.spotList.line dl:has(span) dt {
		grid-row: 2;
	}

	.spotList.line dl:has(span) figure {
		grid-row: 1 / 5;
	}

	.spotList.line dl:has(time) figure {
		grid-row: 1 / 5;
	}
}

@media (min-width: 992px) {
	.spotList.line dl {
		padding: 48px 0;
	}
}

.spotList.line dl:nth-child(n+2) {
	border-top: 1px solid var(--color-border);
}

.spotList.line dt {
	font-size: 20px;
}

@media (min-width: 576px) {
	.spotList.line dt {
		grid-column: 2;
		grid-row: 1;
		margin: 0 32px 0 0;
	}
}

@media (min-width: 992px) {
	.spotList.line dt {
		font-size: 28px;
	}
}

.spotList.line dt[data-ruby] {
	display: grid;
}

.spotList.line dt[data-ruby]:before {
	content: attr(data-ruby);
	font-size: 12px;
	letter-spacing: 0.05em;
}

.spotList.line dd:nth-of-type(1) {
	color: var(--color-variable);
	font-weight: 700;
	font-size: 18px;
}

.spotList.line dd:nth-of-type(1) dt[data-course] + dd {
	font-size: inherit;
	color: inherit;
}

@media (min-width: 992px) {
	.spotList.line dd:nth-of-type(1) {
		font-size: 20px;
	}
}

.spotList.line dd:nth-of-type(2) {
	font-size: 14px;
}

@media (min-width: 992px) {
	.spotList.line dd:nth-of-type(2) {
		font-size: inherit;
	}
}

.spotList.line dd span {
	grid-row: 2;
}

@media (min-width: 576px) {
	.spotList.line dd span {
		grid-column: 2;
		grid-row: 1;
	}
}

@media (min-width: 576px) {
	.spotList.line dd figure {
		grid-row: 1 / 4;
	}
}

@media (min-width: 576px) {
	.spotList.line dd a[data-fav-id] {
		grid-column: 2;
		margin: 0;
	}

	.spotList.line dd a[data-fav-id].favOff {
		background: #d6d6d6;
	}
}

.spotList.grid {
	grid-template-columns: repeat(auto-fill, minmax(min(40vw, 200px), 1fr));
	align-items: start;
	grid-gap: 24px 16px;
}

@media (min-width: 576px) {
	.spotList.grid {
		grid-gap: 40px 32px;
	}
}

.spotList.grid dl {
	grid-gap: 8px;
}

.spotList.grid dl:before {
	aspect-ratio: 1;
}

.spotList.grid dt {
	font-size: 18px;
}

.spotList.grid dd:nth-of-type(1) {
	letter-spacing: 0.03em;
}

.spotList.grid dd:nth-of-type(1) dt[data-course] + dd {
	display: none;
}

.spotList.grid dd:nth-of-type(2):not(:has(a)) {
	display: none;
}

.spotList.grid dd span {
	grid-row: 2;
	margin-top: 8px;
}

.spotList.grid dd figure img {
	aspect-ratio: 1;
}

.spotList.grid dd time {
	order: 1;
	margin-top: 8px;
}

.blogList dl {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: 8px 24px;
	padding: 32px 0;
}

@media (min-width: 576px) {
	.blogList dl {
		grid-template-columns: min(35vw, 240px) auto 1fr;
		grid-template-rows: auto auto 1fr;
		padding: 40px 0;
	}
}

.blogList dl > * {
	grid-column: 1 / 3;
}

@media (min-width: 576px) {
	.blogList dl > * {
		grid-column: 2 / 4;
	}
}

.blogList dl:nth-child(n + 2) {
	border-top: 1px solid var(--color-border);
}

.blogList dl:not(:has(img))::before {
	content: "";
	grid-column: 1 / 3;
	grid-row: 1;
	aspect-ratio: 1 / 0.667;
	background: var(--dummy);
	background-size: 50% auto;
	border-radius: 8px;
	transition: opacity 0.2s ease-out;
}

@media (min-width: 576px) {
	.blogList dl:not(:has(img))::before {
		grid-column: 1;
		grid-row: 1 / 5;
	}
}

.blogList dl:hover:has(a) dt::before,
.blogList dl:hover:has(a) dt::after {
	transform: translateX(4px);
}

.blogList dl:hover:has(a)::before,
.blogList dl:hover:has(a) img {
	opacity: 0.8;
}

.blogList dt {
	margin-top: 8px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.05em;
}

@media (min-width: 576px) {
	.blogList dt {
		margin-top: unset;
		font-size: 20px;
	}
}

@media (min-width: 992px) {
	.blogList dt {
		font-size: 24px;
	}
}

.blogList dd:nth-of-type(1) {
	font-weight: 700;
	font-size: 18px;
	color: #5ab6b6;
	letter-spacing: 0.05em;
}

.blogList dd:nth-of-type(2) {
	font-size: 14px;
	letter-spacing: 0.05em;
}

@media (min-width: 992px) {
	.blogList dd:nth-of-type(2) {
		font-size: inherit;
	}
}

.blogList dd:has(time),
.blogList dd:has(a) {
	display: contents;
}

.blogList dd figure {
	grid-column: 1 / 3;
	grid-row: 1;
}

@media (min-width: 576px) {
	.blogList dd figure {
		grid-column: 1;
		grid-row: 1 / 5;
	}
}

.blogList dd figure img {
	aspect-ratio: 1 / 0.667;
	object-fit: cover;
	border-radius: 8px;
	transition: opacity 0.2s ease-out;
}

.blogList dd time {
	justify-self: end;
	align-self: center;
	font-style: normal;
	font-size: 14px;
	letter-spacing: 0.05em;
}

.blogList dd time::before {
	content: "Date : ";
}

@media (min-width: 576px) {
	.blogList dd time {
		justify-self: unset;
	}
}

.blogList dd i {
	align-self: center;
	display: grid;
	min-height: 24px;
	padding: 0 16px;
	align-items: center;
	font-size: 12px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	font-style: normal;
	letter-spacing: 0.05em;
}

@media (min-width: 576px) {
	.blogList dd i {
		justify-self: start;
	}
}

.blogList dd a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}

.writerList dl {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: 8px 24px;
	padding: 32px 0;
}

@media (min-width: 576px) {
	.writerList dl {
		grid-template-columns: min(35vw, 240px) auto 1fr;
		grid-template-rows: auto 1fr;
		padding: 40px 0;
	}
}

.writerList dl > * {
	grid-column: 1 / 3;
}

@media (min-width: 576px) {
	.writerList dl > * {
		grid-column: 2 / 4;
	}
}

.writerList dl:nth-child(n + 2) {
	border-top: 1px solid var(--color-border);
}

.writerList dl:not(:has(img)):before {
	content: "";
	grid-column: 1 / 3;
	grid-row: 1;
	aspect-ratio: 1;
	background: var(--dummy);
	background-size: 50% auto;
	border-radius: 8px;
	transition: opacity 0.2s ease-out;
}

@media (min-width: 576px) {
	.writerList dl:not(:has(img)):before {
		grid-column: 1;
		grid-row: 1 / 4;
	}
}

.writerList dt {
	margin-top: 8px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.05em;
}

@media (min-width: 576px) {
	.writerList dt {
		margin-top: unset;
		font-size: 20px;
	}
}

@media (min-width: 992px) {
	.writerList dt {
		font-size: 24px;
	}
}

.writerList dd:nth-of-type(1) {
	font-size: 14px;
	letter-spacing: 0.05em;
}

@media (min-width: 992px) {
	.writerList dd:nth-of-type(1) {
		font-size: inherit;
	}
}

.writerList dd:has(ul),
.writerList dd:has(a) {
	display: contents;
}

.writerList dd figure {
	grid-column: 1 / 3;
	grid-row: 1;
}

@media (min-width: 576px) {
	.writerList dd figure {
		grid-column: 1;
		grid-row: 1 / 4;
	}
}

.writerList dd figure img {
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 8px;
	transition: opacity 0.2s ease-out;
}

.writerList dd ul {
	align-items: center;
	display: flex;
	grid-gap: 24px;
}

.writerList dd ul a {
	display: grid;
	aspect-ratio: 1;
	width: 28px;
	background: currentColor;
	font-size: 0;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 28px;
}

.writerList dd ul a[href*="instagram.com"] {
	position: relative;
	background: -webkit-linear-gradient(-65deg, #7638fa 25%, #ff0069 50%) no-repeat;
	-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="M14,2.52c3.74,0,4.18.01,5.66.08,1.37.06,2.11.29,2.6.48.65.25,1.12.56,1.61,1.05.49.49.79.96,1.05,1.61.19.49.42,1.23.48,2.6.07,1.48.08,1.92.08,5.66s-.01,4.18-.08,5.66c-.06,1.37-.29,2.11-.48,2.6-.25.65-.56,1.12-1.05,1.61-.49.49-.96.79-1.61,1.05-.49.19-1.23.42-2.6.48-1.48.07-1.92.08-5.66.08s-4.18-.01-5.66-.08c-1.37-.06-2.11-.29-2.6-.48-.65-.25-1.12-.56-1.61-1.05-.49-.49-.79-.96-1.05-1.61-.19-.49-.42-1.23-.48-2.6-.07-1.48-.08-1.92-.08-5.66s.01-4.18.08-5.66c.06-1.37.29-2.11.48-2.6.25-.65.56-1.12,1.05-1.61.49-.49.96-.79,1.61-1.05.49-.19,1.23-.42,2.6-.48,1.48-.07,1.92-.08,5.66-.08ZM14,0c-3.8,0-4.28.02-5.77.08-1.49.07-2.51.3-3.4.65-.92.36-1.7.84-2.48,1.61-.78.78-1.26,1.56-1.61,2.48-.35.89-.58,1.91-.65,3.4-.07,1.49-.08,1.97-.08,5.77s.02,4.28.08,5.77c.07,1.49.3,2.51.65,3.4.36.92.84,1.7,1.61,2.48.78.78,1.56,1.26,2.48,1.61.89.35,1.91.58,3.4.65,1.49.07,1.97.08,5.77.08s4.28-.02,5.77-.08c1.49-.07,2.51-.3,3.4-.65.92-.36,1.7-.84,2.48-1.61.78-.78,1.26-1.56,1.61-2.48.35-.89.58-1.91.65-3.4.07-1.49.08-1.97.08-5.77s-.02-4.28-.08-5.77c-.07-1.49-.3-2.51-.65-3.4-.36-.92-.84-1.7-1.61-2.48-.78-.78-1.56-1.26-2.48-1.61-.89-.35-1.91-.58-3.4-.65-1.49-.07-1.97-.08-5.77-.08ZM14,6.81c-3.97,0-7.19,3.22-7.19,7.19s3.22,7.19,7.19,7.19,7.19-3.22,7.19-7.19-3.22-7.19-7.19-7.19ZM14,18.67c-2.58,0-4.67-2.09-4.67-4.67s2.09-4.67,4.67-4.67,4.67,2.09,4.67,4.67-2.09,4.67-4.67,4.67ZM21.47,4.85c-.93,0-1.68.75-1.68,1.68s.75,1.68,1.68,1.68,1.68-.75,1.68-1.68-.75-1.68-1.68-1.68Z"/></svg>');
	&:before,
	&:after {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	&:before {
		background: -webkit-linear-gradient(45deg, transparent 50%, #d300c5) no-repeat;
	}
	&:after {
		background: -webkit-linear-gradient(-135deg, transparent 55%, #ff7a00 65%, #ffd600) no-repeat;
	}
}

.writerList dd ul a[href*="facebook.com"] {
	background: #3b5996;
	-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="M16.24,28v-9.81c.94,0,3.3-.07,3.3-.07l.53-3.97h-3.82s.03-2.12.03-3.24c.09-.93.68-1.41,1.57-1.5.68-.06,2.29-.16,2.29-.16v-3.61s-3.63-.39-5.32.3c-2.02.82-2.86,2.49-2.97,4.58-.05,1.01,0,2.02-.02,3.04v.58c-1.01,0-2.9,0-2.9,0h-.66l.02,4.08h3.53v9.79C6.64,27.47.27,22.49,0,14.48-.24,6.93,5.77.37,13.26.02c7.94-.38,14.18,5.7,14.7,12.94.61,8.68-5.89,14.29-11.72,15.04Z"/></svg>');
}

.writerList dd ul a[href*="x.com"] {
	background: #000;
	-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="M16.23,12.16L24.98,2h-2.07l-7.59,8.82L9.25,2H2.26l9.17,13.34L2.26,26h2.07l8.02-9.32,6.4,9.32h6.99l-9.51-13.84h0ZM13.4,15.46l-.93-1.33L5.08,3.56h3.18l5.96,8.53.93,1.33,7.75,11.09h-3.18l-6.33-9.05h0Z"/></svg>');
	}

.writerList dd a[title] {
	align-items: center;
	justify-self: end;
	display: grid;
	grid-template-columns: 1fr 24px;
	align-items: center;
	min-height: 40px;
	padding: 4px 16px 4px 24px;
	border-radius: 20px;
	border: 1px solid currentColor;
	color: inherit;
	letter-spacing: 0.05em;
	text-align: center;
	text-decoration: none;
}

.writerList dd a[title]:hover {
	background: var(--color-theme);
	border-color: transparent;
	color: #fff;
}

.writerList dd a[title]:after {
	content: "";
	aspect-ratio: 1;
	background: currentColor;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.81,11.4l-4.38-4.38c-.33-.33-.86-.33-1.19,0-.33.33-.33.86,0,1.19l2.79,2.79H6.93c-.55,0-.99.45-.99.99s.44.99.99.99h8.1l-2.79,2.79c-.33.33-.33.86,0,1.19.16.16.38.25.6.25s.43-.08.6-.25l4.38-4.38c.33-.33.33-.86,0-1.19Z"/></svg>') center no-repeat;
	-webkit-mask-size: contain;
	transform: translateX(8px);
}

.photoList {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(40vw, 200px), 1fr));
	align-items: start;
	grid-gap: 24px 16px;
	margin-top: 40px;
}

@media (min-width: 576px) {
	.photoList {
		grid-gap: 40px 32px;
		margin-top: 56px;
	}
}

.photoList dl {
	position: relative;
	display: grid;
	grid-gap: 8px;
}

.photoList dl:hover dt {
	color: var(--color-theme);
}

.photoList dl:hover img {
	opacity: 0.8;
}

.photoList dt {
	font-weight: 700;
	transition: color 0.2s ease-out;
}

.photoList dd:has(img) {
	order: -1;
}

.photoList dd:has(a) {
	display: contents;
}

.photoList img {
	aspect-ratio: 1 / 0.667;
	object-fit: contain;
	background: #f2f2f2;
	border-radius: 8px;
	transition: opacity 0.2s ease-out;
}

.photoList a[data-id] {
	justify-self: center;
	display: grid;
	grid-template-columns: 10px 1fr;
	align-items: center;
	grid-gap: 4px;
	min-height: 32px;
	margin-top: 8px;
	padding: 4px 16px;
	border-radius: 2px;
	border: 1px solid var(--color-border);
	color: inherit;
	letter-spacing: 0.05em;
	text-decoration: none;
	cursor: pointer;
	z-index: 1;
}

.photoList a[data-id]:hover {
	background: var(--color-theme);
	border-color: transparent;
	color: #fff;
}

.photoList a[data-id]:before {
	content: "";
	aspect-ratio: 1;
	background: currentColor;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="8 2 8 15" /><polyline points="2 8 15 8" /></svg>') center no-repeat;
	-webkit-mask-size: contain;
	transform: translateX(-4px);
}

.photoList a[data-id].deleteCart {
	background: var(--color-theme);
	border-color: transparent;
	color: #fff;
}

.photoList a[data-id].deleteCart:hover {
	background: #999;
}

.photoList a[data-id].deleteCart:before {
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="2 8 15 8" /></svg>');
}

.photoList a[data-id].limit {
	pointer-events: none;
	background: #f2f2f2;
}

.photoList a[data-id].limit:before {
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="2 8 15 8" /></svg>');
}

.photoList a:not([data-id]) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}

.memberList {
	display: grid;
	grid-gap: 24px;
	margin-top: 40px;
}

@media (min-width: 576px) {
	.memberList {
		grid-gap: 40px;
		margin-top: 56px;
	}
}

.memberList dl {
	display: grid;
}

.memberList dt {
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 18px;
}

.memberList dd {
	display: grid;
	grid-template-columns: 6em 1fr;
	min-height: 48px;
	padding: 8px 16px;
	align-items: center;
	border: 1px solid var(--color-border);
	transition: color 0.2s ease-out;
}

.memberList dd:nth-of-type(n+2) {
	border-top: none;
}

.memberList dd:before {
	content: attr(data-label);
	align-self: stretch;
	display: grid;
	align-items: center;
	margin: -8px 0;
	padding: 8px 16px;
	background: #5ab6b6;
	color: #fff;
	text-align: center;
	transform: translateX(-16px);
}

.tochinaviList section {
	position: relative;
	display: grid;
	grid-gap: 8px 24px;
	padding: 32px 0;
}

@media (min-width: 576px) {
	.tochinaviList section {
		grid-template-columns: min(35vw, 330px) 1fr;
		grid-template-rows: auto auto 1fr;
	}
	
	.tochinaviList section:before {
		grid-row: 1 / 4;
	}
	
	.tochinaviList section:has(time):before {
		grid-row: 1 / 5;
	}
}

@media (min-width: 992px) {
	.tochinaviList section {
		padding: 48px 0;
	}
}

.tochinaviList section:nth-child(n+2) {
	border-top: 1px solid var(--color-border);
}

.tochinaviList section > div:has(span) {
	order: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	grid-gap: 1em;
	margin-top: 0.5em;
}

.tochinaviList section > div:has(a) {
	display: contents;
}

.tochinaviList h3 {
	display: inline;
	font-weight: 600;
	font-size: 20px;
}

@media (min-width: 992px) {
	.tochinaviList h3 {
		font-size: 24px;
	}
}

.tochinaviList ul {
	display: contents;
}

.tochinaviList ul:before {
	content: "\FF08";
}

.tochinaviList ul:after {
	content: "\FF09";
}

.tochinaviList li {
	display: contents;
}

.tochinaviList li:not(:last-child):after {
	content: "/";
	margin: 0 4px;
}

.tochinaviList p {
	color: #5ab6b6;
	font-weight: 700;
	font-size: 18px;
}

.tochinaviList dl {
	display: grid;
	grid-template-columns: auto 1fr;
	margin-top: 0.5em;
	border: solid #5ab6b6;
	border-width: 2px 0;
}

.tochinaviList dt,
.tochinaviList dd {
	padding: 8px 0;
}

.tochinaviList dt:nth-of-type(n+2),
.tochinaviList dd:nth-of-type(n+2) {
	border-top: 1px solid var(--color-border);
}

.tochinaviList dt {
	padding-right: 16px;
	color: #5ab6b6;
	font-weight: 700;
}

.tochinaviList span[data-type] {
	display: grid;
	align-items: center;
}

.tochinaviList span[data-type="coupon"] {
	margin-right: auto;
	padding: 2px 8px;
	border-radius: 4px;
	background: var(--color-theme);
	color: #fff;
}

.tochinaviList span[data-type="heart"],
.tochinaviList span[data-type="comment"] {
	grid-template-columns: 16px auto;
	grid-gap: 4px;
}

.tochinaviList span[data-type="heart"]:before,
.tochinaviList span[data-type="comment"]:before {
	content: "";
	aspect-ratio: 1;
	background: var(--color-theme);
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></svg>') center no-repeat;
	-webkit-mask-size: contain;
}

.tochinaviList span[data-type="comment"]:before {
	background: #ccc;
	-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="M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c0 0 0 0 0 0s0 0 0 0s0 0 0 0c0 0 0 0 0 0l.3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z"/></svg>');
}

.tochinaviList figure {
	order: -1;
	display: grid;
	align-content: start;
	grid-gap: 4px;
}

@media (min-width: 576px) {
	.tochinaviList figure {
		grid-column: 1;
		grid-row: 1 / 4;
	}
}

.tochinaviList figure img {
	aspect-ratio: 1 / 0.667;
	object-fit: cover;
	border-radius: 8px;
	transition: opacity 0.2s ease-out;
}

.tochinaviList figure figcaption {
	font-size: 12px;
}

.tochinaviList a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}

.actualList{
	display: grid;
	grid-gap: 24px;
	margin-top: 40px;
	}
	@media (min-width: 576px) {
		.actualList{
			grid-gap: 40px;
			margin-top: 56px;
			}
		}
	.actualList section{
		display: grid;
		}
	.actualList h3{
		margin-bottom: 8px;
		font-weight: 700;
		font-size: 18px;
		}
	.actualList dl{
		display: grid;
		grid-template-columns: auto 1fr;
		min-height: 48px;
		align-items: center;
		border: 1px solid var(--color-border);
		transition: color 0.2s ease-out;
		}
	.actualList dt{
		align-self: stretch;
		display: grid;
		align-items: center;
		max-width: 10em;
		padding: 8px 16px;
		background: #EBF6FD;
		text-align: center;
		}
		.actualList dt:nth-of-type(n+2){
			border-top: 1px solid var(--color-border);
			}
	.actualList dd{
		padding: 8px 16px;
		}
		.actualList dd:nth-of-type(n+2){
			border-top: 1px solid var(--color-border);
			}