@charset "UTF-8";

html {
  font-size: 62.5%;
  line-height: 1.15;
}

body {
  margin: 0;
  font-family: "Zen Maru Gothic", serif;
  background: url(../img/bg.png);
  background-size: contain;
}

main {
  display: block;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

:root {
  --text-color: #000;
  --color-pink: #ec7ba9;
  --color-softpink: #ffb8e0;
  --color-yellow: #f9fc6d;
  --color-blue: #00dfdc;
  --collor-green: #39cb4c;
  --color-orange: #ff5704;
  --easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*-- common --*/
.wrap {
  display: flex;
  overflow: hidden;
  position: relative;
}

.common-item {
  margin-inline: auto;
}

.txt {
  margin-top: 5.3333%;
  margin-bottom: 5.3333%;
  color: var(--color-pink);
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-size: 3.066666vw;
  line-height: 1.62;
}

.js_anim_scroll.-fadeUp {
  transition: opacity 0.7s, transform 0.7s var(--easeOutCubic);
  transform: translateY(4rem);
  opacity: 0;
  transition-delay: 0.2s;
}

.js_anim_scroll.-fadeUp.is-anim {
  transform: translateY(0);
  opacity: 1;
}

.js_anim_scroll.typing-effect.is-anim {
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
}

.A_1 .img:nth-of-type(1) {
  animation: A_1_1 3.9s linear 0s infinite;
}

.A_1 .img:nth-of-type(2) {
  position: absolute;
  left: 0;
  animation: A_1_2 3.9s linear 0s infinite;
}

.A_1 .img:nth-of-type(3) {
  position: absolute;
  left: 0;
  animation: A_1_3 3.9s linear 0s infinite;
}

/*-- flow word --*/

/*-- left ・ right --*/
.left,
.right {
  width: 30.5555%;
  height: 100vh;
  align-items: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 1;
}

.left {
  left: 0;
}

.left .left-wrap {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.left .left-ttl {
  display: flex;
  justify-content: center;
  align-items: center;
}

.left .left-place {
  color: var(--color-pink);
  font-size: 43.6246px;
  font-weight: 700;
}

.leftblk .left-items {
  width: 66.4473%;
  margin: 53px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5.3rem 3.2rem;
}

.leftblk .left-items .left-item {
  width: 24.509%;
  text-align: center;
}

.leftblk .left-items .left-item .placename {
  color: var(--color-pink);
  font-size: 0.817535vw;
  font-weight: 400;
}

.leftblk .left-items .left-item img {
  width: 100%;
}

.leftblk .left-items .left-item img:nth-child(2) {
  margin-top: -1.5px;
  border: 0.75px solid #000;
  border-radius: 0 0 3px 3px;
}

.right {
  right: 0;
}

.right .right-logo {
  width: 40.066%;
  margin-inline: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.right .right-logo img {
  width: 100%;
}

/*-- maincontents --*/
.maincontents {
  width: 100%;
  max-width: 500px;
  margin-inline: auto;
}

/*-- kv --*/
.kv {
  position: relative;
}

#intro{
  padding: 3rem 3rem 0 3rem;
}

#intro .kv .hukidashi {
  width: fit-content;
  margin-bottom: 71px;
  padding: 0.915% 2.8%;
  color: #ffffff;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 8.4982vw;
  border-radius: 8px;
  position: relative;
  background-color: var(--color-pink);
}

#intro .kv .hukidashi::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: -2;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
}

#intro .kv .hukidashi::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: -1;
  width: 20px;
  height: 12px;
  transform: translateX(-50%);
  box-sizing: border-box;
  background-color: var(--color-pink);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

#intro .video-logo {
  width: 54.3591%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#intro .video {
  width: 70.5539%;
  position: relative;
}

#intro .video img {
  max-width: 100%;
}

#intro .video video {
  margin-top: -1px;
  max-width: 100%;
  height: auto;
}

#intro .kv-decoration {
  width: 100%;
  height: 100%;
  z-index: 6;
}

