/*** [submenu] ***********************************************************/
#smenu {
}

.sct-title-e {
	position: relative;
  text-align: center;
}

.sct-title-e > img:not(last-child) {
	animation: 20s linear infinite;
	left: 0;
	position: absolute;
}

@keyframes title0 {
	0% { opacity: 1; z-index: 1; }
	25% { opacity: 1; }
	30% { opacity: 0; z-index: 0; }
	95% { opacity: 0; z-index: 1; }
	100% { opacity: 1; z-index: 1; }
}
.sct-title-e > img:first-child {
	animation-name: title0;
}

@keyframes title1 {
	0% { opacity: 0; z-index: 1; }
	20% { opacity: 0; }
	25% { opacity: 1; }
	50% { opacity: 1; z-index: 0; }
	55% { opacity: 0; }
	100% { opacity: 0; z-index: 0; }
}
.sct-title-e > img:nth-child(2) {
  animation-name: title1;
}

@keyframes title2 {
	0% { opacity: 0; z-index: 1; }
	45% { opacity: 0; }
	50% { opacity: 1; z-index: 1; }
	70% { z-index: 0; }
	75% { opacity: 1; }
	80% { opacity: 0; }
	100% { opacity: 0; z-index: 0; }
}
.sct-title-e > img:nth-child(3) {
  animation-name: title2;
}

@keyframes title3 {
	0% { opacity: 1; z-index: 0; }
	5% { opacity: 0; }
	70% { opacity: 0; z-index: 1; }
	75% { opacity: 1; }
	95% { z-index: 0; }
	100% { opacity: 1; z-index: 0; }
}
.sct-title-e > img:nth-child(4) {
  animation-name: title3;
}

.sct-title-e > img:last-child {
	left: 50%;
	transform: translate(-50%, 40px);
	z-index: 2;
}