<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

#yodogawa .inner {
	font-family: 'Midashi Go MB1';
	font-size: 20px;
	color: #000;
	
} 
article {
	max-width: 820px;
	padding:0 0 0 0;
  background-color: unset;
}
.content_wrap {
  background-color:rgba(255,255,237,0.8);
}
footer .inner {
  background-color: unset;
}
#kv {
	width: 100vw;
	padding-bottom:70px
}
#yodogawa .inner p {
  /*line-height: 1.2em;*/
}
#yodogawa .inner &gt; p:first-child {
  line-height: 2em;
}
#information .bd_b, #information_free .bd_b {
  border: none;
}

#index_nav,
#talk_nav,
.talk_nav,
#talk_wrap{

background-color: rgba(255,255,255,0.9);
	
	}



footer {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}





#index .date {
  text-align: center;
  margin-top: -20px;
}
	
#talk_wrap {
	font-family: 'TBGothic M';
}


article section#information, article section#information_free {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
	background-color: #EB2900;
	font-family: 'Midashi Go MB1';
	color: #fff;
	letter-spacing: 0em;
	line-height:6em;
}

article section#information, article section#information_free p {
  margin-top: -10px;
  margin-bottom: 20px;
}



#information li, #information_free li {
  padding-top: 100px;
  padding-bottom: 100px;
}



.banners li {
  background-color: rgba(255,255,255,0.9);
  text-align: center;
  border-top: 1px solid rgb(196, 38, 0);
  border-bottom: 1px solid rgb(196, 38, 0);
  padding-top: 100px;
  padding-bottom: 100px;
}
.banners img {
  width: 70%;
} 
footer {
  padding-top: 100px;
}
#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: 3em;
}
#talk_wrap .talk_end p + p {
  padding-top: 10px;
  padding-bottom: 5em;
}

@media (min-width: 820px) {
  #kv {
    margin-left: calc((100vw - 820px) / 2 * -1);
  }
}
@media (max-width: 820px) {
  #kv {
    width: 100%;
    margin-left: 0px;
  }	
}

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

#index_nav .title {
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 15%;
	padding-right: 15%;
    margin: 0 0 35px 0;
    font-size: 200%;
    letter-spacing: .05em;
    line-height: .7em;
}
  }





@media (max-width: 640px){
  #yodogawa {
    padding: calc(40 / 640 * 100vw) 10px 2em 10px!important;
    text-align: center;
  }
  #talk_body dl {
    margin: 0 1rem;
  }
  .only_tablet #talk_body dl {
    margin: 0 auto; 
  }
  #talk_body dt.t_h {
    left: unset;
  }
  #talk_body dd {
    padding: 0 0;
    letter-spacing: 0.1em;
  }
  #information li .info_desc, #information_free li .info_desc {
    letter-spacing: 0.1em;
    text-align: justify;
  }
  #yodogawa .inner {
    text-align: justify;
	  font-size: 18px;
  } 
  #information li .info_img, #information_free li .info_img {
    margin-top: 46px;
    margin-left: 15px;
    margin-right: 15px;
  }
  #information li .info_desc, #information_free li .info_desc {
    max-width: 100%;
    margin-left: 15px;
    margin-right: 15px;
  }
  .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-top: 50px;
    padding-bottom: 50px;
  }
  #information .info_title, #information_free .info_title {
    /* display: none; */
  }
  .banners li {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .banners img {
    width: 90%;
  } 
  footer {
    padding-top: 80px;
  }
}
</pre></body></html>