@charset "UTF-8";
/* CSS Document */
/*全体の背景のグラデーションを動的に変化*/
body .draw {
  position: relative;
  padding: 3px 2px;
  margin: 0.2em 0;
  color: transparent;
}
body .draw:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0%;
  right: 100%;
  background-color: #d42d20;
  content: "";
}
body .draw {
  -webkit-animation: h1-show 1.0s forwards;
          animation: h1-show 1.0s forwards;
}
body .draw:before {
  -webkit-animation: intro 1.0s ease-in-out;
          animation: intro 1.0s ease-in-out;
}
@-webkit-keyframes intro {
  0% {
    left: 0%;
    right: 100%;
  }
  50% {
    left: 0%;
    right: 0%;
  }
  100% {
    left: 100%;
    right: 0%;
  }
}
@keyframes intro
{
  0% {
    left: 0%;
    right: 100%;
  }
  50% {
    left: 0%;
    right: 0%;
  }
  100% {
    left: 100%;
    right: 0%;
  }
}
@-webkit-keyframes h1-show
{
  0%, 50% {
    color: transparent;
  }
  50.00001%, 100% {
    color: #d42d20;
    opacity: 0.7;
  }
}
@keyframes h1-show
{
  0%, 50% {
    color: transparent;
  }
  50.00001%, 100% {
    color: #d42d20;
    opacity: 0.7;
  }
}