@charset "utf-8";


      
/*CSSスライドショー設定
---------------------------------------------------------------------------*/
/*スライドの高さや幅を設定*/
.main_imgBox {
      height: 100%;
    overflow: hidden;
    position: relative; 
        top: -100px;
    }
    
  /*スライドの中身*/
 .main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 42s infinite;
    animation: anime 42s infinite; }
 
 /*スライドショーを順番に出す*/
 
 .main_img:nth-of-type(1) {
      -webkit-animation-delay: 0s;
      animation-delay: 0s; }

 .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 24s;
      animation-delay: 24s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }
      
    .main_img:nth-of-type(7) {
      -webkit-animation-delay: 36s;
      animation-delay: 36s; }

      
 /*keyframes*/
@keyframes anime {
  0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
        transform: scale(1.2) ;
         z-index:1;
    }
    100% { opacity: 0 }
}

/*CSSスライドショーの上に文字
---------------------------------------------------------------------------*/


      
  
/*スライドショー下の曲線グラデーション画像*/
#kazari {
	position: absolute;
	bottom: 90px;	/*飾りがメニューの上に配置されるよう、ここはメニューブロックの高さを指定しておく。*/
	z-index: 1000;
	width: 100%;
}