/* blog css style ver 3.22
1. blog Menu blocks
2. Common blog    
    2-1 books
    2-2 movie
    2-3 meething
    2-4 mayumi
3. Tts
*/



/* store movie */

.embed_movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
}
.embed_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* ------------------------------ blog ------------------------------ */



.blog_head {
    width: 100%;
    padding: 0;
    margin: 0 0 40px 0;
	border-radius: 8px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blog_head img {
    width: 100%;
}
.blog_image , .blog_image  img {
    width: 100%;
    margin-bottom: 20px;
}  



.blog_main {
    position: relative;
    width: 100%;
    overflow: hidden;
}



.blog_body {
    width: 100%;
    margin-bottom: 80px;
}


.blog_title {
	font-size: 2.8rem;
    margin-bottom: 25px;
	line-height: 1.4;
}
.blog_date {
    margin-bottom: 45px;
}






.blog_side {
    position: relative;
    margin-bottom: 100px;
}
.blog_side_block {
    margin-bottom: 40px;
}
.blog_side_block h3 {
    font-size:1.7rem;
    font-weight: bold;
    padding: 1px 0 6px 4px;
    border-bottom: 2px solid #999999;
    margin-bottom: 20px;
}
.blog_side_eachs {
    padding:0;
}
ul li.blog_side_each {
    list-style: none;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    background-image: url(/img/common/dot_yellow.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding: 0 0 0 18px;
}
.blog_side_each a {
    color: #444444;
}
.blog_side_each a:hover {
    color: #009999;
}







@media screen and (max-width: 480px) {
    .afcnews_index_each {
        width: 23%;
    }
}

@media screen and (max-width: 480px) {

  

    .afcnews_index_each {
        flex: none;
        width: 100%;
        padding: 0;

        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 15px;

    }
    .afcnews_index_each_image {
        flex: 0 1 auto;
        width: 30%;
    
    }
    .afcnews_index_each_info {
        flex: 0 1 auto;
        width: 68%;
    }




    .blog_index_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .blog_index_eachthema,.blog_index_wrap_findex .blog_index_eachthema {
        flex: 0 1 auto;
        width: 100%;
        
        position: relative;
        overflow: hidden;
        padding:0 0 10px 10px;
        margin-bottom: 20px;
    }

    .blog_main,  .blog_side  {
        float: none;
        width: 100%;
    }
  
}