@charset "utf-8";



/*
    Foundation
*/

.cb {
    clear: both;
}

.sp2 {
    display: none;
}



/*
    Modules (Main Banners)
*/

.top_um_i {
    padding-bottom: 1em;
}

.top_um_i li:nth-child(1) {
    width: 22.927689%;
}

.top_um_i li:nth-child(2) {
    width: 22.927689%;
    margin: 0 27px 0 43px;
}

.top_um_i li:nth-child(3) {
    width: 24.25044%;
}

.top_um_i li:nth-child(4) {
    float: right;
    width: 20.0176%;
    margin: 0.5em 0 1em;
}

.top_um_i li:nth-child(5) {
    float: right;
    width: 20.89947%;
}

.top_um_i a {
    display: block;
    width: 100%;
    padding-top: 100%;
    background: center center transparent no-repeat;
    background-size: cover;
}

.top_um_i a.trimming {
    background-image: url(../img/index/275_275_1.jpg);
}

.top_um_i a.trimming:hover {
    background-image: url(../img/index/275_275_1_over.jpg);
}

.top_um_i a.training {
    background-image: url(../img/index/275_275_2.jpg);
}

.top_um_i .training:hover {
    background-image: url(../img/index/275_275_2_over.jpg);
}

.top_um_i .dogrun {
    background-image: url(../img/index/275_275_3.jpg);
}

.top_um_i .dogrun:hover {
    background-image: url(../img/index/275_275_3_over.jpg);
}

.top_um_i .facebook {
    padding-top: 47.577092511%;
    background-image: url(../img/index/300_1.png);
}

.top_um_i .facebook:hover {
    background-image: url(../img/index/300_1_over.png);
}

.top_um_i .food_goods {
    display: block;
    width: 100%;
    padding-top: 100%;
    background: center center transparent no-repeat;
    background-size: cover;

    padding-top: 65%;
    background-image: url(../img/top_u_bn1.jpg);
}


/*
.top_um_i img {
    width: 100%;
}
*/


/*
    Modules (Facebook)
*/

.facebook {
    /* background-color: #F2E2AF; */
    width: 100%;
}

.facebook_inner {
    width: 100%;
    max-width: 1134px;
    margin: 1em auto;
}

.facebook_title {
    margin: 1em auto;
    text-align: left;
}

.facebook_title a {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 1.25em;
    color: #3b5998;
    letter-spacing: -1px;
}

.facebook_feed {
    float: left;
    width: 18.4%;
    height: 300px;
    margin: 0 1%;
}

.facebook_feed:nth-child(2) {
    margin-left: 0;
}

.facebook_feed:nth-child(6) {
    margin-right: 0;
}

.facebook_feed a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: center center transparent no-repeat;
    background-size: cover;
    text-align: left;
}

.facebook_feed .caption {
    position: absolute;
    width: 94%;
    bottom: 0;
    padding: 5px 3%;
    height: 40px;
    line-height: 20px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-weight: bold;
    overflow: hidden;
}



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

    .top_um_i {
        padding: 0 2%;
        width: 96%;
    }

    .top_um_i li:nth-child(2) {
        margin: 0 2% 0 4%;
    }

    .facebook_inner {
        padding: 0 2%;
        width: 96%;
    }
}