/* CSS Document */

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

#feature,
#spot,
#festival,
#theme,
#favorite{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	padding: clamp(32px, calc(64 / 1200 * 100vw), 64px) 0;
	&:has(#tab:last-child){
		padding-bottom: unset;
	}
	&>*{
		grid-column: 2;
	}
	& h2{
		justify-self: center;
		display: grid;
		grid-template-columns: 1fr auto 0;
		justify-content: center;
		column-gap: 16px;
		padding-bottom: 4px;
		border-bottom: 4px dotted currentColor;
		font-weight: 900;
		font-size: clamp(22px, calc(28 / 768 * 100vw), 28px);
		letter-spacing: 0.1em;
		text-align: center;
		&:before,
		&:after{
			content: "";
			grid-column: 1;
			grid-row: 1;
			height: 1em;
			background: currentColor;
		}
		&:before{
			aspect-ratio: 1;
			transform: translateY(calc(0.325em - 50%));
			-webkit-mask: var(--icon-point) no-repeat left top / contain;
		}
		&:after{
			grid-column: 1;
			aspect-ratio: 20 / 16;
			margin-left: 0.75em;
			transform: translateY(0.325em);
			-webkit-mask: var(--icon-spot) no-repeat right bottom / contain;
		}
		#feature &:after{
			-webkit-mask-image: var(--icon-feature);
		}
		#itineraries &:after{
			-webkit-mask-image: var(--icon-course);
		}
		#theme &:after{
			-webkit-mask-image: var(--icon-theme);
		}
		#favorite &:after{
			-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="M1.45,0v16l6.55-3.36,6.55,3.36V0H1.45ZM10.23,10.18l-2.23-1.17-2.23,1.17.43-2.48-1.81-1.76,2.49-.36,1.12-2.26,1.12,2.26,2.49.36-1.81,1.76.43,2.48Z"/></svg>');
		}
	}
	& h2+div{
		margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
		text-align: center;
		text-wrap: balance;
	}
	#tab{
		grid-column: 1 / 4;
		margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	}
	#pickup{
		grid-column: 1 / 4;
		margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
		@media (min-width: 576px) {
			grid-column: 2;
		}
	}
}

#theme{
	&:has(#themePhoto){
		& h2+div{
			all: unset;
		}
	}
	#themePhoto{
		grid-row: 2;
		margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
		& img{
			aspect-ratio: 3 / 2;
			object-fit: cover;
			@media (min-width: 576px) {
				aspect-ratio: 3 / 1;
			}
		}
	}
}

#favorite{
	& h2+div{
		display: flex;
		justify-content: center;
	}
	#shareBut{
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		column-gap: 8px;
		padding: 4px 16px 4px 24px;
		width: min(100%, 480px);
		min-height: 48px;
		background: var(--color-theme);
		border: 2px solid transparent;
		border-radius: 24px;
		color: #fff;
		letter-spacing: 0.06em;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		&:after{
			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="M18 16.078c1.594 0 2.906 1.313 2.906 2.906s-1.313 2.953-2.906 2.953-2.906-1.359-2.906-2.953c0-0.234 0-0.469 0.047-0.656l-7.078-4.125c-0.563 0.516-1.266 0.797-2.063 0.797-1.641 0-3-1.359-3-3s1.359-3 3-3c0.797 0 1.5 0.281 2.063 0.797l7.031-4.078c-0.047-0.234-0.094-0.469-0.094-0.703 0-1.641 1.359-3 3-3s3 1.359 3 3-1.359 3-3 3c-0.797 0-1.5-0.328-2.063-0.844l-7.031 4.125c0.047 0.234 0.094 0.469 0.094 0.703s-0.047 0.469-0.094 0.703l7.125 4.125c0.516-0.469 1.219-0.75 1.969-0.75z"/></svg>') no-repeat center / contain;
		}
	}
}

