/*For PC*/
/* mv_section*/
.slick-prev,
.slick-next {
    z-index: 1;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.slick-prev:before {
    display: block;
    height: 70px;
    width: 60px;
    position: absolute;
    top: -30px;
    cursor: pointer;
    text-indent: -9999px;
    background: transparent url(/sites/default/files/nestleprofessional/assets/images/top/img_icon_previous.png) no-repeat;
    background-size: 100%;
    left: 0;

}

.slick-next:before {
    display: block;
    height: 70px;
    width: 60px;
    position: absolute;
    top: -30px;
    cursor: pointer;
    text-indent: -9999px;
    background: transparent url(/sites/default/files/nestleprofessional/assets/images/top/img_icon_next.png) no-repeat;
    background-size: 100%;
    right: 0;
}

/* mv_section*/

.top .ttl_line_common {
    font-family: 'mulilight';
    font-weight: normal;
}

.txt_subcommon {
    font-size: 16px;
    color: #76747f;
    line-height: 2;
}

.selection_bar {
    width: 100%;
    background: #5c5c5c;
}

.selection_bar p {
    font-size: 18px;
    text-align: center;
    padding: 11px 0;
    color: #ffffff;
}

.top .txt_common {
    text-align: center;
}

.banner_list03 li {
    width: 32.5%;
    margin-right: 12px;
    margin-bottom: 12px;
}

.banner_list03 li:nth-child(3),
.banner_list03 li:nth-child(6) {
    margin-right: 0px;
}


/*For PC*/

/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1039px) {
    .slick-prev {
        left: 0;
    }

    .slick-next {
        right: 0;
    }

    .slick-prev:before {
        display: block;
        height: 6.731vw;
        width: 5.769vw;
        top: -2.885vw;
        background: transparent url(/sites/default/files/nestleprofessional/assets/images/top/img_icon_previous.png) no-repeat;
        background-size: 100%;
        left: 0;

    }

    .slick-next:before {
        display: block;
        height: 6.731vw;
        width: 5.769vw;
        top: -2.885vw;
        background: transparent url(/sites/default/files/nestleprofessional/assets/images/top/img_icon_next.png) no-repeat;
        background-size: 100%;
        right: 0;
    }

    /* mv_section*/

    /*.txt_subcommon {
        font-size: 1.538vw;
    }*/

    .selection_bar {
        width: 100%;
    }

    /*.selection_bar p {
        font-size: 1.731vw;
        padding: 1.058vw 0;
    }*/

    .packages_list li:nth-child(even) {
        margin-right: 0;
    }

    .banner_list03 li {
        width: 32.3%;
        margin-right: 1.154vw;
        margin-bottom: 1.154vw;
    }

    .banner_list03 li:nth-child(3),
    .banner_list03 li:nth-child(6) {
        margin-right: 0;
    }

}

/*For Tablet*/


/*For SP*/
@media only screen and (max-width: 767px) {

    /*mv_sec*/
    .slick-prev:before {
        height: 1rem;
        width: .9rem;
        top: -.4rem;
        background-size: 100%;
        left: 0;

    }

    .slick-next:before {
        height: 1rem;
        width: .9rem;
        top: -.4rem;
        background-size: 100%;
        right: 0;
    }

    /*mv_sec*/

    .top .inner {
        padding: 0;
    }

    .top .common_line,
    .top .txt_common {
        padding: 0 0.4rem;
    }

    .txt_subcommon {
        /*font-size: .2rem;*/
        line-height: 3;
    }

    .selection_bar {
        width: 100%;
    }

    .selection_bar p {
        font-size: .36rem;
        padding: .22rem 0;
    }

    .top .txt_common {
        text-align: left;
    }

    .banner_list,
    .banner_list03 {
        text-align: center;
        padding: 0 .4rem;
    }
    #main ul.banner_list, #main ul.banner_list03 {
        padding: 0 .4rem;
    }

    .banner_list03 li {
        width: 100%;
        margin-right: 0;
        margin-bottom: .24rem;
    }

    .banner_list03 li:nth-child(3),
    .banner_list03 li:nth-child(6) {
        margin-right: 0;
    }
}