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_slide2.jpg");
    animation-delay: 0s; }
  .mainvisual .image .mainslide li:nth-child(2) {
    background-image: url("../images/top_slide3.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; }