/* CSS Document */

:where(#feature, #modelcourse, #spot, #restaurant,#gourmet, #store, #stay, #event, #favorite) h2{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-size: min(8vw, 2.8em);
	text-align: center;
	letter-spacing: 0.25em;
	line-height: 1em;
	}

#tab{
	margin-top: calc(var(--space) / 2);
	}
	#tab ul{
		color: var(--secondary-color);
		}
	#tab li{}
		#tab li a{
			background: rgba(var(--secondary-color-rgb), 0.15);
			border-color: transparent;
			}
		#tab li.select{
			color: var(--secondary-color);
			}

#search{
	width: var(--wrap);
	margin: calc(var(--space) / 2) auto;
	}
	#search h2{
		text-align: center;
		}

#searchMenu{
	margin: 1.5em 0;
	}

#searchMenuSelect{}
	#searchMenuSelect li{
		border: 2px solid var(--secondary-color);
		border-radius: 1em;
		color: #505050;
		letter-spacing: 0.05em;
		overflow: hidden;
		}
		#searchMenuSelect li:not(:last-child){
			position: relative;
			padding: 0.5em 2em 0.5em 0.5em;
			text-align: center;
			cursor: pointer;
			}
			#searchMenuSelect li:not(:last-child):before{
				content: "";
				position: absolute;
				right: 0.5em;
				top: calc(50% - 0.5em);
				width: 1em;
				height: 1em;
				background: currentColor;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.34 9.03"><path d="m16.05.29c-.39-.39-1.02-.39-1.41,0l-6.33,6.33L1.69.28C1.29-.1.66-.09.28.31s-.37,1.03.03,1.41l7.32,7.03c.19.19.44.28.69.28s.51-.1.71-.29l7.03-7.03c.39-.39.39-1.02,0-1.41Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				}
			#searchMenuSelect li:not(:last-child).select{
				background: var(--secondary-color);
				color: #fff;
				}
				#searchMenuSelect li:not(:last-child).select:before{
					transform: scale(1, -1);
					}
		#searchMenuSelect li:last-child{
			position: relative;
			padding-right: 4em;
			}
	#searchMenuSelect input{
		border: none;
		text-align: center;
		}
	#searchMenuSelect button{
		position: absolute;
		right: 0;
		top: 0;
		width: 4em;
		height: 100%;
		padding: 0;
		background: #fff;
		border-left: 2px solid var(--secondary-color);
		white-space: nowrap;
		}
		#searchMenuSelect button:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.71 40.71"><path d="m29.09,25.6h-1.84l-.65-.63c2.28-2.65,3.65-6.1,3.65-9.85C30.26,6.77,23.48,0,15.13,0S0,6.77,0,15.13s6.77,15.13,15.13,15.13c3.75,0,7.19-1.37,9.85-3.65l.63.65v1.84l11.64,11.61,3.47-3.47-11.61-11.64Zm-13.96,0c-5.8,0-10.47-4.68-10.47-10.47S9.33,4.65,15.13,4.65s10.47,4.68,10.47,10.47-4.68,10.47-10.47,10.47Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: var(--secondary-color);
			transform: scale(0.6);
			}

#searchMenuDetail{}
	#searchMenuDetail section{
		position: relative;
		padding: calc(var(--space) / 2);
		background: #fff;
		border: 2px solid var(--secondary-color);
		color: #505050;
		letter-spacing: 0.05em;
		z-index: 11;
		overflow: hidden;
		}
	#searchMenuDetail h3{
		display: none;
		}
	#searchMenuDetail h3+div+div{
		display: flex;
		align-items: center;
		justify-content: center;
		grid-gap: 0.5em 1em;
		margin-top: calc(var(--space) / 2);
		}
	#searchMenuDetail ul{
		display: grid;
		grid-gap: 1em 2em;
		grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));
		}
		#searchMenuDetail ul ul{
			grid-template-columns: 1fr;
			margin: 1em 0 0 1em;
			}
	#searchMenuDetail button{
		background: var(--secondary-color);
		border-radius: 1em;
		}

