【Arkhe】スライダー下部に文字を入れて、上下の差を付けたい

当サイトは広告を含んでいます。

2026-05-25

/* セクションにoverflow hidden 入れないと崩れそう 内部で visibleにした分こっちをhidden*/
.ark-block-slider.point-slide {
    overflow: hidden;
    /* 見切れは高さと上下paddingで調整 */
    padding: 3vw 0 5vw;
    height: 36vw;
}

/* 元々あるスライドのhiddenを打ち消さないといけないと、その内部のテキストが写真をはみ出せない */
.ark-block-slider .ark-block-slider__inner.swiper {
    overflow: visible;
    padding-bottom: 0px;
}

/* 文字の開智位置をtopから100% 写真の外スタートに */
.ark-block-slider .ark-block-slider__bodyInner {
    position: absolute;
    top:100%;
    padding: 0;
}

/* 偶数のスライドをずらす */
.ark-block-slider .swiper-wrapper .swiper-slide:nth-child(2n) {
    margin-top:40px !important;
}