body {
  font-family: "Hiragino Mincho W6 JIS2004";
}
article {
        max-width: 840px;
        padding: 0px 0px;
        background-color: #fff;
        margin: 0 auto;
  border-left: solid 1px;
   border-right: solid 1px;
    }	

    #information li .info_img img, #information_free li .info_img img {
        width: 40%;
        max-width: 540px;
    }
#yodogawa img{width:280px;}
.midashi{margin-left:5em;
        font-size:1.6em;
        margin-bottom:2em;
        margin-top:3em;
        padding: 0.25em 0.5em;
  background: transparent;
  border-left: solid 15px #888;}

.txt_box{ border: solid 1px; border-radius: 10px; background-color: #fff;}

#bg{background-repeat:repeat-y}

@media (max-width: 640px) {
	      #yodogawa .inner {
        max-width: 90%;}
    .txt_box{ width:90%;}
    .midashi{margin-left:0.5em;
        font-size:1.4em;}
        #wrap {width:96%; margin:0 auto;}
article {
    background-color: unset;
    background:rgba(255,255,255,0.6);
    }
    #talk_body dl, .info_taidan_txt dl {
        max-width: 96%;
        margin: 0 auto;
    }
        #information li .info_desc, #information_free li .info_desc {
        max-width: 86%;
        margin: 0 auto;
        text-align: left;
    }
        #information li .info_img img, #information_free li .info_img img {
        width: 60%;
        max-width: 540px;
    }
    #bg{background-size:cover;}
}