#tab{
	position: relative;
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	&:before{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		border-bottom: 1px solid #000;
	}
	& ul{
		display: flex;
		column-gap: clamp(8px, calc(16 / 1200 * 100vw), 16px);
	}
	& li{
		display: contents;
		}
	& a{
		display: grid;
		grid-template-columns: clamp(48px, calc(56 / 1200 * 100vw), 56px) 1fr;
		align-items: center;
		width: 100%;
		min-height: clamp(48px, calc(56 / 1200 * 100vw), 56px);
		padding: 8px 16px 8px 0;
		background: var(--color-theme);
		border: solid #000;
		border-width: 1px 1px 0 1px;
		border-radius: 10px 10px 0 0;
		color: #fff;
		font-weight: 700;
		letter-spacing: 0.06em;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		&:before{
			content: "";
			justify-self: center;
			aspect-ratio: 1;
			width: 8px;
			height: 8px;
			background: currentColor;
			border-radius: 100%;
		}
		.select &{
			pointer-events: none;
			background: #fff;
			color: inherit;
			z-index: 1;
			&:before{
				background: #80B41F;
			}
		}
	}
}

#pickup{
	display: grid;
	& dl{
		grid-column: 1;
		grid-row: 1;
		display: grid;
		&:nth-child(n+2){
			display: none;
		}
		&>*{
			grid-column: 1;
			grid-row: 1;
		}
	}
	& dt{
		align-self: end;
		width: 100%;
		padding: 0.75em 1.5em;
		background: rgba(0, 0, 0, 0.7);
		color: #fff;
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		pointer-events: none;
		z-index: 1;
		&:empty{
			display: none;
		}
	}
	& dd{
		& a{
			display: block;
		}
		& img{
			aspect-ratio: 3 / 2;
			object-fit: cover;
			@media (min-width: 576px) {
				aspect-ratio: 2 / 1;
			}
			@media (min-width: 992px) {
				aspect-ratio: 3 / 1;
			}
		}
	}
	&.slick-slider{
		position: relative;
	}
	.slick-arrow{
		all: unset;
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		aspect-ratio: 1;
		width: clamp(32px, calc(48 / 1200 * 100vw), 48px);
		background: var(--color);
		border-radius: 100%;
		color: #fff;
		font-size: 0;
		transform: translateY(-50%);
		cursor: pointer;
		z-index: 1;
		&:before{
			content: "";
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			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: white; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><polyline points="6 2 12 8 6 14"/></svg>') no-repeat center / contain;
		}
	}
	.slick-prev{
		left: clamp(8px, calc(24 / 1200 * 100vw), 24px);
		&:before{
			transform: scale(-1, 1);
		}
	}
	.slick-next{
		right: clamp(8px, calc(24 / 1200 * 100vw), 24px);
	}
}

#search{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="white"><polyline points="0 0 48 0 24 24"/></svg>') no-repeat center top / clamp(24px, calc(32 / 1200 * 100vw), 32px);
	:has(#favorite #tab) &{
		background: none;
	}
	&:before{
		content: "";
		grid-column: 1 / 4;
		grid-row: 1 / 3;
		background: #f8f1e7 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="white" opacity="0.3"><rect x="5px" width="4" height="100%" /></svg>') center top / 14px;
		z-index: -1;
	}
	&>*{
		grid-column: 2;
	}
	& h2{
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 1em;
		margin-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
		margin-bottom: ;
		letter-spacing: 0.05em;
		&:before,
		&:after{
			content: "";
			width: 1em;
			border-bottom: 1px solid currentColor;
		}
	}
	#searchMenu{
		grid-row: 2;
		margin: clamp(32px, calc(48 / 1200 * 100vw), 48px) 0 clamp(24px, calc(32 / 1200 * 100vw), 32px) 0;
		h2+&{
			margin-top: clamp(16px, calc(24 / 1200 * 100vw), 24px);
		}
	}
	#searchCurrent{
		margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	}
	#searchSetting{
		margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	}
	#searchResult{
		margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
	}
	#searchMap{
		margin-top: clamp(24px, calc(48 / 1200 * 100vw), 48px);
	}
}

