/* CSS Document */

#main{}
	@media (min-width: 992px) {
		#main{
			overflow: visible;
			}
		#main article:has(.subject),
		#main article:has([id$="Slide"]){
			overflow: hidden;
			}
		}

:where(#feature, #course, #spot, #gourmet, #favorite, #photo, #theme, #blog, #material, #photographer){
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-gap: clamp(24px, 4.8vw, 32px) 0;
	padding: clamp(24px, 4.8vw, 32px) 0;
	}
	:where(#feature, #course, #spot, #gourmet, #favorite, #photo, #theme, #blog, #material, #photographer) > *{
		grid-column: 2;
		}
	:where(#feature, #course, #spot, #gourmet, #favorite, #photo, #theme, #blog, #material, #photographer) h2{
		justify-self: center;
		}

[id$="Slide"]{
	grid-column: 1 / 4;
	}
	[id$="Slide"] li{
		display: grid !important;
		grid-template-areas: 'main';
		}
		[id$="Slide"] li:not([data-caption=""]):before{
			content: attr(data-caption);
			grid-area: main;
			align-self: end;
			display: grid;
			align-items: end;
			justify-content: center;
			width: 100%;
			min-height: 80px;
			padding: clamp(12px, 2.4vw, 16px);
			background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
			padding: clamp(12px, 2.4vw, 16px);
			color: #fff;
			line-height: 1.65;
			pointer-events: none;
			z-index: 1;
			}
	[id$="Slide"] a{
		grid-area: main;
		}
	[id$="Slide"] img{
		grid-area: main;
		aspect-ratio: 1 / 0.5;
		object-fit: cover;
		}
	[id$="Slide"] .slick-slider{
		display: grid;
		grid-template-columns: 1fr var(--wrap) 1fr;
		transition: opacity 0.2s ease-out;
		}
	[id$="Slide"] .slick-initialized{
		opacity: 1 !important;
		}
	[id$="Slide"] .slick-list{
		grid-column: 1 / 4;
		grid-row: 1;
		}
	[id$="Slide"] .slick-slide{
		width: min(80vw, 780px);
		margin-right: 1px;
		}
	[id$="Slide"] .slick-arrow{
		grid-column: 2;
		grid-row: 1;
		align-self: center;
		border-color: currentColor;
		color: #fff;
		z-index: 1;
		}
	[id$="Slide"] .slick-next{
		justify-self: end;
		}

#tabMenu{
	grid-column: 1 / 4;
	transform: translateY(24px);
	}
	@media (min-width: 576px) {
		#tabMenu{
			transform: translateY(32px);
			}
		}

#feature{}
	#feature p{
		text-align: center;
		}
	#feature+#search h2{
		display: none;
		}

#course{}
	#course+#search+#result .spotList dt{
		padding-right: 0;
		}
	#course+#search+#result .spotList [data-fav-id]{
		visibility: hidden;
		}

#spot{}
	#spot p{
		text-align: center;
		}

#theme{}
	#theme h2+div{
		width: min(100%, 940px);
		margin: 0 auto;
		color: var(--color-pale);
		line-height: 1.65;
		}
	#theme #themeLink{}
		#theme #themeLink a{
			display: grid;
			grid-template-columns: auto 18px;
			grid-gap: 16px;
			align-items: center;
			width: min(100%, 320px);
			min-height: 50px;
			margin: 0 auto;
			padding: 4px 16px;
			background: #fff;
			border: 1px solid var(--color-border);
			color: inherit;
			text-align: center;
			line-height: 1.65;
			text-decoration: none;
			}
			#theme #themeLink a:after{
				content: "";
				aspect-ratio: 1;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.16 15.71"><polygon points="9.31 0 8.6 .71 15.25 7.35 0 7.35 0 8.35 15.25 8.35 8.6 15 9.31 15.71 17.16 7.85 9.31 0"/></svg>') center no-repeat;
				-webkit-mask-size: 17.16px 15.71px;
				background: currentColor;
				}
	#theme #themeSlide{
		margin-top: 24px;
		}

#material{}
	#material ul{
		display: grid;
		margin-top: 8px;
		}
	#material li{
		padding-left: 1em;
		text-indent: -1em;
		line-height: 1.75;
		}
	@media (min-width: 992px) {
		#material h2+div{
			text-align: center;
			}
		}

#search{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	padding: clamp(32px, 7.2vw, 48px) 0;
	}
	#search > *{
		grid-column: 2;
		}
	#search h2{
		display: grid;
		grid-template-columns: 20px auto;
		align-items: center;
		justify-content: center;
		grid-gap: 8px;
		margin-bottom: clamp(24px, 4.8vw, 32px);
		font-size: clamp(16px, 3vw, 20px);
		font-weight: 700;
		}
		#search h2:before{
			content: "";
			width: 20px;
			aspect-ratio: 1;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 13"><path d="m1,4h9c.55,0,1-.45,1-1s-.45-1-1-1H1c-.55,0-1,.45-1,1s.45,1,1,1Zm14,2c1.3,0,2.4-.84,2.82-2h1.18c.55,0,1-.45,1-1s-.45-1-1-1h-1.18c-.41-1.16-1.51-2-2.82-2-1.65,0-3,1.35-3,3s1.35,3,3,3Zm0-4c.55,0,1,.45,1,1s-.45,1-1,1-1-.45-1-1,.45-1,1-1ZM5,7c-1.3,0-2.4.84-2.82,2h-1.18c-.55,0-1,.45-1,1s.45,1,1,1h1.18c.41,1.16,1.51,2,2.82,2,1.65,0,3-1.35,3-3s-1.35-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Zm14-2h-9c-.55,0-1,.45-1,1s.45,1,1,1h9c.55,0,1-.45,1-1s-.45-1-1-1Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: var(--color-point);
			transform: translateY(5%);
			}

