/* ナビゲーションメニュー */
.nav-menu {
	background-color: #FF1A18; /* メニューの背景色#E1344C */
	color: #FFFFFF; /* メニューテキストの色 */
}
ul {
	list-style: none;/* 黒点を表示しない */
}
.menu-list {
	display: flex;
	justify-content: center; /* メニューアイテムを中央揃えに */
}
.menu-item {
	border-left: 1px solid #FFFFFF; /* メニューアイテムの左ボーダー */
	position: relative;
}
.menu-item:last-child {
	border-right: 1px solid #FFFFFF; /* 最後のメニューアイテムの右ボーダー */
}

/* メニューアイテムのホバースタイル */
.menu-item:hover .drop-menu-list {
	visibility: visible; /* 下層メニューを表示 */
}
.menu-item a {
	align-items: center;
	color: #FFFFFF; /* メニューアイテム内のリンクテキストの色 */
	display: flex;
	height: 24px;
	justify-content: center;
	text-decoration: none; /* リンクの下線を非表示 */
	width: 128px;
}

/* ドロップダウンメニュー */
.drop-menu {
	position: relative;
}
.drop-menu-list {
/*	background-color: #E0A6AE; /* ドロップダウンメニューの背景色 */
	background-color: #EEEEEE; /* ドロップダウンメニューの背景色 */
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden; /* 下層メニューを非表示 */
	width: max-content;
	z-index: 1;
}
.drop-menu-item a {
	padding: 0px; 
	align-items: center;
	color: #E1344C; /* メニューアイテム内のリンクテキストの色 */
	display: flex;
	height: 48px;
/*	justify-content: start;*/
	text-decoration: none; /* リンクの下線を非表示 */
	width: 128px;
}