html {
  background: #fff;
  min-width: 1200px;
  min-height: 720px; }

.layer {
  width: 100%;
  height: 110%;
  min-width: 1200px;
  min-height: 720px;
  position: absolute;
  left: 0;
  top: 0; }

#loading_layer {
  background: #fff;
  position: fixed;
  z-index: 1; }
  #loading_layer #nowloading {
    width: 498px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -138px 0 0 -249px; }
  #loading_layer #loading_logo {
    width: 508px;
    height: 130px;
    margin-left: -7px; }
  #loading_layer #loading_text {
    width: 381px;
    height: 37px;
    margin: 0 auto; }
  #loading_layer #loading_num {
    display: inline-block;
    position: absolute;
    top: 130px;
    left: 396px; }
    #loading_layer #loading_num img:nth-child(1), #loading_layer #loading_num img:nth-child(2) {
      opacity: 0; }
  #loading_layer .loading_num {
    margin-left: -10px; }
  #loading_layer #loading_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff; }
  #loading_layer #loading_bg2 {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    top: 0; }

.loading_ball {
  position: absolute;
  top: -30%;
  left: 0;
  display: none;
  opacity: 0.5; }

#contentwrapper {
  overflow: hidden;
  position: relative;
  z-index: 2;
  height: 1200px;
  opacity: 0; }

#topbg {
  width: 2000px;
  height: 1200px;
  background: url("../img/top_bg.jpg") no-repeat top center;
  left: 50%;
  position: absolute;
  margin-left: -1000px; }

#loadingwrapper {
  position: relative;
  top: 50%;
  margin-top: -400px;
  margin-left: -317px;
  left: 50%;
  width: 600px; }
  #loadingwrapper #tapbtn {
    width: 600px;
    height: 600px; }
    #loadingwrapper #tapbtn img {
      width: 600px; }
  #loadingwrapper #loading_tap {
    position: relative;
    margin-left: 110px;
    margin-top: -160px;
    width: 416px;
    pointer-events: none; }
    #loadingwrapper #loading_tap img {
      width: 400px; }

#top_kyoko {
  position: absolute;
  top: 334px;
  left: 50%;
  margin-left: -460px; }

#top_mami {
  position: absolute;
  top: 360px;
  left: 50%;
  margin-left: 160px; }

#top_sayaka {
  position: absolute;
  top: 574px;
  left: 50%;
  margin-left: -270px; }

#top_homura {
  position: absolute;
  top: 584px;
  left: 50%;
  margin-left: -72px; }

#catche {
  position: absolute;
  top: 382px;
  left: 50%;
  margin-left: -160px; }

#pvbtn {
  position: absolute;
  top: 450px;
  left: 50%;
  margin-left: -111px; }

#sitebannar {
  position: absolute;
  width: 1240px;
  top: 1072px;
  left: 50%;
  margin-left: -626px;
  font-size: 0;
  text-align: center; }

.sitebannargroup {
  display: inline-block; }

.copyright {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -169px; }

#menubtn_tutorial {
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: 245px; }

#logo {
  position: absolute;
  top: 752px;
  left: 50%;
  margin-left: -332px; }

#countdown_bg {
  position: absolute;
  top: 924px;
  left: 50%;
  margin-left: -209px; }

#countdown_num1 {
  position: absolute;
  top: 956px;
  left: 50%;
  margin-left: -10px; }

#countdown_num2 {
  position: absolute;
  top: 956px;
  left: 50%;
  margin-left: 56px; }

#menu {
  width: 1022px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -511px;
  margin-top: 8px; }
  #menu .menu_menubtn {
    width: 200px;
    display: inline-block;
    margin: -8px 0;
    position: relative; }
  #menu .newicon {
    position: absolute;
    width: 38px;
    top: 0;
    left: 50%;
    margin-left: -19px;
    margin-top: 30px; }

#menubg {
  width: 2000px;
  height: 84px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1000px;
  background: url("../img/menubg.png") top center repeat-x; }

#menu_topbtn {
  width: 149px;
  position: absolute;
  top: 81px;
  left: 50%;
  margin-left: 333px; }

#menubtn_point {
  left: 50%;
  position: absolute;
  margin-left: -502px;
  top: 94px; }
  #menubtn_point .newicon {
    position: absolute;
    width: 38px;
    top: 0;
    left: 50%;
    margin-left: -81px;
    margin-top: -7px; }

#kasoubg {
  position: relative; }
  #kasoubg .kasou_title {
    width: 539px;
    position: relative;
    left: 50%;
    margin-left: -270px;
    margin-top: 100px; }
  #kasoubg .kasou_content {
    width: 1200px;
    position: relative;
    margin-top: 15px;
    margin-left: -600px;
    left: 50%; }
  #kasoubg #kasou_pagetopbtn {
    width: 221px;
    left: 50%;
    position: relative;
    margin: 10px 0 40px -110px; }
  #kasoubg #title_majyo {
    width: 607px;
    margin-left: -303px; }

#searchbg {
  width: 480px;
  position: relative;
  margin: 0 auto;
  padding: 50px 0; }
  #searchbg img {
    width: 100%; }
  #searchbg .sns {
    width: 82px;
    margin: 0 auto; }
    #searchbg .sns li {
      display: inline-block;
      width: 36px;
      height: 36px;
      padding: 1px; }
  #searchbg .macy {
    width: 120px;
    margin: 0 auto;
    z-index: 1;
    position: relative; }
    #searchbg .macy img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }

#search_select {
  position: absolute;
  width: 300px;
  top: 348px;
  left: 50%;
  margin-left: -150px; }
  #search_select select {
    width: 100%; }

#search_btn {
  position: absolute;
  left: 50%;
  margin-left: -75px;
  width: 50%;
  margin-top: 49px; }
  #search_btn input {
    width: 100%; }

#selectbox {
  width: 100%; }

#search_html {
  background: #000; }

#search {
  width: 100%;
  height: 100%; }

/*-----footer-----*/
#footer_lg {
  position: relative;
  padding-top: 1%;
  padding-bottom: 2%;
  background-color: #000;
  z-index: 1; }
  #footer_lg .banner {
    text-align: center;
    position: relative;
    z-index: 11; }
    #footer_lg .banner li {
      width: 124px;
      height: 36px;
      display: inline-block;
      margin-right: .1%; }
      #footer_lg .banner li:nth-child(1), #footer_lg .banner li:nth-child(2) {
        width: 36px;
        margin-right: .2%; }
      #footer_lg .banner li img {
        width: 100%;
        height: auto; }
  #footer_lg .macy {
    width: 120px;
    margin: 0 auto; }
    #footer_lg .macy img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }

/*# sourceMappingURL=main.css.map */