#searchMenuSchedule{}
	#searchMenuSchedule :where(table, thead, tbody){
		display: contents;
		}
	#searchMenuSchedule tr{
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		}
	#searchMenuSchedule td{
		text-align: center;
		}
	#searchMenuSchedule caption{
		position: relative;
		display: block;
		padding: 0.8em;
		background: var(--primary-color);
		border-radius: 8px 8px 0 0;
		color: #fff;
		font-weight: bold;
		text-align: center;
		}
		#searchMenuSchedule caption span{
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			align-items: baseline;
			justify-content: flex-start;
			width: 100%;
			height: 100%;
			padding: 1em;
			font-size: 0.75em;
			}
	#searchMenuSchedule thead{}
		#searchMenuSchedule thead tr{
			background: var(--primary-color);
			color: #fff;
			}
		#searchMenuSchedule thead td{
			padding: 0.3em 0;
			}
	#searchMenuSchedule tbody{}
		#searchMenuSchedule tbody tr{
			border: 1px solid #c8c8c8;
			}
		#searchMenuSchedule tbody tr+tr{
			border-top-width: 0;
			}
		#searchMenuSchedule tbody td{
			padding: 0.5em 0;
			}
		#searchMenuSchedule tbody td:not(:empty){
				cursor: pointer;
				}
			#searchMenuSchedule tbody td:empty{
				background: #e5edf2;
				}
			#searchMenuSchedule tbody td.check{
				background: var(--primary-color);
				color: #fff;
				}
		#searchMenuSchedule tbody td+td{
			border-left: 1px solid #c8c8c8;
			}
	#searchMenuSchedule .slick-slider{
		display: flex;
		align-items: center;
		grid-gap: 0 1em;
		padding-right: 0;
		}
	#searchMenuSchedule .slick-slide{
		margin: 0 0.75em;
		}
	#searchMenuSchedule .slick-list{
		margin: 0 -0.75em;
		}
	#searchMenuSchedule .slick-arrow{
		flex: 0 0 1em;
		font-size: min(8vw, 3em);
		width: 1em;
		height: 1em;
		padding: 0;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.74 53.74"><path d="m21.65,35.4c.01.65.28,1.25.74,1.69.45.43,1.05.67,1.67.67s1.29-.27,1.74-.74l8.48-8.84c.9-.94.89-2.46-.03-3.38l-8.48-8.48c-.94-.94-2.47-.94-3.41,0-.94.94-.94,2.47,0,3.41l6.81,6.81-6.85,7.13c-.45.46-.69,1.08-.67,1.72ZM26.89,0h0c-.78,0-1.41.63-1.41,1.41,0,.78.63,1.42,1.41,1.42,13.26.01,24.03,10.81,24.02,24.06-.01,13.25-10.79,24.02-24.04,24.02h-.02c-6.42,0-12.46-2.51-16.99-7.06s-7.03-10.58-7.03-17.01c0-8.73,4.76-16.79,12.4-21.01.68-.38.93-1.24.55-1.92-.38-.68-1.24-.93-1.92-.55C5.32,8.08,0,17.08,0,26.85c0,7.18,2.78,13.93,7.85,19.01,5.07,5.08,11.82,7.88,18.99,7.89h.02c14.8,0,26.85-12.04,26.87-26.84C53.75,12.08,41.71.01,26.89,0Z" /></svg>') left center no-repeat;
		-webkit-mask-size: contain;
		background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
		white-space: nowrap;
		text-indent: 100vw;
		overflow: hidden;
		}
	#searchMenuSchedule .slick-prev{
		transform: scale(-1, 1);
		}

