.sp_slide_area{
    background:white;
}
.slide_area_header{
    background: #574a36;
    color: #FFF;
    font-size: 6.7vw;
    font-weight: bold;
    text-align: center;
    padding: 3.5vw 0 2.5vw;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
}

.swipeSlider_wrap{
    width:96%;
    margin:10px auto;
    padding-bottom:10px;
}

.swipeSlider_wrap {
    position: relative; /* 子要素の絶対配置の基準にする */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px!important;
    height: 35px!important;
    border-radius: 50%;
    background: orange;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

/* 左に50pxはみ出す */
.swiper-button-prev {
    left: -15px!important;
}

/* 右に50pxはみ出す */
.swiper-button-next {
    right: -15px!important;
}

/* 白い線矢印 ＞ ＜ */
.swiper-button-prev::after,
.swiper-button-next::after {
    content: none!important; /* デフォルト矢印消す */
}

.swiper-button-prev::before {
    content: "";
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    transform: rotate(-45deg) translate(1px, 1px);
}

.swiper-button-next::before {
    content: "";
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(44deg) translate(-2px, 1px);
}

.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
    visibility: hidden; /* 見えなくする（必要なら） */
}

.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20; /* ボタンやスライドより前面 */
    cursor: pointer;
}

.slide-overlay img {
    max-width: 60%;
    height: auto;
}