body {
  /* font-family: 'A1 Gothic R'; */
}

img {
  max-width: 100%;
}

article {
  padding: 0px;
  width: 820px;
  max-width: 100%;
  box-sizing: border-box;
}

#yodogawa {
  background-color: black;
  color: white;
  padding-bottom: 50px;
}

#index_nav{
  background-color: white;
  margin: 0px;
  padding: 0px 60px;
}

#talk_nav, .talk_nav{
  background-color: white;
  margin: 0px;
}

#talk_wrap{
  background-color: white; 
  padding-top: 60px;  
  padding-bottom: 30px;  
}

#talk_body{
  width: 90%;
  margin: 0 auto;
}

#information {
  padding: 60px 60px 0px 60px;
  background-color: white;
}

#information li .info_title,#information li .info_desc {
  width: 460px;
  max-width: 100%;
}

#information .info_title p{
  font-size: 25px;
}

#index_nav .date {
  margin-top: 50px;
}

#index_nav .bd_b:first-child,#index_nav .bd_t:first-child {
  border-top: none;
}

#information .bd_b:last-child {
  border-bottom: none;
}

.nav_after {
  width: 480px;
  max-width: 90%;
  margin: 50px auto;
}

.banners li + li {
  margin-top: 50px;
}

@media (max-width: 820px) {
  #kv {
    width: 100%;
    margin-left: 0px;
  }
  #yodogawa {
    padding-left: 20px;
    padding-right: 20px;
  }
  #information {
    padding: 20px 20px 0px 20px;
  }
  #index_nav{
    padding: 0px 20px;
  }
  #index_nav .title {
    padding: 0px;
  }
  #index_nav .date {
    margin-top: 0px;
  }
}