#searchCurrent{
	margin-bottom: 1.5em;
	}
	#searchCurrent dl{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		grid-gap: 1em;
		letter-spacing: 0.05em;
		}
	#searchCurrent dt{
		display: flex;
		align-items: center;
		grid-gap: 0.5em;
		font-size: 0.875em;
		}
		#searchCurrent dt:before{
			content: "";
			width: 2em;
			height: 2em;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.98 32.42"><path d="m19.49,19.12V1c0-.55-.45-1-1-1s-1,.45-1,1v18.12c-2.17.46-3.8,2.39-3.8,4.69s1.63,4.23,3.8,4.69v2.91c0,.55.45,1,1,1s1-.45,1-1v-2.91c2.17-.46,3.8-2.39,3.8-4.69s-1.63-4.23-3.8-4.69Zm-1,7.5c-1.55,0-2.8-1.26-2.8-2.8s1.26-2.8,2.8-2.8,2.8,1.26,2.8,2.8-1.26,2.8-2.8,2.8Zm14.69-16.62V1c0-.55-.45-1-1-1s-1,.45-1,1v8.99c-2.17.46-3.8,2.39-3.8,4.69s1.63,4.23,3.8,4.69v12.04c0,.55.45,1,1,1s1-.45,1-1v-12.04c2.17-.46,3.8-2.39,3.8-4.69s-1.63-4.23-3.8-4.69Zm-1,7.5c-1.54,0-2.8-1.26-2.8-2.8s1.26-2.8,2.8-2.8,2.8,1.26,2.8,2.8-1.26,2.8-2.8,2.8ZM5.8,3.91V1c0-.55-.45-1-1-1s-1,.45-1,1v2.91c-2.17.46-3.8,2.39-3.8,4.69s1.63,4.23,3.8,4.69v18.12c0,.55.45,1,1,1s1-.45,1-1V13.3c2.17-.46,3.8-2.39,3.8-4.69s-1.63-4.23-3.8-4.69Zm-1,7.5c-1.55,0-2.8-1.26-2.8-2.8s1.26-2.8,2.8-2.8,2.8,1.26,2.8,2.8-1.26,2.8-2.8,2.8Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: currentColor;
			}
	#searchCurrent dd{
		display: contents;
		font-size: 0.875em;
		}
		#searchCurrent dd :where(a, button){
			display: flex;
			align-items: center;
			grid-gap: 1em;
			padding: 0.8em;
			border-radius: 6px;
			color: #fff;
			}
			#searchCurrent dd :where(a, button):after{
				content: "";
				width: 0.8em;
				height: 0.8em;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.98 14.98"><path d="m8.55,7.49L14.76,1.28c.29-.29.29-.77,0-1.06s-.77-.29-1.06,0l-6.21,6.21L1.28.22C.99-.07.51-.07.22.22S-.07.99.22,1.28l6.21,6.21L.22,13.7c-.29.29-.29.77,0,1.06.15.15.34.22.53.22s.38-.07.53-.22l6.21-6.21,6.21,6.21c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77,0-1.06l-6.21-6.21Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				background: currentColor;
				transform: translateX(-25%);
				}
		#searchCurrent dd a{
			background: var(--secondary-color);
			text-decoration: none;
			}
		#searchCurrent dd button{
			background: #505050;
			}

#result{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	overflow: hidden;
	}
	#result > *{
		grid-column: 2;
		}
	#result h2{
		display: none;
		}

#resultSearch{
	position: relative;
	display: flex;
	grid-gap: 1em;
	padding: 1em 0;
	z-index: 10;
	}
	#resultSearch:before{
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: 100vw;
		height: 100%;
		background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
		transform: translateX(-50%);
		z-index: -1;
		}
	#resultSearch :where(#resultSort, #resultDisplay) dt+dd{
		padding: 0;
		}
	#resultSearch :where(#resultSort, #resultDisplay) dd{
		padding: 0.8em 1em;
		}
		#resultSearch :where(#resultSort, #resultDisplay) dd.select{
			position: relative;
			background: #fff;
			color: var(--secondary-color);
			}
			#resultSearch :where(#resultSort, #resultDisplay) dd.select:before{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(var(--secondary-color-rgb), 0.15);
				z-index: 1;
				}
	#resultSearch :where(#resultSort, #resultDisplay) dd dd{
		cursor: pointer;
		}

#resultCount{
	display: flex;
	align-self: center;
	align-items: baseline;
	grid-gap: 0.25em;
	letter-spacing: 0.05em;
	color: #fff;
	}
	#resultCount span{
		font-size: 2em;
		line-height: 1em;
		}

#resultList{
	display: grid;
	grid-gap: var(--space) calc(var(--space) / 2);
	margin-top: var(--space);
	}

