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

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


/*===ドロップダウンメニュー===*/

/*===メニュー全体===*/
#drop-down-menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	width: 800px;
	transition: all 0.2s;
}



#drop-down-menu li {
	float: left;/*float ボックスを横並びにする*/
	width: 160px;
}

#drop-down-menu li a {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #B779E1;
    display: block;
    padding: 5px;
	transition: 0.2s;/*ゆっくり変化*/
}

#drop-down-menu li:hover a {
    background-color: #8343AE;
}


/*===子メニュー===*/
#drop-down-menu li ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: none;/*子メニューは非表示にしておく記述*/
}

#drop-down-menu li:hover ul {
	display: block;/*親メニューに音マウスすると、子メニューがブロック表示*/
}

#drop-down-menu li ul a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
}


#drop-down-menu li ul li:hover a {
	background-color: #D9A848;
}


#drop-down-menu:after {
	content: "";
	clear: both;/*float: left;を解除する記述*/
	display: block;
}