body {
  margin: 0;
  padding: 0;
}

a {
  color: #333;
  text-decoration: none;
}



main {
  width: 100%;height:30px;
  padding-top:5px;
  margin: 0px auto 10px;
  background-color: #ffe495;

}

.menu {
  display: flex;
  justify-content: center;
  text-align:left;

}

.menu__link {
  display: block;
  padding: 10px 15px;
  background:no-repeat 3px 3px;background-image:url(../img/mark/list_b.gif);margin:4px 15px 0 0;padding:0 0 0 16px;border-bottom:1px dashed #cccccc;line-height:1.25em;
}

.menu__link:hover {
  background-color: #ebebeb;
  color: #666;
}

.drop-menu {
  background-color: #fff8e1;
  position: absolute;

  font-size:10pt;
	
}	

.drop-menu__link {
  display: block;
  background-color: #ebebeb;
  line-height: 0;
  padding: 0px 20px;
  transform: scaleY(0);
  transition: all .3s;
}

.drop-menu__link:hover {
  background-color: lightcyan;
}

/* ドロップダウン出現後のスタイル */
.drop-menu__link.is-active {
  line-height: 1.0;
  padding: 5px 20px;
  transform: scaleY(1);
  background:no-repeat 3px 3px;background-image:url(../img/mark/list_d.gif);margin:4px 5px 0 0;padding:0 0 0 16px;border-bottom:1px dashed #cccccc;line-height:1.25em;
}