.articleList{
	display: inherit;
	grid-gap: inherit;
	}
	.articleList dl{
		display: grid;
		grid-template-columns: 0 1fr auto 0;
		grid-template-rows: auto 1fr;
		grid-gap: 1em;
		}
		.articleList dl:not(:has(img)):before{
			content: "";
			grid-column: 1 / 5;
			grid-row: 1;
			aspect-ratio: 3 / 2;
			background: var(--dummy) no-repeat center / cover;
			border-radius: 16px;
			z-index: -1;
			}
	.articleList dt{
		grid-column: 2 / 4;
		letter-spacing: 0.05em;
		line-height: 1.5em;
		}
	.articleList dd{}
		.articleList dd:nth-of-type(1):not(:has(img)){
			grid-column: 2;
			font-size: 0.875em;
			}
		.articleList dd:nth-of-type(2):not(:has(a)){
			grid-column: 3;
			font-size: 0.875em;
			}
		.articleList dd:has(img){
			grid-column: 1 / 5;
			grid-row: 1;
			}
		.articleList dd:has(a){
			grid-column: 1 / 5;
			grid-row: 1;
			display: grid;
			margin-bottom: 1em;
			}
		.articleList dd img{
			width: 100%;
			aspect-ratio: 3 / 2;
			border-radius: 1em;
			object-fit: cover;
			}
		.articleList dd a{
			display: grid;
			place-items: end end;
			color: transparent;
			}
			.articleList dd a:before,
			.articleList dd a:after{
				grid-column: 1;
				grid-row: 2;
				}
			.articleList dd a:before{
				content: "MORE";
				padding: 0.5em 2.5em 0.5em 1em;
				background: #fff;
				border-radius: 4px 0 0 4px;
				box-shadow: -2px 2px 0 currentColor;
				color: var(--secondary-color);
				text-decoration: none;
				letter-spacing: 0.1em;
				transform: translateX(2px);
				}*
			.articleList dd a:after{
				content: "";
				width: 1em;
				height: 1em;
				margin: 0.5em;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.58 21.58"><path d="m10.79,0C4.83,0,0,4.83,0,10.79s4.83,10.79,10.79,10.79,10.79-4.83,10.79-10.79S16.75,0,10.79,0Zm3.55,11.22l-4.23,4.41c-.15.15-.34.23-.54.23-.19,0-.37-.07-.52-.21-.3-.29-.31-.76-.02-1.06l3.72-3.87-3.71-3.71c-.29-.29-.29-.77,0-1.06s.77-.29,1.06,0l4.23,4.23c.29.29.29.76.01,1.05Z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				background: var(--secondary-color);
				}

:where(.spotGrid, .spotList){
	display: inherit;
	grid-gap: inherit;
	}
	:where(.spotGrid, .spotList) dl{
		position: relative;
		display: grid;
		grid-gap: 0.75em;
		padding: 1em;
		}
		:where(.spotGrid, .spotList) dl:before{
			content: "";
			display: block;
			background: var(--dummy) center no-repeat;
			background-size: cover;
			border-radius: 1em;
			}
	:where(.spotGrid, .spotList) dt{
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1.5em;
		}
	:where(.spotGrid, .spotList) dd{}
		:where(.spotGrid, .spotList) dd:nth-of-type(3){
			display: contents;
			}
		:where(.spotGrid, .spotList) dd:last-child{
			display: contents;
			}
			:where(.spotGrid, .spotList) dd:last-child a{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border: 1px solid var(--secondary-color);
				border-radius: 1em;
				color: transparent;
				z-index: 1;
				}
	:where(.spotGrid, .spotList) figure{
		position: relative;
		border-radius: 1em;
		overflow: hidden;
		}
		:where(.spotGrid, .spotList) figure:before{
			content: "";
			display: block;
			}
		:where(.spotGrid, .spotList) figure img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			}
	:where(.spotGrid, .spotList) ul{
		display: flex;
		flex-wrap: wrap;
		grid-gap: 0.25em;
		}
	:where(.spotGrid, .spotList) li{
		padding: 0.5em;
		border-radius: 0.5em;
		font-size: 0.75em;
		letter-spacing: 0.1em;
		}
	:where(.spotGrid, .spotList) time{
		letter-spacing: 0.05em;
		}
	:where(.spotGrid, .spotList) [data-fav-id]{
		position: relative;
		width: 2em;
		height: 2em;
		background: #fff;
		border: 1px solid currentColor;
		border-radius: 0.5em;
		color: var(--secondary-color);
		text-indent: 100vw;
		overflow: hidden;
		z-index: 2;
		}
		:where(.spotGrid, .spotList) [data-fav-id]:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18.35"><path d="m14.5,0c-1.74,0-3.41.81-4.5,2.09C8.91.81,7.24,0,5.5,0,2.42,0,0,2.42,0,5.5c0,3.78,3.4,6.86,8.55,11.54l1.45,1.31,1.45-1.32c5.15-4.67,8.55-7.75,8.55-11.53,0-3.08-2.42-5.5-5.5-5.5Zm-4.4,15.55l-.1.1-.1-.1C5.14,11.24,2,8.39,2,5.5c0-2,1.5-3.5,3.5-3.5,1.54,0,3.04.99,3.57,2.36h1.87c.52-1.37,2.02-2.36,3.56-2.36,2,0,3.5,1.5,3.5,3.5,0,2.89-3.14,5.74-7.9,10.05Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: currentColor;
			transform: scale(0.6);
			}
		:where(.spotGrid, .spotList) [data-fav-status="on"]:before{
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 18.35"><path d="m10,18.35l-1.45-1.32C3.4,12.36,0,9.28,0,5.5,0,2.42,2.42,0,5.5,0c1.74,0,3.41.81,4.5,2.09,1.09-1.28,2.76-2.09,4.5-2.09,3.08,0,5.5,2.42,5.5,5.5,0,3.78-3.4,6.86-8.55,11.54l-1.45,1.31Z"/></svg>');
			}

