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

body {
  font-family: "Hiragino Sans Old W6 JIS2004";
}
#yodogawa .inner {
  padding-top: 0px;
  text-align: center;
  background-color:none;
}

b{font-size:150%;background: linear-gradient(transparent 50%, #FFFF77 50%);}

/* 動画アーカイブ */
#information_free li .info_desc {
  max-width: 100%;
}
#information_free li .info_desc img.hoboberi_img {
  max-width: 100%;
  width: 100%;
  padding-bottom: 24px;
}
#movie-latest {
  margin-bottom: 3rem;
}
#movie-archive {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  margin: 20px auto 0 auto;
}
#movie-archive > div {
  width: 47%;
}
#information_free li {
  padding: 0 0 20px 0;
}
.is_pc #information_free li .info_desc a:hover {
  border: none;
}
@media (max-width: 640px){
  footer .inner {
    padding-top: 0;
  }
}

/* ********************************************* */
/* キーヴィジュアルを全画面幅に ------- ここから */
#kv {
	width: 100vw;
}
/* キーヴィジュアル全画面を中央へ寄せる */
/* 641px は、場合による */
@media (min-width: 641px) {
  #kv {
    margin-left: calc((100vw - 100%) / 2 * -1);
  }
}
/* キーヴィジュアルを全画面幅に ------- ここまで */
/* ********************************************* */

#talk_body {
  text-align:center;
  line-height:1.6;
}

#talk_wrap {
    padding-top: 60
px
;
    color: #4d4d4d;
}

#talk_body dd{text-align:left;/* width:26em; *//* margin:0 auto; */}

#talk_body .txt_box {
  max-width: 27em;
  color:#4d4d4d;
  text-align:left;
  margin-top: 40px;
  margin-bottom:0px;
}

#talk_body .txt_box .desc {
  max-width: 620px;
}

#talk_body .txt_box {
  padding: 40px 0;
}

.date {
  padding-bottom:40px;
  font-size:90%;
}

#information .bd_b, #information_free .bd_b {
  border: none;
}

#information li .info_desc, #information_free li .info_desc img{width:260px; padding-bottom:80px;}
#information li .info_desc p, #information_free li .info_desc p {
    width: 30em;
    margin:0 auto;
}

.profile_detail {
  text-align: center;
}

#index_nav {
  display: none;
}
#talk_wrap h2 {
  font-size: 240%;
  padding-top: 40px;
}
  
#information .info_title, #information_free .info_title  {
  font-size: 160%;
  padding-top: 20px;
  padding-bottom: 20px;
  color:#fff;
  text-align:center;
  width:100%;
  line-height:1.2em;
}

#talk_wrap {
  padding-top: 50px;
}

footer {
  padding-top: 60px;
}

#index_nav, #talk_nav, .talk_nav, #information li, #information_free li {
  margin-top: 0;
  margin-bottom: 0;
}

#talk_wrap .talk_end, #talk_wrap .talk_end p {
  margin: 0;
}
#talk_wrap .talk_end {
  padding-top: 2em;
}
#talk_wrap .talk_end p + p {
  padding-top: 10px;
}
.talk_nav_top, .talk_nav_bottom .index {
  display: none;
}

.m_title{width:340px;margin: 0 auto;}
.ns_title{width: 240px;margin: 0 auto;}

.bd_b, .bd_t {border: none;}


/* アイコンの目次 */


.index_gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1em 2em 2em 2em;
}
.index_gallery:before {
  content:"";
  display:block;
  width: 22%;
  height:0;
  order:1;
}
.index_gallery:after {
  content:"";
  display:block;
  width: 22%;
  height:0;
}
.index_gallery img {
  max-width: 100%;
}
.index_gallery li {
  width: 22%;
  text-align: center;
  margin-top: 1em;
}
.index_gallery p {
  margin-top: 3%;
  font-size:84%;
}


/* アイコンの目次 ここまで */

.next_post {
  padding-bottom: 5em;
}

/*.info_img {
  width: 160px;
  margin: 40px auto 0 auto;
}
#information_free img {
  max-width: 100%;
} */

@media (max-width: 640px){
  #yodogawa {
    padding: 20px 10px 0em 10px;
  }
  #talk_body dl {
    margin: 0 1rem;
  }
  .m_title{width:90%;}
  .ns_title{width: 50%;}
  
  #talk_body dd {
    padding: 0 0;
    /* width:90%; */
    letter-spacing: 0.1em;
  }
  #yodogawa .inner {
    letter-spacing: 0.1em;
    text-align: justify;
  } 
  #index_nav .title {
    white-space: unset;
  }
#talk_wrap {
    max-width: 100%;
}
#talk_wrap h2 .s {
    margin: 0 0 10
px
 0;
    font-size: 100%;
    display: block;
}

  #talk_wrap h2 {
    font-size: 140%;
    padding-top: 20px;
    padding: 20px;
  }

   
#information .info_title, #information_free .info_title  {
  font-size: 120%;
  padding-top: 20px;
  padding: 20px;
  color:#fff;
  text-align:center;
  width:100%;
}

#information li .info_desc p, #information_free li .info_desc p {
    width: 100%;
    margin:0 auto;
}
  #talk_body .txt_box img {
    max-width: 80%;
    margin:0 auto;
    padding-top:20px;
  }
  #talk_body .txt_box {
    text-align: left;
    padding-top:40px;
  }
  #talk_body .txt_box .desc p {
    padding: 0 1em;
  }
  footer {
    padding-top: 20px;
  } 
  .index_gallery {
    padding: 0 1em 1em 1em;
  }
  .index_gallery li, .index_gallery:before, .index_gallery:after {
    width: 47%;
  }

}