/* キャラふわ *//* 基本左 */.charafuwa1 {-webkit-animation: charafuwa_anime1 12s ease-in-out 0s infinite normal;-moz-animation: charafuwa_anime1 12s ease-in-out 0s infinite normal;animation: charafuwa_anime1 12s ease-in-out 0s infinite normal;}/* 遅め */.charafuwa2 {-webkit-animation: charafuwa_anime1 15s ease-in-out 0s infinite normal;-moz-animation: charafuwa_anime1 15s ease-in-out 0s infinite normal;animation: charafuwa_anime1 15s ease-in-out 0s infinite normal;}/* 基本左ここまで *//* 基本右 */.charafuwa3 {-webkit-animation: charafuwa_anime2 12s ease-in-out 0s infinite normal;-moz-animation: charafuwa_anime2 12s ease-in-out 0s infinite normal;animation: charafuwa_anime2 12s ease-in-out 0s infinite normal;}/* 遅め */.charafuwa4 {-webkit-animation: charafuwa_anime2 15s ease-in-out 0s infinite normal;-moz-animation: charafuwa_anime2 15s ease-in-out 0s infinite normal;animation: charafuwa_anime2 15s ease-in-out 0s infinite normal;}/* 基本右ここまで *//* keyframesエリア *//* charafuwa_anime1 基本左用 */@keyframes charafuwa_anime1 {  0% {    transform: translate3d(0, 0, 0);  }  10% {    transform: translate3d(2px, -10px, 0);  }  20% {    transform: translate3d(4px, 2px, 0);  }  30% {    transform: translate3d(0, -2px, 0);  }  40% {    transform: translate3d(2px, 6px, 0);  }  50% {    transform: translate3d(2px, -4px, 0);  }  60% {    transform: translate3d(-2px, 0, 0);  }  70% {    transform: translate3d(0, -10px, 0);  }  80% {    transform: translate3d(0, -4px, 0);  }  90% {    transform: translate3d(4px, 2px, 0);  }  100% {    transform: translate3d(0, 0, 0);  }}/* charafuwa_anime2 基本右用 */@keyframes charafuwa_anime2 {  0% {    transform: translate3d(0, 0, 0);  }  10% {    transform: translate3d(-2px, -10px, 0);  }  20% {    transform: translate3d(-4px, 2px, 0);  }  30% {    transform: translate3d(0, -2px, 0);  }  40% {    transform: translate3d(-2px, 6px, 0);  }  50% {    transform: translate3d(-2px, -4px, 0);  }  60% {    transform: translate3d(2px, 0, 0);  }  70% {    transform: translate3d(0, -10px, 0);  }  80% {    transform: translate3d(0, -4px, 0);  }  90% {    transform: translate3d(-4px, 2px, 0);  }  100% {    transform: translate3d(0, 0, 0);  }}/* スライド slide_anime1 */@keyframes slide_anime1 {  0% {    opacity: 0;    transform: translate3d(0, 0, 0);  }  4% {    opacity: 0;    transform: translate3d(0, 0, 0);  }  6% {    opacity: 1;    transform: translate3d(-40px, 24px, 0);  }  17% {    opacity: 1;    transform: translate3d(-300px, 180px, 0);  }  19% {    opacity: 0;    transform: translate3d(-340px, 204px, 0);  }  21% {    opacity: 0;    transform: translate3d(-380px, 228px, 0);  }  38% {    opacity: 0;    transform: translate3d(-160px, 0, 0);  }  40% {    opacity: 1;    transform: translate3d(-200px, 24px, 0);  }  48% {    opacity: 1;    transform: translate3d(-380px, 132px, 0);  }  50% {    opacity: 0;    transform: translate3d(-420px, 156px, 0);  }  52% {    opacity: 0;    transform: translate3d(-460px, 180px, 0);  }  70% {    opacity: 0;    transform: translate3d(20px, 100px, 0);  }  72% {    opacity: 1;    transform: translate3d(-20px, 124px, 0);  }  80% {    opacity: 1;    transform: translate3d(-200px, 232px, 0);  }  82% {    opacity: 0;    transform: translate3d(-240px, 256px, 0);  }  84% {    opacity: 0;    transform: translate3d(-280px, 280px, 0);  }  100% {    opacity: 0;    transform: translate3d(0, 0, 0);  }}/* フラッシュ flash_anime2 */@keyframes flash_anime2 {  0% {    opacity: 0;  }  10% {    opacity: 0;  }  17% {    opacity: 0.5;  }  25% {    opacity: 1;  }  60% {    opacity: 1;  }  75% {    opacity: 0;  }  100% {    opacity: 0;  }}/*==================================================v1.5 タロット・トランプアクション*//* カード裏返し */@keyframes cardanime1_1 {    0% {        transform: rotateY(0deg)    }    50% {        transform: rotateY(90deg);        opacity:1.0;    }    51% {        opacity:0.0;    }    100% {        opacity:0.0;    }}@keyframes cardanime1_2 {    0% {        transform: rotateY(0deg);        opacity: 0.0;    }    50% {        transform: rotateY(90deg);        opacity:0.0;    }    51% {        opacity:1.0;    }    100% {        transform: rotateY(0deg);        opacity:1.0;    }}.cardturn_anime1_1{animation: cardanime1_1 0.7s forwards;}.cardturn_anime1_2{animation: cardanime1_2 0.7s forwards;}/* カード戻し */@keyframes cardanime2_1 {    0% {        opacity:0.0;        transform: rotateY(0deg)    }    50% {        transform: rotateY(90deg);        opacity:0.0;    }    51% {        opacity:1.0;    }    100% {        transform: rotateY(0deg);        opacity:1.0;    }}@keyframes cardanime2_2 {    0% {        transform: rotateY(0deg);        opacity:1.0;    }    50% {        transform: rotateY(90deg);        opacity:1.0;    }    51% {        opacity:0.0;    }    100% {        opacity:0.0;    }}.cardturn_anime2_1{animation: cardanime2_1 0.7s forwards;}.cardturn_anime2_2{animation: cardanime2_2 0.7s forwards;}/*==================================================v1.5 画像フェードインフェードアウト*//* １枚 */@keyframes fadeio_1 {  0% {    opacity: 1;  }  45% {    opacity: 1;  }  65% {    opacity: 0;  }  100% {    opacity: 0;  }}.fadeio1 {animation: fadeio_1 4s ease infinite;}/* ３枚切り替え */@keyframes fadeio_3_1 {  0% {    opacity: 1;  }  24% {    opacity: 1;  }  25% {    opacity: 0.9;  }  33% {    opacity: 0;  }  91% {    opacity: 0;  }  92% {    opacity: 0.1;  }  100% {    opacity: 1;  }}@keyframes fadeio_3_2 {  0% {    opacity: 0;  }  24% {    opacity: 0;  }  25% {    opacity: 0.1;  }  33% {    opacity: 1;  }  57% {    opacity: 1;  }  58% {    opacity: 0.9;  }  66% {    opacity: 0;  }  100% {    opacity: 0;  }}@keyframes fadeio_3_3 {  0% {    opacity: 0;  }  57% {    opacity: 0;  }  58% {    opacity: 0.1;  }  66% {    opacity: 1;  }  58% {    opacity: 0.1;  }  66% {    opacity: 1;  }  91% {    opacity: 1;  }  92% {    opacity: 0,9;  }  100% {    opacity: 0;  }}.fadeio31 {animation: fadeio_3_1 18s ease infinite;}.fadeio32 {animation: fadeio_3_2 18s ease infinite;}.fadeio33 {animation: fadeio_3_3 18s ease infinite;}/* ４枚切り替え */@keyframes fadeio_4_1 {  0% {    opacity: 1;  }  20% {    opacity: 1;  }  28% {    opacity: 0;  }  92% {    opacity: 0;  }  100% {    opacity: 1;  }}@keyframes fadeio_4_2 {  0% {    opacity: 0;  }  17% {    opacity: 0;  }  25% {    opacity: 1;  }  42% {    opacity: 1;  }  50% {    opacity: 0;  }  100% {    opacity: 0;  }}@keyframes fadeio_4_3 {  0% {    opacity: 0;  }  42% {    opacity: 0;  }  50% {    opacity: 1;  }  67% {    opacity: 1;  }  75% {    opacity: 0;  }  100% {    opacity: 0;  }}@keyframes fadeio_4_4 {  0% {    opacity: 0;  }  67% {    opacity: 0;  }  75% {    opacity: 1;  }  92% {    opacity: 1;  }  100% {    opacity: 0;  }}.fadeio41 {animation: fadeio_4_1 24s ease infinite;}.fadeio42 {animation: fadeio_4_2 24s ease infinite;}.fadeio43 {animation: fadeio_4_3 24s ease infinite;}.fadeio44 {animation: fadeio_4_4 24s ease infinite;}/* 透過変化（白） */@keyframes opaio_1 {  0% {background: rgba(255,255,255,0);/*    opacity: 1; */  }  25% {background: rgba(255,255,255,0.7);/*    opacity: 0.5; */  }  50% {background: rgba(255,255,255,0);/*    opacity: 1; */  }  75% {background: rgba(255,255,255,0.7);/*    opacity: 0.5; */  }  100% {background: rgba(255,255,255,0);/*    opacity: 1; */  }}/* 透過変化（スカイブルー→オレンジ） */@keyframes opaio_2 {  0% {background: rgba(103,208,255,0.6);/*    opacity: 1; */  }  18% {background: rgba(103,208,255,0.6);/*    opacity: 1; */  }  25% {background: rgba(255,85,0,0.6);/*    opacity: 0.5; */  }  43% {background: rgba(255,85,0,0.6);/*    opacity: 0.5; */  }  50% {background: rgba(103,208,255,0.6);/*    opacity: 1; */  }  68% {background: rgba(103,208,255,0.6);/*    opacity: 1; */  }  75% {background: rgba(255,85,0,0.6);/*    opacity: 0.5; */  }  93% {background: rgba(255,85,0,0.6);/*    opacity: 0.5; */  }  100% {background: rgba(103,208,255,0.6);/*    opacity: 1; */  }}.opaio1 {animation: opaio_1 10s ease infinite;}.opaio2 {animation: opaio_2 18s ease infinite;}/*==================================================v1.5 まばたき*//* width:200px; ７スライド */.eye_anime200 {/* widthはスライド数x100 */width: 700%;/*width: 1400%; *//*  height: 100%; *//* we set the number of steps to 5 because we have 6 frames *//* ひとまとめにする stepsはフレーム数-1 */animation: mabataki1 3s steps(6) infinite;/*animation: mabataki1 3.5s steps(13) infinite; *//*animation: mabataki1 5s steps(27) infinite; *//* we position the sprite so that left frame is visible *//*position: absolute; */left: 0;}.eye_anime200:before {/*display: block; */overflow: hidden;position: relative;max-width: 200px;/*height: 100%; */}/* width:230px; ７スライド */.eye_anime230 {width: 700%;animation: mabataki1 3s steps(6) infinite;left: 0;}.eye_anime230:before {overflow: hidden;position: relative;max-width: 230px;}/* width488px; 14スライド */.eye_anime488 {width: 2400%;animation: mabataki4 8s steps(23) infinite;left: 0;}.eye_anime488:before {overflow: hidden;position: relative;max-width: 488px;}/* width:280px; ７スライド */.eye_anime280 {  width: 700%;  animation: mabataki1 3s steps(6) infinite;  transform: translateX(0);  left: 0;}/* width:280px; 14スライド */.eye_anime280_2 {  width: 1400%;animation: mabataki2 4s steps(13) infinite;  transform: translateX(0);  left: 0;}.eye_anime280:before,.eye_anime280_2:before {  overflow: hidden;  position: relative;  max-width: 280px;}/* width:300px; ７スライド */.eye_anime300 {width: 700%;animation: mabataki3 3s steps(6) infinite;left: 0;}.eye_anime300:before {overflow: hidden;position: relative;max-width: 300px;} /* 左から右へ */@keyframes mabataki1 {0% { transform: translateX(0);/*  transform: translate(0, 0); */}/*  74% { 14スライド *//*45% { 28スライド */88% {transform: translateX(0);/*  transform: translate(0, 0); */}100% {/* スライド移動枚数（スライド総数-1）/スライド総数= */transform: translateX(-85.714285714%);/*    transform: translate(-92.857142857%, 0); */}}/*@keyframes mabataki1 {0% { transform: translateX(0);}12% { スライド移動枚数（スライド総数-1）/スライド総数=transform: translateX(-85.714285714%);}  100% { スライド移動枚数（スライド総数-1）/スライド総数=    transform: translateX(-85.714285714%);  }}*//* 左から右へ14スライド */@keyframes mabataki2 {0% { transform: translateX(0);}  76% {transform: translateX(0);}100% {transform: translateX(-92.857142857%);}}/*@keyframes mabataki2 {0% { transform: translateX(0);}  24% {transform: translateX(-92.857142857%);}100% {transform: translateX(-92.857142857%);}}*//* 左から右へ */@keyframes mabataki3 {0% { transform: translateX(0);/*  transform: translate(0, 0); */}/*  74% { 14スライド *//*45% { 28スライド */86% {transform: translateX(0);/*  transform: translate(0, 0); */}100% {/* スライド移動枚数（スライド総数-1）/スライド総数= */transform: translateX(-85.714285714%);/*    transform: translate(-92.857142857%, 0); */}}/* 左から右へ10スライド *//*@keyframes mabataki4 {0% { transform: translateX(0);}  25% {transform: translateX(0);}60% {transform: translateX(-95.8333333%);}64% {transform: translateX(-95.8333333%);}  64.1% {transform: translateX(0);}  65% {transform: translateX(0);}100% {transform: translateX(-95.8333333%);}}*/@keyframes mabataki4 {0% { transform: translateX(0);}  35% {transform: translateX(0);}65% {transform: translateX(-95.8333333%);}69% {transform: translateX(-95.8333333%);}  69.1% {transform: translateX(0);}  70% {transform: translateX(0);}100% {transform: translateX(-95.8333333%);}}/*==================================================v1.5 ハート移動（８スライド）*//* 動作１ width:200px; */.heart_anime1 {  /* widthはスライド数x100 */  width: 800%;  /* ひとまとめにする stepsはフレーム数-1 */  animation: heart_fuwa1 3s steps(7) infinite;  transform: translateX(0);  left: 0;}.heart_anime1:before {  /*display: block; */  overflow: hidden;  position: relative;  max-width: 200px;  /*height: 100%; */}/* 左から右へ */@keyframes heart_fuwa1 {  0% {     transform: translateX(0);  }  30% {    transform: translateX(-87.5%);  }  100% {    transform: translateX(-87.5%);  }}/*==================================================v1.5 １２スライド*//* 動作１ width:400px; */.anime400_12 {  /* widthはスライド数x100 */  width: 1200%;  /* ひとまとめにする stepsはフレーム数-1 */  animation: slide_anime400_12 5s steps(11) infinite;  transform: translateX(0);/*  left: 0; */}.heart_anime1:before {  /*display: block; */  overflow: hidden;  position: relative;  max-width: 400px;  /*height: 100%; */}/* 左から右へ */@keyframes slide_anime400_12 {  0% {     transform: translateX(0);    opacity: 1;  /*transform: translate(0, 0); */  }  30% {  /* スライド移動枚数（スライド総数-1）/スライド総数= */    transform: translateX(-91.666666%);    opacity: 1;    /*transform: translate(-92.857142857%, 0); */  }  55% {    /* スライド移動枚数（スライド総数-1）/スライド総数= */    transform: translateX(-91.666666%);    opacity: 1;      /*transform: translate(-92.857142857%, 0); */    }  65% {    /* スライド移動枚数（スライド総数-1）/スライド総数= */    transform: translateX(-91.666666%);    opacity: 0;      /*transform: translate(-92.857142857%, 0); */  }  100% {    /* スライド移動枚数（スライド総数-1）/スライド総数= */      transform: translateX(-91.666666%);      opacity: 0;      /*transform: translate(-92.857142857%, 0); */    }}/*===============================================================スライドイン→フェードアウト（左から右・早い）*/.slidein_l1 {  animation: Slidein_anime_l1 5s infinite;  transform: translateX(-200px);}.slidein_l1_1 {  animation: Slidein_anime_l1_1 5s infinite;  transform: translateX(-200px);}.slidein_r1_1 {  animation: Slidein_anime_r1_1 5s infinite;  transform: translateX(800px);}@keyframes Slidein_anime_l1 {  0% {    opacity: 0;    transform: translateX(-200px);  }  5% {    opacity: 0;    transform: translateX(-200px);  }  8% {    opacity: 1;    transform: translateX(0);  }  70% {    opacity: 1;    transform: translateX(0);  }  85% {    opacity: 0;    transform: translateX(0);  }  100% {    opacity: 0;    transform: translateX(0);  }}@keyframes Slidein_anime_l1_1 {  0% {    opacity: 0;    transform: translateX(-200px);  }  10% {    opacity: 0;    transform: translateX(-200px);  }  20% {    opacity: 1;    transform: translateX(0);  }  70% {    opacity: 1;    transform: translateX(0);  }  85% {    opacity: 0;    transform: translateX(0);  }  100% {    opacity: 0;    transform: translateX(0);  }}@keyframes Slidein_anime_r1_1 {  0% {    opacity: 0;    transform: translateX(800px);  }  10% {    opacity: 0;    transform: translateX(800px);  }  20% {    opacity: 1;    transform: translateX(0);  }  70% {    opacity: 1;    transform: translateX(0);  }  85% {    opacity: 0;    transform: translateX(0);  }  100% {    opacity: 0;    transform: translateX(0);  }}/*===============================================================エンドロール（下から上）*/.endroll1 {  animation: endroll_anime1 20s linear infinite;}@keyframes endroll_anime1 {  0% {    top: 100%;  }  100% {    top: -160%;  }}@media screen and (min-width:480px) {   @keyframes endroll_anime1 {    0% {      top: 100%;    }    100% {      top: -190%;    }  }}.endroll2 {  position: absolute;  top: 100%;  right: 2%;/*  max-width: 50%; */  text-align: center;  animation: endroll_anime2 45s linear 0s infinite;}@media screen and (min-width: 641px) {   .endroll2 {    right: 5%;  }}@media screen and (min-width: 1104px) {   .endroll2 {    right: 10%;  }}@keyframes endroll_anime2 {  0% {    top: 100%;    opacity: 0;  }  0.5% {/*    top: 100%; */    top: 97%;    opacity: 1;  }  87% {/*    top: -530%; */    top: calc( -1140px - 50vw );    opacity: 1;  }  97% {    opacity: 1;  }  98% {    opacity: 0;  }  100% {    top: calc( -1140px - 50vw );    opacity: 0;  }}@media screen and (min-width:540px) {   @keyframes endroll_anime2 {    0% {      top: 100%;      opacity: 0;    }    0.5% {      top: 97%;      opacity: 1;    }    87% {/*      top: -340%; */      top: calc( -1080px - 50vw );      opacity: 1;    }    97% {      opacity: 1;    }    98% {      opacity: 0;    }    100% {      top: calc( -1080px - 50vw );      opacity: 0;    }  }}@media screen and (min-width:641px) {  @keyframes endroll_anime2 {    0% {      top: 100%;      opacity: 0;    }    0.5% {      top: 97%;      opacity: 1;    }    87% {      top: -390%;      opacity: 1;    }    97% {      opacity: 1;    }    98% {      opacity: 0;    }    100% {      top: -390%;      opacity: 0;    }  }}@media screen and (min-width:768px) {   @keyframes endroll_anime2 {    0% {      top: 100%;      opacity: 0;    }    0.5% {      top: 98%;      opacity: 1;    }    87% {      top: -296%;      opacity: 1;    }    97% {      opacity: 1;    }    98% {      opacity: 0;    }    100% {      top: -296%;      opacity: 0;    }  }}/*===============================================================ネオン（チカチカ点滅）*//* neon1は点滅なし */.neon1 {  display: inline-block;  color: #fff;  letter-spacing: .05em;  text-shadow: 0 1px 30px #FB1684, 0 0 12px #fff, 2px 5px 60px #990a52;}.neon1_1 {  display: inline-block;  color: #fff;  letter-spacing: .05em;  text-shadow: 1px 2px 30px #fff, 1px 1px 12px #fff, 2px 5px 40px #fff;}.neon2 {  -webkit-animation: blink 3s infinite alternate;  animation: neon_tenmetsu1 3s infinite alternate;}.neon3 {  display: inline-block;  color: #fff;  letter-spacing: .05em;  text-shadow: 0 1px 30px #FB1684, 0 0 12px #fff, 2px 5px 60px #990a52;  -webkit-animation: blink 3s infinite alternate;  animation: neon_tenmetsu1 3s infinite alternate;}@keyframes neon_tenmetsu1 {  40% {    opacity: .85;  }  42% {    opacity: .4;  }  43% {    opacity: .85;  }  45% {    opacity: .4;  }  46% {    opacity: .85;  }}/*===============================================================イコライザーアニメーション*/.eqlizer1 {  position: absolute;  left: 0;  right: 0;  margin: auto;/*  height: 40px; */  height: 46px;  text-align: center;  overflow: hidden;}.eqlizer1_bar1,.eqlizer1_bar2,.eqlizer1_bar3,.eqlizer1_bar4,.eqlizer1_bar5,.eqlizer1_bar6 {  display: inline-block;  width: 10px;  margin-right: 3px;  margin-left: 3px;  transition: .5s;  animation: equalize 16s 0s infinite;  animation-timing-function: linear;  vertical-align: bottom;}.eqlizer1_bar1 {  height: 60px;  background: #0f87ae;  transition: 0.5s;  animation-delay: -2.6s;}.eqlizer1_bar2 {  height: 68px;  background: #b75690;  animation-delay: -2.3s;}.eqlizer1_bar3 {  height: 64px;  background: #86c035;  animation-delay: -2.2s;}.eqlizer1_bar4 {  height: 56px;  background: #F0902E;  animation-delay: -2.1s;}.eqlizer1_bar5 {  height: 52px;  background: #edde7b;  animation-delay: -2.4s;}.eqlizer1_bar6 {  height: 62px;  background: #915da3;  animation-delay: -2.5s;}@keyframes equalize {  0% {    height: 68px;  }  1% {    height: 62px;  }  2% {    height: 30px;  }  3% {    height: 50px;  }  4% {    height: 40px;  }  5% {    height: 50px;  }  6% {    height: 60px;  }  7% {    height: 30px;  }  8% {    height: 60px;  }  9% {    height: 68px;  }  10% {    height: 40px;  }  11% {    height: 64px;  }  12% {    height: 48px;  }  13% {    height: 68px;  }  14% {    height: 30px;  }  15% {    height: 50px;  }  16% {    height: 30px;  }  17% {    height: 68px;  }  18% {    height: 62px;  }  19% {    height: 40px;  }  20% {    height: 68px;  }  21% {    height: 54px;  }  22% {    height: 40px;  }  23% {    height: 68px;  }  24% {    height: 62px;  }  25% {    height: 32px;  }  26% {    height: 48px;  }  27% {    height: 68px;  }  28% {    height: 62px;  }  29% {    height: 40px;  }  30% {    height: 60px;  }  31% {    height: 68px;  }  32% {    height: 44px;  }  33% {    height: 64px;  }  34% {    height: 30px;  }  35% {    height: 58px;  }  36% {    height: 68px;  }  37% {    height: 62px;  }  38% {    height: 38px;  }  39% {    height: 68px;  }  40% {    height: 50px;  }  41% {    height: 68px;  }  42% {    height: 36px;  }  43% {    height: 62px;  }  44% {    height: 68px;  }  45% {    height: 44px;  }  46% {    height: 30px;  }  47% {    height: 64px;  }  48% {    height: 68px;  }  49% {    height: 50px;  }  50% {    height: 68px;  }  51% {    height: 40px;  }  52% {    height: 62px;  }  53% {    height: 30px;  }  54% {    height: 50px;  }  55% {    height: 68px;  }  56% {    height: 40px;  }  57% {    height: 64px;  }  58% {    height: 68px;  }  59% {    height: 50px;  }  60% {    height: 64px;  }  61% {    height: 30px;  }  62% {    height: 50px;  }  63% {    height: 68px;  }  64% {    height: 60px;  }  65% {    height: 68px;  }  66% {    height: 40px;  }  67% {    height: 68px;  }  68% {    height: 50px;  }  69% {    height: 68px;  }  70% {    height: 50px;  }  71% {    height: 30px;  }  72% {    height: 68px;  }  73% {    height: 50px;  }  74% {    height: 68px;  }  75% {    height: 68px;  }  76% {    height: 0px;  }  99% {    height: 0px;  }  100% {    height: 40px;  }}/*===============================================================振り子*/.swing1 {  animation: swing_bottom1 ease 16s infinite;  transform-origin: center bottom 0;  animation-delay: -2.6s;}.swing2 {  animation: swing_bottom2 ease 30s infinite;  transform-origin: center bottom 0;  animation-delay: 0s;}@keyframes swing_bottom1 {  0% {    transform: rotate(0deg) translateY(0px);  }  5% {    transform: rotate(2deg) translateY(5px);  }  10% {    transform: rotate(0deg) translateY(0px);  }  15% {    transform: rotate(-2deg) translateY(5px);  }  20% {    transform: rotate(0deg) translateY(0px);  }  25% {    transform: rotate(2deg) translateY(5px);  }  30% {    transform: rotate(0deg) translateY(0px);  }  35% {    transform: rotate(-2deg) translateY(5px);  }  40% {    transform: rotate(0deg) translateY(0px);  }  45% {    transform: rotate(2deg) translateY(5px);  }  50% {    transform: rotate(0deg) translateY(0px);  }  55% {    transform: rotate(-2deg) translateY(5px);  }  60% {    transform: rotate(0deg) translateY(0px);  }  65% {    transform: rotate(2deg) translateY(5px);  }  70% {    transform: rotate(0deg) translateY(0px);  }  75% {    transform: rotate(-2deg) translateY(5px);  }  80% {    transform: rotate(0deg) translateY(0px);  }  100% {    transform: rotate(0deg) translateY(0px);  }}@keyframes swing_bottom2 {  0% {    transform: rotate(0deg) translateY(0px);  }  6.5% {    transform: rotate(1deg) translateY(3px);  }  13% {    transform: rotate(1deg) translateY(3px);  }  19% {    transform: rotate(0deg) translateY(0px);  }  25% {    transform: rotate(0deg) translateY(3px);  }  31.5% {    transform: rotate(1deg) translateY(3px);  }  38% {    transform: rotate(0deg) translateY(3px);  }  44% {    transform: rotate(0deg) translateY(0px);  }  50% {    transform: rotate(-1deg) translateY(3px);  }  56.5% {    transform: rotate(0deg) translateY(3px);  }  63% {    transform: rotate(0deg) translateY(0px);  }  69% {    transform: rotate(-1deg) translateY(3px);  }  75% {    transform: rotate(-1deg) translateY(3px);  }  81% {    transform: rotate(0deg) translateY(0px);  }  87% {    transform: rotate(1deg) translateY(3px);  }  93% {    transform: rotate(0deg) translateY(3px);  }  100% {    transform: rotate(0deg) translateY(0px);  }}