.splide__container{
	box-sizing:border-box;
	position:relative
}

.splide__list{
	-webkit-backface-visibility:hidden;
	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__progress__bar{
	width:0
}

.splide{
	position:relative;
	visibility:hidden
}

.splide.is-initialized,
.splide.is-rendered{
	visibility:visible
}

/*
.splide__slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
*/

.splide__slide{
	-webkit-backface-visibility:hidden;
	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;
}

@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{
	display:block;
}

.splide__track--fade>.splide__list>.splide__slide{
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	z-index:0;
}

.splide__track--fade>.splide__list>.splide__slide.is-active{
	opacity:1;
	position:relative;
	z-index:1;
}

.splide--rtl{
	direction:rtl;
}

.splide__track--ttb>.splide__list{
	display:block;
}

.splide__arrow {
	-ms-flex-align:center;
	align-items:center;
	background:#ff0080;
	border:0;
	border-radius:50%;
	cursor:pointer;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	opacity:.8;
	padding:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);

	z-index:1;
}

.splide__arrow svg{
	fill:#fff;
	height:2em;
	width:2em;
}

.splide__arrow:hover:not(:disabled){
	opacity:.6;
}

.splide__arrow:disabled{
	opacity:.3;
}

.splide__arrow:focus-visible{
	outline:3px solid #0bf;
	outline-offset:3px;
}



.splide__arrow--prev svg{
	transform:scaleX(-1);
}



.splide.is-focus-in .splide__arrow:focus{
	outline:3px solid #0bf;
	outline-offset:3px;
}

.splide__pagination{
	bottom:10px;
	left:0;
	padding:0 1em;
	position:absolute;
	right:0;
	z-index:1;
}

.splide__pagination__page{
	background:#ccc;
	border:0;
	border-radius:50%;
	display:inline-block;
	width:12px;
	height:12px;
	margin:6px;
	opacity:.7;
	padding:0;
	position:relative;
	transition:transform .2s linear;
}

.splide__pagination__page.is-active{
	background:#ff0080;
	border: 1px solid #fff;
	transform:scale(1.4);
	z-index:1;
}

.splide__pagination__page:hover{
	cursor:pointer;
	opacity:.9;
}

.splide__pagination__page:focus-visible{
	outline:3px solid #0bf;
	outline-offset:3px;
}

.splide.is-focus-in .splide__pagination__page:focus{
	outline:3px solid #0bf;outline-offset:3px;}
	
.splide__progress__bar{background:#ccc;height:3px;}
	
.splide__slide{-webkit-tap-highlight-color:transparent;}

.splide__slide:focus{
	outline:0;
}

@supports(outline-offset:-3px){
	.splide__slide:focus-visible{
		outline:3px solid #0bf;
		outline-offset:-3px;
	}
}

@media screen and (-ms-high-contrast:none){
	.splide__slide:focus-visible{
		border:3px solid #0bf;
	}
}

@supports(outline-offset:-3px){
	.splide.is-focus-in .splide__slide:focus{
		outline:3px solid #0bf;
		outline-offset:-3px;
	}
}

@media screen and (-ms-high-contrast:none){
	.splide.is-focus-in .splide__slide:focus{
		border:3px solid #0bf;
	}

	.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{
		border-color:#0bf;
	}
}

.splide__toggle{
	cursor:pointer;
}

.splide__toggle:focus-visible{
	outline:3px solid #0bf;
	outline-offset:3px;
}

.splide.is-focus-in .splide__toggle:focus{
	outline:3px solid #0bf;
	outline-offset:3px;
}

.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer;}
.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000;}

.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em;}
.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1);}

.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto;}
.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1);}

.splide__arrows--ttb .splide__arrow {left:50%;transform:translate(-50%);}

.splide__arrows--ttb .splide__arrow--prev{top:1em;}
.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg);}

.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto;}
.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg);}

.splide__pagination--ttb{
	bottom:0;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	left:auto;
	padding:1em 0;
	right:.5em;
	top:0;
}




/*画面幅が1200px以上の時（パソコン）*/
@media screen and (min-width:1200px){

	.splide__arrow {
		width:4.25em;
		height:4.25em;
	}

	.splide__arrow--prev{
		left:calc((100% - 1200px) / 2 + 20px);
	}

	.splide__arrow--next{
		right:calc((100% - 1200px) / 2 + 20px);
	}

}




/*画面幅が1199pxまでの時（iPad など）*/
@media only screen and (min-width: 769px) and (max-width: 1199px){

	.splide__arrow {
		width:3em;
		height:3em;
	}

	.splide__arrow svg {
		height: 1.5em;
		width: 1.5em;
	}

	.splide__arrow--prev{
		left:calc((100% - 100%) / 2 + 20px);
	}

	.splide__arrow--next{
		right:calc((100% - 100%) / 2 + 20px);
	}

}




/*画面幅が768pxまでの時（スマホ）*/
@media screen and (max-width:768px){

	.splide__arrow {
		width:2.5em;
		height:2.5em;
	}

	.splide__arrow svg {
		height: 1.2em;
		width: 1.2em;
	}

	.splide__arrow--prev{
		left:calc((100% - 100%) / 2 + 10px);
	}

	.splide__arrow--next{
		right:calc((100% - 100%) / 2 + 10px);
	}

}