/*250601 逸品を知る用*/
#tab {
	overflow: visible;
	}
	#tab > ul{
		position: relative;
		}
	#tab .select a {
		background: #fff;
		color: var(--color-theme);
		pointer-events: auto;
		}
	#tab .select > a{
		background: var(--color-theme);
		color: #fff;
		}

#tabMenuToggle{
	grid-template-columns: 16px auto 16px;
	grid-gap: 8px;
	@media (max-width: 767.98px) {
		grid-template-columns: 0 auto 12px;
		grid-gap: 2px;
		}
	}
	#tabMenuToggle:before{
		content: "";
		}
	#tabMenuToggle: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 16 16" style="fill: none; stroke: black; stroke-miterlimit: 10; stroke-width: 2px;"><polyline points="2 5 8 10 14 5"/></svg>') center no-repeat;
		-webkit-mask-size: contain;
		background: currentColor;
		}

ul#tabMenuDetail {
	overflow: hidden;
	position: absolute;
	bottom: -10px;
	left: 0;
	flex-direction: column;
	border: 2px solid var(--color-theme);
	border-radius: 8px;
	z-index: 10;
	transform: translate(0, 100%);
	grid-gap: 0;
	display: none;
	}
	@media (max-width: 991.98px) {
		ul#tabMenuDetail {
			transform: translate(-50px, 100%);
		}
	}
ul#tabMenuDetail a {
	border: none;
	border-radius: 0px;
	background: #fff;
	}
ul#tabMenuDetail li+li a{
	border-top: 2px solid var(--color-theme);
	}