@charset "utf-8";
/* CSS Document */

.img-wrap {
  overflow: hidden;
  position: relative;
}

.img-wrap:before,
.img-wrap:after {
  animation: 2s cubic-bezier(.4, 0, .2, 1) forwards;/*animation-iteration-count:infinite;*/
  background: #fff;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

.img-wrap:before {
  animation-name: img-wrap-before;
  top: 0;
  bottom: 50%;
}

.img-wrap:after {
  animation-name: img-wrap-after;
  top: 50%;
  bottom: 0;
}

@keyframes img-wrap-before {
  100% {
    transform: translateX(100%);
  }
}

@keyframes img-wrap-after {
  100% {
    transform: translateX(-100%);
  }
}

div.map{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
p.minuteWalk{font-weight: bold;line-height:1;}
p.minuteWalk span.min{font-size:2em; color:#ae0e16;}
p.minuteWalk span.route{font-size:0.8em;}