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

/* ----剣士アニメ---- */
/* 年間チャンピオン_ソロ_剣士 *//* 年間チャンピオン_タッグ_剣士 */
.walk_sprite_humChampSolo, .walk_sprite_humChampTag{
	width:128px;
	height:155px;
    position:absolute;
    background:url(../img/sprite/anm_human_champ_solo.png);
    background-size:1536px 155px;
	-webkit-animation:anmHumChamp 0.6s steps(12) infinite ;
	-moz-animation:anmHumChamp 0.6s steps(12) infinite ;
	-o-animation:anmHumChamp 0.6s steps(12) infinite ;
	-ms-animation:anmHumChamp 0.6s steps(12) infinite ;
}
@keyframes anmHumChamp{
	0%  { background-position:1536px 0px;}
	100%{ background-position:0px 0px;}
}
@-webkit-keyframes anmHumChamp{
	0%  { background-position:1536px 0px;}
	100%{ background-position:0px 0px;}
}
@-moz-keyframes "anmHumChamp"{
	0%  { background-position:1536px 0px;}
	100%{ background-position:0px 0px;}
}
@-ms-keyframes anmHumChamp{
	0%  { background-position:1536px 0px;}
	100%{ background-position:0px 0px;}
}
/* 年間チャンピオン_タッグ_剣士 */
.walk_sprite_humChampTag{
    left:-130px;
    background:url(../img/sprite/anm_human_champ_tag.png);
    background-size:1536px 155px;
}
/* 東京チャンピオン_ソロ_剣士 *//* 東京チャンピオン_タッグ_剣士 */
.walk_sprite_humTokyoChampSolo, .walk_sprite_humTokyoChampTag{
	width:105px;
	height:173px;
    position:absolute;
    left:-120px;
    background:url(../img/sprite/anm_human_fes_champ_solo.png);
    background-size:1260px 173px;
	-webkit-animation:anmHumChampTokyo 0.6s steps(12) infinite ;
	-moz-animation:anmHumChampTokyo 0.6s steps(12) infinite ;
	-o-animation:anmHumChampTokyo 0.6s steps(12) infinite ;
	-ms-animation:anmHumChampTokyo 0.6s steps(12) infinite ;
}
@keyframes anmHumChampTokyo{
	0%  { background-position:1260px 0px;}
	100%{ background-position:0px 0px;}
}
@-webkit-keyframes anmHumChampTokyo{
	0%  { background-position:1260px 0px;}
	100%{ background-position:0px 0px;}
}
@-moz-keyframes "anmHumChampTokyo"{
	0%  { background-position:1260px 0px;}
	100%{ background-position:0px 0px;}
}
@-ms-keyframes anmHumChampTokyo{
	0%  { background-position:1260px 0px;}
	100%{ background-position:0px 0px;}
}
/* 東京チャンピオン_タッグ_剣士 */
.walk_sprite_humTokyoChampTag{
	height:181px;
    left:-110px;
    background:url(../img/sprite/anm_human_fes_champ_tag.png);
    background-size:1260px 181px;
}
/* fes剣士の移動値 */
.walk-humfes1, .walk-humfes2, .walk-humfes3, .walk-humfes4{
	-webkit-animation:walk-humfes 38s infinite linear;
	-moz-animation:walk-humfes 38s infinite linear;
	-o-animation:walk-humfes 38s infinite linear;
	-ms-animation:walk-humfes 38s infinite linear;
	position:absolute;
	top:310px;
	z-index:4;
}
@keyframes walk-humfes{
	0%  { transform:translate(-100px, 0); }
	100%{ transform:translate(1700px, 0); }
}
@-webkit-keyframes walk-humfes{
	0%  { -webkit-transform:translate(-100px, 0); }
	100%{ -webkit-transform:translate(1700px, 0); }
}
@-moz-keyframes "walk-humfes"{
	0%  { transform:translate(-100px, 0); }
	100%{ transform:translate(1700px, 0); }
}
@-ms-keyframes walk-humfes{
	0%  { transform:translate(-100px, 0); }
	100%{ transform:translate(1700px, 0); }
}
.walk-humfes2{
	-webkit-animation:walk-humfes 38s infinite 2.5s linear;
	-moz-animation:walk-humfes 38s infinite 2.5s linear;
	-o-animation:walk-humfes 38s infinite 2.5s linear;
	-ms-animation:walk-humfes 38s infinite 2.5s linear;
	top:414px;
	z-index:8;
}
.walk-humfes3{
	-webkit-animation:walk-humfes 38s infinite 12.5s linear;
	-moz-animation:walk-humfes 38s infinite 12.5s linear;
	-o-animation:walk-humfes 38s infinite 12.5s linear;
	-ms-animation:walk-humfes 38s infinite 12.5s linear;
	top:464px;
	z-index:10;
}
.walk-humfes4{
	-webkit-animation:walk-humfes 38s infinite 8.5s linear;
	-moz-animation:walk-humfes 38s infinite 8.5s linear;
	-o-animation:walk-humfes 38s infinite 8.5s linear;
	-ms-animation:walk-humfes 38s infinite 8.5s linear;
	top:190px;
	z-index:1;
}

