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

/* ---------- 初期化 ---------- */

#acMenu a li {
  margin: 0;
  padding: 0;
}

#acMenu a {
  text-decoration: none;
  color: #2595C7 !important;
}

/* ---------- /.初期化 ---------- */

#main {
  max-width: 600px;
  margin: 50px auto;
}

@media (max-width:500px) {
  #main {
    margin: 10px auto;
  }
}

#acMenu span {
  font-size: 18px;
}

#acMenu a {
  font-size: 16px;
}

#acMenu div,
#acMenu li {
  display: block;
}

#acMenu span:hover {
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#acMenu a:hover {
  cursor: pointer;
  color: orange !important;
  text-decoration: underline;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#acMenu div + ul {
  display: none;
  list-style: none;
  margin: 0em 0 1em 0em;
}

#acMenu div:before {
  content: '▶';
  margin-right: 1em;
}

#acMenu div.active:before {
  content: '▼';
  color: orange;
  margin-right: 1em;
}

@media(max-width:450px) {
  #acMenu span {
    font-size: 16px;
  }

  #acMenu a {
    font-size: 14px;
  }

  #acMenu ul {
    padding-left: 1.5em;
  }
}

/* ---------- メニューの行間の調整 ---------- */
.upper-space {
  margin-top: 25px;
}
