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


div.description {
  max-width: 59rem;
  padding: 0 1.5rem;
  box-sizing: border-box;
  margin: 1rem auto;
}

.note {
  background: #fffcef;
  border: 1px solid #d4d2cc;
  border-radius: 8px;
  padding: 2rem;
  font-size: 1.4rem;
  color: #583c0b;
}

.note i {
  color: #54c8f4;
  font-size: 2.6rem;
  vertical-align: -12%;
  margin-right: .5rem;
}

.note span {
  display: block;
  margin: .5rem 1rem 0;
}

.contents h2.disable,
.content_list .disable,
.content_list .disable i,
.content_list .disable:hover,
.content_list .disable:hover i,
.content_list .disable:hover .content_name {
  color: #bbb;
  background: #fbfbfb;
}


.contents h2.disable.opened {
    background-color: #555;
    border-color: #555;
    color: white;
}


@media (min-width:520px) {

  div.description {
    margin: -.5rem auto 1.5rem;
  }

}