body {
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.down-to-top {
  opacity: 0.0;
  transform: translateY(20px);
  transition: all 1s; }

.down-to-top.scrollin {
  opacity: 1;
  transform: translate(0); }

.left-to-right {
  opacity: 0.0;
  transform: translateX(-20px);
  transition: all 1s; }

.left-to-right.scrollin {
  opacity: 1;
  transform: translate(0); }

.right-to-left {
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.5s; }

.right-to-left.scrollin {
  opacity: 1;
  transform: translate(0px); }

html, body {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important; }

body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-style: normal;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #333333; }

a {
  color: #333;
  text-decoration: none;
  transition-duration: 0.3s; }

a:hover {
  color: #666;
  transition-duration: 0.3s;
  opacity: 0.7; }