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

body {
	font-family: "Soft Gothic DemiBold";
    color:#436256;
}
    article {
        max-width: 100%;
        padding: 0px 0px;
        margin: 0 auto;
    }
    #index_nav {
        margin: 0px 0;
        text-align: center;
    }
    #talk_nav, .talk_nav {
        margin: 0px 0;
        padding: 30px 0;
        background-color: rgba(255,255,255,0.6);
    }
    #talk_wrap .talk_end {
        margin: 0px 0;
        text-align: center;
    }

.mikuni{background-color:#f8f6ee;
        box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
        border-radius: 20px; 
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
        color:#25487b;
        width:86%; margin:0 auto;
        padding-top:20px;
         padding-bottom:10px;
       }

.enikki{background-color:#ffe83e;
        box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
        border-radius: 20px; 
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #eed6b4 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #eed6b4 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
        color:#25487b;
        width:94%; margin:0 auto;
        padding-top:20px;
         padding-bottom:10px;
        margin-top:50px;
        margin-bottom:50px;
       }


    #talk_wrap .talk_end p {
        margin: 60px 0 30px 0;
    }

#yodogawa{background-color:#fff; padding-bottom:50px; }

    #talk_wrap h2 {
        margin: 0 0 0px 0;
    }

#talk_body{
           width: 40em;
           margin:0 auto;
           padding:20px;
           box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
           background-color: rgba(255,255,255,0.8);
           }

    #talk_body .txt_box {
        padding: 20px;
        margin: 20px auto 60px auto;
        box-sizing: border-box;
    }

    #information .info_title, #information_free .info_title {
        margin: 60px 0 25px 0;
        line-height: 2em;
        font-size:1.4em;
    }
.date{font-size:0.9em;}
#information_free li .info_desc.information_default {
        max-width: 30em;
    }

#information_free .bd_b{border-bottom:none;}
    #index_nav .title img {
        width: 700px;
        opacity: 1;
    }
.nav_after {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px;
    max-width:760px; margin:0 auto;
}

    #talk_body dt, .info_taidan_txt dt  img{
        width: 86px;
        text-align:left;
}
    #talk_body dl, .info_taidan_txt dl {
        width:32em;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
#talk_body dd, .info_taidan_txt dd {
        width: 80%;
        line-height: 2em;
        text-align: left;
    }
#information_free{background-color:#ffffe8;
                   border-bottom: 1px solid #436256;
                  }
.makaino{background-color:#ffe4ea; padding:3em;
        width:80%; margin:0 auto;
        font-size:0.9em;
        line-height:1.6em;
        border-radius: 10px;}
.makaino_img{width:80%; padding:20px 0 20px 0 ;}
.enikki_img{width:92%; padding:5px 0 10px 0 ; margin-left:4%; }
.enikki_midashi{width:80%; padding:5px 0 10px 0 ; margin-left:10%;}
.nikki_honmon{line-height:1.8; width:33em; margin:0 auto; margin-bottom:1em;}
.cap{font-size:0.8em;
    color:#666;}

    footer  {
        padding-top:30px;
    }

@media screen and (max-width: 640px){
        #talk_nav, .talk_nav {
        margin: 0px 0;
        padding: 20px 0;
        background-color: rgba(255,255,255,0.6);
    }
    #talk_wrap .talk_end {
        margin: 0px 0;
        text-align: center;
    }
   #talk_body .txt_box {
        padding: 20px;
        margin: 20px auto 10px auto;
        box-sizing: border-box;
    }

#yodogawa{background-color:#fff; padding-bottom:0px; }
        #yodogawa .inner {
   width:92%; margin:0 auto;
    }

    #talk_wrap h2 {
        margin: 0 0 0px 0;
    }

.mikuni{
        width:94%; margin:0 auto;
        padding-top:10px;
         padding-bottom:3px;
       }
    
#yodogawa, .content_wrap section, .content_wrap section#information, .content_wrap section#information_free {
    padding-left: 0px;
    padding-right: 0px;
}
    #yodogawa .btn_profile {
        margin: 0;
        padding-bottom:20px;
    }
    #talk_body .pic {
        margin: 0 auto 0px auto;
        text-align: center;
    }
    
#talk_body{
           width:100%;
           margin:0 auto;
           padding:0px;
        padding-bottom:10px;
           box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
           background-color: rgba(255,255,255,0.8);
           }
    #information .info_title, #information_free .info_title {
        margin: 20px 0 25px 0;
        line-height: 2em;
        font-size:1.4em;
        text-align:center;
    }
    #yodogawa, .content_wrap section, .content_wrap section#information, .content_wrap section#information_free {
        padding-left: 10px;
        padding-right: 10px;
    }
        #talk_body dt, .info_taidan_txt dt  img{
        width: 60px;
        text-align:center;
}
#talk_body dd, .info_taidan_txt dd {
        width: 100%;
        line-height: 2em;
        text-align: left;
    margin-left:1em;
    }
    .makaino{background-color:#ffe4ea; padding:3em;
        width:74%; margin:0 auto;
        font-size:0.9em;
        line-height:1.6em;
        border-radius: 10px;}
.makaino_img{width:100%; padding:20px 0 20px 0 ;}
    #talk_body dl, .info_taidan_txt dl {margin-top:20px;}
    .enikki_img{width:92%; padding:5px 0 10px 0 ; margin-left:4%; }
.enikki_midashi{width:90%; padding:0px 0 0px 0 ; margin-left:5%;}
.nikki_honmon{line-height:1.8; width:86%; margin:0 auto; margin-bottom:1em;}
}
}