/* デフォルト剣士 */
#walk{
	position:absolute;
    top:290px;
}
.walk_sprite{
	width:84px;
	height:107px;
	background:url(../img/sprite/anm_human.png);
	-webkit-animation:anmHuman 0.6s steps(12) infinite ;
	-moz-animation:anmHuman 0.6s steps(12) infinite ;
	-o-animation:anmHuman 0.6s steps(12) infinite ;
	-ms-animation:anmHuman 0.6s steps(12) infinite ;
}
@keyframes anmHuman{
	0%  { background-position:0px 0px;}
	100%{ background-position:1008px 0px;}
}
@-webkit-keyframes anmHuman{
	0%  { background-position:0px 0px;}
	100%{ background-position:1008px 0px;}
}
@-moz-keyframes "anmHuman"{
	0%  { background-position:0px 0px;}
	100%{ background-position:1008px 0px;}
}

@-ms-keyframes anmHuman{
	0%  { background-position:0px 0px;}
	100%{ background-position:1008px 0px;}
}
/* 剣士の移動値 */
.walk-00, .walk-01, .walk-02, .walk-03, .walk-04, .walk-05 {
	-webkit-animation:walkHum 60s infinite linear;
	-moz-animation:walkHum 60s infinite linear;
	-o-animation:walkHum 60s infinite linear;
	-ms-animation:walkHum 60s infinite linear;
	position:absolute;
	top:0;
	z-index:2;
}
@keyframes walkHum{
	0%  { transform:translate(-100px, 0px); }
	100%{ transform:translate(2300px, 0); }
}
@-webkit-keyframes walkHum{
	0%  { -webkit-transform:translate(-100px, 0px); }
	100%{ -webkit-transform:translate(2300px, 0); }
}
@-moz-keyframes "walkHum"{
	0%  { transform:translate(-100px, 0px); }
	100%{ transform:translate(2300px, 0); }
}
@-ms-keyframes walkHum{
	0%  { transform:translate(-100px, 0px); }
	100%{ transform:translate(2300px, 0); }
}
.walk-01 {
	top:50px;
	z-index:3;
}
.walk-02 {
	top:190px;
	z-index:6;
}
.walk-03 {
	top:240px;
	z-index:7;
}
.walk-04 {
	top:300px;
	z-index:9;
}
.walk-05 {
	top:250px;
	z-index:7;
}

