@charset "shift_jis";
/* CSS Document */

.MB1em {
  margin-bottom: 1em !important;
}
.MB00 {
  margin-bottom: 0px !important;
}
.MB10 {
  margin-bottom: 10px !important;
}
.MB15 {
  margin-bottom: 15px !important;
}
.MB20 {
  margin-bottom: 20px !important;
}
.MB25 {
  margin-bottom: 25px !important;
}
.MB30 {
  margin-bottom: 30px !important;
}
.MB35 {
  margin-bottom: 35px !important;
}
.MB40 {
  margin-bottom: 40px !important;
}
.MB45 {
  margin-bottom: 45px !important;
}
.MB50 {
  margin-bottom: 50px !important;
}
.MB55 {
  margin-bottom: 55px !important;
}
.MB60 {
  margin-bottom: 60px !important;
}
.MB65 {
  margin-bottom: 55px !important;
}
.MB60 {
  margin-bottom: 60px !important;
}
.MB65 {
  margin-bottom: 65px !important;
}
.MB70 {
  margin-bottom: 70px !important;
}
.MB75 {
  margin-bottom: 75px !important;
}
.MB80 {
  margin-bottom: 80px !important;
}
.MB85 {
  margin-bottom: 85px !important;
}
.MB90 {
  margin-bottom: 90px !important;
}
.MB95 {
  margin-bottom: 95px !important;
}
.MB100 {
  margin-bottom: 100px !important;
}
.MB110 {
  margin-bottom: 110px !important;
}
.MB120 {
  margin-bottom: 120px !important;
}
.MB130 {
  margin-bottom: 130px !important;
}
.MB140 {
  margin-bottom: 140px !important;
}
.MB150 {
  margin-bottom: 150px !important;
}
.MB160 {
  margin-bottom: 160px !important;
}
.MB200 {
  margin-bottom: 200px !important;
}

.w100 {
  display: block;
  width: 100%;
  height: auto;
}

.price_box {
  background: #fbc427;
  padding: 20px;
}

.price_box .price_inbox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  max-width: 980px;
  width: 77.5%;
  margin: 8px auto;
}
.price_box .price_txt {
  max-width: 380px;
  width: 100%;
}

.btn_buy {
  width: 180px;
}

.btn_mall .btn {
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: transparent;
  border: 2px solid transparent;
  padding: 0.375rem 2rem;
  font-size: 18px;
  width: 180px;
  border-radius: 6px;
}
.btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background: #30aaff;
  border: solid 2px #fff;
}

.btn_mall.btn_mall02 .btn.btn-light {
  display: block;
  color: #fff;
  background: #ee86b4;
  border: solid 2px #fff;
}
.btn_mall.btn_mall03 .btn.btn-light {
  display: block;
  color: #fff;
  background: #ed6c00;
  border: solid 2px #fff;
}
.btn_mall.btn_mall04 .btn.btn-light {
  display: block;
  color: #fff;
  background: #c490bf;
  border: solid 2px #fff;
}
.btn_mall.btn_mall05 .btn.btn-light {
  display: block;
  color: #fff;
  background: #22b6aa;
  border: solid 2px #fff;
}
.btn_mall.btn_mall06 .btn.btn-light {
  display: block;
  color: #fff;
  background: #aacf45;
  border: solid 2px #fff;
}
.btn_mall_box {
  width: 180px;
  margin: 0 auto;
}
.btn_mall_box .btn_mall .btn.btn-light {
  display: block;
  color: #fff;
  background: #30aaff;
  border: #30aaff;
}

.movie_area {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
padding: 0 10px;
}

.promo_movie_box {
width: 45%;
max-width: 480px;
  margin: 0 auto 20px;
}

#contents .youtube {
  position: relative;
  width: 100%;
  padding-top: 177.78%;
}
#contents .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.ct_box .copyright {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;

  align-items: center;

  padding: 20px 10px;
}

.ct_box .copyright_img {
  width: 40%;
  max-width: 320px;
}

.ct_box .copyright_text {
  width: 55%;
  text-align: left;
  font-size: 11px;
  color: #000;
}

.ct_box .copyright_text span {
display: inline-block;
padding-left: 1em;
text-indent: -1em;
}

.ct_box .bnr_box {
  padding: 20px 8% 10px;
}
.ct_box .bnr_box a {
  display: block;
}

.copyright_box2406{
  background: #fff;
}
/*------------------------*/

.ct_box {
  width: 100%;
  margin: 0 auto;
}

.ct_box > .w480 {
  width: 100%;
  max-width: 480px;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
}

@media (min-width: 481px) {
  .ct_box > .w480 {
    border-right: 4px #f5b400 solid;
    border-left: 4px #f5b400 solid;
  }
  /* min-width: 481px */
}

.bg_box {
  background: #fbc427;
  background-size: cover;
  background-position: center;
}
/*------------------------*/

/* mainここから */
.pokemon_logo {
  width: 30.6122449%;
}

.price_date_box {
max-width: 292px;
width: 60%;
margin: 0 auto;
position: absolute;
left:0;
right:0;
bottom:11%;
}




/*------------------------*/