#searchMenu{
	position: relative;
	display: grid;
	grid-gap: 8px 16px;
	@media (min-width: 992px) {
		grid-template-columns: repeat(2, 1fr);
		&:has(details:nth-child(2)){
			grid-template-columns: repeat(3, 1fr);
		}
		&:has(details:nth-child(3)){
			grid-template-columns: repeat(4, 1fr);
		}
		&:has(details:nth-child(4)){
			grid-template-columns: repeat(5, auto);
		}
	}
	& details{
		/*
		&::details-content{
			box-sizing: border-box;
			interpolate-size: allow-keywords;
			height: 0;
			overflow: hidden;
			transform-origin: center top;
			transition: height 0.2s ease-out, content-visibility 0.2s ease-out allow-discrete;
		}
		&[open]{
			&::details-content{
				height: auto;
			}
		}
		*/
		@media (max-width: 991.98px) {
			background: #fff;
			border-radius: 24px;
			outline: 1px solid var(--color-theme);
			outline-offset: -1px;
			overflow: hidden;
			&[open]{
				outline-width: 2px;
			}
		}
		@media (min-width: 992px) {
			display: contents;
			&::details-content{
				position: absolute;
				top: calc(100% + 16px);
				left: 0;
				width: 100%;
				background: #fff;
				border-radius: 24px;
				outline: 2px solid var(--color-theme);
				outline-offset: -2px;
				z-index: 10;
			}
		}
	}
	& summary{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		display: grid;
		grid-template-columns: 1fr 16px;
		align-items: center;
		column-gap: 8px;
		min-height: 48px;
		padding: 8px 16px 8px 24px;
		background: #fff;
		&: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 16 16" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><polyline points="2 6 8 12 14 6"/></svg>') no-repeat center / contain;
		}
		details[open] &{
			background: #F7FCEB;
			color: var(--color-theme);
			&:after{
				transform: scale(1, -1);
			}
		}
		@media (min-width: 992px) {
			border-radius: 24px;
			outline: 1px solid var(--color-theme);
			outline-offset: -1px;
			details[open] &{
				outline-width: 2px;
			}
		}
	}
	& summary+div{
		padding: clamp(24px, calc(32 / 1200 * 100vw), 32px);
		@media (max-width: 991.98px) {
			border-top: 2px solid var(--color-theme);
		}
		@media (min-width: 992px) {
			max-height: min(80svh, 480px);
			overflow-y: auto;
		}
		& ul{
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(min(100%, 192px), 1fr));
			grid-gap: 8px 24px;
			margin-right: 24px;
			& ul{
				grid-template-columns: unset;
				margin: 8px 0 8px 24px;
			}
		}
		& div{
			&:has(.doSearch){
				display: grid;
				justify-items: center;
				grid-gap: 16px;
				margin-top: clamp(24px, calc(32 / 1200 * 100vw), 32px);
			}
		}
		.doSearch,
		.doClear{
			all: unset;
			box-sizing: border-box;
			cursor: pointer;
			display: grid;
			align-items: center;
			min-height: 48px;
			padding: 8px 16px;
			border-radius: 24px;
			font-weight: 700;
			text-align: center;
			letter-spacing: 0.05em;
		}
		.doSearch{
			grid-template-columns: 1fr 24px;
			column-gap: 8px;
			min-width: min(100%, 480px);
			background: var(--color-theme);
			color: #fff;
			&: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 16 16" style="fill: none; stroke: white; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><circle cx="7" cy="7" r="4"/><polyline points="10 10 13 13"/></svg>') no-repeat center / contain;
			}
		}
		.doClear{
			min-width: min(80%, 192px);
			border: 1px solid currentColor;
			color: inherit;
		}
	}
	.close{
		all: unset;
		box-sizing: border-box;
		position: absolute;
		top: 0;
		right: 0;
		aspect-ratio: 1;
		width: 48px;
		background: currentColor;
		cursor: pointer;
		z-index: 1;
		-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: white; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><polyline points="3 3 13 13"/><polyline points="13 3 3 13"/></svg>') no-repeat center / 16px;
		@media (max-width: 991.98px) {
			display: none;
		}
	}
}

