body {
  color: #595959;
}
body::after {
  background: #F9F8F4;
  color: #595959;
}

.mainvisual .text {
  background: #fff;
  color: #595959;
}
.mainvisual .image .mainslide li {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center left;
  background-repeat: no-repeat;
  animation: topanime 20s linear 0s infinite;
  opacity: 0;
  /*&:nth-child(3) {
  	background-image:url("../images/top_slide3.jpg");
  	animation-delay: 20s;
  }
  &:nth-child(4) {
  	background-image:url("../images/top_slide4.jpg");
  	animation-delay: 30s;
  }
  &:nth-child(5) {
  	background-image:url("../images/top_slide5.jpg");
  	animation-delay: 40s;
  }
  &:nth-child(6) {
  	background-image:url("../images/top_slide6.jpg");
  	animation-delay: 50s;
  }*/
}
.mainvisual .image .mainslide li:nth-child(1) {
  background-image: url("../images/top_slide1.jpg");
  animation-delay: 0s;
}
.mainvisual .image .mainslide li:nth-child(2) {
  background-image: url("../images/top_slide2.jpg");
  animation-delay: 10s;
}

/** anime 2images **/
@keyframes topanime {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  54% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center right;
  }
}
@keyframes bgSlide {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    background-position: center right 20%;
  }
}
h2.headline {
  color: #595959;
}

.restaurant::after {
  background: #efefef;
}

.stay {
  color: #595959;
}
.stay .text h2 {
  color: #595959;
}
.stay .text .more a {
  color: #595959;
}
.stay .text .more a span.arrow::before {
  background: #595959;
}
.stay .text .more a span.arrow::after {
  border-top: 1px solid #595959;
}

@media all and (max-width: 896px) {
  .onsen > div.block {
    background: #efefef;
  }
}
.onsen > div.block .text {
  background: #efefef;
}

.news .inner .title h2 {
  color: #595959;
}
.news .inner .box::after {
  background: #3d3d3d;
}
@media all and (max-width: 896px) {
  .news .inner .box > div a {
    color: #595959;
  }
}
.news .inner .more a {
  text-align: left;
}
@media all and (max-width: 896px) {
  .news .inner .more a {
    color: #595959;
  }
}
@media all and (max-width: 896px) {
  .news .inner .more a span.arrow::before {
    background: #595959;
  }
}
@media all and (max-width: 896px) {
  .news .inner .more a span.arrow::after {
    border-top: 1px solid #595959;
  }
}

footer {
  background: #F9F8F4;
}/*# sourceMappingURL=local.css.map */