@charset "utf-8";
/* CSS Document */

/*フェードアウト*/
 @keyframes fade-out {
      0% {
        display: block;
        opacity: 1;
        margin-top:0px;
      }
      50% {
        display: block;
        opacity: 0.75;
        margin-top:-20px;
      }
      99% {
        display: block;
        opacity: 0;
        margin-top:-30px;
      }
      100% {
        display: none;
        opacity: 0;
      }

    }

    @-moz-keyframes fade-out {
      0% {
        display: block;
        opacity: 1;
        margin-top:0px;
      }
      50% {
        display: block;
        opacity: 0.75;
        margin-top:-15px;
      }
      99% {
        display: block;
        opacity: 0;
        margin-top:-30px;
      }
      100% {
        display: none;
        opacity: 0;
      }
    }

    @-webkit-keyframes fade-out {
      0% {
        display: block;
        opacity: 1;
        margin-top:0px;
      }
      50% {
        display: block;
        opacity: 0.75;
        margin-top:-15px;
      }
      99% {
        display: block;
        opacity: 0;
        margin-top:-30px;
      }
      100% {
        display: none;
        opacity: 0;
      }
    }
    
    
    
    
    
    
    
/*フェードイン*/    
     @keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
        margin-top:-30px;
      }
      1% {
        display: block;
        opacity: 0;
      }
      50% {
        display: block;
        opacity: 0.75;
        margin-top:-15px;
      }
      100% {
        display: block;
        opacity: 1;
        margin-top:0px;
      }

    }

    @-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
        margin-top:-30px;
      }
      1% {
        display: block;
        opacity: 0;
      }
      50% {
        display: block;
        opacity: 0.75;
        margin-top:-15px;
      }
      100% {
        display: block;
        opacity: 1;
        margin-top:0px;
      }
    }

    @-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
        margin-top:-30px;
      }
      1% {
        display: block;
        opacity: 0;
      }
      50% {
        display: block;
        opacity: 0.75;
        margin-top:-15px;
      }
      100% {
        display: block;
        opacity: 1;
        margin-top:0px;
      }
    }