.bk {
    width: 360px;
    height: 250px;
    background: url(img2/Background1.png) ;
    top:0px; 
    animation: sprite2 10s steps(249, start) infinite;
    position: absolute; 
  
  }   
  
  
  .character {
    margin: 0px auto 0;
  
    /* 画像置換 */
    background: url(img2/1x.png) 0 0 no-repeat ;
    height: 0;
    overflow: hidden;
    padding-top: 50px;
    width: 50px;
    /* アニメーション */
    animation: sprite1 1s steps(17, start) infinite;
    z-index: 6;
    position: absolute; 
  top: 200px;
  left: 100px;
  /*transform: rotateY(180deg);*/
  }
  .nemuru {
    margin: 0px auto 0;
  
    /* 画像置換 */
    background: url(img2/2x.png) 0 0 no-repeat ;
    height: 0;
    overflow: hidden;
    padding-top: 52px;
    width: 50px;
    /* アニメーション */
    animation: sprite3 5s steps(10, start) infinite;
    z-index: 2;
    position: absolute; 
  top: 0px;
  left: 0px;
  /*transform: rotateY(180deg);*/
  transform:scale(0.7);
  
  }
  .coin {
    margin: 0px auto 0;
  
    /* 画像置換 */
    background: url(img2/coin.png) 0 0 no-repeat ;
    height: 0;
    overflow: hidden;
    padding-top: 50px;
    width: 50px;
    /* アニメーション */
    animation: sprite4 1s steps(16, start) infinite;
    z-index: 4;
    position: absolute; 
  top: 100px;
  left: 100px;
  /*transform: rotateY(180deg);*/
  }
  .tamane {
    margin: 0px auto 0;
  
    /* 画像置換 */
    background: url(img2/tamane2.png) 0 0 no-repeat ;
    height: 0;
    overflow: hidden;
    padding-top: 64px;
    width: 65px;
    /* アニメーション */
    animation: sprite5 1s steps(3, start) infinite;
    z-index: 5;
    position: absolute; 
  top: 170px;
  left: 100px;
  /*transform: rotateY(180deg);*/
  }
  @keyframes sprite1 {
    0%   {background-position: 0 0;}
    100% {background-position: -850px 0;}
  }
  @keyframes sprite2 {
    0%   {background-position: 0 0;}
    100% {background-position: -1000px 0;}
  }
  @keyframes sprite3 {
    0%   {background-position: 0 0;}
    100% {background-position: -500px 0;}
  }
  @keyframes sprite4 {
    0%   {background-position: 0 0;}
    100% {background-position: -800px 0;}
  }
  @keyframes sprite5 {
    0%   {background-position: 0 0;}
    100% {background-position: -192px 0;}
  }
  .pac{
    position: absolute; 
    top:0px;
  left: 0px;
  overflow: hidden;
    width: 360px;
    height: 250px;
    z-index: 3;
    background: rgba(102, 223, 223, 0);
   /* transform: rotateY(180deg);*/
  }