#searchMenu{}
	@media (max-width: 991.98px) {
		#searchMenu{
			display: grid;
			grid-gap: 8px;
			}
		#searchMenu #searchMenuSelect{
			display: contents;
			}
		#searchMenu #searchMenuSelect ul{
			display: contents;
			}
		#searchMenu #searchMenuDetail{
			display: contents;
			}
		#searchMenu :where(#searchMenuSelect li, #searchMenuDetail section):nth-child(1){
			order: 1;
			}
		#searchMenu :where(#searchMenuSelect li, #searchMenuDetail section):nth-child(2){
			order: 2;
			}
		#searchMenu :where(#searchMenuSelect li, #searchMenuDetail section):nth-child(3){
			order: 3;
			}
		#searchMenu :where(#searchMenuSelect li, #searchMenuDetail section):nth-child(4){
			order: 4;
			}
		#searchMenu #searchMenuSelect li:last-child{
			order: 10;
			}
		}
	@media (max-width: 991.98px) {
		}

#searchMenuSelect{}
	#searchMenuSelect li{
		min-height: 40px;
		border: 1px solid var(--color-border);
		background: #fff;
		color: var(--color);
		}
		#searchMenuSelect li:not(:last-child){
			position: relative;
			display: grid;
			grid-template-columns: auto 8px;
			grid-gap: 8px;
			align-items: center;
			padding: clamp(4px, 1.2vw, 8px) 16px;
			line-height: 1.4em;
			text-align: center;
			cursor: pointer;
			}
			#searchMenuSelect li:not(:last-child):after{
				content: "";
				aspect-ratio: 1;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 4"><polygon points="4 4 0 0 8 0 4 4"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				background: currentColor;
				}
			#searchMenuSelect li:not(:last-child).select{
				background: var(--color-variable);
				}
				#searchMenuSelect li:not(:last-child).select:after{
					transform: rotate(180deg);
					}
		#searchMenuSelect li:last-child{
			display: grid;
			grid-template-columns: auto 40px;
			align-items: center;
			overflow: hidden;
			}
	#searchMenuSelect input{
		padding: 0 16px;
		align-self: center;
		background: none;
		border: none;
		}
	#searchMenuSelect button{
		padding: 0;
		aspect-ratio: 1;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="m17.71,16.29l-5.11-5.11c.88-1.17,1.4-2.61,1.4-4.18,0-3.86-3.14-7-7-7S0,3.14,0,7s3.14,7,7,7c1.57,0,3.02-.53,4.18-1.4l5.11,5.11c.2.2.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.02,0-1.41Zm-10.71-4.29c-2.76,0-5-2.24-5-5S4.24,2,7,2s5,2.24,5,5-2.24,5-5,5Z"/></svg>') center no-repeat;
		-webkit-mask-size: 18px 18px;
		background: currentColor;
		color: inherit;
		font-size: 0;
		}
	@media (min-width: 576px) {
		#searchMenuSelect li{
			font-size: 14px;
			}
		}
	@media (min-width: 992px) {
		#searchMenuSelect ul{
			display: grid;
			grid-gap: 8px;
			}
		#searchMenuSelect li{
			grid-row: 1;
			}
		}

#searchMenuDetail{}
	#searchMenuDetail section{
		position: relative;
		padding: clamp(16px, 3.6vw, 24px);
		background: #fff;
		border: 1px solid var(--color-border);
		color: var(--color);
		}
	#searchMenuDetail h3{
		display: none;
		}
	#searchMenuDetail h3+div{
		padding-right: 16px;
		}
	#searchMenuDetail h3+div+div{
		display: grid;
		justify-content: center;
		align-items: center;
		grid-gap: 8px 16px;
		margin-top: clamp(24px, 4.8vw, 32px);
		}
	#searchMenuDetail ul{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
		grid-gap: clamp(12px, 2.4vw, 16px) clamp(16px, 3.6vw, 24px);
		}
		#searchMenuDetail ul ul{
			grid-template-columns: 1fr;
			grid-gap: 8px 16px;
			margin: 8px 0 8px 24px;
			}
	#searchMenuDetail label{
		line-height: 1.65;
		}
		#searchMenuDetail label:before{
			transform: translateY(0.35em);
			}
	#searchMenuDetail :where(.doSearch, .doClear){
		display: grid;
		place-content: center;
		padding: 4px 24px;
		color: inherit;
		text-align: center;
		}
	#searchMenuDetail .doSearch{
		grid-template-columns: 18px auto;
		align-items: center;
		grid-gap: 16px;
		height: 50px;
		background: var(--color-point);
		color: #fff;
		}
		#searchMenuDetail .doSearch:before{
			content: "";
			aspect-ratio: 1;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="m17.71,16.29l-5.11-5.11c.88-1.17,1.4-2.61,1.4-4.18,0-3.86-3.14-7-7-7S0,3.14,0,7s3.14,7,7,7c1.57,0,3.02-.53,4.18-1.4l5.11,5.11c.2.2.45.29.71.29s.51-.1.71-.29c.39-.39.39-1.02,0-1.41Zm-10.71-4.29c-2.76,0-5-2.24-5-5S4.24,2,7,2s5,2.24,5,5-2.24,5-5,5Z"/></svg>') center no-repeat;
			-webkit-mask-size: 100%;
			background: currentColor;
			}
	#searchMenuDetail .doClear{
		height: 40px;
		background: transparent;
		border: 1px solid var(--color-border);
		font-size: clamp(12px, 2.1vw, 14px);
		}
	#searchMenuDetail .close{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 32px;
		aspect-ratio: 1;
		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 7.07 7.07"><polygon points="7.07 .71 6.36 0 3.54 2.83 .71 0 0 .71 2.83 3.54 0 6.36 .71 7.07 3.54 4.24 6.36 7.07 7.07 6.36 4.24 3.54 7.07 .71" /></svg>') center no-repeat;
		-webkit-mask-size: 40%;
		background: currentColor;
		cursor: pointer;
		overflow: hidden;
		}
	@media (max-width: 991.98px) {
		#searchMenuDetail section{}
			#searchMenuDetail section:not(.select){
				display: none;
				}
		}
	@media (min-width: 576px) {
		#searchMenuDetail :where(.doSearch, .doClear){
			grid-row: 1;
			}
		}
	@media (min-width: 992px) {
		#searchMenuDetail{
			position: relative;
			}
		#searchMenuDetail section{
			position: absolute;
			top: 8px;
			left: 0;
			width: 100%;
			pointer-events: none;
			opacity: 0;
			z-index: 10;
			}
			#searchMenuDetail section.select{
				pointer-events: all;
				opacity: 1;
				}			
			#searchMenuSchedule .slide > span{
				position: absolute;
				}
		}

