@charset "UTF-8";
/* CSS Document */
.slider {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
footer {
  background: #000;
}
footer a {
  color: #fff !important;
}
.home_safety {
  margin-bottom: 190px !important;
}	
.season_bottom {
  position: relative;
//margin-top: -170px;	
margin-top: -200px;	
  position: relative;
  z-index: 14;
}	
.season_btm02 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
animation: blinking 2s ease-in-out infinite alternate;	
}	
@keyframes blinking {
  0%   { opacity: 0.1; }
  100% { opacity: 1; }
}
.anime{
  position: relative;
	}	
.season_content_wrap {
  background: url("../img/bg_halloween.jpg");
  background-repeat: repeat;
  background-position: center;
  background-size: 30px 40px;
display: flex;
}
.season_content_inner {
  width: 70%;
  background: #fff;
  margin: 0 auto;
}
.anime_block.content_left,
  .anime_block.content_right {
    width: 15%;
    display: flex;
    flex-direction: column;
    overflow: hidden;  
  }

  .anime_sec {
    flex: 1;
    position: relative;
    height: 150px; /* 好みで調整 */
    margin-bottom: 20px;
  }

  .chara {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    width: 100px; /* 画像サイズ例 */
    transition: opacity 0.5s ease;
  }

  /* move_left用 */
  .chara.move_left {
    left: 80%;
  }
  /* move_right用 */
  .chara.move_right {
    left: 20%;
  }

  /* アニメーション中 */
  .anime_sec.show .chara {
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-duration: 8s;
    animation-name: none;
    opacity: 1;
    z-index: 1;
  }
  .anime_sec.show .chara.move_left {
    animation-name: floatUpLeft;
  }
  .anime_sec.show .chara.move_right {
    animation-name: floatUpRight;
  }

  @keyframes floatUpLeft {
    0% {
      transform: translate(-50%, 0) translate(100px, 200px);
      opacity: 1;
    }
    10% {
      z-index: 1;
    }
    98% {
      opacity: 1;
    }
    100% {
      transform: translate(-50%, 0) translate(-300px, -500px);
      opacity: 0;
    }
  }

  @keyframes floatUpRight {
    0% {
      transform: translate(-50%, 0) translate(-100px, 200px);
      opacity: 1;
    }
    10% {
      z-index: 1;
    }
    98% {
      opacity: 1;
    }
    100% {
      transform: translate(-50%, 0) translate(300px, -500px);
      opacity: 0;
    }
  }

.season_bottom.media_pc {
  display: block;
}
.season_bottom.media_sp {
  display: none;
}

@media screen and (max-width:768px){
.season_bottom.media_pc {
  display: none;
}
.season_bottom.media_sp {
  display: block;
}
.anime_block.content_left, .anime_block.content_right {
  width: 10%;
	}
.season_content_inner {
  width: 80%;
	}
.home_safety {
  margin-bottom: 160px !important;
}	
}