@import "https://files.bcart.jp/san-sale/uploads/css/edit/base.css";
@import "https://files.bcart.jp/san-sale/uploads/slick/slick.css";

/* 表示領域全体 */
div.container.itmFade_3 {
  position : relative;
  max-width : 100%;
  max-height : 100%;
  margin : 0 auto 1em auto;
}
/* 表示領域の「position: relative;」により，領域高さが0になるため，paddingで高さを確保する */
div.container.itmFade_3::before {
  content : "";
  display : block;
  padding-top : 40%;
}



div.container.itmFade_3 div.item {
  position: absolute;
  top : 0;
  left : 0;
  max-width : 100%;
  max-height : 100%;
  opacity : 0;
  animation : itmFade3-chg-itm-anim 15s infinite;  
}

div.container.itmFade_3 div.item:nth-of-type( 1 ) {
  animation-delay : 0s;  
}

div.container.itmFade_3 div.item:nth-of-type( 2 ) {
 
  animation-delay : 5s;
}

div.container.itmFade_3 div.item:nth-of-type( 3 ) {
 
  animation-delay : 10s;
}


@keyframes itmFade3-chg-itm-anim {
  0% {
    opacity : 0;
  }
  10%{
    opacity : 1;
    z-index : 3;
  }
  33%{
    opacity : 1;
  }

  50%{
    opacity : 0;
    z-index : 1;
  }
  100% {
    opacity : 0;
  }
}