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

body {
  font-family: "Shuei KakuGo Gin M";
}

#yodogawa .inner {
  padding-top: 30px;
  letter-spacing: 0.1em;
  color: #878787;
}
#yodogawa, #kv{
  background-color: #FEF6F6;
}

#talk_body .pic.v {
  max-width: 700px;
}
#talk_body .pic {
  max-width: 700px;
}


article {
  max-width: 860px;
  padding: 0;
}

.content_wrap{
  background-color: #fff;
}

.date{
  font-size:small;
}

footer .inner {
  background-color: unset;
}
#kv {
  width: 860px;
}

#information .bd_b, #information_free .bd_b {
  border: none;
  background-color: #FEF6F6;
}
#information li .info_desc, #information_free li .info_desc {
  max-width: 28em;
  margin: -1em auto;
  text-align: left;
  margin-bottom: 4em;
}
article section#information, article section#information_free {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  letter-spacing: 0.14em;
  line-height:6em;
}
.nav_after, footer {
  background-color: #f2f2f2;
}

.profile_detail{
  text-align: center;
}

#talk_body dt{
 font-family: "Shuei KakuGo Gin M";
}

.midashi{
  font-family: "Shuei Mincho B";
  font-size: 1.3em;
  color: #BF7979;
}

.midashi2{
  font-family: "Shuei KakuGo Gin M";
  color:#878787;
}

.next_post {
  padding-bottom: 6em;
}

hr {
  margin-bottom:60px;
  margin-top:120px;
}

footer {
  margin-left: auto;
  margin-right: auto;
}

.title_s {
  max-width:500px; 
  margin:0 auto;
}

.title_p{
  max-width:600px; 
  margin: -2em auto;
}

#index_nav .date {
  text-align: center;
}

#index_nav .title {
  padding: 0;
  line-height: 1;
}
#index_nav .title img {
  max-width: 70%;
}
#talk_wrap {
  padding-top: 50px;
}

footer {
  padding-top: 100px;
}
#index_nav, #talk_nav, .talk_nav, #information li, #information_free li {
  margin-top: 0;
  margin-bottom: 0;
}
#talk_wrap h2 {
  margin: 0;
  padding-bottom: 50px;
}
#talk_wrap h2 img {
  width: auto;
  max-width: 70%;
}


#talk_wrap .talk_end {
  padding-top: 3em;
}
#talk_wrap .talk_end p + p {
  padding-top: 10px;
  padding: 2em;
  color:#888;
}

#yodogawa {
  padding-top: 0; 
  padding-bottom: 2em; 
}
#yodogawa .btn_profile {
  text-align: center;
}

.txt_box{
  text-align: center;
  line-height: 2.2;
}
#talk_body .txt_box {
  max-width:100%;
}

#information li, #information_free li {
  padding-top: 80px;
  padding-bottom: 10px;
}
#information li .info_img img, #information_free li .info_img img{
  width: 80%;
  max-width: 900px;
}
#information li .info_desc, #information_free li .info_desc{
  margin-bottom:50px;
}

#talk_body .pic .caption {
  font-size: 14px;
}

@media screen and (min-width: 641px){
  #yodogawa .inner {
    text-align: center;
  }
}

@media screen and (max-width: 1000px) {
  #kv {
    margin-left: calc((1000px - 100vw) / 2 * -1);
  }
}
@media screen and (max-width: 640px){
  #kv {
    margin-left: 0;
    width: 100%;
  }
  #yodogawa {
    padding: 0px 10px 2em 10px;
    text-align: center;
  }
  #talk_body dl {
    margin: 0 1rem;
  }
  .only_tablet #talk_body dl {
    margin: 0 auto; 
  }
  #talk_body dd {
    padding: 0 0;
    letter-spacing: 0.1em;
  }
  #information li .info_desc, #information_free li .info_desc {
    letter-spacing: 0.1em;
    text-align: justify;
  }
  #yodogawa .inner {
    letter-spacing: 0.1em;
    text-align: justify;
  } 
  #index_nav .title .s {
    margin-bottom: 0px;
    line-height:2.5;
  }
  
  #index_nav .title img {
    max-width: 90%;
  }
  footer {
    padding-top: 80px;
  }
  #information li .info_img, #information_free li .info_img {
    margin-top: 46px;
    margin-left: 0px;
    margin-right: 0px;
  }
  #information li .info_desc, #information_free li .info_desc {
    max-width: 100%;
    margin-left: 15px;
    margin-right: 15px;
  }
  .only_tablet #information li .info_desc, .only_tablet #information_free li .info_desc {
    max-width: 480px;
    margin: 0 auto;
  }
  #information_free li {
    padding-top: 20px;
  }
  #talk_wrap h2 img, #index_nav .title img {
    max-width: 90%;
  }
  hr {
    margin-bottom:30px;
    margin-top:60px;
  }
  .midashi {
    margin-bottom:-20px;
  }
  
  .title_s {
    max-width:80%;
    margin:0 auto;
  }
}