#searchWord{
	display: grid;
	grid-template-columns: calc(100% - 48px) 48px;
	min-height: 48px;
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
	& input{
		all: unset;
		box-sizing: border-box;
		padding: 8px 16px 8px 24px;
		color: inherit;
		font: inherit;
	}
	& button{
		all: unset;
		box-sizing: border-box;
		aspect-ratio: 1;
		width: 48px;
		background: var(--color-theme) 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: white; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><circle cx="7" cy="7" r="4"/><polyline points="10 10 13 13"/></svg>') no-repeat center / 24px;
		border-radius: 24px;
		font-size: 0;
	}
}

#searchCategory{}

#searchArea{}

#searchDistance{}

#searchDate{
	max-height: unset !important;
	overflow: hidden;
	& table{
		display: grid;
		width: 100%;
		&:nth-child(n+2){
			display: none;
		}
	}
	& caption{
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		align-items: baseline;
		column-gap: 8px;
		padding: 0.5em 0.75em;
		background: var(--color-theme);
		color: #fff;
		font-weight: 700;
		& span{
			font-size: clamp(12px, calc(14 / 1200 * 100vw), 14px);
		}
	}
	& thead,
	& tbody{
		display: block;
		border: 1px solid var(--color-theme);
	}
	& thead{
		background: var(--color-theme);
		color: #fff;
		font-size: clamp(12px, calc(14 / 1200 * 100vw), 14px);
	}
	& tbody{
		font-size: clamp(14px, calc(16 / 1200 * 100vw), 16px);
	}
	& tr{
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		&:nth-child(n+2){
			border-top: 1px solid var(--color-theme);
		}
	}
	& td{
		display: grid;
		align-items: center;
		padding: 0.5em 0.25em;
		text-align: center;
		cursor: pointer;
		&:nth-child(n+2){
			border-left: 1px solid var(--color-theme);
		}
		&.check{
			background: #F7FCEB;
			color: #89BD1F;
		}
	}
	.slide{
		display: grid;
		&:not(.slick-initialized){
			&>*{
				grid-column: 1;
				grid-row: 1;
			}
		}
	}
	.slick-slider{
		position: relative;
	}
	.slick-arrow{
		all: unset;
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		aspect-ratio: 1;
		width: clamp(32px, calc(48 / 1200 * 100vw), 48px);
		background: var(--color);
		border-radius: 100%;
		color: #fff;
		font-size: 0;
		transform: translateY(-50%);
		cursor: pointer;
		z-index: 1;
		&:before{
			content: "";
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			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: white; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><polyline points="6 2 12 8 6 14"/></svg>') no-repeat center / contain;
		}
		&.slick-disabled{
			background: #ccc;
			pointer-events: none;
		}
	}
	.slick-prev{
		left: 0;
		transform: translateX(-50%);
		&:before{
			transform: scale(-1, 1);
		}
	}
	.slick-next{
		transform: translateX(50%);
		right: 0;
	}
	.slick-list{
		padding: clamp(8px, calc(16 / 1200 * 100vw), 16px);
		overflow: visible;
	}
	.slick-slide{
		margin: 0 clamp(8px, calc(16 / 1200 * 100vw), 16px);
	}
}

#searchCurrent{
	& ul{
		display: flex;
		flex-wrap: wrap;
		grid-gap: 8px;
	}
	& li{
		display: contents;
	}
	& a{
		display: grid;
		grid-template-columns: 1fr 1em;
		align-items: center;
		column-gap: 0.75em;
		padding: 0.25em 0.75em;
		background: var(--color-theme);
		border-radius: 4px;
		color: #fff;
		font-size: clamp(12px, calc(14 / 1200 * 100vw), 14px);
		text-decoration: none;
		&:after{
			content: "";
			aspect-ratio: 1;
			background: currentColor;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="fill: none; stroke: white; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><polyline points="3 3 13 13"/><polyline points="13 3 3 13"/></svg>') no-repeat center / contain;
		}
	}
	& button{
		all: unset;
		box-sizing: border-box;
		display: grid;
		align-items: center;
		padding: 0.25em 0.75em;
		border: 1px solid currentColor;
		border-radius: 4px;
		color: inherit;
		font-weight: 700;
		font-size: clamp(12px, calc(14 / 1200 * 100vw), 14px);
		cursor: pointer;
	}
}

