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

body {
  font-family: "Jun 201", sans-serif;
}

article {
  max-width: 100%;
}

#yodogawa {
  color: #469b37;
  background-color: #fff5d7;
  font-family: "Jun 34", sans-serif;
}

#yodogawa .inner {
  padding-bottom: 80px;
}

.talk_nav,
.talk_nav_top {
  color: #469b37;
  background-color: #fff5d7;
  margin: 0px 0;
}

#talk_body dt,
.info_taidan_txt dt {
  font-family: "Jun 34", sans-serif;
}

#talk_wrap {
  max-width: 800px;
  margin: 0 auto;
}

#information_free {
  background-color: #ffdeea;
}

#information li,
#information_free li {
  margin: 0 0 0px 0;
  padding-top: 80px;
}

#information .info_title,
#information_free .info_title {
  font-family: "Jun 34", sans-serif;
  font-size: 1.4em;
  color: #31a3c8;
}

footer {
  background-color: #fff5d7;
  padding-top: 60px;
}

#information li .info_img img,
#information_free li .info_img img {
  width: 100%;
  max-width: 340px;
}

#yodogawa,
.content_wrap section,
.content_wrap section#information,
.content_wrap section#information_free {
  padding-left: 0px;
  padding-right: 0px;
}

#index_nav .title {
  max-width: 540px;
  margin: 0 auto;
}

#index_nav a {
  padding: 0px 0;
}

#index_nav .date {
  font-size: 12px;
  letter-spacing: .1em;
  color: #535d60;
  padding: 2em;
  margin-bottom: 4em;
}

#index_nav {
  margin: unset;
}

#yodogawa p.profile_bottom {
  width: 20em;
  margin: 0 auto;
  padding-top: 3em;
}

.credit {
  color: #868d8f;
  font-size: 0.7em;
  padding-top: 2em;
}

.br-space {
  font-size: 0.5em;
  line-height: 0;
}

@media (max-width: 640px) {

  #information li .info_img img,
  #information_free li .info_img img {
    width: 60%;
  }

  #yodogawa .inner {
    max-width: 90%;
  }

  #talk_body dl,
  .info_taidan_txt dl {
    max-width: 96%;
  }

  #information .info_title,
  #information_free .info_title {
    max-width: 96%;
    margin: 0 auto;
  }

  #information li,
  #information_free li {
    padding-top: 2em;
  }

  .br-space {
    display: none;
  }
}