/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */

/* Sweep To Top ターコイズ */
.hvr-sweep-to-top-tu {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top-tu:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(16,184,211,1);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top-tu:hover, .hvr-sweep-to-top-tu:focus, .hvr-sweep-to-top-tu:active, .hvr-sweep-to-top-tu.hover {
  color: black !important;
}
.hvr-sweep-to-top-tu:hover:before, .hvr-sweep-to-top-tu:focus:before, .hvr-sweep-to-top-tu:active:before, .hvr-sweep-to-top-tu.hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top 赤 */
.hvr-sweep-to-top-re {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top-re:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(253,108,51,1);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top-re:hover, .hvr-sweep-to-top-re:focus, .hvr-sweep-to-top-re:active, .hvr-sweep-to-top-re.hover {
  color: black !important;
}
.hvr-sweep-to-top-re:hover:before, .hvr-sweep-to-top-re:focus:before, .hvr-sweep-to-top-re:active:before, .hvr-sweep-to-top-re.hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top レモン */
.hvr-sweep-to-top-le {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top-le:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(236,233,93,1);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top-le:hover, .hvr-sweep-to-top-le:focus, .hvr-sweep-to-top-le:active, .hvr-sweep-to-top-le.hover {
  color: black !important;
}
.hvr-sweep-to-top-le:hover:before, .hvr-sweep-to-top-le:focus:before, .hvr-sweep-to-top-le:active:before, .hvr-sweep-to-top-le.hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


/* Sweep To Top グレー */
.hvr-sweep-to-top-gr {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top-gr:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(230,227,219,1);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top-gr:hover, .hvr-sweep-to-top-gr:focus, .hvr-sweep-to-top-gr:active, .hvr-sweep-to-top-gr.hover {
  color: black !important;
}
.hvr-sweep-to-top-gr:hover:before, .hvr-sweep-to-top-gr:focus:before, .hvr-sweep-to-top-gr:active:before, .hvr-sweep-to-top-gr.hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top 茶 */
.hvr-sweep-to-top-br {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top-br:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(89,73,54,1);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top-br:hover, .hvr-sweep-to-top-br:focus, .hvr-sweep-to-top-br:active, .hvr-sweep-to-top-br.hover {
  color:rgba(204,204,204,1)!important;
}
.hvr-sweep-to-top-br:hover:before, .hvr-sweep-to-top-br:focus:before, .hvr-sweep-to-top-br:active:before, .hvr-sweep-to-top-br.hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}