@charset "UTF-8";
@media screen and (min-width: 981px) {
body {
  display: none;
}
}
/*---------------------------------
              video
---------------------------------*/
@media screen and (max-width: 980px) {
body {
  padding: 0 0 30px 0;
}
.header-video {
  margin: 30px 0 0 0;
}
.header-video2 {
  margin: 350px 0 0px 0;
}
video {
  filter: drop-shadow(7px 7px 1px rgb(0, 0, 0,0.4));
}
.video_15th {
  position: relative;
  margin: 260px 0 0 0;
}
.video_15th-text {
  position: absolute;
  margin: 0 auto;
  top: -240px;
  right: 0;
  left: 0;
  z-index: 9;
}
.video_15th-castle {
  position: absolute;
  margin: 0 auto;
  bottom: -60px;
  right: 0;
  left: 0;
  z-index: 9;
}
.video_campaign {
  position: relative;
  margin: 140px 0 0 0;
}
.video_campaign-text {
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: -130px;
  z-index: 9;
}
.video_01 {
  position: relative;
  margin: 150px 0 0 0;
}
.video_01-text {
  position: absolute;
  margin: 0;
  top: -150px;
  right: 0;
  left: 0;
  z-index: 9;
}
.video_01-text2 {
  position: absolute;
  margin: 0;
  bottom: -380px;
  right: 0;
  left: 0;
  z-index: 99;
}
.video_02 {
  position: relative;
  margin: 0 0 160px 0;
}
.video_01-text3 {
  position: absolute;
  margin: 0;
  bottom: -180px;
  right: 0;
  left: 0;
  z-index: 9;
}

.event_100off {
  position: relative;
  margin: 250px 0 0 0;
}
.event_text01 {
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: -250px;
  z-index: 99;
}
.event_img01 {
  border: 10px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
}
.banner-animation {
  display: block;
  margin: 0 auto;
  animation-name: dokidoki;
  animation-delay: 0s;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
@keyframes dokidoki {
  0% {
      transform: scale(1);
  }
  20% {
      transform: scale(1);
  }
  30% {
      transform: scale(1.05);
  }
  50% {
      transform: scale(1);
  }
  70% {
    transform: scale(1);
  } 
  80% {
    transform: scale(1.05);
  }
}
.bunny-container {
  position: relative;
  margin: 160px 0 130px 0;
}
.bunny-text1 {
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: -150px;
}
.bunny {
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
}

/*---------------------------------
          slick setting
---------------------------------*/
.slide {
  position: relative;
  filter: drop-shadow(6px 6px 2px rgb(0, 0, 0,0.4));
}
.model01,
.model04,
.model06 {
  position: absolute;
  top: 18px;
  right: 51px;
  filter: drop-shadow(-8px -8px 0px rgb(0, 0, 0,0.1));
}
.model02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(8px 8px 0px rgb(0, 0, 0,0.3));
}
.model03,
.model05 {
  position: absolute;
  top: 18px;
  left: 51px;
  filter: drop-shadow(8px 8px 0px rgb(0, 0, 0,0.3));
}


.carousel,
.carousel2 {
  width: 920px;
  height: auto;
  display: flex; 
  overflow: hidden;
  margin: 0 auto;
  filter: drop-shadow(8px 8px 0px rgb(0, 0, 0,0.3));
}
.carousel img,
.carousel2 img {
  margin: 0;
  padding: 0;
  display: block;
}
.carousel > :first-child {
  animation-name: scroll;
  animation-duration: 12s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { margin-left: 0; }  
  8% { margin-left: -100%; }  
  12% { margin-left: -100%; }      
  20% { margin-left: -200%; }
  24% { margin-left: -200%; }
  32% { margin-left: -300%; }
  36% { margin-left: -300%; }
  44% { margin-left: -400%; }
  48% { margin-left: -400%; }
  56% { margin-left: -500%; }
  60% { margin-left: -500%; }
  68% { margin-left: -600%; }
  72% { margin-left: -600%; }
  80% { margin-left: -700%; }
  86% { margin-left: -700%; }
  94% { margin-left: -800%; }
  100% { margin-left: -800%; }
}

.carousel2 > :first-child {
  animation-name: scroll2;
  animation-duration: 7s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
}
@keyframes scroll2 {
  0% { margin-left: 0; }  
  15% { margin-left: -100%; }  
  20% { margin-left: -100%; }      
  35% { margin-left: -200%; }
  40% { margin-left: -200%; }
  55% { margin-left: -300%; }
  60% { margin-left: -300%; }
  75% { margin-left: -400%; }
  80% { margin-left: -400%; }
  95% { margin-left: -500%; }
  100% { margin-left: -500%; }
}

.carousel ul li {
	list-style-type: none;
	display: none;
}
ul {
  margin: 0;
  padding-left: 0;
}


.img-shadow {
  filter: drop-shadow(8px 8px 0px rgb(0, 0, 0,0.3));
}

.slider_contents-bg {
  position: relative;
  width: 920px;
  height: 920px;
  overflow: hidden;
}
.slider_model-img {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}








}