.spotList{
	row-gap: calc(var(--space) / 2);
	}
	.spotList dl{}
		.spotList dl:before{
			padding-top: 66.66%;
			}
	.spotList dt{
		font-size: min(5vw, 1.25em);
		}
	.spotList dd{}
		.spotList dd:nth-of-type(1),
		.spotList dd:nth-of-type(2){
			line-height: 1.5em;
			letter-spacing: 0.05em;
			}
		.spotList dd:nth-of-type(2){
			font-size: min(4vw, 1.125em);
			font-weight: normal;
			}
	.spotList time{
		font-weight: normal;
		font-size: 0.875em;
		}
	.spotList figure{}
		.spotList figure:before{
			padding-top: 66.66%;
			}
	.spotList li{
		color: #fff;
		background: var(--secondary-color);
		}

.spotGrid{}
	.spotGrid dl{
		align-content: start;
		}
		.spotGrid dl:before{
			padding-top: 66.66%;
			grid-column: 1;
			grid-row: 1;
			z-index: -2;
			}
		.spotGrid :has(img):before{
			background: #cfe2ea;
			}
	.spotGrid dt{
		grid-column: 1;
		grid-row: 1;
		align-self: end;
		padding: 0.5em;
		background: linear-gradient(0deg, rgba(80, 80, 80, 1), rgba(80, 80, 80, 0));
		border-radius: 0 0 1em 1em;
		color: #fff;
		text-align: center;
		}
	.spotGrid dd{}
		.spotGrid dd:nth-of-type(1),
		.spotGrid dd:nth-of-type(2){
			display: none;
			}
	.spotGrid figure{
		grid-column: 1;
		grid-row: 1;
		background: #cfe2ea;
		z-index: -1;
		}
		.spotGrid figure:before{
			padding-top: 66.66%;
			visibility: hidden;
			}
		.spotGrid figure img{
			object-fit: contain;
			}
	.spotGrid li{
		color: var(--secondary-color);
		background: rgba(var(--secondary-color-rgb), 0.15);
		}
	.spotGrid time{
		padding: 0.5em;
		background: var(--secondary-color);
		border-radius: 0.5em;
		color: #fff;
		font-size: 0.75em;
		}
	.spotGrid [data-fav-id]{
		grid-column: 1;
		grid-row: 1;
		justify-self: end;
		margin: 0.5em;
		}

.spotMap{
	position: relative;
	padding-bottom: 50%;
	background: #ccc;
	}
	.spotMap [LSC-LT="dummy"]{
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		}
	.spotMap [LSC-LT="dummy"] .infoWin{
		position: absolute;
		bottom: 2em;
		left: 2em;
		padding: 1em;
		background: #fff;
		filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.5));
		}
	.spotMap [LSC-LT="dummy"] img{
		position: absolute;
		top: 2em;
		left: 2em;
		width: 58px;
		height: 64px;
		}




/* for lower */
@media (max-width: 1399.98px) {
/*1399px以下*/
}
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
#searchMenu{
	display: grid;
	}
