@charset "utf-8";

/* CSS Document */


/*layout*/

#wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
}

#slide_contents {
    position: relative;
    width: 950px;
    margin: 0px auto;
    background: rgba(0, 0, 0, 0.70);
    /* background: rgb(60, 60, 60); */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#666666, EndColorStr=#666666);
    /*IE8以下用*/
}


/* a */

.slide_header {
    position: relative;
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}

.slide_header>li {
    float: left;
}

.slide_header>li>a {
    display: block;
}

.fast_btn_L {
    margin: 80px 12px 80px auto;
}

.fast_btn_L>a {
    margin-left: 2px;
}

.fast_btn_L>a>img {
    width: 36px;
    height: 20px;
}

.fast_btn_R {
    margin: 80px auto 80px 12px;
}

.fast_btn_R>a {
    margin-right: 2px;
}

.fast_btn_R>a>img {
    width: 36px;
    height: 20px;
}

.imgsbox {
    width: 850px;
    overflow: hidden;
    margin: 0px;
    position: relative;
}

.thums {
    position: relative;
    left: 0px;
    width: 160px;
    margin: 30px 5px;
    cursor: pointer;
}


/* b */

.slider {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

.slide_bar {
    width: 740px;
    margin: 0 105px 30px 105px;
}

.slide_bar>img {
    width: 740px;
    height: 14px;
    cursor: pointer;
    vertical-align: baseline;
}

.slide_btn {
    position: absolute;
    left: 108px;
    top: -8px;
    width: 30px;
    height: 30px;
}

.slide_btn>img {
    cursor: pointer;
}

.slide_btn>a>img {
    vertical-align: baseline;
}

.cnt {
    position: absolute;
    right: 5px;
    top: 0px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}


/* c */

.slide_main {
    position: relative;
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}

.slide_main div {
    float: left;
}

.slide_main div a {
    display: block;
    /* line-height: 600px; */
}

.slide_main .center_img {
    width: 840px;
    margin: 0 5px;
}

.slide_main .center_img>a>img {
    width: 840px;
}

#slide_main .center_img>a {
    margin-top: 5px;
    margin-bottom: 5px;
}

.next_btn_L {
    margin: 275px 13px 275px auto;
}

.next_btn_L>a {
    margin-left: 2px;
}

.next_btn_L>a>img {
    width: 35px;
    height: 80px;
    vertical-align: baseline;
}

.next_btn_R {
    margin: 275px auto 275px 13px;
}

.next_btn_R>a {
    margin-right: 2px;
}

.next_btn_R>a>img {
    width: 35px;
    height: 80px;
    vertical-align: baseline;
}


/* d */

.slide_footer {
    width: 840px;
    margin: 0 auto;
    padding: 20px 0 30px;
    overflow: hidden;
}

.slide_footer img {
    float: right;
    margin-left: 30px;
    margin-right: 2px;
    width: 200px;
}

.red {
    color: red;
}

.orange {
    color: orange;
}

/* スライドの赤枠削除 */
#slide_contents a:focus,
input:focus {
    /* outline: none !important; */
}

#slide_contents a:focus img[style] {
    /* outline: none !important; */
}

@media screen and (max-width: 764px) {
    #slide_contents {
        width: 740px;
    }

    /* a */
    .slide_header {
        width: 740px;
    }

    .fast_btn_L {
        margin: 63px 12px 63px auto;
    }

    .fast_btn_R {
        margin: 63px auto 63px 12px;
    }

    .imgsbox {
        width: 630px;
    }

    .thums {
        width: 116px;
        margin: 20px 5px;
    }

    /* b */
    .slider {
        width: 740px;
    }

    .slide_bar {
        width: 530px;
    }

    .slide_bar>img {
        width: 530px;
    }

    /* c */
    .slide_main {
        width: 740px;
    }

    .slide_main div a {
        line-height: 0px;
    }

    .slide_main .center_img {
        width: 630px;
    }

    .slide_main .center_img>a>img {
        width: 630px;
    }

    .next_btn_L {
        margin: 196px 13px 196px auto;
    }

    .next_btn_R {
        margin: 196px auto 196px 13px;
    }

    /* d */
    .slide_footer {
        width: 630px;
    }

    .slide_footer img {
        width: 175px;
    }
}

:-webkit-full-screen {
    background-color: black;
}

ol,
ul {
    margin-left: 1.5em;
}

.ul-square {
    list-style-type: square;
}

.ul-lower-alpha {
    counter-reset: alpha;
    list-style: none;
    margin-left: 0em;
    > li {
        counter-increment: alpha;
        position: relative;
        padding-left: 1.5em;
        &::before {
            content: '(' counter(alpha, lower-alpha) ')';
            position: absolute;
            left: 0;
        }
    }
}

.ul-lower-roman {
    counter-reset: alpha;
    list-style: none;
    margin-left: 0em;
    > li {
        counter-increment: roman;
        position: relative;
        padding-left: 1.5em;
        &::before {
            content: '(' counter(roman, lower-roman) ')';
            position: absolute;
            left: 0;
        }
    }
}

.ol-c {
    counter-reset: number;
    list-style: none;
    > li {
        counter-increment: number;
        position: relative;
        padding-left: 1.5em;
        &::before {
            content: counter(number, number) ')';
            position: absolute;
            left: 0;
        }
    }
}