#searchMenuSpotCategory{}
	#searchMenuSpotCategory :where([for="cat1"], [for="cat6"], [for="cat10"], [for="cat14"], [for="cat18"], [for="cat23"], [for="cat28"]){
		grid-template-columns: 37px auto auto
		}
		#searchMenuSpotCategory :where([for="cat1"], [for="cat6"], [for="cat10"], [for="cat14"], [for="cat18"], [for="cat23"], [for="cat28"]):after{
			content: "";
			order: -1;
			aspect-ratio: 1;
			margin: -6px 0 -4px 0;
			-webkit-mask-position: center;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-size: contain;
			background: var(--color-point);
			}
	#searchMenuSpotCategory :is([for="cat1"], [for="cat6"], [for="cat10"], [for="cat14"], [for="cat18"], [for="cat23"], [for="cat28"])+ul{
		margin-left: 45px;
		}
	#searchMenuSpotCategory [for="cat1"]:after{
		-webkit-mask-image: var(--icon-c1);
		}
	#searchMenuSpotCategory [for="cat6"]:after{
		-webkit-mask-image: var(--icon-c2);
		}
	#searchMenuSpotCategory [for="cat10"]:after{
		-webkit-mask-image: var(--icon-c3);
		}
	#searchMenuSpotCategory [for="cat14"]:after{
		-webkit-mask-image: var(--icon-c4);
		}
	#searchMenuSpotCategory [for="cat18"]:after{
		-webkit-mask-image: var(--icon-c5);
		}
	#searchMenuSpotCategory [for="cat23"]:after{
		-webkit-mask-image: var(--icon-c6);
		}
	#searchMenuSpotCategory [for="cat28"]:after{
		-webkit-mask-image: var(--icon-c7);
		}

#searchMenuMaterialCategory{}
	#searchMenuMaterialCategory :where([for="cat1"], [for="cat12"], [for="cat26"], [for="cat30"], [for="cat8"], [for="cat21"], [for="cat29"], [for="cat17"], [for="cat20"]){
		grid-template-columns: 37px auto auto
		}
		#searchMenuMaterialCategory :where([for="cat1"], [for="cat12"], [for="cat26"], [for="cat30"], [for="cat8"], [for="cat21"], [for="cat29"], [for="cat17"], [for="cat20"]):after{
			content: "";
			order: -1;
			aspect-ratio: 1;
			margin: -6px 0 -4px 0;
			-webkit-mask-position: center;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-size: contain;
			background: var(--color-point);
			}
	#searchMenuMaterialCategory :is([for="cat1"], [for="cat12"], [for="cat26"], [for="cat30"], [for="cat8"], [for="cat21"], [for="cat29"], [for="cat17"], [for="cat20"])+ul{
		margin-left: 45px;
		}
	#searchMenuMaterialCategory [for="cat1"]:after{
		-webkit-mask-image: var(--icon-c1);
		}
	#searchMenuMaterialCategory [for="cat12"]:after{
		-webkit-mask-image: var(--icon-c2);
		}
	#searchMenuMaterialCategory [for="cat26"]:after{
		-webkit-mask-image: var(--icon-c3);
		}
	#searchMenuMaterialCategory [for="cat30"]:after{
		-webkit-mask-image: var(--icon-c4);
		}
	#searchMenuMaterialCategory [for="cat8"]:after{
		-webkit-mask-image: var(--icon-c5);
		}
	#searchMenuMaterialCategory [for="cat21"]:after{
		-webkit-mask-image: var(--icon-c6);
		}
	#searchMenuMaterialCategory [for="cat29"]:after{
		-webkit-mask-image: var(--icon-c7);
		}
	#searchMenuMaterialCategory [for="cat17"]:after{
		-webkit-mask-image: var(--icon-c8);
		}
	#searchMenuMaterialCategory [for="cat20"]:after{
		-webkit-mask-image: var(--icon-c9);
		}

