@charset "utf-8";
/* CSS Document */

/*ここからサンプル画像用CSS*/
.imagesample{
	width: 700px;
	height: 150px;
	object-fit: cover;
}
/*ここまでサンプル画像用CSS*/

/*=========ここから課題=============*/
div#nav_wrapper{
	width: 1200px;
	margin: 0 auto;
}

ul.nav_lists{
	display: flex;
	padding-left: 0;
	margin-bottom: 200px;
}

li.nav_lists{
	width: 20%;
	height: 60px;
	background-color: #F28705;
	list-style: none;
	position: relative;
}

li.nav_lists:hover{
	background-color: #F2B705;
}

li.nav_lists a{
	color: #592202;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

li.nav_lists a:hover{
	color: #fff;
}

ul.dropdown_list{
	display: none;
	width: 100%;
	position: absolute;
	top: 60px;
	left: -40px;
}

li.nav_lists:hover .dropdown_list{
	display: block;
}

li.dropdown_list{
	background-color: #F2B705;
	height: 60px;
	border-top: 1px dashed #592202;
}

li.dropdown_list:hover{
	opacity: 0.7;
}

li.dropdown_list a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #592202;
	text-decoration: none;
}

li.dropdown_list a:hover{
	color: #fff;
}

/*=========ここまで課題=============*/