@charset "UTF-8";
/* ======================================*
アニメーション
=========================================**/
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -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.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@keyframes cloud {
  0% {
    transform: translate(NaNpx, 0px) rotate(0deg);
  }
  50% {
    transform: translate(0px, -10px) rotate(0deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(NaNdeg);
  }
}
@-moz-keyframes cloud {
  0% {
    -moz-transform: translate(NaNpx, 0px) rotate(0deg);
  }
  50% {
    -moz-transform: translate(0px, -10px) rotate(0deg);
  }
  100% {
    -moz-transform: translate(0px, 0px) rotate(NaNdeg);
  }
}
@-webkit-keyframes cloud {
  0% {
    -webkit-transform: translate(NaNpx, 0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(0px, -10px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(NaNdeg);
  }
}
@-o-keyframes cloud {
  0% {
    -o-transform: translate(NaNpx, 0px) rotate(0deg);
  }
  50% {
    -o-transform: translate(0px, -10px) rotate(0deg);
  }
  100% {
    -o-transform: translate(0px, 0px) rotate(NaNdeg);
  }
}
@-ms-keyframes cloud {
  0% {
    -ms-transform: translate(NaNpx, 0px) rotate(0deg);
  }
  50% {
    -ms-transform: translate(0px, -10px) rotate(0deg);
  }
  100% {
    -ms-transform: translate(0px, 0px) rotate(NaNdeg);
  }
}
.anim-cloud {
  animation: cloud ease-in-out 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  -webkit-animation: cloud ease-in-out 1s;
  /*when the spec is finished*/
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: cloud ease-in-out 1s;
  /*Chrome 16+, Safari 4+*/
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  -o-animation: cloud ease-in-out 1s;
  /*FF 5+*/
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  -ms-animation: cloud ease-in-out 1s;
  /*Not implemented yet*/
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
}
@keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes balloonshow {
  0% {
    opacity: 0;
    -webkit-transform: rotate(20deg) scale(0);
    transform: rotate(20deg) scale(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: rotate(15deg) scale(1.2);
    transform: rotate(15deg) scale(1.2);
  }
  40% {
    opacity: 1;
    -webkit-transform: rotate(-10deg) scale(0.85);
    transform: rotate(-10deg) scale(0.85);
  }
  60% {
    opacity: 1;
    -webkit-transform: rotate(5deg) scale(1.05);
    transform: rotate(5deg) scale(1.05);
  }
  80% {
    opacity: 1;
    -webkit-transform: rotate(-5deg) scale(0.95);
    transform: rotate(-5deg) scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
  }
}
@keyframes balloonshow {
  0% {
    opacity: 0;
    -webkit-transform: rotate(20deg) scale(0);
    transform: rotate(20deg) scale(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: rotate(15deg) scale(1.2);
    transform: rotate(15deg) scale(1.2);
  }
  40% {
    opacity: 1;
    -webkit-transform: rotate(-10deg) scale(0.85);
    transform: rotate(-10deg) scale(0.85);
  }
  60% {
    opacity: 1;
    -webkit-transform: rotate(5deg) scale(1.05);
    transform: rotate(5deg) scale(1.05);
  }
  80% {
    opacity: 1;
    -webkit-transform: rotate(-5deg) scale(0.95);
    transform: rotate(-5deg) scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
  }
}
.balloonshow {
  -webkit-animation-name: balloonshow;
  animation-name: balloonshow;
}
@keyframes glitter {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  25% {
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes glitter {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  25% {
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes glitter {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  25% {
    -moz-transform: scale(0.5);
    opacity: 0.3;
  }
  50% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.3;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulsate {
  0% {
    transform: scale(1, 1);
  }
  10% {
    opacity: 1;
  }
  20% {
    transform: scale(4, 4);
    opacity: 0;
  }
  100% {
    transform: scale(4, 4);
    opacity: 0;
  }
}
@-moz-keyframes pulsate {
  0% {
    transform: scale(1, 1);
  }
  10% {
    opacity: 1;
  }
  20% {
    transform: scale(4, 4);
    opacity: 0;
  }
  100% {
    transform: scale(4, 4);
    opacity: 0;
  }
}
@-ms-keyframes pulsate {
  0% {
    transform: scale(1, 1);
  }
  10% {
    opacity: 1;
  }
  20% {
    transform: scale(4, 4);
    opacity: 0;
  }
  100% {
    transform: scale(4, 4);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(1, 1);
  }
  10% {
    opacity: 1;
  }
  20% {
    transform: scale(4, 4);
    opacity: 0;
  }
  100% {
    transform: scale(4, 4);
    opacity: 0;
  }
}
@-o-keyframes pulsate {
  0% {
    transform: scale(1, 1);
  }
  10% {
    opacity: 1;
  }
  20% {
    transform: scale(4, 4);
    opacity: 0;
  }
  100% {
    transform: scale(4, 4);
    opacity: 0;
  }
}
@-webkit-keyframes cardshow {
  0% {
    -webkit-transform: rotate(5deg) scale(0.95);
    transform: rotate(5deg) scale(0.95);
  }
  10% {
    -webkit-transform: rotate(-5deg) scale(1.05);
    transform: rotate(-5deg) scale(1.05);
  }
  20% {
    -webkit-transform: rotate(3deg) scale(0.8);
    transform: rotate(3deg) scale(0.8);
  }
  30% {
    -webkit-transform: rotate(-6deg) scale(1.05);
    transform: rotate(-6deg) scale(1.05);
  }
  40% {
    -webkit-transform: rotate(5deg) scale(0.95);
    transform: rotate(5deg) scale(0.95);
  }
  50% {
    -webkit-transform: rotate(-8deg) scale(1);
    transform: rotate(-8deg) scale(1);
  }
  60% {
    -webkit-transform: rotate(3deg) scale(0.9);
    transform: rotate(3deg) scale(0.9);
  }
  70% {
    -webkit-transform: rotate(-1deg) scale(1);
    transform: rotate(-1deg) scale(1);
  }
  80% {
    -webkit-transform: rotate(4deg) scale(0.95);
    transform: rotate(4deg) scale(0.95);
  }
  90% {
    -webkit-transform: rotate(-3deg) scale(1.05);
    transform: rotate(-3deg) scale(1.05);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
}
@keyframes cardshow {
  0% {
    -webkit-transform: rotate(5deg) scale(0.95);
    transform: rotate(5deg) scale(0.95);
  }
  10% {
    -webkit-transform: rotate(-5deg) scale(1.05);
    transform: rotate(-5deg) scale(1.05);
  }
  20% {
    -webkit-transform: rotate(3deg) scale(0.8);
    transform: rotate(3deg) scale(0.8);
  }
  30% {
    -webkit-transform: rotate(-6deg) scale(1.05);
    transform: rotate(-6deg) scale(1.05);
  }
  40% {
    -webkit-transform: rotate(5deg) scale(0.95);
    transform: rotate(5deg) scale(0.95);
  }
  50% {
    -webkit-transform: rotate(-8deg) scale(1);
    transform: rotate(-8deg) scale(1);
  }
  60% {
    -webkit-transform: rotate(3deg) scale(0.9);
    transform: rotate(3deg) scale(0.9);
  }
  70% {
    -webkit-transform: rotate(-1deg) scale(1);
    transform: rotate(-1deg) scale(1);
  }
  80% {
    -webkit-transform: rotate(4deg) scale(0.95);
    transform: rotate(4deg) scale(0.95);
  }
  90% {
    -webkit-transform: rotate(-3deg) scale(1.05);
    transform: rotate(-3deg) scale(1.05);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
}
.cardshow {
  -webkit-animation-name: cardshow;
  animation-name: cardshow;
}
@-webkit-keyframes fadeInLetterS10 {
  from {
    opacity: 0;
    letter-spacing: -5px;
  }
  to {
    opacity: 1;
    letter-spacing: 5px;
  }
}
@keyframes fadeInLetterS1 {
  from {
    opacity: 0;
    letter-spacing: -3px;
  }
  to {
    opacity: 1;
    letter-spacing: 1px;
  }
}
@-webkit-keyframes fadeInLetterS1 {
  from {
    opacity: 0;
    letter-spacing: -10px;
  }
  to {
    opacity: 1;
    letter-spacing: 1px;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    letter-spacing: -10px;
  }
  to {
    opacity: 1;
    letter-spacing: 10px;
  }
}
@keyframes scale10000x {
  from {
    -webkit-transform: scale3d(10000, 10000, 10000);
    transform: scale3d(10000, 10000, 10000);
  }
  to {
    -webkit-transform: scale3d(10000, 10000, 10000);
    transform: scale3d(10000, 10000, 10000);
  }
}
@keyframes width0 {
  0% {
    width: 0px;
  }
}
@-webkit-keyframes width0 {
  0% {
    width: 0px;
  }
}
@keyframes bounceInDeco {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    top: 190px;
    right: 210px;
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceInDeco {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    top: 190px;
    right: 210px;
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceInDecoSP {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    top: 254px;
    right: 59px;
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceInDecoSP {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    top: 254px;
    right: 59px;
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}