#intro .deco {
  width: 22.4%;
  position: absolute;
}

#intro .deco1 {
  position: absolute;
  top: 13.8%;
  left: 0;
}

#intro .deco2 {
  position: absolute;
  right: 0;
  top: 13.8%;
}

#intro .deco3 {
  position: absolute;
  bottom: 0;
  left: 0;
}

#intro .deco img {
  width: 100%;
}

#intro .kv-txt {
  font-size: 3.397334vw;
  text-align: center;
  line-height: 3;
}

#intro .coordinator {
  margin: 0 auto 5.4%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  box-shadow: 6px 6px var(--color-pink);
  background-color: #fff;
}

#intro .coordinator .pyonkichi {
  width: 21.81%;
}

#intro .coordinator .coordinator-txt {
  margin: 5.4% auto;
  line-height: 1.5;
}

#intro .coordinator img {
  width: 100%;
}

/*-- index --*/
#index {
  padding-bottom: 16.4%;
  position: relative;
  background-color: var(--color-pink);
}

#index .day-blk {
  width: 75%;
  margin-inline: auto;
  font-size: 2.79898vw;
  overflow: hidden;
  color: var(--color-pink);
  background-image: url(../img/timetable_bg.png);
  background-size: cover;
}

#index .day {
  margin-inline: 7.6923%;
  margin-top: 10.6666666667%;
}

#index .day .day-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#index .day .day-header img:first-child {
  width: 13.8629%;
}

#index .day .day-header-ttl {
  font-size: 3.5933399999999995vw;
  font-weight: 600;
}

#index .day-blk .day1 {
  margin-top: 32%;
}

#index .day-blk .timetable {
  margin-left: 8%;
  margin-top: 6.4%;
  padding-left: 14.72%;
  font-weight: 500;
  border-left: 1px solid var(--color-pink);
}

#index .timetable li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.5;
}

#index .timetable li .time_content {
  margin-left: 8.281573499%;
}

#index .day-blk .day3 {
  padding-bottom: 8%;
}

/*-- day-common --*/
.blk {
  margin-top: 10.66666666666%;
}

.plan {
  margin:13.333% 2rem;
  padding-top: 10.2%;
  padding-bottom: 16%;
  padding-inline: 15%;
  background-color: #fff;
}

.plan .browser {
  max-width: 100%;
}

.plan .browser .browser-img {
  margin: 0 auto;
  width: 95%;
  position: relative;
}

.plan .browser .browser-img .img {
  max-width: 100%;
  object-fit: contain;
}

.plan .browser .browser-img .img img {
  border: 2px solid #000;
  box-sizing: border-box;
}

.plan .browser img {
  max-width: 100%;
}

.plan .browser .browser-img .img.img:nth-of-type(2) {
  position: absolute;
  top: 0;
}

.plan .browser .browser-img .img.img:nth-of-type(3) {
  position: absolute;
  top: 0;
}

.plan .browser .txt {
  margin-top: 5.036789%;
  padding-inline: 10.133333%;
}

.plan .browser .txt .day-ttl {
  font-size: 4.7866666vw;
}

.plan .browser .txt .day-lead {
  margin-top: 8.3612040134%;
  padding-bottom: 8.3612040134%;
  font-size: 3.0586666vw;
  text-align: start;
  line-height: 1.5;
}

.plan .blk .blk-head {
  margin-bottom: 5.33333%;
  margin-inline: auto;
  font-size: 3.11152vw;
  font-weight: 500;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.plan .blk-main .block-others {
  margin-top: 5.3333%;
}

.plan .blk-main .img {
  max-width: 100%;
}

.plan .blk-main .img img {
  width: 100%;
}

.plan .blk-main .img .place {
  margin-bottom: 7%;
  font-size: 2.48922vw;
  font-weight: 500;
  text-align: center;
}

.plan .blk-main .information {
  margin-top: 8.57142%;
  margin-inline: auto;
  padding-inline: 2.857%;
  padding-top: 4.93%;
  padding-bottom: 4.93%;
  font-size: 2.4053334vw;
  color: #000;
  border-radius: 15.881px;
  background-color: var(--color-pink);
  box-shadow: 4px 3px;
}

.plan .blk-main .information ul {
  text-align: start;
  line-height: 1.8;
}

/*-- day1 --*/
#plan1 {
  color: var(--color-pink);
}

