@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}





/*ループの間隔をあけられないため、自作で組み合わせたアニメーション*/
/*bounceInDown→静止→bounce→静止→fadeOutDown　と以下のアニメーションを20％にして使用し、秒数を5倍の5秒にした*/


/*1管理画面用に派手な動き*/
@-webkit-keyframes fastlist_bounce {
/*bounceInDown*/
  from, 12%, 15%, 18%, 20% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  12% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  15% {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }

  18% {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
  }

  20% {
    -webkit-transform: none;
    transform: none;
  }
 
 /*インターバル*/
 
 /*flash*/
  40%, 46%, 52% {
    opacity: 1;
  }

  43%, 49% {
    opacity: 0.1;
  }
 
 /*インターバル*/
 
 /*fadeOutDown*/
 /* 90% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }*/
 
}



@keyframes fastlist_bounce {
/*bounceInDown*/
  from, 12%, 15%, 18%, 20% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  12% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  15% {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }

  18% {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
  }

  20% {
    -webkit-transform: none;
    transform: none;
  }
 
 /*インターバル*/
 
 /*flash*/
  40%, 46%, 52% {
    opacity: 1;
  }

  43%, 49% {
    opacity: 0.1;
  }
 
 /*インターバル*/
 
 /*fadeOutDown*/
/*  90% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }*/
 
}
	

.fastlist_bounce {
  -webkit-animation-name: fastlist_bounce;
  animation-name: fastlist_bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
















/*2予約画面用に派手だが消えないようにして読みやすく*/
@-webkit-keyframes fastlist_bounce2 {
/*bounceInDown*/
  from, 12%, 15%, 18%, 20% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  12% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  15% {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }

  18% {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
  }

  20% {
    -webkit-transform: none;
    transform: none;
  }
 
 /*インターバル*/
 
 /*flash*/
  40%, 46%, 52% {
    opacity: 1;
  }

  43%, 49% {
    opacity: 0.1;
  }
 
 /*インターバル*/
 
 /*fadeOutDown*/
 /* 94% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }*/
 
}



@keyframes fastlist_bounce2 {
/*bounceInDown*/
  from, 12%, 15%, 18%, 20% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  12% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  15% {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
  }

  18% {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
  }

  20% {
    -webkit-transform: none;
    transform: none;
  }
 
 /*インターバル*/
 
 /*flash*/
  40%, 46%, 52% {
    opacity: 1;
  }

  43%, 49% {
    opacity: 0.1;
  }
 
 /*インターバル*/
 
 /*fadeOutDown*/
  /*94% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
  }*/
 
}
	

.fastlist_bounce2 {
  -webkit-animation-name: fastlist_bounce2;
  animation-name: fastlist_bounce2;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}







/*デフォルトソースは重いのでarchive.cssに保存*/