@charset "UTF-8";
/*================================
 logo_unit.css
=================================*/

/*================================
 o/w
=================================*/

/*
-------------------------------- */

/*
-------------------------------- */

.logo_latests.bloglist ul {
display: flex;
justify-content: start;
flex-wrap: wrap;
overflow: hidden;
width: 100%;
}

.logo_latests.bloglist ul li {
display: block;
width: 12.6%;
height: auto;
margin: 0.8%;
}

.logo_latests.bloglist ul li a {
display: block;
width: 100%;
height: 100%;
}

.logo_latests.bloglist ul li a img {
width:100%;
box-shadow: 0 0 20px rgba(66, 66, 66, .1);
}

.logo_latests.bloglist ul li a:hover img {
box-shadow: 0 0 6px rgba(66, 66, 66, .2);
}


/* unit latests
-------------------------------- */

#latests.logo_latests {
overflow: hidden;
}
    #frontpage #latests.logo_latests {
    background: linear-gradient(360deg, #fff 0%, #fff 40px, #F8F8F8 );
    }

    #works-logo-single #latests.logo_latests {
    background-color: #040000;
    }

    #page-logo-design #latests.logo_latests {
    background-color: #fff;
    }


#latests.logo_latests .row_inner {
overflow: hidden;
max-width: 1580px;
min-width: 1240px;
width: 100%!important;
}

#latests.logo_latests h3 {
display: block;
width: 200px;
height: 40px;
}

    #works-logo-single #latests h3 {
    background:url(../img/works/recent_tit_white.png) no-repeat center top;
    margin: 110px auto 30px;
    }

    #frontpage #latests.logo_latests h3, #page-logo-design #latests h3 {
    background:url(../img/works/recent_tit.png) no-repeat center top;
    margin: 50px auto 25px;
    }


#latests.logo_latests .btn_to {
background:url(../img/works/recent_btn_to.png) no-repeat center center;
display: block;
width: 304px;
height: 58px;
margin: 40px auto 100px;
}

    #frontpage #latests.logo_latests .btn_to {
    margin: 40px auto 0;
    }