#searchMenuArea{}
	#searchMenuArea h3+div{
		display: grid;
		grid-gap: clamp(16px, 3.6vw, 24px);
		}
	#searchMenuArea figure{
		aspect-ratio: 0.94 / 1;
		}
		#searchMenuArea figure svg{
			width: 100%;
			height: auto;
			font-family: var(--font-min);
			font-weight: 500;
			}
		#searchMenuArea figure a{
			text-decoration: none;
			cursor: pointer;
			}
			#searchMenuArea figure a:nth-of-type(1){
				fill: var(--color-area1);
				}
			#searchMenuArea figure a:nth-of-type(2){
				fill: var(--color-area2);
				}
			#searchMenuArea figure a:nth-of-type(3){
				fill: var(--color-area3);
				}
			#searchMenuArea figure a:nth-of-type(4){
				fill: var(--color-area4);
				}
			#searchMenuArea figure use+use{
				fill: var(--color);
				}
		#searchMenuArea figure a:not(.select){
			fill: #b5b5b5;
			text-decoration: none;
			}
			#searchMenuArea figure a:not(.select) use+use{
				fill: #9c9c9c;
				}
		#searchMenuArea ul{
			grid-template-columns: 1fr;
			}
		#searchMenuArea li ul{
			grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
			}
	@media (min-width: 576px) {
		#searchMenuArea h3+div{
			grid-template-columns: min(40vw, 384px) auto;
			}
		#searchMenuArea figure{
			grid-column: 1;
			align-self: start;
			}
		#searchMenuArea figure+div{
			grid-column: 2;
			}
		}

#searchMenuSchedule{}
	#searchMenuSchedule :where(table, thead, tbody){
		display: contents;
		}
	#searchMenuSchedule tr{
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		}
	#searchMenuSchedule td{
		text-align: center;
		cursor: pointer;
		}
	#searchMenuSchedule caption{
		position: relative;
		display: grid;
		grid-template-columns: repeat(3, auto);
		align-items: center;
		justify-content: space-between;
		padding: clamp(10px, 2.1vw, 14px);
		background: var(--color-point);
		color: #fff;
		font-weight: 700;
		text-align: center;
		}
		#searchMenuSchedule caption span{
			font-size: clamp(10px, 2.1vw, 14px);
			}
		#searchMenuSchedule caption menu{
			justify-self: end;
			margin: 0;
			padding: 4px 8px;
			border: 1px solid currentColor;
			font-size: clamp(10px, 1.8vw, 12px);
			cursor: pointer;
			}
	#searchMenuSchedule thead{}
		#searchMenuSchedule thead tr{
			background: var(--color-point);
			color: #fff;
			}
		#searchMenuSchedule thead td{
			padding: 0.3em 0;
			border-top: 1px solid currentColor;
			}
		#searchMenuSchedule thead td+td{
			border-left: 1px solid currentColor;
			}
	#searchMenuSchedule tbody{}
		#searchMenuSchedule tbody tr{
			border: 1px solid var(--color-border);
			}
		#searchMenuSchedule tbody tr+tr{
			border-top-width: 0;
			}
		#searchMenuSchedule tbody td{
			padding: clamp(10px, 1.8vw, 12px) 0;
			}
			#searchMenuSchedule tbody td:empty{
				background: #fff !important;
				pointer-events: none;
				}
			#searchMenuSchedule tbody td.check{
				background: var(--color-variable);
				}
		#searchMenuSchedule tbody td+td{
			border-left: 1px solid var(--color-border);
			}
	#searchMenuSchedule .slick-slider{
		display: grid;
		grid-template-columns: clamp(32px, 7.2vw, 48px) 1fr clamp(32px, 7.2vw, 48px);
		grid-gap: 0 8px;
		margin: 0 auto;
		padding: 0;
		}
	#searchMenuSchedule .slick-slide{
		margin: 0 4px;
		}
	#searchMenuSchedule .slick-arrow{
		width: 100%;
		align-self: center;
		}
	@media (max-width: 575.98px) {
		#searchMenuSchedule .slick-slider{
			margin: 0 -8px;
			}
		}

#searchCurrent{
	margin-top: clamp(24px, 4.8vw, 32px);
	}
	#searchCurrent dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		grid-gap: 8px;
		}
	#searchCurrent dt{
		font-weight: 700;
		}
	#searchCurrent dd{
		display: contents;
		}
	#searchCurrent :where(a, button){
		display: grid;
		grid-template-columns: auto auto;
		align-items: center;
		grid-gap: 8px;
		min-height: 40px;
		padding: 4px 16px;
		font-size: clamp(12px, 2.1vw, 14px);
		cursor: pointer;
		}
		#searchCurrent :where(a, button):after{
			content: "";
			width: 7.07px;
			height: 7.07px;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.07 7.07"><polygon points="7.07 .71 6.36 0 3.54 2.83 .71 0 0 .71 2.83 3.54 0 6.36 .71 7.07 3.54 4.24 6.36 7.07 7.07 6.36 4.24 3.54 7.07 .71" /></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: currentColor;
			transform: translateX(4px);
			}
	#searchCurrent a{
		background: var(--color-variable);
		border: 1px solid var(--color-border);
		color: inherit;
		cursor: pointer;
		text-decoration: none;
		}
	#searchCurrent button{
		background: var(--color);
		color: #fff;
		}
	@media (max-width: 575.98px) {
		#searchCurrent dt{
			width: 100%;
			margin-bottom: 8px;
			text-align: center;
			}
		}
	@media (min-width: 576px) {
		#searchCurrent dl{
			position: relative;
			justify-content: flex-start;
			padding-left: 8em;
			}
		#searchCurrent dt{
			position: absolute;
			top: 0;
			left: 0;
			display: grid;
			align-items: center;
			min-height: 40px;
			}
		}

