.car_sports_archive_top {
    background-color: #fff;
}

/* archive */
.car_sports_archive_top .highlight {
    position: relative;
    overflow: hidden;
    height: auto;
}

/* archive */
.car_sports_archive_top .highlight .title {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.car_sports_archive_top .highlight .title img {
    max-width: 850px;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.car_sports_archive_top .highlight .title img.sp {
    display: none
}

.car_sports_archive_top .highlight > img {
    width: 100%;
    height: auto
}

.car_sports_archive_top .highlight > img.pc {
    display: inline
}

.car_sports_archive_top .highlight > img.tab {
    display: none
}

.car_sports_archive_top .highlight > img.sp {
    display: none
}

.car_sports_archive_top .intro {
    padding: 95px 0
}

.car_sports_archive_top .intro h2 {
    width: 500px;
    margin: 0 auto;
    text-align: center
}

.car_sports_archive_top .intro h2 img {
    width: 100%;
    height: auto
}

.car_sports_archive_top .contents {
    position: relative;
    max-width: 1600px;
    margin: 0 auto 10px;
    background-color: #000;
    overflow: hidden;
}

.car_sports_archive_top .contents.js_animate {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.car_sports_archive_top .contents.js_animated {
    -webkit-animation: fadein 1.8s both .2s;
    animation: fadein 1.8s both .2s;
}

.car_sports_archive_top .contents:hover a + .bg {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.car_sports_archive_top .contents .wrap {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 5;
}

.car_sports_archive_top .contents .wrap .text {
    position: absolute;
    top: 90px;
    right: 13%;
    width: 520px;
    text-align: center;
    z-index: 10;
}

.car_sports_archive_top .contents .wrap .text h3 {
    margin-bottom: 30px;
    text-align: center;
    font-style: italic;
}

.car_sports_archive_top .contents .wrap .text p {
    margin-bottom: 20px;
    line-height: 2;
    font-size: 16px
}

.car_sports_archive_top .contents .wrap .text p .red {
    display: block;
    color: #f00;
    text-indent: 2em;
}

.car_sports_archive_top .contents .wrap .text .comingsoon {
    text-align: center
}

.car_sports_archive_top .contents .wrap .text .comingsoon img {
    width: 375px;
    height: auto
}

.car_sports_archive_top .contents .wrap .text .comingsoon img.pc {
    display: inline
}

.car_sports_archive_top .contents .wrap .text .comingsoon img.sp {
    display: none
}

.car_sports_archive_top .contents .wrap .text .ok {
    position: relative;
    width: 196px;
    display: inline-block;
    border: 1px solid #fff;
    line-height: 60px;
    text-align: center
}

.car_sports_archive_top .contents .wrap .text .ok:after {
    content: '';
    position: absolute;
    background: url(../img/common/arrow_s.png) no-repeat;
    top: 22px;
    right: 6px;
    width: 20px;
    height: 20px;
}

.car_sports_archive_top .contents .bg {
    transition: opacity 1s ease
}

.car_sports_archive_top .contents .bg img {
    width: 1600px;
    height: auto
}

.car_sports_archive_top .contents .bg img.pc {
    display: inline
}

.car_sports_archive_top .contents .bg img.tab {
    display: none
}

.car_sports_archive_top .contents .bg img.sp {
    display: none
}

.car_sports_archive_top .contents .bg img.right {
    float: right
}

.car_sports_archive_top .contents:nth-of-type(2n + 1) .text {
    right: auto;
    left: 13%
}

.car_sports_archive_top .contents:nth-of-type(3) {
    margin-bottom: 0
}

.car_sports_archive_top .contents:nth-of-type(3) .wrap .text {
    top: 75px
}


@media only screen and (min-width:768px) and (max-width:1024px) {
    .car_sports_archive_top .highlight .title img {
        width: 90%;
        height: auto
    }

    .car_sports_archive_top .highlight > img.pc {
        display: none
    }

    .car_sports_archive_top .highlight > img.tab {
        display: inline
    }

    .car_sports_archive_top .contents .text {
        top: 15%
    }

    .car_sports_archive_top .contents .text .comingsoon img.pc {
        display: none
    }

    .car_sports_archive_top .contents .text .comingsoon img.sp {
        display: inline
    }

    .car_sports_archive_top .contents .bg img {
        width: 100%;
        height: auto
    }

    .car_sports_archive_top .contents .bg img.pc {
        display: none
    }

    .car_sports_archive_top .contents .bg img.tab {
        display: inline
    }

    .car_sports_archive_top .contents .bg img.sp {
        display: none
    }
}


@media screen and (max-width:767px) {
    .car_sports_archive_top .highlight .title img {
        width: 80%;
        height: auto
    }
    .car_sports_top .highlight .arrow{
        width: 20px;
    }
    .car_sports_top .highlight .title{
        left: 0;
        top: 0%;
    }
    .car_sports_archive_top .highlight .title img.pc {
        display: none;
    }

    .car_sports_archive_top .highlight .title img.sp {
        display: inline;
    }

    .car_sports_archive_top .highlight > img.pc {
        display: none
    }

    .car_sports_archive_top .highlight > img.tab {
        display: none
    }

    .car_sports_archive_top .highlight > img.sp {
        display: inline
    }

    .car_sports_archive_top .intro {
        padding: calc(120/640 * 100vw) 0 calc(50/640 * 100vw);
    }

    .car_sports_archive_top .intro h2 {
        width: 100%
    }

    .car_sports_archive_top .intro h2 img {
        width: 100%;
        height: auto
    }

    .car_sports_archive_top .contents {
        margin-bottom: 0;
        overflow: visible
    }

    .car_sports_archive_top .contents .wrap .text {
        width: 90%;
        right: auto;
        top: 15%;
        left: 5%
    }

    .car_sports_archive_top .contents .wrap .text h3 {
        margin-bottom: calc(30/640 * 100vw);
    }

    .car_sports_archive_top .contents .wrap .text h3 img {
        width: 65%;
        max-width: 100%;
        height: auto
    }

    .car_sports_archive_top .contents .wrap .text p {
        font-size: calc(24/640 * 100vw);
        line-height: 1.5em;
        margin-bottom: calc(20/640 * 100vw);
    }

    .car_sports_archive_top .contents .wrap .text .comingsoon img {
        width: 85%;
        height: auto
    }

    .car_sports_archive_top .contents .wrap .text .ok {
        width: 80%;
        margin: 0 auto;
        font-size: calc(24/640 * 100vw);
        line-height: calc(80/640 * 100vw);
    }

    .car_sports_archive_top .contents .wrap .text .ok:after {
          content: '';
          position: absolute;
          background: url(../img/common/arrow_s.png) no-repeat;
          background-size: contain;
          top: 50%;
          transform: translateY(-50%);
          right: 6px;
          width: 10px;
          height: 10px;
    }

    .car_sports_archive_top .contents .bg img {
        width: 100%;
        height: auto
    }

    .car_sports_archive_top .contents .bg img.pc {
        display: none
    }

    .car_sports_archive_top .contents .bg img.tab {
        display: none
    }

    .car_sports_archive_top .contents .bg img.sp {
        display: inline
    }

    .car_sports_archive_top .contents:nth-of-type(2n+1) .wrap .text {
        left: 5%
    }

    .car_sports_archive_top .contents:nth-of-type(3) .wrap .text {
        top: 12%
    }

    .car_sports_archive_top .postlude .banner {
        padding: 18% 0;
        box-sizing: border-box
    }

    .car_sports_archive_top .postlude {
        position: relative;
        max-width: 1600px;
        margin: 0 auto;
        overflow: hidden;
    }

    .car_sports_archive_top .postlude img.pc {
        display: none;
    }

    .car_sports_archive_top .postlude img.sp {
        display: inline;
    }

}