@charset "UTF-8";

/*! autoprefixer grid: no-autoplace */
/* ======== _typography ======== */
#archive.main-contents {
    text-align: center;
}

#archive.main-contents .firstview__title {
    font-size: 3rem;
    letter-spacing: 0.065em;
    font-family: utopia-std, sans-serif;
}

#archive.main-contents .firstview__copy {
    font-size: 2rem;
    font-family: 游明朝, YuMincho, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;
    font-weight: 600;
    letter-spacing: 0.075em;
}

#archive.main-contents .firstview__copy .logo {
    display: inline-block;
    width: 7.42747rem;
    margin-right: 0.5rem;
    margin-left: -0.4rem;
    vertical-align: middle;
}


@media screen and (max-width: 767px) {
    #archive.main-contents .firstview__title {
        font-size: calc(50 * (100vw / 750));
    }

    #archive.main-contents .firstview__copy {
        font-size: calc(30 * (100vw / 750));
    }

    #archive.main-contents .firstview__copy .logo {
        width: calc(111.4121 * (100vw / 750));
        vertical-align: middle;
        margin-left: calc(4 * (100vw / 750));
        margin-right: calc(7 * (100vw / 750));
    }
}

/* ======== _typography ======== */

/* ======== _layout ======== */
#archive.main-contents img {
    width: 100%;
    height: auto;
}

#archive.main-contents dd .archive__slider .swiper-button-next,
#archive.main-contents dd .archive__slider .swiper-button-prev {
    --swiper-navigation-size: 2.8rem;
    top: 42.5%;
}

#archive.main-contents dd .archive__slider .swiper-button-prev {
    left: 0;
}

#archive.main-contents dd .archive__slider .swiper-button-next {
    right: 0;
}

#archive.main-contents dd .archive__slider .swiper-button-prev.slide-previous::after,
#archive.main-contents dd .archive__slider .swiper-button-next.slide-next::after {
    content: none;
}

@media screen and (min-width: 768px) {
    #archive.main-contents dl {
        width: 100rem;
        height: 36rem;
        margin: 0 auto 12rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #212121;
        box-sizing: border-box;
    }

    #archive.main-contents dt {
        margin-top: 2.8rem;
        margin-right: 7.6rem;
    }

    #archive.main-contents dt .firstview__copy {
        margin-top: 2.5rem;
    }

    #archive.main-contents dd .archive__slider {
        position: relative;
    }

    #archive.main-contents dd .archive__slider .archive-wrapper {
        position: relative;
        max-width: 50rem;
        margin: 0 auto;
    }

    #archive.main-contents dd .archive__slider .archive-slide:not(:last-of-type) {
        margin-right: 2rem;
    }

    #archive.main-contents dd .archive__slider figure {
        width: 24rem;
    }
}

@media screen and (max-width: 767px) {
    #archive.main-contents dl {
        width: 100%;
        border-top: 1px solid #808080;
        border-bottom: 1px solid #808080;
        padding: calc(40 * (100vw / 750)) calc(67 * (100vw / 750)) calc(77 * (100vw / 750));
        margin-bottom: calc(148 * (100vw / 750));
    }

    #archive.main-contents .firstview__title {
        margin-top: calc(5 * (100vw / 750));
    }

    #archive.main-contents .firstview__copy {
        margin-top: calc(27 * (100vw / 750));
        position: relative;
    }

    #archive.main-contents .archive__slider-wrap {
        width: 100%;
        max-width: calc(620 * (100vw / 750));
        margin-top: calc(54 * (100vw / 750));
        margin-inline: auto;
        position: relative;
    }

    #archive.main-contents dd .archive__slider .archive-slide:not(:last-of-type) {
        margin-right: calc(20 * (100vw / 750));
    }

    #archive.main-contents dd .archive__slider figure {
        width: calc(300 * (100vw / 750));
    }
}

/* ======== _layout ======== */

/* ======== _slidercontent ======== */
#archive .slide-arrow.slick-arrow {
    width: 1.6rem;
    height: 5rem;
    position: absolute;
    top: 40%;
    z-index: 1;
}

#archive .slide-arrow.slick-arrow:hover {
    cursor: pointer;
}

#archive .slide-arrow.prev-arrow.slick-arrow {
    left: -3.5rem;
}

#archive .slide-arrow.next-arrow.slick-arrow {
    right: -3.5rem;
}

@media screen and (max-width: 767px) {
    #archive .slide-arrow.slick-arrow {
        display: block !important;
        width: calc(25 * (100vw / 750));
        height: calc(67 * (100vw / 750));
        top: 38%;
    }

    #archive .slide-arrow.prev-arrow.slick-arrow {
        left: calc(-50 * (100vw / 750));
    }

    #archive .slide-arrow.next-arrow.slick-arrow {
        right: calc(-50 * (100vw / 750));
    }
}

/* ======== _slidercontent ======== */