/*
 * iframe-layer.css
 * 階層用iframeスタイル（template1_fair, template3_plan）
 * - Swiperのバレットを標準から、上部、カラー変更
 * - SP左右透かす
 */

/* info-wrap */
.info-wrap {
    background-color: transparent;
}

/* Fair specific */
#fairIframe1 .info-wrap .info-wrap-date {
    font-size: 18px;
}

/* Plan specific */
#planIframe1 .info-wrap .info-wrap-price {
    font-size: 18px;
}

.swiper-button-wrap {
    position: static;
}
/* Swiper container wrapper */
.swiper-container-wrapper {
    padding: 40px 0 0 0;
    overflow: hidden;
}

/* Swiper pagination - 上部配置、丸型 */
.swiper-pagination {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0;
    bottom: auto;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.sec-bnr .swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #fff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #b39474;
}

/* Navigation buttons hidden */
.swiper-button-prev,
.swiper-button-next {
    display: none;
}

/* SP: 左右スライド透過 */
@media (max-width: 768.98px) {
    .swiper-slide-next,
    .swiper-slide-prev {
        opacity: 0.5;
    }
}