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

/* ポップアップ基本レイアウト　285*380 */

.CrossfadeSix,
.CrossfadeFive,
.CrossfadeFour,
.CrossfadeThree{
	  position:relative;
	  /* スライダーの高さ固定 */
	  height: 380px;
	  margin:0 auto;
	  padding:0 auto;
	  text-align: center;
	}

	.CrossfadeSix ul,
	.CrossfadeFive ul,
	.CrossfadeFour ul,
	.CrossfadeThree ul{
	  margin:0;
	  padding:0;
	  list-style:none;
	}
	.CrossfadeSix ul li,
	.CrossfadeFive ul li,
	.CrossfadeFour ul li,
	.CrossfadeThree ul li{
	position:absolute;
	  width:100%;
	  height:100%;
	  top:0;
	  left:0;
	  animation-iteration-count:infinite;
/* スライド一枚がアニメーション終わるまで */
	  animation-duration:30s;
	}
	.CrossfadeSix ul img,
	.CrossfadeFive ul img,
	.CrossfadeFour ul img,
	.CrossfadeThree ul img{
		margin:0 auto 0;
		padding:0 auto;
	}



/* 5枚ポップアップ */
/*-----アニメーション開始ずらし----*/

	.CrossfadeFive ul li:nth-child(1){
	  animation-name:CrossfadeFive;
	  animation-delay:-1s;
	}
	.CrossfadeFive ul li:nth-child(2){
	  animation-name:CrossfadeFive;
	  animation-delay:5s;
	  opacity:0;
	}
	.CrossfadeFive ul li:nth-child(3){
	  animation-name:CrossfadeFive;
	  animation-delay:11s;
	  opacity:0;
	}
	.CrossfadeFive ul li:nth-child(4){
	  animation-name:CrossfadeFive;
	  animation-delay:17s;
	  opacity:0;
	}
	.CrossfadeFive ul li:nth-child(5){
	  animation-name:CrossfadeFive;
	  animation-delay:23s;
	  opacity:0;
	}


	/* --------------------------------------------- */
	/* 6枚ポップアップ */
	/*-----アニメーション開始ずらし----*/

		.CrossfadeSix ul li{
	/* アニメーション一個分の時間 */
		  animation-duration:36s;
		}
		.CrossfadeSix ul li:nth-child(1){
		  animation-name:CrossfadeSix;
		  animation-delay:-1s;
		}
		.CrossfadeSix ul li:nth-child(2){
		  animation-name:CrossfadeSix;
		  animation-delay:5s;
		  opacity:0;
		}
		.CrossfadeSix ul li:nth-child(3){
		  animation-name:CrossfadeSix;
		  animation-delay:11s;
		  opacity:0;
		}
		.CrossfadeSix ul li:nth-child(4){
		  animation-name:CrossfadeSix;
		  animation-delay:17s;
		  opacity:0;
		}
		.CrossfadeSix ul li:nth-child(5){
		  animation-name:CrossfadeSix;
		  animation-delay:23s;
		  opacity:0;
		}
		.CrossfadeSix ul li:nth-child(6){
		  animation-name:CrossfadeSix;
		  animation-delay:29s;
		  opacity:0;
		}


/* --------------------------------------------- */
	/*		4枚ポップアップ 		*/
		.CrossfadeFour ul li{
	/* アニメーション一個分の時間 */
		  animation-duration:23s;
		}

	/*-----アニメーション開始ずらし----*/

		.CrossfadeFour ul li:nth-child(1){
		  animation-name:CrossfadeFour;
		  animation-delay:-1s;
		}
		.CrossfadeFour ul li:nth-child(2){
		  animation-name:CrossfadeFour;
		  animation-delay:5s;
		  opacity:0;
		}
		.CrossfadeFour ul li:nth-child(3){
		  animation-name:CrossfadeFour;
		  animation-delay:11s;
		  opacity:0;
		}
		.CrossfadeFour ul li:nth-child(4){
		  animation-name:CrossfadeFour;
		  animation-delay:17s;
		  opacity:0;
		}


/* --------------------------------------------- */
	/*		3枚ポップアップ 		*/
		.CrossfadeThree ul li{
	/* アニメーション一個分の時間 */
		  animation-duration:18s;
		}

	/*-----アニメーション開始ずらし----*/

		.CrossfadeThree ul li:nth-child(1){
		  animation-name:CrossfadeThree;
		  animation-delay:-1s;
		}
		.CrossfadeThree ul li:nth-child(2){
		  animation-name:CrossfadeThree;
		  animation-delay:5s;
		  opacity:0;
		}
		.CrossfadeThree ul li:nth-child(3){
		  animation-name:CrossfadeThree;
		  animation-delay:11s;
		  opacity:0;
		}




	/* フェードイン・フェードアウト */
	/* 表示されてる画像のリンクが最前列に来るようz-indexを9998に設定。 */

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

	@keyframes CrossfadeFour{
	  0%{
			/*アニメーション開始時*/
	    opacity:0;
			z-index: 0;
	  }
	  4.1%{
	    opacity:1;
			z-index: 9998;
	  }
		　/* ここまでで表示 */
	  30%{
	    opacity:1;
			z-index: 9998;
	  }
		/* ここから非表示　*/
	  31%{
	    opacity:0;
			z-index: 1;
	  }
	  100%{
			/*アニメーション終了時*/
	    opacity:0;
			z-index: 1;
	  }
	}
@keyframes CrossfadeThree{
	0%{
		/*アニメーション開始時*/
		opacity:0;
		z-index: 0;
	}
	6.5%{
		opacity:1;
		z-index: 9998;
	}
	　/* ここまでで表示 */
	44%{
		opacity:1;
		z-index: 9998;
	}
	/* ここから非表示　*/
	45%{
		opacity:0;
		z-index: 1;
	}
	100%{
		/*アニメーション終了時*/
		opacity:0;
		z-index: 1;
	}
}