@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
/*ここからサンプル画像用CSS*/
.imagesample{
	width: 700px;
	height: 150px;
	object-fit: cover;
}
/*ここまでサンプル画像用CSS*/
nav ul{
	width: 700px;
	display: flex;
	align-items: center;
}

.menu-item,.menu-list{
	text-align: center;
	background-color: #F26B83;
	margin-right: 5px;
}

.menu-item a.menu-item-a,.menu-list a{
	color: #F2E3B3;
}
	
.menu-list,.menu-item{
	width: 300px;
	height: 30px;
}

.menu-list a,.menu-item a.menu-item-a{
	display: inline-block;
	padding: 5px 10px;
}

.menu-item{
	position: relative;
}

.drop-menu-list{
	display: inline-block;
	width: 100%;
	background-color: #F26B83;
	position: absolute;
	top: 100%;
	left: 0;
	visibility: hidden; 
	z-index: 1;

}

.drop-menu-item{
	border: 1px solid #F2E3B3;
	height: 30px;
	line-height: 30px;
}

.drop-menu-item a{
	display: block;
	color: #F2E3B3;
	font-size: 12px;
}
/*=============================
ホバー設定
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.menu-item:hover,.menu-list:hover{
	background-color: #F2E3B3;
}

.menu-item a.menu-item-a:hover,.menu-list a:hover{
	color: #F26B83;
}


.menu-item:hover .menu-item-a{
	color: #F26B83;
}

.menu-item:hover .drop-menu-list{
	visibility: visible;
}


.drop-menu-item:hover{
	background-color: #F2E3B3;
}

.drop-menu-item a:hover{
	color: #F26B83;
}