.splide__container{
	box-sizing:border-box;
	position:relative
}
/* スライドのサイズ調整 */
.splide__slide img {
	height: auto;
	width: 100%;
}

/*------------------------*/
/* thumbnail
/*------------------------*/

/*------------------------*/
/*ページネーション
/*------------------------*/
/* ページネーションのスタイル */
.your-class-page {
	background-color: black;
	opacity: .25;
	height: 1.5em;
	width: 1.5em;
	border-radius: 50%;
	transition: .3s all ease-in-out;
}
/* 現在表示されているページネーションのスタイル */
.your-class-page.is-active {
	transform: scale(1.3);
	background-color: #ffb32e;
	opacity: 1;
}
/* ページネーションの位置 */
.your-class-pagination {
	position: absolute;
	bottom: 2em;
	left: 50%;
	transform: translateX(-50%);
}
/* ページネーション間の余白 */
.your-class-pagination li {
	margin-right: 30px!important;
}
.your-class-pagination li:last-child {
	margin-right: 0!important;
}
@media screen and (max-width: 767px){
	.your-class-page {
		padding: 0;
		border: none;
		height: 10px;
		width: 10px;
	}
	/* ページネーションの位置 */
	.your-class-pagination {
		position: static;
		transform: none;
		display: flex;
		justify-content: center;
		padding: 6px 0;
	}
	.your-class-pagination li {
		margin-right: 14px!important;
	}
}

/*------------------------*/
/*arrows
/*------------------------*/
/* 矢印のクリック範囲など */
.splide__arrow{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.button {
	background-color: transparent; /* ボタンの背景を透明にする */
	height: 50px;
	transition: .2s;
	width: 50px;
	cursor: pointer;
}
/* 矢印共通のスタイル */
.button::before {
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 50px;
	width: 50px;
	opacity: .5;
}
.button:hover::before {
	opacity: 1;
}
/* 前の矢印 */
.splide__arrow--prev{
	position: absolute;
	left: 1em;
}
.prev::before {
	background-image: url("../img/top/navi01_left.png");
}
/* 次の矢印 */
.splide__arrow--next{
	position: absolute;
	right: 1em;
}
.next::before {
	background-image: url("../img/top/navi01_right.png");
}
/*------------------------*/
/*プログレスバー
/*------------------------*/
.splide__progress{
	margin-top: 0;
	background-color: transparent;
}
.splide__progress__sp{
	background-color: #ccc;
}
.splide__progress__bar,
.splide__progress__bar__sp{
	height: 4px;
	background: #ffb32e;
}

@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;f
	lex-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
}