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

.mainvisual .text {
  background: #a89f8f; }
.mainvisual .image .mainslide li {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center left;
  background-repeat: no-repeat;
  animation: topanime 60s linear 0s infinite;
  opacity: 0; }
  .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; }
  .mainvisual .image .mainslide li:nth-child(3) {
    background-image: url("../images/top_slide3.jpg");
    animation-delay: 20s; }
  .mainvisual .image .mainslide li:nth-child(4) {
    background-image: url("../images/top_slide4.jpg");
    animation-delay: 30s; }
  .mainvisual .image .mainslide li:nth-child(5) {
    background-image: url("../images/top_slide5.jpg");
    animation-delay: 40s; }
  .mainvisual .image .mainslide li:nth-child(6) {
    background-image: url("../images/top_slide6.jpg");
    animation-delay: 50s; }

/** anime **/
@keyframes topanime {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  24% {
    opacity: 1; }
  36% {
    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; }
.restaurant p {
  color: #595959; }

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

.news .inner .box::after {
  background: #a89f8f; }