#plan1 .browser {
  background-color: #ffedf3;
}

#plan1 .txt .day-lead {
  color: #6486ec;
}

#plan1 .browser .txt .js_anim_scroll.typing-effect.is-anim {
  width: 22.5ch;
  animation: typing 3s steps(11), effect 0.5s step-end infinite alternate;
}

#plan1 .blk .blk-main .basic-slider {
  margin-top: 7%;
  margin-bottom: 5.8%;
}

#plan1 .blk .blk-main .basic-slider .wrapper p {
  width: 27.8265666vw;
  font-size: 5.95674vw;
  font-weight: bold;
}

#plan1 .blk .blk-main .blk-menuinformation .menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#plan1 .blk .blk-main .blk-menuinformation .menu .menu_txtarea {
  width: 56.92308%;
  color: #000;
  text-align: start;
}

#plan1 .blk .blk-main .blk-menuinformation .menu .menu_txtarea .menu_ttl {
  margin-bottom: 2.2857%;
  font-size: 5.2vw;
  font-family: "Yusei Magic", sans-serif;
}

#plan1 .blk .blk-main .blk-menuinformation .menu .menu_txtarea .menu_txt {
  font-size: 2.4vw;
  line-height: 1.6071428571;
  background-image: linear-gradient(
      90deg,
      transparent 0%,
      transparent 50%,
      #fff 50%,
      #fff 100%
    ),
    linear-gradient(180deg, #424242 1px, transparent 1px);
  background-size: 3px 100%, 100% 1.99em;
  line-height: 1.99em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}

#plan1 .blk .blk-main .blk-menuinformation .menu .menu_photo {
  max-width: 34.13242%;
}

#plan1 .blk .blk-main .blk-menuinformation .menu .menu_photo img {
  width: 100%;
  height: auto;
  box-shadow: 7px 6px 0px 0px var(--color-pink);
  object-fit: cover;
  aspect-ratio: 1/1;
}

#plan1 .blk .blk-main .blk-menuinformation .menu2,
#plan1 .blk .blk-main .blk-menuinformation .menu3 {
  margin-top: 12.857%;
}

#plan1 .blk .blk-main .blk-menuinformation .menu2 {
  flex-direction: row-reverse;
}

#plan1 .blk2 .blk-main .blk-others {
  padding-top: 5.3333%;
  position: relative;
}

#plan1 .blk .blk-main .blk-others .img {
  margin-bottom: 0;
  position: relative;
}

#plan1 .blk .blk-main .blk-others .img img {
  width: 100%;
}

#plan1 .blk .blk-main .blk-others .img1 {
  width: 42.2857%;
  z-index: 3;
}

#plan1 .blk .blk-main .blk-others .img2 {
  width: 61.8452%;
  margin-left: 39.7142%;
  margin-top: -34.285714%;
}

#plan1 .blk .blk-main .blk-others .img3 {
  margin-top: -54.57142%;
  margin-bottom: 25.7142%;
  width: 28.57142%;
  z-index: 3;
}

#plan1 .blk .blk-main .basic-slider {
  display: flex;
  justify-content: space-around;
}

#plan1 .blk .blk-main .basic-slider .animation {
  width: 10.4685%;
  position: relative;
}

#plan1 .blk .blk-main .basic-slider .animation img {
  width: 100%;
  height: 100%;
}

#plan1 .blk .blk-main .basic-slider .A_1 img:nth-of-type(1) {
  animation: A_1_1 3.9s linear 0s infinite;
}

