/* 表示確認前のキャッシュ済みキャンペーンを見せない */
.abr-home-slides-js #abr-home-slider:not(.abr-home-slides-ready) {
    visibility: hidden;
}
#abr-home-slider[hidden] {
    display: none !important;
}

/* 予約対応スライド：旧テーマのタイマーとは別の要素で動作 */
#abr-home-slider {
    position: relative;
    height: auto;
    overflow: hidden;
}
#abr-home-slider > div {
    display: none;
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    animation: none;
    will-change: auto;
}
#abr-home-slider > div.abr-home-slide-active:not([hidden]) {
    display: block;
}
#abr-home-slider > div:first-child:not([hidden]) {
    display: block;
}
#abr-home-slider > div[hidden] {
    display: none !important;
}
#abr-home-slider img {
    display: block;
    width: 100%;
    height: auto;
}
#abr-home-slider a {
    display: block;
}

/* 自動切替と手動操作 */
.abr-home-slide-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 20px;
}
.abr-home-slide-controls[hidden] {
    display: none !important;
}
.abr-home-slide-controls button {
    padding: 7px 12px;
    border: 1px solid currentColor;
    border-radius: 3px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}
.abr-home-slide-controls span {
    min-width: 38px;
    text-align: center;
    font-size: 12px;
}