#result{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	padding-bottom: clamp(64px, 14.4vw, 96px);
	}
	#result:before{
		content: "";
		grid-column: 1 / 4;
		grid-row: 2;
		border-bottom: 1px solid var(--color-border);
		}
	#result > *{
		grid-column: 2;
		}
	#result h2{
		display: none;
		}

#resultSearch{
	position: relative;
	display: flex;
	justify-content: space-between;
	grid-gap: 16px 24px;
	padding: clamp(16px, 3.6vw, 24px) 0;
	}
	#resultSearch dl{
		font-size: clamp(12px, 2.1vw, 14px);
		white-space: nowrap;
		}
	#resultSearch dt{
		font-weight: 700;
		}
	#resultSearch dd{
		display: grid;
		place-items: center;
		min-height: 36px;
		padding: clamp(4px, 1.2vw, 8px) 10px;
		background: #fff;
		color: var(--color);
		cursor: pointer;
		}
		#resultSearch dd.select{
			background: var(--color-variable);
			pointer-events: none;
			}
	@media (max-width: 991.98px) {
		#resultSearch dl{
			position: relative;
			z-index: 10;
			}
			#resultSearch dl span{
				position: absolute;
				top: 36px;
				left: 0;
				width: 100%;
				border: 1px solid var(--color-border);
				border-width: 0 1px 1px 1px;
				pointer-events: none;
				opacity: 0;
				}
				#resultSearch dl span.open{
					pointer-events: all;
					opacity: 1;
					}
		#resultSearch dt{
			display: grid;
			grid-template-columns: auto 8px;
			place-items: center;
			height: 36px;
			padding: 0 8px;
			border: 1px solid var(--color-border);
			}
			#resultSearch dt:after{
				content: "";
				width: 8px;
				height: 6px;
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 6"><polygon points="8 0 4 6 0 0 8 0"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				background: currentColor;
				}
		#resultSearch dd+dd{
			border-top: 1px solid var(--color-border);
			}
		}
	@media (max-width: 575.98px) {
		#resultSearch{
			flex-wrap: wrap;
			justify-content: center;
			}
		}
	@media (min-width: 992px) {
		#resultSearch{
			align-items: center;
			}
		#resultSearch dl{
			display: flex;
			align-items: center;
			grid-gap: 4px;
			}
			#resultSearch dl span{
				display: contents;
				}
		#resultSearch dt{
			margin-right: 8px;
			}
		#resultSearch dd{
			border: 1px solid var(--color-border);
			}
		}

#resultCount{
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	grid-gap: 4px;
	font-weight: 700;
	}
	#resultCount span{
		font-size: clamp(20px, 3.6vw, 24px);
		transform: translateY(-10%);
		}
	@media (max-width: 991.98px) {
		#resultCount{
			justify-content: center;
			}
		}
	@media (max-width: 575.98px) {
		#resultCount{
			width: 100%;
			}
		}
	@media (min-width: 576px) {
		#resultCount{
			margin-right: auto;
			}
		}

#resultSort{}
	#resultSort [lsc-lt="Order"]{
		display: none;
		}
	@media (max-width: 991.98px) {
		#resultSort{
			width: 8em;
			}
		#resultSort [lsc-lt="dummy"]{
			display: block;
			}
		}

#resultDisplay{}
	#resultDisplay dd{
		display: grid;
		grid-template-columns: 14px auto;
		grid-gap: 8px;
		justify-content: start;
		text-align: center;
		}
		#resultDisplay dd:before{
			content: "";
			width: 100%;
			aspect-ratio: 1;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
			-webkit-mask-size: contain;
			background: var(--color-point);
			}
	#resultDisplay [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 14 14"><path d="m0,2h2V0H0v2Zm0,6h2v-2H0v2Zm0,6h2v-2H0v2Zm6,0h2v-2h-2v2Zm6,0h2v-2h-2v2Zm0-14v2h2V0h-2Zm0,8h2v-2h-2v2Zm-6,0h2v-2h-2v2Zm0-6h2V0h-2v2Z"/></svg>');
		}
	#resultDisplay [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 14 12"><path d="m0,12h2v-2H0v2ZM0,2h2V0H0v2Zm0,5h2v-2H0v2Zm6,5h8v-2H6v2ZM6,0v2h8V0H6Zm0,7h8v-2H6v2Z"/></svg>');
		}
	#resultDisplay [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 12 14"><path d="m6,0C2.69,0,0,2.69,0,6s6,8,6,8c0,0,6-4.69,6-8S9.31,0,6,0Zm0,8c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z"/></svg>');
		}
	@media (max-width: 991.98px) {
		#resultDisplay{
			width: 6em;
			}
		}

#resultList{
	margin-top: clamp(48px, 9.6vw, 64px);
	}

#resultMap{
	display: grid;
	margin-top: clamp(48px, 9.6vw, 64px);
	background: #f2f2f2;
	color: var(--color);
	aspect-ratio: 1;
	width: 100%;
	height: 100%;
	}
	#resultMap p{
		align-self: center;
		justify-self: center;
		}
	@media (min-width: 576px) {
		#resultMap{
			aspect-ratio: 16 / 9;
			}
		}

