#yodogawa .inner, .profile_inner, .modal_content_inner {
	font-family: 'Shuei Nijimi Go Kin B';
	color: rgb(65, 14, 52)
} 
.banner{
	display: flex;
    justify-content: space-around;
}
article {
	max-width: 900px;
	padding:0 0 0 0;
}
#kv {
	width: 100vw;
	position: relative;
}
.content_wrap {
  background-color: rgba(255, 255, 255, 0) !important;
}

/* #kv h1 {
	margin: 0;
	line-height: 0;
}
#kv h1 picture,
#kv h1 img {
	display: block;
	width: 100%;
	height: auto;
} */
#kv .icon01,
#kv .icon02,
#kv .icon03,
#kv .icon04,
#kv .icon05,
#kv .icon06 {
	position: absolute;
	z-index: 2;
	pointer-events: none;
	will-change: transform;
}
#kv .icon01,
#kv .icon02,
#kv .icon03,
#kv .icon04 {
	width: 27.91%;
}

#kv .icon01 { left: 17%; top: -11%; transform-origin: 50% 0%;   animation: kv_sway_a 12s   0s   infinite ease-in-out; }
#kv .icon02 { left: -6.5%;  top: -0.6%; transform-origin: 50% 0%;   animation: kv_sway_b 10s   1.5s infinite ease-in-out; }
#kv .icon03 { left: -2.5%;  top: 58.5%; transform-origin: 50% 100%; animation: kv_sway_a 11s   3s   infinite ease-in-out; }
#kv .icon04 { left: 19.8%; top: 49%; transform-origin: 50% 100%; animation: kv_sway_b 10.5s 4.5s infinite ease-in-out; }
#kv .icon05 { left: 28.6%; top: 23%; width: 13.4%; transform-origin: 50% 0%;   animation: kv_sway_c 13s   2s   infinite ease-in-out; }
#kv .icon06 { left: 13.6%; top: 53.6%; width: 12.8%; transform-origin: 50% 100%; animation: kv_sway_c 12.5s 3.5s infinite ease-in-out; }

@keyframes kv_sway_a {
	0%, 100% { transform: rotate(0deg) translateY(0); }
	25%      { transform: rotate(2.5deg) translateY(-6px); }
	75%      { transform: rotate(-2.5deg) translateY(-6px); }
}
@keyframes kv_sway_b {
	0%, 100% { transform: rotate(0deg) translateY(0); }
	25%      { transform: rotate(-2deg) translateY(-8px); }
	75%      { transform: rotate(2deg) translateY(-8px); }
}
@keyframes kv_sway_c {
	0%, 100% { transform: rotate(0deg); }
	25%      { transform: rotate(3deg); }
	75%      { transform: rotate(-3deg); }
}

@media (max-width: 740px) {

  #kv .icon01,
  #kv .icon02,
  #kv .icon03,
  #kv .icon04 {
    width: 57.5%;
  }

	#kv .icon01 { left: 49%; top: 49.5%; }
	#kv .icon02 { left: 5%;  top: 53%; }
	#kv .icon03 { left: 20%;  top: 72.4%; }
	#kv .icon04 { left: 54.8%; top: 75.6%; }
	#kv .icon05 { left: 47.2%; top: 69%; width: 24%; }
	#kv .icon06 { left: 16.4%; top: 87.8%; width: 21.2%; }
}

@media (prefers-reduced-motion: reduce) {
	#kv .icon01,
	#kv .icon02,
	#kv .icon03,
	#kv .icon04,
	#kv .icon05,
	#kv .icon06 {
		animation: none;
	}
}

#index_nav,
#talk_nav,
.talk_nav,
#talk_wrap
{
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

.talk_nav_top {
  display: none;
}

#index_nav .date {
  text-align: center;
    margin-top: -2em;
}
	
#talk_wrap {
	font-family: 'Gothic MB101 DemiBold JIS2004 AP';
}

#talk_body dt {
    font-family: 'Gothic MB101 Ultra JIS2004 AP';
}

#talk_body {
  -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 103%);
  mask-image: linear-gradient(to bottom, black 90%, transparent 103%);
}
	
article section#information, article section#information_free {
    max-width: 680px;
	background-color: rgba(255, 253, 244, 0.85);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    letter-spacing: 0.03em;
    padding-top: 3em;
	font-family: 'Shuei Nijimi Go Kin B';
	color: rgb(65, 14, 52)
}

.next_post {
  padding-bottom: 3em;
}
footer {
  padding-top: 3em;
}

#talk_wrap .talk_end, #talk_wrap .talk_end p {
  margin: 0;
}
#talk_wrap .talk_end {
  padding-top: 3em;
	padding-bottom: 4em;
}

