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

/*------------------------

横スライド用

------------------------*/

.sliding {
  background: url("http://kenyo--c.com/wp-content/themes/kenyoooc/img/test/sliding-background-template-01.png") repeat-x;
  height: 500px;
  width: 3384px;
  animation: slide 60s linear infinite;
}

@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1692px, 0, 0);
  }
}
	

/*------------------------

トップ

------------------------*/
	
.sliding01 {
	  background: url(../img/ticker01.png) repeat-x;
	  height: 200px;
	  width: 4794px;
	  animation: slide 20s linear infinite;
	}
	 
	@keyframes sliding01{
	  0%{
	    transform: translate3d(-2397px, 0, 0);
	  }
	  100%{
	    transform: translate3d(0, 0, 0);
	  }
	}
	
.sliding02 {
	  background: url(../img/ticker02.png) repeat-x;
	  height: 200px;
	  width: 4798px;
	  animation: slide 60s linear infinite;
	}
	 
	@keyframes sliding02{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-2399px, 0, 0);
	  }
	}

@media only screen and (max-width: 767px) {
	.sliding01 {
	  background: url(../img/ticker01.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 100px;
	  width: 2397px;
	}
	 
	@keyframes sliding01{
	  0%{
	    transform: translate3d(-1198px, 0, 0);
	  }
	  100%{
	    transform: translate3d(0, 0, 0);
	  }
	}
	
.sliding02 {
	  background: url(../img/ticker02.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 100px;
	  width: 2399px;
	}
	 
	@keyframes sliding02{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-1199px, 0, 0);
	  }
	}
}


/*------------------------

宿泊プラン

------------------------*/

.sliding-box{
	overflow:hidden;
	}

.lodgingplan .sliding-box{
	margin-bottom:2.35em;
	}
		
.lodgingplan-sliding {
	  background: url(../../lodgingplan/img/ticker.jpg) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 470px;
	  width: 3840px;
	  animation: slide 30s linear infinite;
	}
	 
	@keyframes lodgingplan-sliding{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-1920px, 0, 0);
	  }
	}
	
@media only screen and (max-width: 767px) {
	.lodgingplan-sliding {
	  height: 200px;
	}
}


/*------------------------

魅力

------------------------*/

.appeal-sliding01 {
	  background: url(../../appeal/img/ticker01.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 470px;
	  width: 3840px;
	  animation: slide 30s linear infinite;
	}
	 
	@keyframes appeal-sliding01{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-1920px, 0, 0);
	  }
	}

.appeal-sliding02 {
	  background: url(../../appeal/img/ticker02.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 304px;
	  width: 4538px;
	  animation: slide 30s linear infinite;
	}
	 
	@keyframes appeal-sliding02{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-2269px, 0, 0);
	  }
	}

.appeal-sliding03 {
	  background: url(../../appeal/img/ticker03.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 304px;
	  width: 4418px;
	  animation: slide 15s linear infinite;
	}
	 
	@keyframes appeal-sliding03{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-2209px, 0, 0);
	  }
	}
			
@media only screen and (max-width: 767px) {
	.appeal-sliding03,
	.appeal-sliding02,
	.appeal-sliding01 {
	  height: 200px;
	}
}


/*------------------------

客室

------------------------*/

.room-sliding01 {
	  background: url(../../guestrooms/img/ticker01.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 304px;
	  width: 3840px;
	  animation: slide 30s linear infinite;
	}
	 
	@keyframes room-sliding01{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-1920px, 0, 0);
	  }
	}

.room-sliding02 {
	  background: url(../../guestrooms/img/ticker02.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 304px;
	  width: 3624px;
	  animation: slide 15s linear infinite;
	}
	 
	@keyframes room-sliding02{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-1812px, 0, 0);
	  }
	}
			
@media only screen and (max-width: 767px) {
	.room-sliding01,
	.room-sliding02 {
	  height: 100px;
	}
}

/*------------------------

料理

------------------------*/

.dishes-sliding01 {
	  background: url(../../dishes/img/ticker01.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 470px;
	  width: 3840px;
	  animation: slide 30s linear infinite;
	}
	 
	@keyframes dishes-sliding01{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-1920px, 0, 0);
	  }
	}

.dishes-sliding02 {
	  background: url(../../dishes/img/ticker02.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 470px;
	  width: 3840px;
	  animation: slide 30s linear infinite;
	}
	 
	@keyframes dishes-sliding02{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-1920px, 0, 0);
	  }
	}

.dishes-sliding03 {
	  background: url(../../dishes/img/ticker03.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 470px;
	  width: 5124px;
	  animation: slide 30s linear infinite;
	}
	 
	@keyframes dishes-sliding03{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-2562px, 0, 0);
	  }
	}
			
@media only screen and (max-width: 767px) {
	.dishes-sliding03,
	.dishes-sliding02,
	.dishes-sliding01 {
	  height: 200px;
	}
}

/*------------------------

グループプラン

------------------------*/

.groupplan-sliding {
	  background: url(../../groupplan/img/ticker.png) repeat-x;
	  -moz-background-size:auto 100%;
	  background-size:auto 100%;
	  height: 304px;
	  width: 3840px;
	  animation: slide 30s linear infinite;
	}
	 
	@keyframes dishes-sliding01{
	  0%{
	    transform: translate3d(0, 0, 0);
	  }
	  100%{
	    transform: translate3d(-1920px, 0, 0);
	  }
	}
			
@media only screen and (max-width: 1023px) {
	.groupplan-sliding {
	  height: 200px;
	}
}

@media only screen and (max-width: 767px) {
	.groupplan-sliding {
	  height: 100px;
	}
}