#pagenation{
	margin-top: clamp(48px, 9.6vw, 64px);
	}

.articleList{
	display: grid;
	grid-gap: clamp(32px, 6vw, 40px);
	align-items: start;
	}
	.articleList dl{
		position: relative;
		display: grid;
		grid-template-areas: 'photo photo' 'title title' 'date view';
		align-content: start;
		grid-gap: clamp(4px, 1.2vw, 8px);
		line-height: 1.65;
		}
		.articleList dl:before{
			content: "";
			grid-area: photo;
			background: var(--dummy);
			background-size: contain;
			aspect-ratio: 1;
			}
	.articleList dt{
		grid-area: title;
		font-weight: 700;
		}
	.articleList dd{}
		.articleList dd:nth-child(2){
			grid-area: date;
			color: #595757;
			font-size: 14px;
			}
		.articleList dd:nth-child(3){
			grid-area: view;
			justify-self: end;
			color: #595757;
			font-size: 14px;
			}
		.articleList dd:last-child{
			display: contents;
			}
		.articleList dd img{
			grid-area: photo;
			width: 100%;
			aspect-ratio: 1;
			object-fit: cover;
			}
		.articleList dd a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
			}
	@media (min-width: 576px) {
		.articleList{
			grid-template-columns: repeat(2, 1fr);
			}
		}
	@media (min-width: 768px) {
		.articleList{
			grid-template-columns: repeat(3, 1fr);
			}
		}
	@media (min-width: 1200px) {
		.articleList{
			grid-template-columns: repeat(4, 1fr);
			}
		}

.spotList{}
	.spotList dl{
		position: relative;
		display: grid;
		line-height: 1.65;
		}
		.spotList dl:before{
			content: "";
			grid-area: photo;
			aspect-ratio: 1;
			background: var(--dummy);
			background-size: contain;
			}
	.spotList dt{
		grid-area: title;
		padding-right: 32px;
		font-weight: 500;
		}
	.spotList dd{}
		.spotList dd:last-child{
			display: contents;
			}
		.spotList dd a{}
			.spotList dd a:not([data-fav-id]){
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				font-size: 0;
				}
	.spotList figure{
		display: contents;
		}
	.spotList img{
		grid-area: photo;
		aspect-ratio: 1;
		object-fit: cover;
		}
	.spotList time{
		display: grid;
		grid-template-columns: 12px auto;
		grid-gap: 8px;
		}
		.spotList time:empty{
			display: none;
			}
		.spotList time:before{
			content: "";
			align-self: baseline;
			width: 100%;
			aspect-ratio: 1;
			-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="m8.57,2.43c.39,0,.7-.3.7-.68V.68c0-.37-.31-.68-.7-.68s-.7.3-.7.68v1.07c0,.38.31.68.7.68Zm1.74-1.46h-.43v.78c0,.7-.59,1.28-1.31,1.28s-1.31-.57-1.31-1.28v-.78h-2.53v.78c0,.7-.59,1.28-1.31,1.28s-1.31-.57-1.31-1.28v-.78h-.43c-.93,0-1.68.73-1.68,1.64v7.76c0,.9.75,1.64,1.68,1.64h8.64c.93,0,1.68-.73,1.68-1.64V2.6c0-.9-.75-1.64-1.68-1.64Zm.36,9.11c0,.42-.35.76-.78.76H2.1c-.43,0-.78-.34-.78-.76v-6.07h9.35v6.07ZM3.43,2.43c.39,0,.7-.3.7-.68V.68c0-.37-.31-.68-.7-.68s-.7.3-.7.68v1.07c0,.38.31.68.7.68Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			background: currentColor;
			transform: translateY(0.5em);
			}
	.spotList ul{
		display: flex;
		flex-wrap: wrap;
		grid-gap: 4px;
		}
	.spotList li{
		display: grid;
		place-items: center;
		min-height: 24px;
		padding: 0 8px;
		border: 1px solid var(--color-border);
		font-size: clamp(10px, 1.8vw, 12px);
		}
		.spotList li[data-area]{
			grid-template-columns: 6px auto;
			grid-gap: 8px;
			}
		.spotList li[data-area]:before{
			content: "";
			width: 100%;
			background: var(--color-theme);
			border-radius: 100%;
			aspect-ratio: 1;
			}
		.spotList li[data-area="1"]:before{
			background: var(--color-area1);
			}
		.spotList li[data-area="2"]:before{
			background: var(--color-area2);
			}
		.spotList li[data-area="3"]:before{
			background: var(--color-area3);
			}
		.spotList li[data-area="4"]:before{
			background: var(--color-area4);
			}
	.spotList [data-fav-id]{
		grid-area: title;
		justify-self: end;
		width: 24px;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.97 18.04"><path d="m15.35,18.04l-5.86-3.08-5.86,3.08,1.12-6.53L0,6.89l6.55-.95L9.49,0l2.93,5.94,6.56.95-4.74,4.62,1.12,6.53ZM2.15,7.59l3.67,3.58-.87,5.05,4.53-2.38,4.53,2.38-.87-5.05,3.67-3.58-5.07-.74-2.27-4.59-2.27,4.59-5.07.74Z"/></svg>') center no-repeat;
		-webkit-mask-size: 18.97px 18.04px;
		background: currentColor;
		color: inherit;
		font-size: 0;
		aspect-ratio: 1;
		z-index: 1;
		}
	.spotList [data-fav-id][data-fav-status="on"]{
		-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.97 18.04"><polygon points="18.97 6.89 12.42 5.94 9.49 0 6.55 5.94 0 6.89 4.74 11.52 3.62 18.04 9.49 14.96 15.35 18.04 14.23 11.52 18.97 6.89"/></svg>');
		background: var(--color-point);
		}

