#yodogawa .inner {
  font-family: 'A1 Gothic M';
  color: rgb(0, 33, 123);
  letter-spacing: 0.14em;
  word-break: break-all;
}

a.goto_miknits:has(img):hover, a.goto_miknits.touch:has(img):hover {
  text-decoration: none !important;
  border-bottom: none !important;
}

.goto_miknits {
  display: block;
  width: 360px;
  max-width: 90%;
  margin-top: 2rem;
}

#yodogawa p {
  margin: 0;
}

#index_nav .bd_t,
#index_nav .bd_b {
  border: none;
}
#index_nav .title {
  margin: 0 0 1rem 0;
}
/* キーヴィジュアル ------- ここから */
article {
  padding-top: 0;
  background-color: unset;
  padding: 0;
  max-width: 100%;
}
.talk_nav.talk_nav_top {
  margin-top: 0;
  padding-top: 0;
}

.talk_nav {
  border: none;
}
#yodogawa,
.talk_nav_top {
  background-color: #96d2be;
}
.talk_nav_bottom,
.nav_after,
footer {
  background-color: rgba(255, 255, 255, 0.85);
}
.nav_after {
  padding-inline: max(calc((100% - 720px) / 2), 30px) !important;
  margin: 0 auto;
  border: none;
}
.talk_nav_bottom {
  margin-bottom: 0;
}
footer {
  padding-top: 60px;
}

#kv {
  width: 100vw;
  justify-content: center;
  align-items: center;
  margin-left: calc((100vw - 100%) / 2 * -1);
  overflow: hidden;
}



#talk_wrap {
  font-family: 'Nar E';
}
.talk_end {
  color: #00217b;
}
.title_text {
  display: none;
}

.letter-wrap {
  box-sizing: border-box;
  max-width: 720px;
  width: 92%;
  margin: 0 auto 50px auto;
  border-radius: 60px;
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
}
.letter-body {
  padding: 30px 22px;
}
.letter-head > div {
  display: grid;
  grid-template-columns: 2fr 1fr;
  width: 100%;
  text-align: center;
  height: 80px;
}
.letter-wrap:has(.hasada) {
  border: 4px solid #9662ba;
}
.letter-wrap:has(.makki) {
  border: 4px solid #38bcae;
}

.letter-head .hasada {
  border-bottom: 4px solid #9662ba;
  color: #9662ba;
}
.letter-head .makki {
  border-bottom: 4px solid #38bcae;
  color: #38bcae;
}

.letter-head .hasada::after {
  content: '';
  display: block;
  background-image: url(images/hasawei_sp.png);
  background-size: 60px auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-color: #c882dc;
  border-left: 4px solid #9662ba;
}
.letter-head .makki::after {
  content: '';
  display: block;
  background-image: url(images/makki_sp.png);
  background-size: 48px auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  background-color: #66d4ba;
  border-left: 4px solid #38bcae;
}

.letter-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  font-size: 18px;
}

.letter-body {
  color: #5a3c0a;
}
.letter-body > div {
  width: fit-content;
  margin: 0 auto;
}

#talk_body .letter-body dt {
  display: none;
}
#talk_body .letter-body dd {
  padding-left: 0;
  width: fit-content;
}

#talk_body .mitsuketa-inner .txt_box,
#talk_body .kiite-inner .txt_box {
  padding: 0;
}
#talk_body .mitsuketa-inner .txt_box .desc,
#talk_body .kiite-inner .txt_box .desc {
  max-width: 100%;
}
#talk_body .mitsuketa-inner .youtube_wrap,
#talk_body .kiite-inner .youtube_wrap {
  margin: 1em auto;
}
#talk_body .mitsuketa .mitsuketa-inner,
#talk_body .kiite .kiite-inner {
  background-color: rgba(255, 255, 255, 0.9);
  max-width: 100%;
  padding: 30px;
  margin: 0 auto;
}
.mitsuketa .mitsuketa-inner {
  border: 4px solid #f9a6f7;
  border-radius: 0 0 60px 60px;
}
.kiite .kiite-inner {
  border: 4px solid #368bff;
  border-radius: 0 0 60px 60px;
}
#talk_body .mitsuketa-inner > *,
#talk_body .kiite-inner > * {
  max-width: 380px;
  margin: 0 auto;
}
#talk_body .mitsuketa-inner > * + *,
#talk_body .kiite-inner > * + * {
    margin-top: 1em;
}

.mitsuketa,
.kiite {
  max-width: 680px;
  width: 92%;
  margin: 35px auto;
}
.mitsuketa::before,
.kiite::before {
  content: '';
  display: block;
  width: 100%;
  background-size: cover;
}
.mitsuketa::before {
  aspect-ratio: 1370 / 531;
  background-image: url(images/mitsuketa.png);
}
.kiite::before {
  aspect-ratio: 1366 / 526;
  background-image: url(images/kiite.png);
}
.mitsuketa {
  color: #ff75d3;
}
.kiite {
  color: #0082b5;
}

@media (min-width: 641px) {
  #yodogawa {
    padding: 32px 0;
  }

  #index_nav .title img {
    width: 70%;	
  }
	
  #information li .info_desc p,
  #information_free li .info_desc p {
    margin: 2em 0 1em 0;
    line-height: 1.8em;
  }

  #talk_wrap {
    margin-top: 120px;
  }
  .letter-head .hasada::after {
    background-image: url(images/hasawei_pc.png);
    background-size: 50%;
  }
  .letter-head .makki::after {
    background-image: url(images/makki_pc.png);
    background-size: 50%;
  }
  .letter-title {
    padding-left: 100px;
    font-size: 20px;
    justify-content: flex-start;
  }
  .letter-body {
    padding: 60px 100px;
  }
  .mitsuketa,
  .kiite {
    margin: 114px auto;
  }
  #talk_body .mitsuketa .mitsuketa-inner,
  #talk_body .kiite .kiite-inner {
    padding: 50px 30px;
  }  
}

@media (max-width: 640px) {
  #yodogawa {
    padding: calc(40 / 640 * 100vw) 1em 2em 1em !important;
    text-align: center;
  }

  #yodogawa .inner {
    letter-spacing: 0.1em;
    text-align: justify;
  }
}