
.toast-info{background-image:none!important;}

	.splide__track{
	  position:relative;
	  /* 表示するスライダーの高さを設定 */
	  height: 280px;
	  margin:0 auto;
	  padding:0 auto;
	  text-align: center;
	}
	.splide__track ul{
	  margin:0;
	  padding:0;
	  list-style:none;
	}
	.splide__track ul img{
	  /* スライドさせる画像の幅を設定 */
	  width:330px;
	  margin:0 auto 0;
	  padding:0 auto;
	}
	.splide__track ul li{
	  width:100%;
	  height:100%;
	  position:absolute;
	  top:0;
	  left:0;
	  animation-iteration-count:infinite;
	  animation-duration:30s;
	}

	/* -------------------------------------------------- */
	/* アニメーション開始時間の設定 */

	.splide__track ul li:nth-child(1){
	  animation-name:splide__track;
	  /* 4秒後からスタート */
	  animation-delay:-1s;
	}
	.splide__track ul li:nth-child(2){
	  animation-name:splide__track;
	  /* 6秒後（10秒+4秒）からスタート */
	  animation-delay:5s;
	  opacity:0;
	}
	.splide__track ul li:nth-child(3){
	  animation-name:splide__track;
	  animation-delay:11s;
	  opacity:0;
	}
	.splide__track ul li:nth-child(4){
	  animation-name:splide__track;
	  animation-delay:17s;
	  opacity:0;
	}
	.splide__track ul li:nth-child(5){
	  animation-name:splide__track;
	  animation-delay:23s;
	  opacity:0;
	}


	/* -------------------------------------------------- */
	/* フェードイン・フェードアウトの設定 */

	@keyframes splide__track{
	  0%{
			/*アニメーション開始時*/
	    opacity:0;
			z-index: 0;
	  }
	  2.3%{
	    opacity:1;
			z-index: 9998;
	  }
		　/* ここまでで表示 */
	  50%{
	    opacity:1;
			z-index: 9998;
	  }
		/* ここから非表示　*/
	  51%{
	    opacity:0;
			z-index: 1;
	  }
	  100%{
			/*アニメーション終了時*/
	    opacity:0;
			z-index: 1;
	  }
	}