#searchSetting{
	display: grid;
	justify-items: center;
	grid-gap: 8px 24px;
	@media (min-width: 992px) {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
}

#searchCount{
	display: flex;
	align-items: baseline;
	column-gap: 0.25em;
	& span{
		font-size: 2em;
	}
}

#searchSort{
	& dl{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		grid-gap: 8px;
		font-size: clamp(12px, calc(14 / 1200 * 100vw), 14px);
	}
	& dd{
		display: grid;
		align-items: center;
		padding: 0.25em 0.75em;
		border: 1px solid currentColor;
		border-radius: 4px;
		cursor: pointer;
		&.select{
			background: var(--color-theme);
			color: #fff;
			pointer-events: none;
		}
	}
}

#searchResult{
	display: grid;
	grid-gap: clamp(32px, calc(40 / 1200 * 100vw), 40px) clamp(24px, calc(32 / 1200 * 100vw), 32px);
}

#searchMap{
	position: relative;
	display: grid;
	height: min(80svh, 640px);
	background: #f2f2f2;
	& p{
		align-self: center;
		text-align: center;
	}
	#gMap{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	[LSC-LB="Map"]{
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		grid-gap: 16px;
		& iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		& img[src*="commonPin"]{
			position: relative;
			width: 36px;
			height: auto;
			z-index: 1;
		}
		.infoWin{
			position: relative;
			padding: 16px;
			background: #fff;
			border-radius: 8px;
			z-index: 1;
		}
	}
}

#pagenation{
	margin-top: clamp(32px, calc(64 / 1200 * 100vw), 64px);
	&:not(:has(ol)){
		display: none;
	}
}

.articleList{
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
	& section{
		position: relative;
		display: grid;
		&:not(:has(img)):before{
			content: "";
			aspect-ratio: 3 / 2;
			background: var(--dummy);
		}
	}
	& h3{
		display: grid;
		grid-template-columns: 1em 1fr;
		column-gap: 0.5em;
		margin-top: 0.5em;
		font-weight: 700;
		letter-spacing: 0.05em;
		&:before{
			content: "";
			aspect-ratio: 1;
			background: var(--color-theme) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polyline fill="white" points="4 0 15 8 4 16"/></svg>') no-repeat center / 50%;
			border-radius: 100%;
			transform: translateY(0.325em);
		}
	}
	& h3+div{
		display: contents;
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	& figure{
		order: -1;
		& img{
			aspect-ratio: 3 / 2;
			object-fit: cover;
		}
	}
}

.spotList{
	grid-template-columns: repeat(2, 1fr);
	@media (min-width: 576px) {
		grid-template-columns: repeat(auto-fill, minmax(min(50%, 240px), 1fr));
	}
	& section{
		position: relative;
		display: grid;
		align-content: start;
		&:not(:has(img)):before{
			content: "";
			aspect-ratio: 1;
			background: var(--dummy);
		}
		&.recommend:after{
			content: "\304A\3059\3059\3081";
			position: absolute;
			top: 0;
			left: 0;
			padding: 0.25em 0.5em;
			background: var(--color-theme);
			color: #fff;
			font-size: clamp(12px, calc(14 / 1200 * 100vw), 14px);
		}
	}
	& h3{
		display: grid;
		grid-template-columns: 1em 1fr;
		column-gap: 0.5em;
		margin-top: 0.5em;
		font-weight: 700;
		font-size: clamp(14px, calc(16 / 1200 * 100vw), 16px);
		letter-spacing: 0.05em;
		&:before{
			content: "";
			aspect-ratio: 1;
			background: var(--color-theme) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polyline fill="white" points="4 0 15 8 4 16"/></svg>') no-repeat center / 50%;
			border-radius: 100%;
			transform: translateY(0.325em);
		}
	}
	& h3+div{
		display: contents;
		& p{
			margin-top: 0.25em;
			font-size: clamp(12px, calc(14 / 1200 * 100vw), 14px);
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
	& figure{
		order: -1;
		& img{
			aspect-ratio: 1;
			object-fit: cover;
		}
	}
}