@charset "UTF-8";

/*===================================
gaijuページ CTAボタン
=================================== */
.cta-btn {
  position: relative;
  animation: scale 3s ease 0s infinite normal;
  -webkit-animation: scale 3s ease 0s infinite normal;
}

@keyframes scale {
  0% {
    transform: scale(1, 1);
    box-shadow: 0
  }

  30% {
    transform: scale(.97, .95);
    box-shadow: 0
  }

  40% {
    transform: scale(1, 1);
    box-shadow: 0
  }
}

.scale-effect2 {
  position: absolute;
  top: 15.5px;
  left: 0;
  right: 0;
  width: 612px;
  height: 233.7px;
  animation: scale 3s ease 0s infinite normal;
  -webkit-animation: scale2 3s ease 0s infinite normal;
  z-index: -1;
  margin: 0 auto;
}

@keyframes scale2 {
  35% {
    box-shadow: 0 0 0 0 rgba(254, 255, 162, 0.1), 0 0 0 0 rgba(254, 255, 162, .9), 0 0 0 0 rgba(254, 255, 162, .8);
  }

  70% {
    box-shadow: 0 0 0 0.3125vw rgba(254, 255, 162, 0), 0 0 0 1.5625vw rgba(254, 255, 162, 0), 0 0 0 3.125vw rgba(254, 255, 162, 0);
  }
}

/*sp*/
@media screen and (max-width: 767px) {
  .scale-effect2 {
    position: absolute;
    top: 6.1%;
    left: 0;
    right: 0;
    width: 91.7%;
    height: 91.66%;
    animation: scale 3s ease 0s infinite normal;
    -webkit-animation: scale2 3s ease 0s infinite normal;
    /* z-index: -1; */
    margin: 0 auto;
  }
}

/*===================================
 haisuikan、rangefood、amadoiページ、CTAポップアップボタン
=================================== */

/*sp*/
@media screen and (max-width: 767px) {
  body .popup-cta {
    margin: 2rem auto 0rem;
  }
}

/*===================================
 rangefoodページ CTAボタン
=================================== */

/*アニメーション*/
.animation{
  animation: yurayura 1.5s linear infinite;
  scale: 1;
}

@keyframes yurayura{
  0%  {transform:rotate(0deg);}
  25% {transform:rotate(-2deg);}
  50% {transform:rotate(0deg);}
  75% {transform:rotate(2deg);}
  100% {transform:rotate(0deg);}
}