/* ----ヌボボアニメ---- */
.walk_nbb {
    -webkit-animation: walk_nbb 70s infinite 20s linear;
    -moz-animation: walk_nbb 70s infinite 20s linear;
    -o-animation: walk_nbb 70s infinite 20s linear;
    -ms-animation: walk_nbb 70s infinite 20s linear;
    position: absolute;
    top: 252px;
    left: -110px;
    z-index: 0;
}
@keyframes walk_nbb{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
@-webkit-keyframes walk_nbb{
	0%  { -webkit-transform:translate(0, 0); }
	100%{ -webkit-transform:translate(2300px, 0); }
}
@-moz-keyframes "walk_nbb"{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
@-ms-keyframes walk_nbb{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}

/* ----キャットアニメ---- */
.walk_cat {
    -webkit-animation: walk_cat 70s infinite 26s linear;
    -moz-animation: walk_cat 70s infinite 26s linear;
    -o-animation: walk_cat 70s infinite 26s linear;
    -ms-animation: walk_cat 70s infinite 26s linear;
    position: absolute;
	top: 360px;
    left: -200px;
    z-index: 4;
}
@keyframes walk_cat{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
@-webkit-keyframes walk_cat{
	0%  { -webkit-transform:translate(0, 0); }
	100%{ -webkit-transform:translate(2300px, 0); }
}
@-moz-keyframes "walk_cat"{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
@-ms-keyframes walk_cat{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}

/* ----ゴブリンバイクアニメ---- */
.walk_gbc {
	-webkit-animation:walk_gbc 50s infinite 20s linear;
	-moz-animation:walk_gbc 50s infinite 20s linear;
	-o-animation:walk_gbc 50s infinite 20s linear;
	-ms-animation:walk_gbc 50s infinite 20s linear;
	position:absolute;
	top:580px;
	left:-90px;
	z-index:11;
}
@keyframes walk_gbc{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
@-webkit-keyframes walk_gbc{
	0%  { -webkit-transform:translate(0, 0); }
	100%{ -webkit-transform:translate(2300px, 0); }
}
@-moz-keyframes "walk_gbc"{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
@-ms-keyframes walk_gbc{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
.walk_gbc_bb {
	-webkit-animation:walk_gbc_bb 49s infinite 18s linear;
	-moz-animation:walk_gbc_bb 49s infinite 18s linear;
	-o-animation:walk_gbc_bb 49s infinite 18s linear;
	-ms-animation:walk_gbc_bb 49s infinite 18s linear;
	position:absolute;
	top:580px;
	left:-80px;
	z-index:11;
}
@keyframes walk_gbc_bb{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
@-webkit-keyframes walk_gbc_bb{
	0%  { -webkit-transform:translate(0, 0); }
	100%{ -webkit-transform:translate(2300px, 0); }
}
@-moz-keyframes "walk_gbc_bb"{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
@-ms-keyframes walk_gbc_bb{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}

/* ----サイクロガール---- */
.walk_cyg {
	-webkit-animation:walk_cyg 62s infinite 0s linear;
	-moz-animation:walk_cyg 62s infinite 0s linear;
	-o-animation:walk_cyg 62s infinite 0s linear;
	-ms-animation:walk_cyg 62s infinite 0s linear;
	position:absolute;
	top:240px;
	left:-800px;
	z-index:5;
}
@keyframes walk_cyg{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0px); }
}
@-webkit-keyframes walk_cyg{
	0%  { -webkit-transform:translate(0, 0); }
	100%{ -webkit-transform:translate(2300px, 0px); }
}
@-moz-keyframes "walk_cyg"{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0px); }
}
@-ms-keyframes walk_cyg{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0px); }
}

/* ----ペンギン---- */
.walk_pen {
	-webkit-animation:walk_pen 55s infinite 30s linear;
	-moz-animation:walk_pen 55s infinite 30s linear;
	-o-animation:walk_pen 55s infinite 30s linear;
	-ms-animation:walk_pen 55s infinite 30s linear;
	position:absolute;
	top:480px;
	left:-240px;
	z-index:8;
}
@keyframes walk_pen{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
@-webkit-keyframes walk_pen{
	0%  { -webkit-transform:translate(0, 0); }
	100%{ -webkit-transform:translate(2300px, 0); }
}
@-moz-keyframes "walk_pen"{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}
@-ms-keyframes walk_pen{
	0%  { transform:translate(0, 0); }
	100%{ transform:translate(2300px, 0); }
}

/*===============================================
●smart.css  画面の横幅が668pxから768pxまで
===============================================*/
@media screen and (min-width:668px) and (max-width:1000px){

}/*media screen*/
@media screen and (max-width:667px){
	/* chara anim */
	.walk_nbb, .walk_cat, .walk_gbc, .walk_gbc_bb, .walk_cyg, .walk_pen{
	    display: none;
	}
	#walk {
	    top: 32%;
	}
}/*media screen*/