#plan1 .blk .blk-main .basic-slider .A_1 img:nth-of-type(2) {
  position: absolute;
  left: 0;
  animation: A_1_2 3.9s linear 0s infinite;
}

#plan1 .blk .blk-main .basic-slider .A_1 img:nth-of-type(3) {
  position: absolute;
  left: 0;
  animation: A_1_3 3.9s linear 0s infinite;
}

/*-- day2 --*/
#plan2 {
  color: var(--color-orange);
}

#plan2 .txt {
  color: var(--color-orange);
}

#plan2 .browser {
  background-color: #ffdb0c;
}

#plan2 .browser .txt .js_anim_scroll.typing-effect.is-anim {
  width: 22.5ch;
  animation: typing 3s steps(11), effect 0.5s step-end infinite alternate;
}

#plan2 .blk-main .information {
  background-color: var(--color-yellow);
}

#plan2 .blk5 .blk-main .blk-others .img {
  position: relative;
}

#plan2 .blk5 .blk-main .blk-others .img1 {
  width: 37.2%;
  z-index: 3;
}

#plan2 .blk5 .blk-main .blk-others .img2 {
  margin-top: -26.85%;
  margin-left: 20.5714%;
  width: 55.9347%;
}

#plan2 .blk5 .blk-main .blk-others .img3 {
  margin-top: -26.85%;
  margin-left: 65.1428%;
  width: 33.33%;
  z-index: 3;
}

#plan2 .blk6 .blk-main .blk-others {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#plan2 .blk6 .blk-others .img {
  margin-top: 4.857%;
  width: 46.3084%;
}

#plan2 .blk6 .blk-others .img img {
  border: 2px solid #333;
}

#plan2 .blk6 .blk-others .img4 img {
  border: none;
}

#plan2 .blk6 .blk-others .img5 {
  width: 100%;
}

#plan2 .blk7 .blk-others .img {
  width: 94.62617%;
  margin-inline: auto;
}

#plan2 .blk7 .blk-others .sub {
  width: 43.693%;
  margin-top: -34%;
  margin-left: 54.8571%;
}

#plan2 .blk7 .blk-others .sub img {
  width: 100%;
}

#plan2 .blk7 .blk-information .imgblk {
  display: flex;
}

#plan2 .blk7 .blk-information .imgblk .img2 {
  width: 50%;
}

#plan2 .blk7 .blk-information .imgblk .img3 {
  width: 50%;
}

#plan2 .blk7 .blk-information .imgblk .img3 .animation {
  width: 100%;
  position: relative;
}

#plan2 .blk7 .blk-information .imgblk .img3 .animation img {
  width: 100%;
}

#plan2 .blk7 .blk-information .imgblk .img3 .A_1 img:nth-of-type(1) {
  animation: A_1_1 3.9s linear 0s infinite;
}

#plan2 .blk7 .blk-information .imgblk .img3 .A_1 img:nth-of-type(2) {
  position: absolute;
  left: 0;
  animation: A_1_2 3.9s linear 0s infinite;
}

#plan2 .blk7 .blk-information .imgblk .img3 .A_1 img:nth-of-type(3) {
  position: absolute;
  left: 0;
  animation: A_1_3 3.9s linear 0s infinite;
}

#plan2 .blk8 .blk-main .yakinikublk .yakiniku {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#plan2 .blk8 .blk-main .yakinikublk .yakiniku1 .img1 {
  width: 31.3862%;
}

#plan2 .blk8 .blk-main .yakinikublk .yakiniku1 .img2 {
  width: 57.1928%;
}

#plan2 .blk8 .blk-main .yakinikublk .yakiniku1 .img3 {
  margin-top: -5.428%;
  width: 49.082%;
}

#plan2 .blk8 .blk-main .yakinikublk .yakiniku1 .textarea {
  width: 49.4285%;
  margin-top: 4.571%;
  margin-left: 1%;
  text-align: start;
  line-height: 1.5;
}

#plan2 .blk8 .blk-main .yakinikublk .yakiniku2 {
  padding-top: 5.333%;
}

