@charset "utf-8";
/* _vers SCSS */
/* menu SCSS */
/*

		1. side-menu

*/
/* -------------------------------------------
		1. side-menu
	------------------------------------------- */
.side-menu {
  margin: 0 0 30px 0;
}
.side-menu a {
  display: block;
  margin: 0 0 8px;
  padding: 0 0 0 10px;
  width: 210px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-style: italic;
  font-size: 16px;
  line-height: 25px;
  font-family: 'Alegreya Sans SC';
  color: #FFF;
  text-decoration: none;
  letter-spacing: 0.5px;
  background-color: #1a1a1a;
  position: relative;
  overflow: visible;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}
.side-menu a:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -10px;
  border-top: 25px solid #1a1a1a;
  border-right: 10px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 10px solid transparent;
}
.side-menu a:hover {
  width: 230px;
}
.side-menu a.green {
  background-color: #009250;
}
.side-menu a.green:after {
  border-top: 25px solid #009250;
}
.side-menu a.white {
  background-color: #90b1bb;
}
.side-menu a.white:after {
  border-top: 25px solid #90b1bb;
}
.side-menu a.red {
  background-color: #c7243a;
}
.side-menu a.red:after {
  border-top: 25px solid #c7243a;
}
.side-menu a.heaven {
  background-color: #5aceac;
}
.side-menu a.heaven:after {
  border-top: 25px solid #5aceac;
}
.side-menu a.orange {
  background-color: #e58611;
}
.side-menu a.orange:after {
  border-top: 25px solid #e58611;
}
.side-menu a.avalon {
  background-color: #b6d11b;
}
.side-menu a.avalon:after {
  border-top: 25px solid #b6d11b;
}
.side-menu a.palace {
  background-color: #b91b67;
}
.side-menu a.palace:after {
  border-top: 25px solid #b91b67;
}
.side-menu a.rookie {
  background-color: #0080b2;
}
.side-menu a.rookie:after {
  border-top: 25px solid #0080b2;
}
.side-menu a.naeba {
  font-size: 15px;
  background-color: #c68636;
}
.side-menu a.naeba:after {
  border-top: 25px solid #c68636;
}
.side-menu a.day {
  background-color: #3fbda6;
}
.side-menu a.day:after {
  border-top: 25px solid #3fbda6;
}
.side-menu a.mokudo {
  font-size: 15px;
  background-color: #006d59;
}
.side-menu a.mokudo:after {
  border-top: 25px solid #006d59;
}
.side-menu a.pyramid {
  background-color: #dedc28;
}
.side-menu a.pyramid:after {
  border-top: 25px solid #dedc28;
}
.side-menu a.cafe {
  background-color: #ecacb5;
}
.side-menu a.cafe:after {
  border-top: 25px solid #ecacb5;
}
.side-menu a.busker-stop {
  background-color: #4d5fa3;
}
.side-menu a.busker-stop:after {
  border-top: 25px solid #4d5fa3;
}
.side-menu a.interview {
  background-color: #da6272;
}
.side-menu a.interview:after {
  border-top: 25px solid #da6272;
}
.side-menu a.people {
  background-color: #42aac7;
}
.side-menu a.people:after {
  border-top: 25px solid #42aac7;
}
.side-menu a.food {
  font-size: 15px;
  background-color: #e94a2f;
}
.side-menu a.food:after {
  border-top: 25px solid #e94a2f;
}
.side-menu a.venue {
  background-color: #edad0b;
}
.side-menu a.venue:after {
  border-top: 25px solid #edad0b;
}
.side-menu a.all {
  background-color: #cfcfcf;
}
.side-menu a.all:after {
  border-top: 25px solid #cfcfcf;
}