/* area_2ここから */
.area_2{
  background: #ffe900;
  position: relative;
  padding: 5% 0;
}
.area_2_bg{
  width: 93.22916667%;
  margin: 0 auto;
}
.area_2_title{
  position: relative;
  z-index: 2;
  width: 20.20833333%;
  margin: 0 auto;
  opacity: 0;
}
.animate_area_2_title{
  animation: wipe_anime 0.3s forwards;
}
.area_2_title_bg{
  position: relative;
  z-index: 1;
  width: 22.70833333%;
  margin: -3.5% auto -2%;
  opacity: 0;
}
.animate_area_2_title_bg{
  animation: wipe_anime 0.3s forwards;
}

.area_2_contents{
  position: relative;
}
.area_2_img1{
  position: absolute;
  z-index: 2;
  top: 10%;
  left: 5%;
  width: 56.35416667%;
  opacity: 0;
}
.animate_area_2_img1{
  animation: scale_up 0.3s forwards;
}
.area_2_img2{
  position: absolute;
  z-index: 1;
  top: 22%;
  right: 3%;
  width: 45.3125%;
  opacity: 0;
}
.animate_area_2_img2{
  animation: scale_up 0.3s forwards;
}
.area_2_text1{
  width: 22.08333333%;
  position: absolute;
  z-index: 3;
  top: 16%;
  left: 9.5%;
  opacity: 0;
}
.animate_area_2_text1{
  transform-origin: bottom;
  animation: scale_up 0.3s forwards;
}
.area_2_text2{
  width: 11.875%;
  position: absolute;
  z-index: 3;
  top: 45%;
  left: 42%;
  opacity: 0;
}
.animate_area_2_text2{
  transform-origin: right top;
  animation: area_2_text2 0.3s forwards;
}
@keyframes area_2_text2{
  0%{
    transform: rotate(-30deg);
    opacity: 0;
  }
  50%{
    transform: rotate(10deg);
    opacity: 1;
  }
  100%{
    transform: rotate(0);
    opacity: 1;
  }
}
.area_2_text3{
  width: 18.125%;
  position: absolute;
  z-index: 3;
  bottom: 20%;
  right: 22%;
  opacity: 0;
}
.animate_area_2_text3{
  transform-origin: top;
  animation: scale_up 0.3s forwards;
}
.area_2_text4{
  width: 23.54166667%;
  position: absolute;
  z-index: 3;
  top: 24%;
  right: 14.5%;
  opacity: 0;
}
.animate_area_2_text4{
  transform-origin: bottom;
  animation: scale_up 0.3s forwards;
}
.area_2_text5{
  width: 12.1875%;
  position: absolute;
  z-index: 3;
  top: 29%;
  right: 18%;
  opacity: 0;
}
.animate_area_2_text5{
  animation: area_2_text5 0.4s forwards;
}
@keyframes area_2_text5{
  0%{
    transform: scaleX(0.5) scaleY(0.5);
    opacity: 0;
  }
  50%{
    transform: scaleX(1.5) scaleY(1.1);
    opacity: 1;
  }
  100%{
    transform: scaleX(1) scaleY(1);
    opacity: 1;
  }
}
.area_2_shape1{
  width: 42.60416667%;
  position: absolute;
  z-index: 3;
  top: 22%;
  left: 5%;
  opacity: 0;
}
.animate_area_2_shape1{
  animation: scale_up 0.3s forwards;
}
.area_2_shape2{
  width: 22.39583333%;
  position: absolute;
  z-index: 3;
  top: 42%;
  right: 15%;
}

@keyframes scale_up{
  0%{
    transform: scale(0.5);
    opacity: 0;
  }
  50%{
    transform: scale(1.1);
    opacity: 1;
  }
  100%{
    transform: scale(1);
    opacity: 1;
  }
}
/*------------------------*/

/* pikachuここから */
.pikachu{
  background: #fabe00;
  padding: 5% 0 0;
  position: relative;
}
.lineup_title{
  position: relative;
  z-index: 2;
  width: 39.58333333%;
  margin: 0 auto;
  opacity: 0;
}
.animate_lineup_title{
  animation: wipe_anime 0.3s forwards;
}
.lineup_title_bg{
  position: relative;
  z-index: 1;
  width: 41.66666667%;
  margin: -3.5% auto 0;
  opacity: 0;
}
.animate_lineup_title_bg{
  animation: wipe_anime 0.3s forwards;
}


.pikachu_contents_box{
  position: relative;
}

.pikachu_name{
  position: relative;
  z-index: 5;
  width: 42%;
  margin: 8% auto 0;
}

.pikachu_img_box{
  position: relative;
  z-index: 3;
  width: 80.6875%;
  margin: -25% 0 0 28%;
}

.pikachu_img{
  position: absolute;
  top: 0;
}
.pikachu_img1{
  opacity: 1;
}
.animate_pikachu_img1{
  animation: pikachu_img1 5s infinite;
}
@keyframes pikachu_img1 {
  0%{
    opacity: 1;
  }
  10%{
    opacity: 1;
  }
  11%{
    opacity: 0;
  }
  91%{
    opacity: 0;
  }
  92%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}
