@charset "utf-8";
#hito {
  width: 100%;
  height: 100%;
  min-width: 800px;
  min-height: 500px;
  background-image: url(../img/top/bg_top.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
}
.wrap {
  width: 800px;
  height: 500px;
  position: relative;
  top: calc(50% - 250px);
  left: calc(50% - 400px);
}
#hitokun {
  cursor: pointer;
  position: absolute;
  top: 145px;
  left: 115px;
}
#planet {
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 15px;
}
#grandparents {
  cursor: pointer;
  position: absolute;
  bottom: 158px;
  left: 360px;
}
#spaceship {
  cursor: pointer;
  position: absolute;
  bottom: 122px;
  right: 107px;
}
#company {
  width: 80px;
  height: 90px;
  background: #ff0000;
  cursor: pointer;
  -ms-filter: "alpha( opacity=0 )";
  filter: alpha(opacity=0);
  opacity: 0.0;
  position: absolute;
  top: 180px;
  left: 80px;
}
/*-------------------------------------------------
 > メッセージ
-------------------------------------------------*/
#msg_hitokun {
  position: absolute;
  top: 124px;
  left: 329px;
  z-index: 999;
}
#msg_planet {
  position: absolute;
  top: 88px;
  right: 71px;
  z-index: 999;
}
#msg_grandparents {
  position: absolute;
  bottom: 251px;
  left: 16px;
  z-index: 999;
}
#msg_spaceship {
  position: absolute;
  bottom: 198px;
  right: 222px;
  z-index: 999;
}
#msg_company {
  position: absolute;
  bottom: 261px;
  right: 281px;
  z-index: 999;
}
/*-------------------------------------------------
 > 閉じるボタン
-------------------------------------------------*/
img.btn_close {
  cursor: pointer;
  position: inherit;
  top: 11px;
  right: 12px;
}
#msg_planet img.btn_close {
  top: 47px;
}
#msg_grandparents img.btn_close {
  right: 43px;
}
#msg_spaceship img.btn_close {
  right: 41px;
}
span {
  baclground: #ff0000;
  display: block;
  position: inherit;
  top: 0px;
  right: 0px;
}
.hide {
  display: none;
}