@charset "utf-8";
html{
  height:100%;
}

body{
  background:
  url('../img/texture.png') repeat fixed,
  url('../img/niku.png') 100% -60px no-repeat,
  url('../img/light.png') 0% 35px no-repeat,
  url('../img/pipe.png') 0% 0% no-repeat,
  #000;

}
img{max-width: 80%;}

#wrapper{
  margin:0 auto;
  padding:10px;
  width:100%;
  max-width:780px;
  text-align: center;
  }



@media screen and (min-width:640px){
img{max-width: 100%;}
body{
  background:
  url('../img/texture.png') repeat fixed,
  url('../img/speaker.png') 100% 0% no-repeat,
  url('../img/banana.png') 100% 0% no-repeat,
  url('../img/niku.png') 30px 40px no-repeat,
  url('../img/light.png') 280px 40px no-repeat,
  url('../img/pipe.png') 0% 0% no-repeat,
  #000 url('../img/bg.jpg') 0% 50% /cover no-repeat fixed;



}
header{
  text-align: center;
  padding:10px;}

header img{
  max-width:80%;
}


/*爺ちゃん*/
#naritati_wrraper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;}
}
li.jiji{
  width:200px;
}
li.naritati{
  width:400px;
  font-size:1.2rem;
}

span.jiji{
  display:inline-block;
  line-height: 25px;
  padding:3px 10px;
  font-weight: bold;
  color:#000;
  background:#ff0;
}

#bottom{
min-height: 200px;
background: url('../img/car.png') 100% 100% no-repeat scroll;
}