.pikachu_img2{
  opacity: 0;
}
.animate_pikachu_img2{
  animation: pikachu_img2 5s infinite;
}
@keyframes pikachu_img2 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 1;
  }
  12%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.pikachu_img3{
  opacity: 0;
}
.animate_pikachu_img3{
  animation: pikachu_img3 5s infinite;
}
@keyframes pikachu_img3 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 0;
  }
  11%{
    opacity: 1;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 0;
  }
  50%{
    opacity: 0;
  }
  53%{
    opacity: 1;
  }
  91%{
    opacity: 1;
  }
  92%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.pikachu_img4{
  opacity: 0;
}
.animate_pikachu_img4{
  animation: pikachu_img4 5s infinite;
}
@keyframes pikachu_img4 {
  0%{
    opacity: 0;
  }
  15%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 0;
  }
  28%{
    opacity: 0;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 1;
  }
  35%{
    opacity: 1;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  53%{
    opacity: 1;
  }
  60%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.pikachu_img5{
  opacity: 0;
}
.animate_pikachu_img5{
  animation: pikachu_img5 5s infinite;
}
@keyframes pikachu_img5 {
  0%{
    opacity: 0;
  }
  24.5%{
    opacity: 0;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 0;
  }
  27%{
    opacity: 0;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 1;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 0;
  }
  35%{
    opacity: 0;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 1;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  39%{
    opacity: 1;
  }
  39.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.pikachu_img6{
  opacity: 0;
}
.animate_pikachu_img6{
  animation: pikachu_img6 5s infinite;
}
@keyframes pikachu_img6 {
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 1;
  }
  27%{
    opacity: 1;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 0;
  }
  36%{
    opacity: 0;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 1;
  }
  38%{
    opacity: 1;
  }
  38.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.pikachu_text1{
  position: absolute;
  z-index: 5;
  width: 27.91666667%;
  top: 30%;
  left: 12%;
  opacity: 0;
}
.animate_pikachu_text1{
  transform-origin: right;
  animation: pikachu_text1 5s infinite;
}
@keyframes pikachu_text1 {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  70%{
    scale: 1;
    opacity: 1;
  }
  75%{
    scale: 1.1;
    opacity: 1;
  }
  80%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.pikachu_bg_shape{
  position: absolute;
  z-index: 1;
  top: 5%;
  opacity: 0;
}
.animate_pikachu_bg_shape{
  transform-origin: bottom;
  animation: pikachu_bg_shape 5s infinite;
}
@keyframes pikachu_bg_shape {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  85%{
    scale: 1;
    opacity: 1;
  }
  90%{
    scale: 1.1;
    opacity: 1;
  }
  95%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.pikachu_bg_ball_1{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 22%;
  left: 10%;
  rotate: -30deg;
  opacity: 0;
}
.animate_pikachu_bg_ball_1{
  animation: pikachu_bg_ball_1 5s infinite;
}
@keyframes pikachu_bg_ball_1 {
  0%{
    transform: translateX(600%) translateY(10000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-25deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.pikachu_bg_ball_2{
  position: absolute;
  z-index: 1;
  width: 8.645833333%;
  top: 20%;
  right: 15%;
  opacity: 0;
}
.animate_pikachu_bg_ball_2{
  animation: pikachu_bg_ball_2 5s infinite;
}
@keyframes pikachu_bg_ball_2 {
  0%{
    transform: translateX(-600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(5deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  95%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.pikachu_bg_ball_3{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 72%;
  left: 8%;
  rotate: -45deg;
  opacity: 0;
}
.animate_pikachu_bg_ball_3{
  animation: pikachu_bg_ball_3 5s infinite;
}
@keyframes pikachu_bg_ball_3 {
  0%{
    transform: translateX(600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-40deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(600%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}

.btn_mall01{
  width: 180px;
  position: absolute;
  bottom: 2%;
  left:0;
  right:0;
  margin: 0 auto;
}

.pikachu_bottom{
  margin-top: -10%;
}

/* --------------------------------------- */

/* nyaohaここから */
.nyaoha{
  background: #d3e27d;
  padding: 5% 0 0;
  position: relative;
}
.lineup_title{
  position: relative;
  z-index: 2;
  width: 39.58333333%;
  margin: 0 auto;
}
.lineup_title_bg{
  position: relative;
  z-index: 1;
  width: 41.66666667%;
  margin: -3.5% auto 0;
}

.nyaoha_contents_box{
  position: relative;
}

.nyaoha_name{
  position: relative;
  z-index: 5;
  width: 42%;
  margin: 8% auto 0;
}

.nyaoha_img_box{
  position: relative;
  z-index: 3;
  width: 80.6875%;
  margin: -25% 0 0 28%;
}

.nyaoha_img{
  position: absolute;
  top: 0;
}
.nyaoha_img1{
  opacity: 1;
}
.animate_nyaoha_img1{
  animation: nyaoha_img1 5s infinite;
}
@keyframes nyaoha_img1 {
  0%{
    opacity: 1;
  }
  10%{
    opacity: 1;
  }
  11%{
    opacity: 0;
  }
  91%{
    opacity: 0;
  }
  92%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}
.nyaoha_img2{
  opacity: 0;
}
.animate_nyaoha_img2{
  animation: nyaoha_img2 5s infinite;
}
@keyframes nyaoha_img2 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 1;
  }
  12%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.nyaoha_img3{
  opacity: 0;
}
.animate_nyaoha_img3{
  animation: nyaoha_img3 5s infinite;
}
@keyframes nyaoha_img3 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 0;
  }
  11%{
    opacity: 1;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 0;
  }
  50%{
    opacity: 0;
  }
  53%{
    opacity: 1;
  }
  91%{
    opacity: 1;
  }
  92%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.nyaoha_img4{
  opacity: 0;
}
.animate_nyaoha_img4{
  animation: nyaoha_img4 5s infinite;
}
@keyframes nyaoha_img4 {
  0%{
    opacity: 0;
  }
  15%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 0;
  }
  28%{
    opacity: 0;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 1;
  }
  35%{
    opacity: 1;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  53%{
    opacity: 1;
  }
  60%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.nyaoha_img5{
  opacity: 0;
}
.animate_nyaoha_img5{
  animation: nyaoha_img5 5s infinite;
}
@keyframes nyaoha_img5 {
  0%{
    opacity: 0;
  }
  24.5%{
    opacity: 0;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 0;
  }
  27%{
    opacity: 0;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 1;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 0;
  }
  35%{
    opacity: 0;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 1;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  39%{
    opacity: 1;
  }
  39.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.nyaoha_img6{
  opacity: 0;
}
.animate_nyaoha_img6{
  animation: nyaoha_img6 5s infinite;
}
@keyframes nyaoha_img6 {
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 1;
  }
  27%{
    opacity: 1;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 0;
  }
  36%{
    opacity: 0;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 1;
  }
  38%{
    opacity: 1;
  }
  38.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.nyaoha_text1{
  position: absolute;
  z-index: 5;
  width: 27.91666667%;
  top: 30%;
  left: 12%;
  opacity: 0;
}
.animate_nyaoha_text1{
  transform-origin: right;
  animation: nyaoha_text1 5s infinite;
}
@keyframes nyaoha_text1 {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  70%{
    scale: 1;
    opacity: 1;
  }
  75%{
    scale: 1.1;
    opacity: 1;
  }
  80%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.nyaoha_bg_shape{
  position: absolute;
  z-index: 1;
  top: 5%;
  opacity: 0;
}
.animate_nyaoha_bg_shape{
  transform-origin: bottom;
  animation: nyaoha_bg_shape 5s infinite;
}
@keyframes nyaoha_bg_shape {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  85%{
    scale: 1;
    opacity: 1;
  }
  90%{
    scale: 1.1;
    opacity: 1;
  }
  95%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.nyaoha_bg_ball_1{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 22%;
  left: 10%;
  rotate: -30deg;
  opacity: 0;
}
.animate_nyaoha_bg_ball_1{
  animation: nyaoha_bg_ball_1 5s infinite;
}
@keyframes nyaoha_bg_ball_1 {
  0%{
    transform: translateX(600%) translateY(10000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-25deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.nyaoha_bg_ball_2{
  position: absolute;
  z-index: 1;
  width: 8.645833333%;
  top: 20%;
  right: 15%;
  opacity: 0;
}
.animate_nyaoha_bg_ball_2{
  animation: nyaoha_bg_ball_2 5s infinite;
}
@keyframes nyaoha_bg_ball_2 {
  0%{
    transform: translateX(-600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(5deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  95%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.nyaoha_bg_ball_3{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 72%;
  left: 8%;
  rotate: -45deg;
  opacity: 0;
}
.animate_nyaoha_bg_ball_3{
  animation: nyaoha_bg_ball_3 5s infinite;
}
@keyframes nyaoha_bg_ball_3 {
  0%{
    transform: translateX(600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-40deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(600%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}

.btn_mall02{
  width: 180px;
  position: absolute;
  bottom: 2%;
  left:0;
  right:0;
  margin: 0 auto;
}
.nyaoha_bottom{
  margin-top: -10%;
}
/* --------------------------------------- */

/* koduckここから */
.koduck{
  background: #fff267;
  padding: 5% 0 0;
  position: relative;
}
.lineup_title{
  position: relative;
  z-index: 2;
  width: 39.58333333%;
  margin: 0 auto;
}
.lineup_title_bg{
  position: relative;
  z-index: 1;
  width: 41.66666667%;
  margin: -3.5% auto 0;
}

.koduck_contents_box{
  position: relative;
}

.koduck_name{
  position: relative;
  z-index: 5;
  width: 42%;
  margin: 8% auto 0;
}

.koduck_img_box{
  position: relative;
  z-index: 3;
  width: 80.6875%;
  margin: -25% 0 0 28%;
}

.koduck_img{
  position: absolute;
  top: 0;
}
.koduck_img1{
  opacity: 1;
}
.animate_koduck_img1{
  animation: koduck_img1 5s infinite;
}
@keyframes koduck_img1 {
  0%{
    opacity: 1;
  }
  10%{
    opacity: 1;
  }
  11%{
    opacity: 0;
  }
  91%{
    opacity: 0;
  }
  92%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}
.koduck_img2{
  opacity: 0;
}
.animate_koduck_img2{
  animation: koduck_img2 5s infinite;
}
@keyframes koduck_img2 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 1;
  }
  12%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.koduck_img3{
  opacity: 0;
}
.animate_koduck_img3{
  animation: koduck_img3 5s infinite;
}
@keyframes koduck_img3 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 0;
  }
  11%{
    opacity: 1;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 0;
  }
  50%{
    opacity: 0;
  }
  53%{
    opacity: 1;
  }
  91%{
    opacity: 1;
  }
  92%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.koduck_img4{
  opacity: 0;
}
.animate_koduck_img4{
  animation: koduck_img4 5s infinite;
}
@keyframes koduck_img4 {
  0%{
    opacity: 0;
  }
  15%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 0;
  }
  28%{
    opacity: 0;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 1;
  }
  35%{
    opacity: 1;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  53%{
    opacity: 1;
  }
  60%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.koduck_img5{
  opacity: 0;
}
.animate_koduck_img5{
  animation: koduck_img5 5s infinite;
}
@keyframes koduck_img5 {
  0%{
    opacity: 0;
  }
  24.5%{
    opacity: 0;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 0;
  }
  27%{
    opacity: 0;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 1;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 0;
  }
  35%{
    opacity: 0;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 1;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  39%{
    opacity: 1;
  }
  39.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.koduck_img6{
  opacity: 0;
}
.animate_koduck_img6{
  animation: koduck_img6 5s infinite;
}
@keyframes koduck_img6 {
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 1;
  }
  27%{
    opacity: 1;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 0;
  }
  36%{
    opacity: 0;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 1;
  }
  38%{
    opacity: 1;
  }
  38.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.koduck_text1{
  position: absolute;
  z-index: 5;
  width: 27.91666667%;
  top: 30%;
  left: 12%;
  opacity: 0;
}
.animate_koduck_text1{
  transform-origin: right;
  animation: koduck_text1 5s infinite;
}
@keyframes koduck_text1 {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  70%{
    scale: 1;
    opacity: 1;
  }
  75%{
    scale: 1.1;
    opacity: 1;
  }
  80%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.koduck_bg_shape{
  position: absolute;
  z-index: 1;
  top: 5%;
  opacity: 0;
}
.animate_koduck_bg_shape{
  transform-origin: bottom;
  animation: koduck_bg_shape 5s infinite;
}
@keyframes koduck_bg_shape {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  85%{
    scale: 1;
    opacity: 1;
  }
  90%{
    scale: 1.1;
    opacity: 1;
  }
  95%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.koduck_bg_ball_1{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 22%;
  left: 10%;
  rotate: -30deg;
  opacity: 0;
}
.animate_koduck_bg_ball_1{
  animation: koduck_bg_ball_1 5s infinite;
}
@keyframes koduck_bg_ball_1 {
  0%{
    transform: translateX(600%) translateY(10000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-25deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.koduck_bg_ball_2{
  position: absolute;
  z-index: 1;
  width: 8.645833333%;
  top: 20%;
  right: 15%;
  opacity: 0;
}
.animate_koduck_bg_ball_2{
  animation: koduck_bg_ball_2 5s infinite;
}
@keyframes koduck_bg_ball_2 {
  0%{
    transform: translateX(-600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(5deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  95%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.koduck_bg_ball_3{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 72%;
  left: 8%;
  rotate: -45deg;
  opacity: 0;
}
.animate_koduck_bg_ball_3{
  animation: koduck_bg_ball_3 5s infinite;
}
@keyframes koduck_bg_ball_3 {
  0%{
    transform: translateX(600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-40deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(600%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}

.btn_mall03{
  width: 180px;
  position: absolute;
  bottom: 2%;
  left:0;
  right:0;
  margin: 0 auto;
}

.koduck_bottom{
  margin-top: -10%;
}
/* --------------------------------------- */

/* eievuiここから */
.eievui{
  background: #e8874c;
  padding: 5% 0 0;
  position: relative;
}
.lineup_title{
  position: relative;
  z-index: 2;
  width: 39.58333333%;
  margin: 0 auto;
}
.lineup_title_bg{
  position: relative;
  z-index: 1;
  width: 41.66666667%;
  margin: -3.5% auto 0;
}

.eievui_contents_box{
  position: relative;
}

.eievui_name{
  position: relative;
  z-index: 5;
  width: 42%;
  margin: 8% auto 0;
}

.eievui_img_box{
  position: relative;
  z-index: 3;
  width: 80.6875%;
  margin: -25% 0 0 28%;
}

.eievui_img{
  position: absolute;
  top: 0;
}
.eievui_img1{
  opacity: 1;
}
.animate_eievui_img1{
  animation: eievui_img1 5s infinite;
}
@keyframes eievui_img1 {
  0%{
    opacity: 1;
  }
  10%{
    opacity: 1;
  }
  11%{
    opacity: 0;
  }
  91%{
    opacity: 0;
  }
  92%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}
.eievui_img2{
  opacity: 0;
}
.animate_eievui_img2{
  animation: eievui_img2 5s infinite;
}
@keyframes eievui_img2 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 1;
  }
  12%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.eievui_img3{
  opacity: 0;
}
.animate_eievui_img3{
  animation: eievui_img3 5s infinite;
}
@keyframes eievui_img3 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 0;
  }
  11%{
    opacity: 1;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 0;
  }
  50%{
    opacity: 0;
  }
  53%{
    opacity: 1;
  }
  91%{
    opacity: 1;
  }
  92%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.eievui_img4{
  opacity: 0;
}
.animate_eievui_img4{
  animation: eievui_img4 5s infinite;
}
@keyframes eievui_img4 {
  0%{
    opacity: 0;
  }
  15%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 0;
  }
  28%{
    opacity: 0;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 1;
  }
  35%{
    opacity: 1;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  53%{
    opacity: 1;
  }
  60%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.eievui_img5{
  opacity: 0;
}
.animate_eievui_img5{
  animation: eievui_img5 5s infinite;
}
@keyframes eievui_img5 {
  0%{
    opacity: 0;
  }
  24.5%{
    opacity: 0;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 0;
  }
  27%{
    opacity: 0;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 1;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 0;
  }
  35%{
    opacity: 0;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 1;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  39%{
    opacity: 1;
  }
  39.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.eievui_img6{
  opacity: 0;
}
.animate_eievui_img6{
  animation: eievui_img6 5s infinite;
}
@keyframes eievui_img6 {
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 1;
  }
  27%{
    opacity: 1;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 0;
  }
  36%{
    opacity: 0;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 1;
  }
  38%{
    opacity: 1;
  }
  38.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.eievui_text1{
  position: absolute;
  z-index: 5;
  width: 27.91666667%;
  top: 30%;
  left: 12%;
  opacity: 0;
}
.animate_eievui_text1{
  transform-origin: right;
  animation: eievui_text1 5s infinite;
}
@keyframes eievui_text1 {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  70%{
    scale: 1;
    opacity: 1;
  }
  75%{
    scale: 1.1;
    opacity: 1;
  }
  80%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.eievui_bg_shape{
  position: absolute;
  z-index: 1;
  top: 5%;
  opacity: 0;
}
.animate_eievui_bg_shape{
  transform-origin: bottom;
  animation: eievui_bg_shape 5s infinite;
}
@keyframes eievui_bg_shape {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  85%{
    scale: 1;
    opacity: 1;
  }
  90%{
    scale: 1.1;
    opacity: 1;
  }
  95%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.eievui_bg_ball_1{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 22%;
  left: 10%;
  rotate: -30deg;
  opacity: 0;
}
.animate_eievui_bg_ball_1{
  animation: eievui_bg_ball_1 5s infinite;
}
@keyframes eievui_bg_ball_1 {
  0%{
    transform: translateX(600%) translateY(10000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-25deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.eievui_bg_ball_2{
  position: absolute;
  z-index: 1;
  width: 8.645833333%;
  top: 20%;
  right: 15%;
  opacity: 0;
}
.animate_eievui_bg_ball_2{
  animation: eievui_bg_ball_2 5s infinite;
}
@keyframes eievui_bg_ball_2 {
  0%{
    transform: translateX(-600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(5deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  95%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.eievui_bg_ball_3{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 72%;
  left: 8%;
  rotate: -45deg;
  opacity: 0;
}
.animate_eievui_bg_ball_3{
  animation: eievui_bg_ball_3 5s infinite;
}
@keyframes eievui_bg_ball_3 {
  0%{
    transform: translateX(600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-40deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(600%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}

.btn_mall04{
  width: 180px;
  position: absolute;
  bottom: 2%;
  left:0;
  right:0;
  margin: 0 auto;
}
.eievui_bottom{
  margin-top: -10%;
}
/* --------------------------------------- */

/* gangarここから */
.gangar{
  background: #b495ce;
  padding: 5% 0 0;
  position: relative;
}
.lineup_title{
  position: relative;
  z-index: 2;
  width: 39.58333333%;
  margin: 0 auto;
}
.lineup_title_bg{
  position: relative;
  z-index: 1;
  width: 41.66666667%;
  margin: -3.5% auto 0;
}

.gangar_contents_box{
  position: relative;
}

.gangar_name{
  position: relative;
  z-index: 5;
  width: 42%;
  margin: 8% auto 0;
}

.gangar_img_box{
  position: relative;
  z-index: 3;
  width: 80.6875%;
  margin: -25% 0 0 28%;
}

.gangar_img{
  position: absolute;
  top: 0;
}
.gangar_img1{
  opacity: 1;
}
.animate_gangar_img1{
  animation: gangar_img1 5s infinite;
}
@keyframes gangar_img1 {
  0%{
    opacity: 1;
  }
  10%{
    opacity: 1;
  }
  11%{
    opacity: 0;
  }
  91%{
    opacity: 0;
  }
  92%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}
.gangar_img2{
  opacity: 0;
}
.animate_gangar_img2{
  animation: gangar_img2 5s infinite;
}
@keyframes gangar_img2 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 1;
  }
  12%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.gangar_img3{
  opacity: 0;
}
.animate_gangar_img3{
  animation: gangar_img3 5s infinite;
}
@keyframes gangar_img3 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 0;
  }
  11%{
    opacity: 1;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 0;
  }
  50%{
    opacity: 0;
  }
  53%{
    opacity: 1;
  }
  91%{
    opacity: 1;
  }
  92%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.gangar_img4{
  opacity: 0;
}
.animate_gangar_img4{
  animation: gangar_img4 5s infinite;
}
@keyframes gangar_img4 {
  0%{
    opacity: 0;
  }
  15%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 0;
  }
  28%{
    opacity: 0;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 1;
  }
  35%{
    opacity: 1;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  53%{
    opacity: 1;
  }
  60%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.gangar_img5{
  opacity: 0;
}
.animate_gangar_img5{
  animation: gangar_img5 5s infinite;
}
@keyframes gangar_img5 {
  0%{
    opacity: 0;
  }
  24.5%{
    opacity: 0;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 0;
  }
  27%{
    opacity: 0;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 1;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 0;
  }
  35%{
    opacity: 0;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 1;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  39%{
    opacity: 1;
  }
  39.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.gangar_img6{
  opacity: 0;
}
.animate_gangar_img6{
  animation: gangar_img6 5s infinite;
}
@keyframes gangar_img6 {
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 1;
  }
  27%{
    opacity: 1;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 0;
  }
  36%{
    opacity: 0;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 1;
  }
  38%{
    opacity: 1;
  }
  38.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.gangar_text1{
  position: absolute;
  z-index: 5;
  width: 27.91666667%;
  top: 30%;
  left: 12%;
  opacity: 0;
}
.animate_gangar_text1{
  transform-origin: right;
  animation: gangar_text1 5s infinite;
}
@keyframes gangar_text1 {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  70%{
    scale: 1;
    opacity: 1;
  }
  75%{
    scale: 1.1;
    opacity: 1;
  }
  80%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.gangar_bg_shape{
  position: absolute;
  z-index: 1;
  top: 5%;
  opacity: 0;
}
.animate_gangar_bg_shape{
  transform-origin: bottom;
  animation: gangar_bg_shape 5s infinite;
}
@keyframes gangar_bg_shape {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  85%{
    scale: 1;
    opacity: 1;
  }
  90%{
    scale: 1.1;
    opacity: 1;
  }
  95%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.gangar_bg_ball_1{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 22%;
  left: 10%;
  rotate: -30deg;
  opacity: 0;
}
.animate_gangar_bg_ball_1{
  animation: gangar_bg_ball_1 5s infinite;
}
@keyframes gangar_bg_ball_1 {
  0%{
    transform: translateX(600%) translateY(10000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-25deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.gangar_bg_ball_2{
  position: absolute;
  z-index: 1;
  width: 8.645833333%;
  top: 20%;
  right: 15%;
  opacity: 0;
}
.animate_gangar_bg_ball_2{
  animation: gangar_bg_ball_2 5s infinite;
}
@keyframes gangar_bg_ball_2 {
  0%{
    transform: translateX(-600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(5deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  95%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.gangar_bg_ball_3{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 72%;
  left: 8%;
  rotate: -45deg;
  opacity: 0;
}
.animate_gangar_bg_ball_3{
  animation: gangar_bg_ball_3 5s infinite;
}
@keyframes gangar_bg_ball_3 {
  0%{
    transform: translateX(600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-40deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(600%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}

.btn_mall05{
  width: 180px;
  position: absolute;
  bottom: 2%;
  left:0;
  right:0;
  margin: 0 auto;
}

.gangar_bottom{
  margin-top: -10%;
}
/* --------------------------------------- */

/* yadonここから */
.yadon{
  background: #f8ced8;
  padding: 5% 0 0;
  position: relative;
}
.lineup_title{
  position: relative;
  z-index: 2;
  width: 39.58333333%;
  margin: 0 auto;
}
.lineup_title_bg{
  position: relative;
  z-index: 1;
  width: 41.66666667%;
  margin: -3.5% auto 0;
}

.yadon_contents_box{
  position: relative;
}

.yadon_name{
  position: relative;
  z-index: 5;
  width: 40%;
  margin: 8% auto 0;
}

.yadon_img_box{
  position: relative;
  z-index: 3;
  width: 80.6875%;
  margin: -25% 0 0 28%;
}

.yadon_img{
  position: absolute;
  top: 0;
}
.yadon_img1{
  opacity: 1;
}
.animate_yadon_img1{
  animation: yadon_img1 5s infinite;
}
@keyframes yadon_img1 {
  0%{
    opacity: 1;
  }
  10%{
    opacity: 1;
  }
  11%{
    opacity: 0;
  }
  91%{
    opacity: 0;
  }
  92%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}
.yadon_img2{
  opacity: 0;
}
.animate_yadon_img2{
  animation: yadon_img2 5s infinite;
}
@keyframes yadon_img2 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 1;
  }
  12%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.yadon_img3{
  opacity: 0;
}
.animate_yadon_img3{
  animation: yadon_img3 5s infinite;
}
@keyframes yadon_img3 {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
  }
  10.5%{
    opacity: 0;
  }
  11%{
    opacity: 1;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 0;
  }
  50%{
    opacity: 0;
  }
  53%{
    opacity: 1;
  }
  91%{
    opacity: 1;
  }
  92%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.yadon_img4{
  opacity: 0;
}
.animate_yadon_img4{
  animation: yadon_img4 5s infinite;
}
@keyframes yadon_img4 {
  0%{
    opacity: 0;
  }
  15%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 0;
  }
  28%{
    opacity: 0;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 1;
  }
  35%{
    opacity: 1;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  53%{
    opacity: 1;
  }
  60%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.yadon_img5{
  opacity: 0;
}
.animate_yadon_img5{
  animation: yadon_img5 5s infinite;
}
@keyframes yadon_img5 {
  0%{
    opacity: 0;
  }
  24.5%{
    opacity: 0;
  }
  25%{
    opacity: 1;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 0;
  }
  27%{
    opacity: 0;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 1;
  }
  28.5%{
    opacity: 1;
  }
  29%{
    opacity: 0;
  }
  35%{
    opacity: 0;
  }
  35.5%{
    opacity: 1;
  }
  36%{
    opacity: 1;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 0;
  }
  38%{
    opacity: 0;
  }
  38.5%{
    opacity: 1;
  }
  39%{
    opacity: 1;
  }
  39.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.yadon_img6{
  opacity: 0;
}
.animate_yadon_img6{
  animation: yadon_img6 5s infinite;
}
@keyframes yadon_img6 {
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0;
  }
  25.5%{
    opacity: 1;
  }
  26%{
    opacity: 1;
  }
  27%{
    opacity: 1;
  }
  27.5%{
    opacity: 1;
  }
  28%{
    opacity: 0;
  }
  36%{
    opacity: 0;
  }
  36.5%{
    opacity: 1;
  }
  37%{
    opacity: 1;
  }
  38%{
    opacity: 1;
  }
  38.5%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.yadon_text1{
  position: absolute;
  z-index: 5;
  width: 27.91666667%;
  top: 30%;
  left: 12%;
  opacity: 0;
}
.animate_yadon_text1{
  transform-origin: right;
  animation: yadon_text1 5s infinite;
}
@keyframes yadon_text1 {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  70%{
    scale: 1;
    opacity: 1;
  }
  75%{
    scale: 1.1;
    opacity: 1;
  }
  80%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.yadon_bg_shape{
  position: absolute;
  z-index: 1;
  top: 5%;
  opacity: 0;
}
.animate_yadon_bg_shape{
  transform-origin: bottom;
  animation: yadon_bg_shape 5s infinite;
}
@keyframes yadon_bg_shape {
  0%{
    scale: 0;
    opacity: 0;
  }
  8%{
    scale: 0;
  }
  12%{
    scale: 1.1;
    opacity: 1;
  }
  16%{
    scale: 1;
    opacity: 1;
  }
  85%{
    scale: 1;
    opacity: 1;
  }
  90%{
    scale: 1.1;
    opacity: 1;
  }
  95%{
    scale: 0;
    opacity: 0;
  }
  100%{
    scale: 0;
    opacity: 0;
  }
}
.yadon_bg_ball_1{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 22%;
  left: 10%;
  rotate: -30deg;
  opacity: 0;
}
.animate_yadon_bg_ball_1{
  animation: yadon_bg_ball_1 5s infinite;
}
@keyframes yadon_bg_ball_1 {
  0%{
    transform: translateX(600%) translateY(10000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-25deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-30deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.yadon_bg_ball_2{
  position: absolute;
  z-index: 1;
  width: 8.645833333%;
  top: 20%;
  right: 15%;
  opacity: 0;
}
.animate_yadon_bg_ball_2{
  animation: yadon_bg_ball_2 5s infinite;
}
@keyframes yadon_bg_ball_2 {
  0%{
    transform: translateX(-600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(5deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(0);
    opacity: 1;
  }
  95%{
    transform: translateX(-600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.yadon_bg_ball_3{
  position: absolute;
  z-index: 1;
  width: 7%;
  top: 72%;
  left: 8%;
  rotate: -45deg;
  opacity: 0;
}
.animate_yadon_bg_ball_3{
  animation: yadon_bg_ball_3 5s infinite;
}
@keyframes yadon_bg_ball_3 {
  0%{
    transform: translateX(600%) translateY(1000%);
    opacity: 0;
  }
  8%{
    transform: translateX(600%) translateY(1000%) rotate(360deg);
    opacity: 0;
  }
  12%{
    transform: translateX(0) translateY(0) rotate(-40deg);
    opacity: 1;
  }
  16%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  90%{
    transform: translateX(0) translateY(0) rotate(-45deg);
    opacity: 1;
  }
  95%{
    transform: translateX(600%) translateY(600%) rotate(360deg);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}

.btn_mall06{
  width: 180px;
  position: absolute;
  bottom: 2%;
  left:0;
  right:0;
  margin: 0 auto;
}



.yadon_bottom{
  margin-top: -10%;
}
/* --------------------------------------- */

.bottom_slide{
  background: #fff267;
  padding: 5% 0;
}

.slider {
  width: 100%;
  margin: 0 auto; /* 中央寄せ */
}

.slider img {
  border: 3px solid #fff;
  width: 100%; /* 画像をスライダーの幅に合わせる */
  height: auto;
}

.slick-slide {
  margin: 0 15px; /* 左右に10pxのマージンを追加 */
}

.slick-list {
  padding: 0 40px; /* 見切れる部分も調整 */
}

@keyframes wipe_anime {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 1;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}



/* --------------------------------------- */


#contents .w480.movie {
background: #FFE900;
}

#contents .btn_movie {
display: block;
max-width: 300px;
width: 80%;
margin: 20px auto 0 ;
}

#contents .ttl_movie {
display: block;
max-width: 109px;
width: 40%;
margin: 20px auto;
}

#contents .btn_totop {
display: block;
max-width: 300px;
width: 80%;
margin: 0px auto 30px ;
}