@charset "utf-8";

@media only screen and (min-width: 751px) and (max-width: 1100px) {
html { font-size: 0.9090909090909091vw; }

}


@media only screen and (min-width: 0px) and (max-width: 750px) {
html { font-size: 1.3333333333333335vw; }

#title {
  height: 40.0rem;
}
.list {
  width: 68.0rem;
}
.list li a {
  font-size: 2.2rem;
}
#pagenation ol {
  width: 68.0rem;
}
.category {
  width: 68.0rem;
}
.category ul li a {
  font-size: 2.0rem;
}

/* イベント詳細
----------------------------------------------*/
.detail-event {
  display: block;
  width: 68.0rem;
}
.detail-event .contents {
  width: 100%;
  margin-bottom: 4.0rem;
}
.detail-event .contents p.date {
  font-size: 2.2rem;
}
.detail-event .contents h1 {
  font-size: 4.0rem;
}
.detail-event .contents p {
  font-size: 2.2rem;
}
.detail-event .sidemenu {
  width: 68.0rem;
  margin: 0 auto;
}
.navigation {
  font-size: 2.2rem;
}
.sidemenu h2 {
  font-size: 2.4rem;
}
.sidemenu li a {
  font-size: 2.2rem;
}
.btn a {
  text-align: center;
  font-size: 1.8rem;
}
.noentry {
  font-size: 2.2rem;
}

}