@charset "utf-8";

/*
liは下から0なのでjsで順番を入れ替えること。
*/

#slidephoto {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#slidephoto ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#slidephoto li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	text-align: center;
}

#slidephoto li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#slidephoto li.test1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


#slidephoto .fadeout {
	-webkit-animation: fadeout_animname 1s forwards;
	animation: fadeout_animname 1s forwards;
}

@keyframes fadeout_animname {
	0% { opacity: 1; }
	100% { opacity: 0; }
}