@charset "UTF-8";
/*=============================================================

  Date: 2021-09-01
  CSS Document ： felissimo chocolate museum
  
  共通アニメーション
  
=============================================================*/

/* シンプル フェード
.fade_fcm {
 animation: fade 1.0s forwards;
 opacity: 0;
}
*/

@keyframes fade {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
@keyframes fade-out {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}
@keyframes fade-out-logo {
 0% {
  opacity: 1;
 }
 99% {
  opacity: 0;
  display: none;
  height: auto;
 }
 100% {
  opacity: 0;
  height: 1px;
 }
}
/* 下からフェード 中距離 */
@keyframes fade_btm {
 0% {
  opacity: 0;
  transform: translateY(25px);
 }
 100% {
  opacity: 1;
  transform: translateY(0);
 }
}
/* 左からフェード 中距離 */
@keyframes fade_left {
 0% {
  opacity: 0;
  transform: translateX(25px);
 }
 100% {
  opacity: 1;
  transform: translateX(0);
 }
}