@charset "utf-8";

/* ---------------------------------------------------------------------------
//
// Tablet
//
// -------------------------------------------------------------------------*/

@media only screen and (max-width: 780px) {
    .slick-prev
    {
        left: -10px;
        z-index: -5;
        top: 50%;
        margin-top: -30px;
    }
    .slick-prev:before
    {
        /*position: absolute;*/
        /*left: 10px;*/
    }

    .slick-next
    {
        right: -10px;
        z-index: -5;
        top: 50%;
        margin-top: -30px;

    }
    .slick-next:before
    {
        /*position: absolute;*/
        /*right: 10px;*/
    }

    #slideWrap04 .slick-next{
        right: -90px;
        z-index: 10;
    }
    #slideWrap04 .slick-prev
    {
        left: -90px;
        z-index: 10;
    }
}

/* ---------------------------------------------------------------------------
//
// Smart Phone
//
// -------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
    .slick-prev:before
    {
        background-size: 30px;
        height: 30px;
        width: 30px;
    }
    .slick-prev
    {
        left: -0px;
    }


    .slick-next
    {
        right: 0px;
    }
    .slick-next:before
    {
        background-size: 30px;
        height: 30px;
        width: 30px;
    }
    #slideWrap03 .slick-prev,#slideWrap04 .slick-prev{
        z-index: 555;
        left: 0;
    }
    #slideWrap03 .slick-prev:before
    {
        content: '';
        background: url(/lp/4seasons/common/images/home/arrow_prev_typeB.png) no-repeat;
        background-size: 35px;
        height: 35px;
        width: 35px;
        display: block;
    }
    #slideWrap04 .slick-prev:before
    {
        content: '';
        background: url(/lp/4seasons/common/images/home/arrow_prev_typeB.png) no-repeat;
        background-size: 35px;
        height: 35px;
        width: 35px;
        display: block;
    }
    #slideWrap03 .slick-next,#slideWrap04 .slick-next{
        z-index: 555;
        right: -25px;
    }
    #slideWrap03 .slick-next:before
    {
        content: '';
        background: url(/lp/4seasons/common/images/home/arrow_next_typeB.png) no-repeat;
        background-size: 35px;
        height: 35px;
        width: 35px;
        display: block;
    }
    #slideWrap04 .slick-next:before
    {
        content: '';
        background: url(/lp/4seasons/common/images/home/arrow_next_typeB.png) no-repeat;
        background-size: 35px;
        height: 35px;
        width: 35px;
        display: block;
    }
}