#plan2 .blk8 .blk-main .yakinikublk .yakiniku2 .img4 {
  width: 58.7969%;
  position: relative;
}

#plan2 .blk8 .blk-main .yakinikublk .yakiniku2 .img5 {
  margin-top: 3.142%;
  width: 30.9678%;
}

#plan2 .blk8 .blk-main .yakinikublk .yakiniku2 .textarea {
  margin-top: 6.285%;
  width: 44.714%;
  line-height: 1.5;
}

#plan2 .blk8 .blk-main .yakinikublk .yakiniku2 .img6 {
  margin-top: -3.5%;
  width: 53.093%;
}

/*-- day3 --*/
#plan3 {
  color: var(--collor-green);
}

#plan3 .txt {
  color: var(--collor-green);
}

#plan3 .browser {
  background-color: #b9ffff;
}

#plan3 .browser .txt .js_anim_scroll.typing-effect.is-anim {
  width: 20.5ch;
  animation: typing 3s steps(10), effect 0.5s step-end infinite alternate;
}

#plan3 .blk-main .information {
  background-color: var(--color-blue);
}

#plan3 .blk-main .blk-others2 .mornigslider {
  width: 100%;
  background-color: var(--color-blue);
}

#plan3 .blk-main .blk-others2 .card01 .splide .splide__slide {
  margin-right: 0px;
  width: 100%;
}

#plan3
  .blk-main
  .blk-others2
  .splide
  .splide__track
  .splide__list
  .splide__slide
  .splide-blk {
  padding: 7.3664852% 12%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--collor-green);
}

#plan3
  .blk-main
  .blk-others2
  .splide
  .splide__track
  .splide__list
  .splide__slide
  .splide-blk
  .splide-img {
  width: 75.013%;
}

#plan3
  .blk-main
  .blk-others2
  .splide
  .splide__track
  .splide__list
  .splide__slide
  .splide-blk
  .splide-img
  img {
  width: 100%;
  border-radius: 18.33px;
}

#plan3
  .blk-main
  .blk-others2
  .splide
  .splide__track
  .splide__list
  .splide__slide
  .splide-blk
  .splide-txtblk {
  color: #fcee21;
}

#plan3
  .blk-main
  .blk-others2
  .splide
  .splide__track
  .splide__list
  .splide__slide
  .splide-blk
  .splide-txtblk
  .splide-ttl {
  padding-top: 7.3664852%;
  font-family: "M PLUS 1p", sans-serif;
  font-size: 4.8119vw;
  font-weight: 700;
  text-align: center;
}

#plan3
  .blk-main
  .blk-others2
  .splide
  .splide__track
  .splide__list
  .splide__slide
  .splide-blk
  .splide-txtblk
  .splide-txt {
  padding-top: 7.3664852%;
  font-size: 2.413254vw;
  text-align: start;
  line-height: 1.5;
}

/*-- @media screen and (min-width:768px) and (max-width:1366px){
  .maincontents{
    max-width: 38.8383%;
  }
} -- */

@media screen and (max-width: 982px){
 .left , .right{
  display: none !important;
 }
}

@media screen and (max-width: 500px){
  .flowing{
   display: none !important;
  }
 }