#searchMenuSelect{
	display: contents;
	}
	#searchMenuSelect ul{
		display: contents;
		}
	#searchMenuSelect li{
		min-height: 3em;
		}
		#searchMenuSelect li:not(:last-child){
			display: grid;
			place-items: center;
			}
		#searchMenuSelect li:nth-child(1){
			order: 1;
			}
		#searchMenuSelect li:nth-child(2){
			order: 2;
			}
		#searchMenuSelect li:nth-child(3){
			order: 3;
			}
		#searchMenuSelect li:nth-child(4){
			order: 4;
			}
		#searchMenuSelect li:nth-child(5){
			order: 5;
			}
		#searchMenuSelect li:last-child{
			order: 10;
			}
		#searchMenuSelect li:not(:last-child){}
			#searchMenuSelect li:not(:last-child).select{
				border-radius: 1em 1em 0 0;
				}
	#searchMenuSelect li+li{
		margin-top: 1em;
		}
#searchMenuDetail{
	display: contents;
	}
	#searchMenuDetail section{
		display: none;
		border-top: none;
		border-radius: 0 0 1em 1em;
		}
		#searchMenuDetail section:nth-child(1){
			order: 1;
			}
		#searchMenuDetail section:nth-child(2){
			order: 2;
			}
		#searchMenuDetail section:nth-child(3){
			order: 3;
			}
		#searchMenuDetail section:nth-child(4){
			order: 4;
			}
		#searchMenuDetail section:nth-child(5){
			order: 5;
			}
	#searchMenuDetail menu{
		display: none;
		}
#resultSearch{
	flex-wrap: wrap;
	}
	#resultSearch :where(#resultSort, #resultDisplay) dl{
		position: relative;
		}
		#resultSearch :where(#resultSort, #resultDisplay) dl:not(.open){}
			#resultSearch :where(#resultSort, #resultDisplay) dl:not(.open) dt+dd{
				display: none;
				}
		#resultSearch :where(#resultSort, #resultDisplay) dl.open{}
			#resultSearch :where(#resultSort, #resultDisplay) dl.open dt{
				border-radius: 0.5em 0.5em 0 0;
				}
	#resultSearch :where(#resultSort, #resultDisplay) dt{
		position: relative;
		display: flex;
		justify-content: space-between;
		padding: 0.8em 1em;
		border-radius: 0.5em;
		background: #fff;
		}
		#resultSearch :where(#resultSort, #resultDisplay) dt:after{
			content: "";
			width: 1em;
			height: 1em;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.34 9.03"><path d="m16.05.29c-.39-.39-1.02-.39-1.41,0l-6.33,6.33L1.69.28C1.29-.1.66-.09.28.31s-.37,1.03.03,1.41l7.32,7.03c.19.19.44.28.69.28s.51-.1.71-.29l7.03-7.03c.39-.39.39-1.02,0-1.41Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: currentColor;
			transform: translateX(50%);
			}
	#resultSearch :where(#resultSort, #resultDisplay) dt+dd{
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		border: 2px solid #fff;
		background: #fff;
		border-radius: 0 0 0.5em 0.5em;
		overflow: hidden;
		}
#resultSort{}
	#resultSort dt {
		width: 8.5em;
		}
}


/* Small */
@media (max-width: 767.98px) {
/*767px以下*/
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下縦向き*/
#searchMenuDetail{}
	#searchMenuDetail h3+div+div{
		flex-direction: column;
		}
#searchCurrent{}
	#searchCurrent dt{
		width: 100%;
		}
#resultSearch{
	justify-content: center;
	}
#resultCount{
	width: 100%;
	justify-content: center;
	}
.spotList{}
	.spotList dl{}
		.spotList dl:before{
			grid-column: 1;
			grid-row: 1;
			}
	.spotList dt{
		grid-row: 2;
		}
	.spotList dd{}
		.spotList dd:nth-of-type(1){
			grid-row: 3;
			}
		.spotList dd:nth-of-type(2){
			grid-row: 5;
			}
	.spotList figure{
		grid-column: 1;
		grid-row: 1;
		}
	.spotList ul{
		grid-row: 4;
		}
	.spotList time{
		grid-row: 6;
		}
	.spotList [data-fav-id]{
		grid-column: 1;
		grid-row: 1;
		justify-self: end;
		margin: 0.5em;
		}
