body {
  font-family: 'A1 Gothic R', sans-serif;
}
#kv {
  height: 100vh;
  background-color: #9ED8F5;
}
#kv img {
  width: 930px;
  max-width: 94%;
}
#yodogawa {
  min-height: 100vh;
  width: 100vw;
  margin-left: calc((100vw - 100%) / 2 * -1);
  background-color: #FFE34F;
  display: flex;
  justify-content: center;
  align-items: center;
}
#yodogawa br {
  display: inherit !important;
}
#yodogawa, .content_wrap section {
  padding: 0;
}
#index_nav {
  margin-top: 100px;
  margin-bottom: 100px;
}
#index_nav::before {
  content: '';
  background-image: url(/ns_bookfes_copy/index.png);
  width: 54px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
#index_nav .bd_t,
#index_nav .bd_b {
  border: none;
}
#index_nav a {
  padding: 60px 0 0 0;
}
.talk_nav_top {
  display: none;
}
#talk_wrap {
  padding-top: 80px;
}
#talk_wrap h2 {
  margin: 0 0 80px 0;
}
#talk_body dt {
  font-family: 'TBUDRGothic R', sans-serif;
  color: #9ED8F5;
}
#talk_body .pic .caption {
  color: #000000;
}
#talk_body .pic .caption .click_note {
  display: none;
}
@media (max-width: 640px) {
  #kv {
    height: 100vh;
  }
  #kv img {
    width: 165px;
    max-width: 100%;
  }
  #yodogawa {
    font-size: 13.5px;
  }
  #index_nav {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  #index_nav a {
    padding: calc(60 / 640 * 100vw) 0 0 0;
  }
  #talk_wrap {
    padding-top: 50px;
  }
  #talk_wrap h2 {
    margin: 0 0 50px 0;
  }
  .title_text,
  #talk_body dt,
  #talk_body dd {
    padding: 0 25px;
  }
  br[data-br="kuten"] {
    display: inherit !important;
  }
  #talk_body .pic {
    padding: 0 25px;
  }
  #talk_body .koukoku-img .pic {
    padding: 0;
  }
  #talk_body .pic .caption .click_note {
    display: block;
  }
}

@media (min-width: 641px) {
  #talk_body .pic {
    max-width: 800px;
  }
  #talk_body .pic img {
    max-width: 500px;
  }
  #talk_body .pic a img {
    max-width: 800px;
  }
  #talk_body .koukoku-img a {
    pointer-events: none;
  }
}
