@charset "UTF-8";
/*
 * ヘッダーの「営業ラボ」メニュー。
 * 既存テーマの配色に合わせる（背景 #14181E ／ アクセント #00D7C8 ／ 文字 #fff）。
 * テーマのCSSは触らない。ここで足す分だけ。
 */

.nlmNav {
	/* z-index は付けない。ここに付けると重なりの箱ができてしまい、
	   中のメニューをいくら上げてもヘッダーの他の要素の下に潜る */
	position: relative;
}

.nlmNav__menu {
	position: absolute;
	top: 100%;
	left: 50%;
	/* リンクの真下ではなく、少し右・少し下に置く（2026-09-19 石橋さんの指摘） */
	transform: translateX(calc(-50% + 26px)) translateY(16px);
	min-width: 260px;
	margin: 0;
	padding: 8px;
	list-style: none;
	background-color: #161B22;
	border: 1px solid #393C41;
	border-radius: 6px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s, transform 0.2s;
	/* ヘッダーの下に潜らないよう十分に上げる */
	z-index: 9999;
}

.nlmNav:hover .nlmNav__menu,
.nlmNav.is-open .nlmNav__menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(calc(-50% + 26px)) translateY(10px);
}

/* マウスが本体とメニューの隙間を通るときに閉じないようにする */
.nlmNav__menu::before {
	content: "";
	position: absolute;
	top: -18px;
	left: 0;
	right: 0;
	height: 18px;
}

.nlmNav__item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nlmNav__link {
	display: block;
	padding: 10px 12px;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	line-height: 1.5;
	transition: background-color 0.2s;
}

.nlmNav__link:hover,
.nlmNav__link:focus {
	background-color: #1F2630;
	color: #fff;
}

.nlmNav__name {
	font-size: 1.4rem;
	letter-spacing: 0.04em;
}

.nlmNav__soon {
	display: inline-block;
	margin-left: 8px;
	padding: 1px 8px;
	border: 1px solid #6F7680;
	border-radius: 999px;
	font-size: 1rem;
	color: #B9B9B9;
	vertical-align: 2px;
}

.nlmNav__note {
	display: block;
	margin-top: 2px;
	font-size: 1.1rem;
	color: #B9B9B9;
}

/* スマホ。開いたメニューの中に、そのまま下げて並べる */
.nlmNav__sub {
	margin: 4px 0 0;
	padding: 0 0 0 16px;
	list-style: none;
	border-left: 1px solid #393C41;
}

.nlmNav__sub .nlmNav__link {
	padding: 8px 0;
}

.nlmNav__sub .nlmNav__name {
	font-size: 1.3rem;
}

@media screen and (max-width: 1024px) {

	.nlmNav__menu {
		display: none;
	}
}