@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
#container {
  width: 900px;
  margin: 0 auto 0 auto;
  text-align: left;
  font-family: 'Noto Sans JP';
}

.title {
  margin-top: 50px;
  margin-bottom: 50px;
}
.title h1 {
  font-size: 3em;
  margin: 0;
}
.title h2 {
  margin: 0;
}

.text_right{
  text-align: right;
}


.month {
  border-top: 1px solid #800000;
  margin: 0 auto 20px auto;
  padding: 20px;
  font-size: 1em;
}

.event {
  margin-top: 50px;
  border-bottom: 1px solid #aaa;
}
.event h3 {
  font-weight: 500;
}
.event>a {
  color: inherit;
  text-decoration: none;
}
.event>a:hover {
  color: #800000;
  text-decoration: none;
}
.event:last-child {
  border-bottom: none;
}
.map::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(img/map_aicon.svg);
  background-position: center;
  background-size: contain;
  margin-right: 0.5em;
}


.month_bnr {
  text-align: right;
  margin: 0 20px 20px 0;
}

.month_bnr img {
  width: 150px;
}

.month_end {
  border: 1px solid #aaa;
  margin: 0 auto 20px auto;
  transition: all .5s ease;
  padding: 20px;
  border-radius: 5px;
  background-color: #d0d0d0;
}

.month_end p {
  text-indent: 1em;
  padding-left: 1em;
}