/*-- pc --*/
@media screen and (min-width: 500px) {
  /*-- common --*/
  .txt {
    color: var(--color-pink);
    font-size: 15.3333333333px;
  }

  .flowing {
    width: 100%;
    height: 2.12rem;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    position: fixed;
    background: #ec7ba9;
    z-index: 30;
  }

  .loop {
    width: calc(100% + 100%);
    display: inline-flex;
    transform: translateX(100%);
    animation: flowing-top 40s linear 0s infinite;
  }

  .loop .loop-item {
    padding: 0 2rem;
    color: #fff;
    font-size: 2.12em;
    font-family: "Noto Sans KR", sans-serif;
    white-space: nowrap;
  }

  .is-top {
    top: 0;
    left: 0;
  }

  .is-bottom {
    bottom: 0;
    left: 0;
  }

  .is-bottom .loop {
    animation-direction: reverse;
  }

  /* -- kv -- */
  #intro .kv{
    margin-top: 23.808%;
  }

  #intro .kv-txt{
    font-size: 16.98667px;
  }

  #intro .kv .hukidashi {
    font-size: 41.4291px;
  }

  #intro .txt {
    line-height: 3.429;
  }

  /*-- index --*/
  #index .day-blk {
    font-size: 13.9949px;
  }

  #index .day .day-header-ttl {
    font-size: 17.9967px;
  }
  /*-- maincontents 
  .maincontents {
    max-width: 500px;
    margin-inline: auto;
    position: relative;
  }--*/

  /*-- day-common --*/
  .plan .browser .txt .day-ttl {
    font-size: 23.9333333333px;
  }

  .plan .browser .txt .day-lead {
    font-size: 15.293333px;
  }

  .plan .blk .blk-head {
    font-size: 18.826667px;
  }

  .plan .blk-main .img .place {
    font-size: 12.4461px;
  }

  .plan .blk-main .blk-information {
    text-align: start;
  }

  .plan .blk-main .information {
    font-size: 12.026667px;
  }

  /*-- day1 --*/
  #plan1 .blk .blk-main .basic-slider .wrapper p {
    font-size: 34.7837px;
  }

  #plan1 .blk .blk-main .blk-menuinformation .menu .menu_txtarea .menu_ttl {
    font-size: 26px;
  }

  #plan1 .blk .blk-main .blk-menuinformation .menu .menu_txtarea .menu_txt {
    font-size: 12px;
  }

  /*-- day3 --*/
  #plan3
    .blk-main
    .blk-others2
    .splide
    .splide__track
    .splide__list
    .splide__slide
    .splide-blk
    .splide-txtblk
    .splide-ttl {
    font-size: 16.842px;
  }

  #plan3
    .blk-main
    .blk-others2
    .splide
    .splide__track
    .splide__list
    .splide__slide
    .splide-blk
    .splide-txtblk
    .splide-txt {
    font-size: 12.026667px;
  }
}

/*-- animation --*/
@keyframes flowing-top {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes flowing-bottom {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes typing {
  from {
    width: 0;
  }
}

@keyframes effect {
  50% {
    border-color: transparent;
  }
}

/*-- basic-slider --*/
.basic-slider {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.basic-slider .wrapper {
  display: flex;
  justify-content: flex-start;
  width: 359.4666666667%;
  animation: slider 30s linear 0s infinite;
}

.basic-slider .wrapper .img {
  width: 676px;
  aspect-ratio: 220/152;
  overflow: hidden;
}

.basic-slider .wrapper .img img {
  width: 100%;
  height: 157px;
}

@keyframes slider {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes A_1_1 {
  0% {
    opacity: 1;
  }

  33.33% {
    opacity: 1;
  }

  33.34%,
  66.66%,
  66.67% {
    opacity: 0;
  }

  66.68%,
  100% {
    opacity: 0;
  }
}

@keyframes A_1_2 {
  0% {
    opacity: 0;
  }

  33.33% {
    opacity: 0;
  }

  33.34%,
  66.66% {
    opacity: 1;
  }

  66.67%,
  100% {
    opacity: 0;
  }
}

@keyframes A_1_3 {
  0% {
    opacity: 0;
  }

  66.66% {
    opacity: 0;
  }

  66.67% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.yurayura {
  animation: yurayura 0.8s steps(2) 0s alternate infinite;
}

@keyframes yurayura {
  0% {
    transform: rotate(-10deg);
  }
  20% {
    transform: rotate(-8deg);
  }
  80% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(10deg);
  }
}

@keyframes huwahuwa {
  0% {
    transform: translateY(-10%);
  }

  100% {
    transform: translateY(10%);
  }
}

.huwahuwa {
  animation: huwahuwa 1.8s 0s alternate infinite;
}