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

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

/* リセット */
.dropdown-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* リンクの見た目 */
.dropdown-menu a {
	display: block;
	padding: 12px 20px;
	color: #9C8645;
	text-decoration: none;
	background-color: #f4f4f4;
	transition: background-color 0.2s; 
}

/* マウスホバー */
.dropdown-menu a:hover {
	background-color: #ddd; 
}

/* メニュー横並び */
.main-nav {
	display: flex; 
}

.main-nav > li {
	position: relative; 
	width: 160px; 
	text-align: center;
	border-right: 1px solid #fff; 
}

/* ドロップダウンする部分 */
.sub-nav {
	display: none; 
	position: absolute; 
	top: 100%; 
	left: 0;
	width: 100%; 
	z-index: 999; 
	border-top: 1px solid #fff;
}

/* マウスが乗ったらサブメニューを表示 */
.main-nav > li:hover .sub-nav {
	display: block; 
}