.spotList.grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: clamp(32px, 6vw, 40px) clamp(16px, 6vw, 40px);
	}
	.spotList.grid dl{
		grid-template-areas: 'photo' 'title';
		align-content: start;
		grid-gap: 8px;
		}
		.spotList.grid dl:before{
			aspect-ratio: 1;
			}
	.spotList.grid dt{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		}
	.spotList.grid dt+dd{
		display: none;
		}
	.spotList.grid dt+dd+dd{
		display: none;
		}
	.spotList.grid dd{}
		.spotList.grid dd time{
			font-size: clamp(12px, 2.1vw, 14px);
			}
		.spotList.grid dd time{
			font-size: clamp(12px, 2.1vw, 14px);
			}
	@media (min-width: 768px) {
		.spotList.grid{
			grid-template-columns: repeat(3, 1fr);
			}
		}
	@media (min-width: 1200px) {
		.spotList.grid{
			grid-template-columns: repeat(4, 1fr);
			}
		}

.spotList.line{}
	.spotList.line dl{
		grid-template-areas: 'photo' 'title';
		grid-gap: 8px;
		padding-bottom: clamp(24px, 5.4vw, 36px);
		border-bottom: 1px solid var(--color-border);
		}
		.spotList.line dl:before{
			aspect-ratio: 1 / 0.667;
			}
		.spotList.line dl:nth-child(n+2){
			margin-top: clamp(24px, 5.4vw, 36px);
			}
	.spotList.line dt{
		font-size: clamp(20px, 3.6vw, 24px);
		}
	.spotList.line dt+dd{
		color:var(--color-point);
		font-size: clamp(16px, 3vw, 20px);
		font-weight: 500;
		}
	.spotList.line dt+dd+dd{
		color: var(--color-pale);
		font-size: clamp(14px, 2.4vw, 16px);
		}
	.spotList.line dd{}
		.spotList.line dd img{
			aspect-ratio: 1 / 0.667;
			}
		.spotList.line dd time{
			font-size: clamp(14px, 2.4vw, 16px);
			}
	@media (min-width: 576px) {
		.spotList.line dl{
			grid-template-columns: 1fr 2fr;
			grid-template-areas: 'photo title';
			grid-gap: 0 24px;
			}
			.spotList.line dl:before{
				grid-row: 1 / 7;
				}
		.spotList.line dt+dd{
			margin-top: 8px;
			}
		.spotList.line dt+dd+dd{
			margin-top: 8px;
			}
		.spotList.line dd{}
			.spotList.line dd:empty{
				display: none;
				}
			.spotList.line dd img{
				grid-row: 1 / 7;
				}
			.spotList.line dd time{
				margin-top: 8px;
				}
			.spotList.line dd ul{
				margin-top: 24px;
				}
		}
	@media (min-width: 1200px) {
		.spotList.line dl{
			grid-template-columns: 342px 1fr;
			grid-template-areas: 'photo title';
			grid-gap: 0 32px;
			}
			.spotList.line dl:before{
				grid-row: 1 / 7;
				}
		.spotList.line dt{
			font-size: 28px;
			}
		.spotList.line dt+dd+dd{
			min-height: calc(1.65em * 2);
			}
		}

