@charset "UTF-8";

/* 背景画像 */
body{
  content:"";
  position:relative;
  bottom:0;
  height:100%;
  width:100%;
  background-image:url(../img/sub/subbg.png);
  background-repeat: no-repeat;
  background-size:contain;
  background-position:0 0;
}
#header{
  content:"";
  position:relative;
  bottom:0;
  height:100%;
  width:100%;
  background-image:url(../img/sub/huwakuma.png),url(../img/sub/girl.png),url(../img/sub/shika.png);
  background-repeat: no-repeat;
  background-size:110px,100px,110px;
  background-position:99% 10%,86% 75%,46% 5%;
}

.subani img{
  position:absolute;
}
.subani{
  position:absolute;
  left:10%;
  top:3%;
  margin:15px;
  width:130px;
  display:inline-block;
  animation:4s linear infinite rotation;
}
@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
/* SP */
@media screen and (max-width: 600px) {
  body{
    background-size: contain;
  }
  #header{
    background-size:70px,70px,80px;
    background-position:95% 5%,80% 65%,46% 2%;
  }
  .subani{
    width:90px;
    left:5%;
    top:2%;
  }
}