@keyframes splide-loading{
  0%{transform:rotate(0)}to{transform:rotate(1turn)}
}
.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}
.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}
.splide--rtl{direction:rtl}
.splide__track--ttb>.splide__list{display:block}
.splide__container{box-sizing:border-box;position:relative}
.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}
.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}
.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}
.splide:not(.is-overflow) .splide__pagination{display:none}
.splide__progress__bar{width:0}
.splide{position:relative;visibility:hidden}
.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}
.splide__slide img{vertical-align:bottom}
.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}
.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}
.splide__toggle.is-active .splide__toggle__pause{display:inline}
.splide__track{overflow:hidden;position:relative;z-index:0}

.splide__slide{ width: 30%;}

/* ページネーションのスタイル */
.my_splide_pagination_page { background-color: rgba(200, 149, 108, 0.25); height: 10px; transition: .5s all; width: 10px; border-radius: 5px;}
/* 現在表示されているページネーションのスタイル */
.my_splide_pagination_page.is-active { background-color: rgba(200, 149, 108, 1.0); width: 30px; opacity: 1;}
/* ページネーションの位置 */
.my_splide_pagination { position: relative; bottom: -60px;}
@media (width < 768px) {
  .my_splide_pagination { bottom: -30px;}
}
/* ページネーション間の余白 */
.my_splide_pagination li { margin-left: 5px; margin-right: 5px;}
/* スライドのサイズ調整 */
.splide__slide img { height: auto; width: 100%;}

.splide__arrow--prev,
.splide__arrow--next { position: absolute; z-index: 10; top: 0; bottom: 0; margin: auto;}
.splide__arrow--prev { right: calc(100% + 2.4rem); transform: rotate(180deg);}
.splide__arrow--next { left: calc(100% + 2.4rem);}