/* --- 全体のBOX定義 ---------------------------------------- */
.box {
  position   : relative;
  mmax-width  : 700px;
  height     : 520px;
  margin     : auto;
  overflow   : hidden;
}

/* --- 背景の指定 ------------------------------------------- */
.box .bgImg {
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity    : 0;
  animation  : bgAnime 15s infinite;
}

/* --- 段差で背景画像のアニメーションを実行 ----------------- */
.box .src1 {
}
.box .src2 {
  animation-delay  : 5s;
}
.box .src3 {
  animation-delay  : 10s;
}
img{
	border: solid 2px #48423B
}

@keyframes bgAnime {
   0% { opacity: 0; }
   9% { opacity: 1; }
  25% { opacity: 1; }
  34% { opacity: 0; }
 100% { opacity: 0; }
}