@charset "UTF-8";

.slick-slider{
    margin-bottom: 0px !important;
}

.sliderWrapper{
    width: 1000px;
    margin: 10px auto 0;
    background-color: #f6f3e7;
}

.slider-for{
    width: 680px;
    height: 383px;
    overflow: hidden;
    margin: 0;
    float: left;
}

    .slider-for img{
        width: 680px;
        height: auto;
    }

    .slider-for > div{
        /*height: 360px;
        overflow: hidden;*/
        position: relative;
    }

        .slider-for div > .caption{
            position: absolute;
            left:0;
            bottom: 0;
            width:100%;
            padding:10px;
            background: #000;
            color: #fff;
            opacity: 0.6;
            font-size: 14px;
            line-height: 16px;
        }

.slider-nav{
    width: 300px;
    float: right;
    padding-top: 2px;
}

    .slide-nav-item > div{
        width: 293px;
        height: 85px;
        border: 1px #ddd solid;
        padding: 2px;
        overflow: hidden;
        opacity: 0.25;
        background-color: #fff;
    }
    .slide-nav-item.slick-current >div{
        opacity: 1;
    }

        .slide-nav-item div.slide-nav-item-imgbox{
            width: 150px;
            float: left;
        }

            .slide-nav-item div.slide-nav-item-imgbox > img{
                width:100%;
            }

        .slide-nav-item div.slide-nav-item-captionbox{
            width: 130px;
            padding: 7px 5px 2px;
            font-size: 12px;
            float: right;
        }
            .slide-nav-item div.slide-nav-item-captionbox p{
                height: 55px;
                overflow: hidden;
            }
            .slide-nav-item div.slide-nav-item-captionbox .slide-nav-item-linkbox{
                text-align: right;
                font-size: 10px;
            }


/*--------------------------------------------------*/
/*スマホ用記述*/
/*--------------------------------------------------*/
.sp_slick_block.sliderWrapper{
    width: 100%;
}
.sp_slick_block .sliderWrapper{
    width: 100%;
}
.sp_slick_block .slider-for{
    width: 100%;
    height: inherit;
}
    .sp_slick_block .slider-for img{
        width: 100%;
        height: auto;
    }

.sp_slick_block .slider-nav{
    display: none;
}