#information_free li.bd_b {
  border-bottom: none;
}

#information li .info_desc a, #information_free li .info_desc a {
        color: #c83c00;
}

#yodogawa .inner {
  position: relative;
  z-index: 1;
}

#yodogawa {
  position: relative;
  background-color: #fffdf4;
}
#yodogawa::before {
  content: "";
  display: block;
  position: absolute;
  top: -7vw;
  left: 0;
  width: 100%;
  height: 21vw;
  background-image: url(https://www.1101.com/ns/asset/custom_styles/ns_radio_osyaberi/radio_osyaberi_g.png);
  background-size: contain;
}
.is_child #yodogawa::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -7vw;
  left: 0;
  width: 100%;
  height: 21vw;
  background-image: url(https://www.1101.com/ns/asset/custom_styles/ns_radio_osyaberi/radio_osyaberi_g.png);
  background-size: contain;
} 

@media (min-width: 740px) {
  #kv {
    margin-left: calc((100vw - 100%) / 2 * -1);
  }
}
@media (max-width: 740px) {
  #kv {
    width: 100%;
    margin-left: 0px;
	padding-bottom:0px;
  }	
}
@media (min-width: 641px) {
  #yodogawa {
    padding: 6em 0 0 0;
    margin-bottom: 10vw;
    margin-left: calc((100vw - 100%) / 2 * -1);
    width: 100vw;    
  }
  .is_parent #yodogawa {
    margin-bottom: 0;
  }
  .is_child #yodogawa {
    padding: 6em 0 2em;
  }
  #yodogawa::before {
    top: -4vw;
    height: 10vw;
  }
  .is_child #yodogawa::after {
    bottom: -4vw;
    height: 10vw;
  } 
 .profile_inner .pic, .modal_content_inner .pic {
        margin: 3em 8em 2em 8em;
  }
  #talk_wrap h2 {
    margin: 0 0 1em 0;
  }
#talk_wrap h2 img {
    max-width: 680px;
    }
#talk_body .txt_box .desc p.p2 {
    margin: -2em 0 2em 0;
    font-size: 0.8em;
  }
#talk_body .txt_box {
        margin: auto;
  }
}
@media (max-width: 640px){
  #yodogawa {
    padding: calc(60 / 640 * 100vw) 1em 2em 1em!important;
    margin-bottom: 10vw;
    text-align: center;
  }
  #yodogawa p {
    /* margin: -0.5em 0em 0em 0em; */
    line-height: 1.7em;
    font-size: 0.9rem;
  }
  #yodogawa p:last-child {
    margin-bottom: 0;
  }
  .profile_inner .pic, .modal_content_inner .pic {
        margin: 1em 1em 2em 1em;
  }
  #talk_body {
    -webkit-mask-image: linear-gradient(to bottom, black 92%, transparent 103%);
    mask-image: linear-gradient(to bottom, black 92%, transparent 103%);
  }
  #talk_body .txt_box .desc p {
        line-height: 1.7em;
        font-size: 0.95rem;
  } 
  #talk_body dt, .info_taidan_txt dt {
        margin: 0 0 0.5em 0.5em;
  } 
  #talk_body .txt_box {
        padding: 0 1.5em 0 1.5em;
  } 
  #talk_body .pic {
        padding: 1em;
  }   
  .only_tablet #talk_body dl {
  margin: 0 auto; 
  }
  #talk_body dd {
    letter-spacing: 0.1em;
  }
  #talk_body dt.t_h {
    left: unset;
  }
  #information li .info_desc, #information_free li .info_desc {
    letter-spacing: 0.1em;
    text-align: justify;
  }
  #information li .info_img img, #information_free li .info_img img {
    width: 90%;
  }
  #yodogawa .inner {
    letter-spacing: 0.1em;
    text-align: justify;
  } 
  #talk_wrap h2 img {
    width: 90%;
  }
  #talk_body .pic {
        margin: 0 auto 1em auto;
  } 
  #talk_body .txt_box .desc p.p2 {
    margin: -2.5em 0 0em 0;
    font-size: 0.8em;
  } 	
  #information li .info_desc, #information_free li .info_desc {
    max-width: 100%;
    margin-left: 2.5em;
    margin-right: 2.5em;
  }
.colum div.txt_box {
    padding: 2em 1.5em 1em 1.5em !important;
}	
  .only_tablet #information li .info_desc, .only_tablet #information_free li .info_desc {
    max-width: 480px;
    margin: 0 auto;
  }
  #information li, #information_free li {
    padding-bottom: 2em;
  }
}