.photoList{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: clamp(32px, 6vw, 40px) clamp(16px, 6vw, 40px);
	align-items: start;
	}
	.photoList[lsc-lb] img{
		background: #ccc;
		}
	.photoList dl{
		position: relative;
		display: grid;
		grid-template-areas: 'photo' 'title';
		grid-gap: 8px;
		}
	.photoList dt{
		grid-area: title;
		font-weight: 500;
		line-height: 1.65;
		}
	.photoList dd{
		display: contents;
		}
		.photoList dd img{
			grid-area: photo;
			width: 100%;
			height: 100%;
			aspect-ratio: 1;
			object-fit: cover;
			}
	.photoList a{}
		.photoList a:not([data-id]){
			grid-column: 1;
			grid-row: 1 / 3;
			font-size: 0;
			}
		.photoList a[data-id]{
			display: grid;
			grid-template-columns: 24px auto;
			align-items: center;
			grid-gap: 8px;
			min-height: 40px;
			margin: 8px auto 0 auto;
			padding: 8px 16px;
			border: 1px solid var(--color-border);
			color: inherit;
			font-size: clamp(12px, 2.1vw, 14px);
			text-decoration: none;
			cursor: pointer;
			z-index: 1;
			}
			.photoList a[data-id]:before{
				content: "";
				aspect-ratio: 1;
				-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.5 11c2.484 0 4.5 2.016 4.5 4.5s-2.016 4.5-4.5 4.5-4.5-2.016-4.5-4.5 2.016-4.5 4.5-4.5zm.5 4v-1.5c0-.265-.235-.5-.5-.5s-.5.235-.5.5v1.5h-1.5c-.265 0-.5.235-.5.5s.235.5.5.5h1.5v1.5c0 .265.235.5.5.5s.5-.235.5-.5c0-.592 0-1.5 0-1.5h1.5c.265 0 .5-.235.5-.5s-.235-.5-.5-.5c-.592 0-1.5 0-1.5 0zm-6.479 1c.043.522.153 1.025.321 1.5h-9.092c-.414 0-.75-.336-.75-.75s.336-.75.75-.75zm1.106-4c-.328.456-.594.96-.785 1.5h-9.092c-.414 0-.75-.336-.75-.75s.336-.75.75-.75zm7.373-3.25c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75zm0-4c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75z"/></svg>') center no-repeat;
				-webkit-mask-size: contain;
				background: currentColor;
				}
			.photoList a[data-id]:after{
				display: contents;
				}
			.photoList a[data-id].inCart{}
				.photoList a[data-id].inCart:after{
					content: "に追加";
					}
				.photoList a[data-id].inCart:hover{
					background: var(--color-theme);
					}
			.photoList a[data-id].limit{
				pointer-events: none;
				opacity: 0.5;
				}
				.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 24 24"><path d="M18.328 16.922q1.688-2.109 1.688-4.922 0-3.281-2.367-5.648t-5.648-2.367q-1.125 0-2.578 0.492t-2.344 1.195zM12 20.016q1.125 0 2.578-0.492t2.344-1.195l-11.25-11.25q-1.688 2.109-1.688 4.922 0 3.281 2.367 5.648t5.648 2.367zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z" /></svg>');
					}
				.photoList a[data-id].limit:after{
					content: "が一杯です";
					}
			.photoList a[data-id].deleteCart{}
				.photoList a[data-id].deleteCart:after{
					content: "に追加済み";
					}
				.photoList a[data-id].deleteCart:not(:hover){
					background: var(--color-theme);
					}
					.photoList a[data-id].deleteCart:not(:hover):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="m17.5 11c2.484 0 4.5 2.016 4.5 4.5s-2.016 4.5-4.5 4.5-4.5-2.016-4.5-4.5 2.016-4.5 4.5-4.5zm-5.979 5c.043.522.153 1.025.321 1.5h-9.092c-.414 0-.75-.336-.75-.75s.336-.75.75-.75zm3.704-.024 1.442 1.285c.095.085.215.127.333.127.136 0 .271-.055.37-.162l2.441-2.669c.088-.096.131-.217.131-.336 0-.274-.221-.499-.5-.499-.136 0-.271.055-.37.162l-2.108 2.304-1.073-.956c-.096-.085-.214-.127-.333-.127-.277 0-.5.224-.5.499 0 .137.056.273.167.372zm-2.598-3.976c-.328.456-.594.96-.785 1.5h-9.092c-.414 0-.75-.336-.75-.75s.336-.75.75-.75zm7.373-3.25c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75zm0-4c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75z"/></svg>');
						}
				.photoList a[data-id].deleteCart:hover{}
					.photoList a[data-id].deleteCart:hover: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="m17.495 11c2.484 0 4.5 2.016 4.5 4.5s-2.016 4.5-4.5 4.5c-2.483 0-4.5-2.016-4.5-4.5s2.017-4.5 4.5-4.5zm-5.979 5c.043.522.153 1.025.321 1.5h-9.092c-.414 0-.75-.336-.75-.75s.336-.75.75-.75zm6.686-.5s.642-.642 1.061-1.061c.188-.187.188-.519 0-.707-.188-.187-.52-.187-.707 0-.419.419-1.061 1.061-1.061 1.061s-.641-.642-1.06-1.061c-.188-.187-.52-.187-.707 0-.188.188-.188.52 0 .707.418.419 1.06 1.061 1.06 1.061s-.642.642-1.06 1.061c-.188.187-.188.519 0 .707.187.187.519.187.707 0 .419-.419 1.06-1.061 1.06-1.061s.642.642 1.061 1.061c.187.187.519.187.707 0 .188-.188.188-.52 0-.707-.419-.419-1.061-1.061-1.061-1.061zm-5.579-3.5c-.329.456-.595.96-.786 1.5h-9.092c-.414 0-.75-.336-.75-.75s.336-.75.75-.75zm7.372-3.25c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75zm0-4c0-.414-.336-.75-.75-.75h-16.5c-.414 0-.75.336-.75.75s.336.75.75.75h16.5c.414 0 .75-.336.75-.75z"/></svg>');
						}
					.photoList a[data-id].deleteCart:hover:after{
						content: "から削除";
						}
	@media (min-width: 768px) {
		.photoList{
			grid-template-columns: repeat(3, 1fr);
			}
		}
	@media (min-width: 1200px) {
		.photoList{
			grid-template-columns: repeat(4, 1fr);
			}
		}

.blogList{
	align-items: start;
	}
	.blogList dl{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		grid-gap: 1em;
		}
	.blogList dt{
		width: 100%;
		}
	.blogList dt+dd{
		width: 100%;
		order: -1;
		position: relative;
		border-radius: 8px;
		overflow: hidden;
		}
		.blogList dt+dd:before{
			content: "";
			display: block;
			padding-top: 66.66%;
			background: #ccc;
			}
	.blogList dd{}
		.blogList dd:nth-of-type(2){
			padding: 0.3em 0.5em;
			border: 1px solid #c9c9c9;
			border-radius: 4px;
			}
		.blogList dd:nth-of-type(3){
			line-height: 1.4em;
			}
		.blogList dd:last-child{
			display: contents;
			}
		.blogList dd a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			}