@charset "UTF-8";

.swiper_box {
    position: relative;
    width: min(950px, 100%);
    margin: 0 auto;
}

.swiper {
    /* height: 500px; */
    width: 800px;
}

.swiper--wrapper {
    width: 100%;
    /* height: 500px; */
}

.swiper-slide {
    width: 100%;
    height: initial;
    display: flex;
}

.pick-up_item_title {
    text-align: center;
    margin: 14px auto;
    font-weight: bold;
}

.pick-up_image iframe,
.pick-up_image img {
    width: 100%;
    transition: .21s 0.08s box-shadow;
}

.pick-up_image iframe:hover,
.pick-up_image img:hover {
    opacity: .75
}

.swiper .item_arrow {
    /* position: absolute;
    bottom: 20px; */
    /* right: 50px; */
    font-size: clamp(16px, 1.66vw, 18px);
    color: #000000;
    margin-top: 20px;
    text-align: right;
    position: relative;
}

.swiper .item_arrow span {
    margin-right: 40px;
}

.swiper .item_arrow span::after {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
    vertical-align: middle;
    background-image: url(../images/pick-up_arrow.webp);
    width: 27px;
    height: 27px;
    top: 40%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pick-up_item_content {
    color: #231815;
}

.pick-up_item_link,
.pick-up_item_link>a.pick-up_item_content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    color: #000;
}

.pick-up_item_text {
    line-height: 1.25;
    display: flex;
    flex-grow: 1;
}

.swiper-button-next {
    top: 50%;
    right: 1%;
}

.swiper-button-prev {
    top: 50%;
    left: 1%;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    pointer-events: initial;
}

.swiper [class^="swiper-button-"]::after {
    font-size: 30px;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, -40px);
}

.pick-up_item {
    font-size: clamp(18px, 1.66vw, 20px);
}

@media screen and (max-width: 768px) {

    .swiper {
        width: 85%;
        /* height: 400px; */
    }

    .pick-up_item_link {
        height: auto;
    }

    .pick-up_item {
        text-align: center;
        font-size: 12px;
    }

    .pick-up_image iframe,
    .pick-up_image img {
        width: 100%;
        /* height: 180px; */
    }

    .pick-up_image iframe {
        aspect-ratio: 16/9;
    }

    .pick-up_item_title {
        width: 80%;
    }

    .pick-up_item_text {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-size: 12px;
    }

    .pick-up_item_content {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .swiper .item_arrow {
        font-size: 14px;
        right: 0;
        /* bottom: 80px; */
        text-align: center;
        margin-top: 0;
    }

    .swiper .item_arrow span {
        margin-right: 0;
    }

    .swiper .item_arrow span::after {
        width: 20px;
        height: 20px;
        /* right: -25px; */
        margin-top: 15px;
        margin-left: 10px;
        position: static;
    }

    .swiper-button-next {
        top: 50%;
        right: 1%;
    }

    .swiper-button-prev {
        top: 50%;
        left: 1%;
    }
}

.moviemark {
    position: absolute;
    top: 80%;
    left: 50%;
    width: 70px !important;
    height: 50px;
    transform: translate(-50%, -50%);
}

.moviemark-slider {
    position: absolute;
    top: 80%;
    left: 50%;
    width: 48px !important;
    height: 35px;
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 769px) {
    .guide_video_img {
        width: 640px;
        height: 360px;
    }
}

@media screen and (max-width: 768px) {
    .guide_video_img {
        width: 320px;
        height: 180px;
    }
}