/* 読み込みテスト */
@media only screen and (max-width: 767px) {
    #top .container.divider:has(.still) {
        display: none;
    }

    #top .l-wrapper {
        display: flex;
        flex-direction: column;
    }

    #top:has(.swiper-container) .l-main:has(.archive) {
        order: 2;
    }

    #top:has(.swiper-container) .container.divider .swiper-slide {
        width: calc(50% - 20px) !important;
    }

    #top:has(.swiper-container) .container.divider .swiper-slide .heading a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* トップページのスライダーアイコンの2重表示調整 */
#top:has(.swiper-container) .container.divider .swiper-button-next:after,
#top:has(.swiper-container) .container.divider .swiper-button-prev:after {
    content: none;
}

.l-main:has(.heading-primary) .dividerBottom {
    display: flex;
    flex-direction: column;
}

.l-main:has(.heading-primary) .dividerBottom * {
    order: 2;
}

.l-main:has(.heading-primary) .dividerBottom .heading-primary {
    margin-top: 1em;
}

.l-main:has(.heading-primary) .dividerBottom .pageCta,
.l-main:has(.heading-primary) .dividerBottom .postCta {
    order: 1;
    margin-top: 0;
}

.l-main:has(.heading-primary) .dividerBottom .pageCta::after,
.l-main:has(.heading-primary) .dividerBottom .postCta::after {
    display: none;
    content: none;
}

.aw_customed_swiper {
    width: 100%;
    overflow-x: clip;
}

.aw_customed_swiper .swiper-wrapper {
    flex-wrap: nowrap;
}

.aw_customed_swiper .swiper-slide {
    margin: 0 !important;
    padding: 0 !important;
}

.aw_customed_swiper .navi_block {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.aw_customed_swiper .navi_block .swiper-pagination {
    position: initial;
    text-align: left;
}

.aw_customed_swiper .navi_block .swiper-pagination-bullet-active {
    background-color: #000;
}

.aw_customed_swiper .navi_block .swiper-button-next,
.aw_customed_swiper .navi_block .swiper-button-prev {
    position: initial;
    width: 42px;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 0;
    padding: 0;
    border: solid 1px #000;
    background-color: #000;
}

.aw_customed_swiper .navi_block .swiper-button-next::before,
.aw_customed_swiper .navi_block .swiper-button-prev::before {
    position: initial;
    color: #fff;
}