@charset "UTF-8";
/* CSS Document */

body{font-family: "A1 Gothic R"; color:#555;}
.content_wrap{background-color: rgba(255, 255, 243, 0.7);
             border-radius: 5px;
             box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.2);}
.cap, .profile_bottom {font-size:0.8em; color:#888; line-height:1.6;}
.btn_profile{padding-top:20px;}
    #index_nav {
        margin: 0px 0;
        text-align: center;
    }
    #yodogawa .inner {padding-bottom:50px;}
#information_free {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffebf3;
    padding-top:50px;
}

    #talk_nav, .talk_nav {
        margin: 0px 0;}

#talk_wrap{padding-top:50px;}
#information li .info_img img, #information_free li .info_img img { width:540px;}

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

.book{
  display: flex; /* これだけで子要素が横並びになる */
    gap: 40px;
}

.book li {
    font-size:0.8em;
    line-height:1.8em;
    text-align:left;
    list-style: none;
    width:180px;
    letter-spacing:0px;
}

    #information li, #information_free li {
        margin: unset;
        padding: unset;
    }
    footer {margin-top:50px;}
@media (max-width: 640px) {
    #information li .info_img img, #information_free li .info_img img { width:100%;}
.book img{width:100%; padding-right:10%}
.book li{width:40%; margin-right:20%}
}