@charset "utf-8";

/* 
name: style
designer: Adclip
designer_url: http://adclip.net/ 
*/

.anctr{
  …
  /* ５秒かけてアニメーションする */
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  /* 4秒待ってからアニメーションする */
  -webkit-animation-duration: 10s;
  animation-delay:10s;
  /* 5回繰り返す */
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.nami00{
	position:absolute;
	bottom:0;
	width:100%;
	margin: 0 auto;
	background-image: url(../image/nami01.png), url(../image/nami00.png);
	background-repeat:repeat-x,repeat-x;
	animation: namiMove 8s linear infinite;
}
@keyframes namiMove {
    0% {background-position: 0 0, 0 0;}
    100% {background-position: 400px 0, 800px 0;}
}

.nami01{
	position:absolute;
	bottom:1%;
	width:100%;
	margin: 0 auto;
	background-image: url(../image/sec03-02-02-00.png), url(../image/nami01.png);
	background-repeat:no-repeat,repeat-x;
	animation: naminiMove 14s linear infinite;
}
@keyframes naminiMove {
    0% {background-position: 140% 0, 0 0;}
    100% {background-position: -40% 0, 800px 0;}
}


.bur01 {
    display: inline-block;
    animation: hurueru .1s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}


/*画像サイズ960px以上*/
@media  print, screen and (min-width:960px) {

.nami00{
	height:400px;
	background-size:contain,contain;
}

.nami01{
	height:200px;
	background-size:contain,contain;
}

}/*画像サイズ600px以上960以下*/

@media only screen and (min-width:600px)and (max-width:959px)  {

.nami00{
	height:300px;
	background-size:cover,cover;
}

.nami01{display:none;}

}/*画像サイズ600px以上960以下end*/


/*画像サイズ600px以下*/
@media only screen and (max-width:599px)  {

.nami00{
	height:300px;
	background-size:cover,cover;
}

.nami01{display:none;}


}