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

body {
  font-family: Shuei MaruGo L;
}
#yodogawa .inner {
  padding-top: 0px;
  text-align: center;
  background-color:none;
}

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


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

#kv:before{
	content:"";
	display:inline-block;
	width: 100vw;
	height: 30px;
	background: url(https://www.1101.com/ns_miknitsradio/head.gif) no-repeat center;
	background-color: #5D8668;
	background-size:contain;
}
#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: 34em;
  color:#4d4d4d;
  text-align:left;
  margin-top: 40px;
  margin-bottom:0px;
}

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

#talk_body .txt_box {
  padding: 4em 2em;
}

.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;
  background-color: #5d8668;
}
  
#information .info_title, #information_free .info_title  {
  font-size: 160%;
  padding-top: 20px;
  padding-bottom: 20px;
  color:#fff;
  background-color: #5d8668;
  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;}

hr.style6 {
	background-color: #f4f4bc;
	border-top: 2px dotted  #8F6A27;
	margin-bottom:30px;
}

/* アイコンの目次 */
.index_gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* background-color: rgb(255,255,255); */
  padding: 1em 2em 2em 2em;
  border-top: solid 6px #5D8668;
}
.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;
  }
#kv:before{
	content:"";
	display:inline-block;
	width:100%;
	height:40px;
	background:url(https://www.1101.com/ns_miknitsradio/head_sp.gif) no-repeat;
	background-size:contain;
}
  .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;
  background-color: #5d8668;
  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: 80px;
  } 
  .index_gallery {
    padding: 0 1em 1em 1em;
  }
  .index_gallery li, .index_gallery:before, .index_gallery:after {
    width: 47%;
  }

}