/* スライド */

.slide-container {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow:hidden;
        width:100%;
        height:430px;
        margin: 0 0 40px;
        position:relative;
        background: url(../images/common/bg_noise.png) repeat #3d3d3d;
}

.image-container {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height:430px;
        min-width:2000%;
        overflow:hidden;
        margin: 0;
        padding:5px;
        background: #3a3a3a;
        position: absolute;
}


.image-container img {
        height:420px;
        width:auto;
        /*float:left;*/
        /*margin:0 0 0 5px;*/
}


.slide-item {
        max-height:420px;
        width:auto;
        float:left;
        list-style:none;
        margin:0 0 0 5px;
        position: relative;
        box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
        overflow:hidden;
        opacity: 0.8;
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
        -webkit-transition: all 0.1s ease-in-out 0s;
           -moz-transition: all 0.1s ease-in-out 0s;
             -o-transition: all 0.1s ease-in-out 0s;
            -ms-transition: all 0.1s ease-in-out 0s;
                transition: all 0.1s ease-in-out 0s;
}

.slide-item:hover,
.slide-item.act {
        opacity: 1;
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.slide-item:hover:before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        content: "READ MORE";
        font-family:'Helvetica Neue',Arial,sans-serif;
        font-size: 78.6%;
        font-weight:bold;
        color:#fff;
        padding:2px 6px;
        position: absolute;
        top:0;
        right:0;
        display: block;
        background:#3a3a3a;
}

.slide-item a {
        display: block;
}

.slide-item h3 {
        font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        bottom:0;
        left:0;
        padding:20px;
        font-size:171.4%;
        font-weight: 600;
        line-height: 1.3em;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
        background: url(../images/top/slide_gradient.png) repeat-x bottom left;
        width:100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.prev,
.next {
        list-style-type: none;
        position: absolute;
        top:50%;
        width:48px;
        height:48px;
        text-indent: -9999px;
        opacity: 0.5;
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}

.prev {
        left:0;
        background: url(../images/top/prev.png) no-repeat 16px 12px #3a3a3a;

}

.next {
        right:0;
        background: url(../images/top/next.png) no-repeat 16px 12px #3a3a3a;
}

.prev:hover,
.next:hover {
        cursor: pointer;
        -webkit-transition: all 0.1s ease-in-out 0s;
           -moz-transition: all 0.1s ease-in-out 0s;
             -o-transition: all 0.1s ease-in-out 0s;
            -ms-transition: all 0.1s ease-in-out 0s;
                transition: all 0.1s ease-in-out 0s;
        opacity: 0.6;
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}