/* ヨドガワのフォントと文字間 */
#yodogawa .inner {
	font-family: 'Shuei ShogoMincho';
	letter-spacing: 0.1em;
} 
/* 本文のフォントと文字間 */
#talk_wrap {
	font-family: 'Shuei KakuGo Gin M';
}

article section:not(#kv), article nav, footer {
  background-color: rgb(255,255,255);

}
/* コンテンツ全体の最大横幅 */
article {
  padding: 0;
}

#talk_wrap .talk_end p {
  padding-bottom: 30px;
}
#talk_wrap .talk_end, #talk_wrap .talk_end p {
margin-bottom: 0;
}
footer {
  padding-top: 65px;
}

footer .inner {
  background-color: unset;
}

.archive {
  background-color: rgb(255,255,255);
  text-align: center;
  padding-top: 2em;
}
.archive img {
  max-width: 90%;
}
.archive a {
  color: #147B2A;
}
.archive ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  max-width: 90%;
  width: 600px;
  margin: 1em auto 0 auto;
}
.archive li {
  width: 50%;
  min-width: 270px;
  font-size: 1rem;
  line-height: 3rem;
  margin: .2em 0; 
}
.archive li:before {
  content: '';
  display: inline-block;
  width: 39px;
  height: 36px;
  background-image: url('/ns/asset/custom_styles/ns_2025_berabou/archive_mark.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  padding-right: .5em;
}
.archive li a:hover {
  opacity: .7;
}

/* ********************************************* */
@media (min-width: 641px) {
  article {
  max-width:55vw;
  /* 隙間なし */
  padding: 0;
}
	#kv {
	width:55vw;
  }
  /* ヨドガワを中央揃え */
  #yodogawa .inner {
    text-align: center;
  }
	img.aligncenter {
    width: 80%;
  }
}
/* キーヴィジュアルを全画面幅に ------- ここまで */
/* ********************************************* */

/* スマホの時の、本文の両サイドあき */
/* 画像は横までみっちり */
@media (max-width: 640px) {
  #kv {
	width: 100vw;
	}
  .content_wrap {
    max-width: 96%;
    margin: 0 auto;
    }
  #yodogawa {
    padding: 1em 0;
  }
  #yodogawa .inner p{
    padding: 0 1em;
  }
  #talk_body {
    padding: 0 1em;;
  }
#talk_body pic img {
    width: 78%;
  }
#information_free li .info_img img {
    width: 78%;
  }
#talk_nav, .talk_nav {
    margin: 0 auto;
}
  #talk_body .txt_box .desc p {
    text-align: left!important;
	}
#index_nav {
    margin: calc(-1 / 640 * 100vw) 0!important;
    margin-left: auto;
    margin-right: auto;
}
.caption br {
    display: inherit;
}
.pic_wrap {
    display: inline-block;
    width: 90%;
}
  article {
    background-color: unset;
  }
}