.spotGrid{
	grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下横向き*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
.spotList{}
	.spotList dl{
		grid-template-columns: 1fr 1.5em 1.5fr;
		}
		.spotList dl:not(:has(time)){}
			.spotList dl:not(:has(time)):before{
				grid-row: 1 / 6;
				}
			.spotList dl:not(:has(time)) figure{
				grid-row: 1 / 6;
				}
		.spotList dl:before{
			grid-column: 1;
			grid-row: 1 / 7;
			align-self: start;
			}
	.spotList dt{
		grid-column: 3;
		grid-row: 1;
		}
	.spotList dd{}
		.spotList dd:nth-of-type(1){
			grid-column: 2 / 5;
			grid-row: 2;
			}
		.spotList dd:nth-of-type(2){
			grid-column: 2 / 5;
			grid-row: 4;
			}
	.spotList figure{
		grid-column: 1;
		grid-row: 1 / 7;
		align-self: start;
		}
	.spotList ul{
		grid-column: 2 / 5;
		grid-row: 3;
		}
	.spotList time{
		grid-column: 2 / 5;
		grid-row: 6;
		}
	.spotList [data-fav-id]{
		grid-column: 2;
		grid-row: 1;
		}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
#resultSort{
	margin-left: auto;
	}
.articleList{
	grid-template-columns: repeat(2, 1fr);
	}
.spotGrid{
	grid-template-columns: repeat(3, 1fr);
	}
}


/* Medium */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
}


/* Large */
@media (min-width: 992px) {
/*992px以上*/
#feature+#search #searchMenuSelect ul{
	table-layout: fixed;
	}
#searchMenuSelect{}
	#searchMenuSelect ul{
		display: table;
		width: calc(100% + 2em);
		margin: 0 -1em;
		border-spacing: 1em;
		}
	#searchMenuSelect li{
		display: table-cell;
		vertical-align: center;
		white-space: nowrap;
		}
#searchMenuDetail{
	position: relative;
	}
	#searchMenuDetail section{
		position: absolute;
		top: 1em;
		left: 0;
		display: none;
		width: 100%;
		border-radius: 1em;
		transition: opacity 0.2s ease-out;
		pointer-events: none;
		opacity: 0;
		}
		#searchMenuDetail section.select{
			display: block;
			opacity: 1;
			pointer-events: all;
			}
	#searchMenuDetail h3+div{
		padding-right: 2em;
		}
	#searchMenuDetail menu{
		position: absolute;
		top: 0.5em;
		right: 0.5em;
		width: 1em;
		height: 1em;
		margin: 0;
		padding: 0;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"/></svg>') center no-repeat;
		-webkit-mask-size: contain;
		background: currentColor;
		cursor: pointer;
		overflow: hidden;
		}
#resultSearch{
	justify-content: space-between;
	}
	#resultSearch :where(#resultSort, #resultDisplay) dl{
		display: flex;
		align-items: center;
		grid-gap: 0.5em;
		}
	#resultSearch :where(#resultSort, #resultDisplay) dt{
		color: #fff;
		font-size: 0.75em;
		}
	#resultSearch :where(#resultSort, #resultDisplay) dt+dd,
	#resultSearch :where(#resultSort, #resultDisplay) span > dd{
		display: contents;
		}
	#resultSearch :where(#resultSort, #resultDisplay) dd{
		background: #fff;
		border: 2px solid transparent;
		border-radius: 0.5em;
		font-size: 0.875em;
		overflow: hidden;
		}
#resultSort{}
	#resultSort dt{
		display: none;
		}
.articleList{
	grid-template-columns: repeat(3, 1fr);
	}
	.articleList dt{
		font-size: 1.1em;
		}
.spotList{}
	.spotList dl{
		grid-template-columns: 1fr 1em 1.5fr;
		column-gap: 1.5em;
		padding: 1.5em;
		}
.spotGrid{
	grid-template-columns: repeat(4, 1fr);
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}


/* X-Large */
@media (min-width: 1200px) {
/*1200px以上*/
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
/*1200px～1399px*/
}


/* XX-Large */
@media (min-width: 1400px) {
/*1400px以上*/
}