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

/* -------------------------------------------------------------------------
   BGアニメーション
   -------------------ORG:https://morobrand.net/mororeco/css/twinkling/----

@keyframes move_hoshi {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move_hoshi {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move_hoshi {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move_hoshi {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

.stars {
  background:#000 url(../images/tmp/stars.png) repeat top center;
  z-index:0;
}

.star_mk{
  background:transparent url(../images/tmp/star_mk.png) repeat top center;
  z-index:1;
  -moz-animation:move_hoshi 200s linear infinite;
  -ms-animation:move_hoshi 200s linear infinite;
  -o-animation:move_hoshi 200s linear infinite;
  -webkit-animation:move_hoshi 200s linear infinite;
  animation:move_hoshi 200s linear infinite;
}

.clouds{
  background:transparent url(../images/tmp/clouds.png) top center no-repeat;
  background-size: 90% auto;
  z-index:3;
  padding-bottom: 150px;
}

*/

.stars_t {
  background:#000 url(../images/tmp/stars.png) repeat top center;
  z-index:0;
}

@keyframes move_clouds {
    from {background-position:0 0;}
    to {background-position:9900px 0;}
}
@-webkit-keyframes move_clouds {
    from {background-position:0 0;}
    to {background-position:9900px 0;}
}
@-moz-keyframes move_clouds {
    from {background-position:0 0;}
    to {background-position:9900px 0;}
}
@-ms-keyframes move_clouds {
    from {background-position: 0;}
    to {background-position:9900px 0;}
}

.clouds2{
  background:transparent url(../images/tmp/clouds.png) top center repeat;
  background-size: 90% auto;
  background-repeat: repeat-x;
  padding-bottom: 150px;
  -moz-animation:move_clouds 400s linear infinite;
  -ms-animation:move_clouds 400s linear infinite;
  -o-animation:move_clouds 400s linear infinite;
  -webkit-animation:move_clouds 400s linear infinite;
  animation:move_clouds 400s linear infinite;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clouds{
  z-index:3;
  padding-bottom: 150px;
}