@charset "utf-8";
@media screen and (max-width: 640px) {
  #kv h1 {
    width: 104vw;
    margin-left: -2vw;
  }

  .pic.hobo_in_parco {
    width: 108vw;
    margin-left: -4vw;
  }

  .pic.hobo_in_parco .caption {
    margin: -20px 30px 30px auto;
  }
  .pic.yokoku_pic + .caption {
    position: absolute;
    right: 20px;
    bottom: -20px;
  }

  .information .pic.osaru_kata {
    width: 160px;
    position: absolute;
    top: -52px;
    left: 20px;
    margin: 0px;
  }
  .information {
    padding-bottom: 3rem;
  }
  .information.last_information {
    padding-bottom: 6rem;
  }
  .desc {
    padding-top: 3rem;
  }
  .desc strong {
    color: #ED1C24;
  }
  .pic.hobo_keyword {
    width: 108vw;
    margin-left: -4vw;
  }
  .information p:not(:first-child) {
    margin-top: 2rem;
  }
  .information.last_information {
    padding-bottom: calc(100vw / 3);
  }
  .osaru_share {
    width: 100%;
  }
  .osaru_sitting {
    position: relative;
  }
  .osaru_sitting img {
    width: calc(100vw / 3);
    position: absolute;
    right: calc(100vw / 16);
    top: calc(100vw / 7);
  }
  .article_end {
    padding: 3rem 0;
  }

  dd table th, dd table td {
    display: block;
    padding-right: 0;
  }
  dd table td {
    padding-left: 2em;
  }

  footer .share {
    max-width: 260px;
    justify-content: space-between;
    margin: 0 auto 40px auto;
  }

  footer .share li {
    margin: 0;
  }

  footer .hobo {
    max-width: 300px;
    position: relative;
    margin: 0 auto;
  }

  footer .hobo li {
    margin: 0 0 40px 0;
    display: block;
  }

  footer .copyright {
    padding: 20px 0 40px 0;
  }
}