/**swiper btn costum**/
/**swiper btn size**/
   :root {
       --swiper-navigation-size: 42px  !important;
   }
/**swiper btn size スマホ表示**/
   @media screen and (max-width: 640px) {
   :root {
       --swiper-navigation-size: 34px  !important;
   }

}
/**swiper btn opacity**/
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 0  !important;
    }
/**swiper btn opacity color background size**/
    .swiper-button-next, .swiper-button-prev {
    opacity: 0.7 !important;
    color: #a53b07 !important;
    background-color: white !important;
    border-radius: 8px !important;
    padding:45px 20px !important;
    }
/**swiper btn opacity color background size スマホ表示**/
@media screen and (max-width: 640px) {
    .swiper-button-next, .swiper-button-prev {
    opacity: 0.7 !important;
    color: #a53b07 !important;
    background-color: white !important;
    border-radius: 8px !important;
    padding:42px 12px !important;
    }
    }
    
/**swiper btn 左右端からの距離**/
.swiper-button-prev, .swiper-rtl .swiper-button-next  {
    left: var(--swiper-navigation-sides-offset, 4px) !important;
   }
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px) !important;
   }
/**swiper base***/
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444 !important;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }