/* $Buttom */
  a.btn {
    height: 86px;
    width: 87px;
    display: inline-block;
    /*margin: 15px 15px 0;*/
    padding: 10px;
    /*padding: .6em 1.1em;*/
    font-size: 28px;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #FE4365;
    border-radius: 84px;
    box-shadow: 0 0 0 -2px #CFF09E, 0 0 0 -1px #FE4365;
    border: none;
    -webkit-transition: box-shadow .3s;
            transition: box-shadow .3s;
  }
  a.btn:hover, a.btn:focus {
    box-shadow: 3px 0 0 2px #cff09e, 0 0 0 4px #ff0364;
    /*box-shadow: 0 0 0 2px #CFF09E, 0 0 0 4px #ff0364;*/
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
  }

  a.btn-secondary {
    background: #C8C8A9;
    box-shadow: 0 0 0 -2px #CFF09E, 0 0 0 -1px #C8C8A9;
  }
  a.btn-secondary:hover {
    box-shadow: 0 0 0 2px #CFF09E, 0 0 0 4px #bebe99;
  }

  a.btn:active,
  a.btn-secondary:active {
    background: #4ECDC4;
    -webkit-transition-duration: 0;
    transition-duration: 0;
    box-shadow: 0 0 0 2px #CFF09E, 0 0 0 4px #3ac7bd;
  }

  /**
   * $keyframes \ gelatine
   **/
  @keyframes gelatine {
    from,to {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    25% {
      -webkit-transform: scale(0.9, 1.1);
      transform: scale(0.9, 1.1);
    }
    50% {
      -webkit-transform: scale(1.1, 0.9);
      transform: scale(1.1, 0.9);
    }
    75% {
      -webkit-transform: scale(0.95, 1.05);
      transform: scale(0.95, 1.05);
    }
    from,to {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    25% {
      -webkit-transform: scale(0.9, 1.1);
      transform: scale(0.9, 1.1);
    }
    50% {
      -webkit-transform: scale(1.1, 0.9);
      transform: scale(1.1, 0.9);
    }
    75% {
      -webkit-transform: scale(0.95, 1.05);
      transform: scale(0.95, 1.05);
    }
  }
  @-webkit-keyframes gelatine {
    from,to {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    25% {
      -webkit-transform: scale(0.9, 1.1);
      transform: scale(0.9, 1.1);
    }
    50% {
      -webkit-transform: scale(1.1, 0.9);
      transform: scale(1.1, 0.9);
    }
    75% {
      -webkit-transform: scale(0.95, 1.05);
      transform: scale(0.95, 1.05);
    }
    from,to {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
    }
    25% {
      -webkit-transform: scale(0.9, 1.1);
      transform: scale(0.9, 1.1);
    }
    50% {
      -webkit-transform: scale(1.1, 0.9);
      transform: scale(1.1, 0.9);
    }
    75% {
      -webkit-transform: scale(0.95, 1.05);
      transform: scale(0.95, 1.05);
    }
  }



  #tabnavi ul li {
    /*box-shadow: 3px 0 0 2px #cff09e, 0 0 0 4px #ff0364;
    box-shadow: 0 0 0 2px #CFF09E, 0 0 0 4px #ff0364;*/
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: gelatine 0.6s 2;
    animation: gelatine 0.6s 2;
  }