@charset "utf-8";

/* --------------------------------- index.php */

.dm{}

#enterWrap {
  background-image: url(../images/ent_bg_up.png);
  background-repeat: repeat-x;
  padding-top: 319px;
  position: relative;
}
body.index #mainWrap {
  position: relative;
  width: 100%;
  background-image: url(../images/ent_bg_down_1.png),
   url(../images/ent_bg_down_2.png),
   url(../images/ent_bg_down_3.png),
   url(../images/ent_bg_down_4.png);
  background-repeat: repeat-x, repeat-x, no-repeat, repeat;
  background-position: top, center, center, center;
  min-height: 460px;
}

#indexWrap {
  position: absolute;
  top: -319px;
  left: 0;
  right: 0;
  width: 960px;
  height: 740px;
  margin: auto;
}
#indexWrap .logo,
#indexWrap .copy,
#indexWrap .ageCheck,
#indexWrap .illust {
  position: absolute;
}
#indexWrap .logo {
  top: 147px;
  left: 20px;
  z-index: 10;
}
#indexWrap .copy {
  top: 86px;
  left: 50px;
  z-index: 10;
}
#indexWrap .illust {
  top: 5px;
  left: 480px;
  z-index: 1;
}

#indexWrap .ageCheck {
  width: 352px;
  top: 360px;
  left: 60px;
  z-index: 10;
}
#indexWrap .ageCheck .read {
  font-size: 1.2rem;
  padding: 10px;
  margin: 0 15px 10px;
  background-color: rgba(255,255,255,0.6);
}
#indexWrap .ageCheck .enter {
  margin: 0 auto 10px;
  background-image: url(../images/ent_enter_bg.png);
  background-repeat: no-repeat;
}
#indexWrap .ageCheck .enter:hover img {
  opacity: 0;
}
#indexWrap .ageCheck .exit {
  background-image: url(../images/ent_exit_bg.png);
  background-repeat: no-repeat;
}
#indexWrap .ageCheck .exit:hover img {
  opacity: 0;
}