@charset "utf-8";


/*========= レイアウトのためのCSS ===============*/

.vegas-animation-kenburns {
  animation: kenburns ease-out;
}

.previous{
 display: none;
}
.next{
display: none;
}
a:hover.next,
a:active.next,
a:hover.previous,
a:active.previous{
color: #99999999;
}

@media(max-width:767px){
  .previous{
  color: #fff;
  font-size: 3rem;
  position:absolute;
  top: 50%;
  left:1%;
  }
  .next{
      color: #fff;
      font-size: 3rem;
      position:absolute;
      top: 50%;
      right:1%;
  }
  a:hover.next,
  a:active.next,
  a:hover.previous,
  a:active.previous{
  color: #99999999;
  }
}


.vegas-animation-kenburns {
  animation: kenburns ease-out;
}
@keyframes kenburns {
  0% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}

@keyframes kenburnsUp {
  0% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}

@keyframes kenburnsDown {
  0% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes kenburnsRight {
  0% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes kenburnsLeft {
  0% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes kenburnsUpLeft {
  0% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes kenburnsUpRight {
  0% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes kenburnsDownLeft {
  0% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes kenburnsDownRight {
  0% {
      transform: scale(1.05);
  }
  100% {
      transform: scale(1);
  }
}