@import url(common.css);
/*
  2020-01-22
  ENPgames_YJ
*/
/*-----main section-----*/
#mainWrap {
  /*banner & start & login */
  /*main notice list */
  /*main ft info*/ }
  #mainWrap .fixTopWrap {
    width: 575px;
    height: 277px;
    margin: -40px 0 11px 213px; }
    #mainWrap .fixTopWrap .sliderWrap {
      width: 282px;
      height: 277px;
      background: url("//image.brabragames.jp/mp/common/bg_banner.png") no-repeat;
      float: left;
      position: relative; }
      #mainWrap .fixTopWrap .sliderWrap .visualWrap {
        margin: 3px;
        width: 276px;
        height: 271px; }
        #mainWrap .fixTopWrap .sliderWrap .visualWrap .bx-prev {
          position: absolute;
          top: 126px;
          left: 7px;
          width: 19px;
          height: 23px;
          background: url("//image.brabragames.jp/mp/common/btn_bn_prev.png") no-repeat; }
        #mainWrap .fixTopWrap .sliderWrap .visualWrap .bx-next {
          top: 126px;
          left: 250px;
          width: 19px;
          height: 23px;
          background: url("//image.brabragames.jp/mp/common/btn_bn_next.png") no-repeat; }
    #mainWrap .fixTopWrap .gsLogWrap {
      float: left;
      margin-left: 10px;
      width: 282px;
      height: 277px; }
      #mainWrap .fixTopWrap .gsLogWrap .gameStart a {
        display: block;
        width: 282px;
        height: 137px;
        background: url("//image.brabragames.jp/mp/common/btn_gameStart_off.png") no-repeat;
        text-indent: -99999px;
        transition: all 1.5s; }
        #mainWrap .fixTopWrap .gsLogWrap .gameStart a:hover {
          background: url("//image.brabragames.jp/mp/common/btn_gameStart_on.png") no-repeat; }
      #mainWrap .fixTopWrap .gsLogWrap .loginWrap {
        position: relative;
        height: 140px;
        background: url("//image.brabragames.jp/mp/common/bg_login.png") no-repeat;
        padding: 14px 0 0 18px;
        box-sizing: border-box; }
        #mainWrap .fixTopWrap .gsLogWrap .loginWrap input[type="text"], #mainWrap .fixTopWrap .gsLogWrap .loginWrap input[type="password"] {
          width: 150px;
          height: 27px;
          border: 1px solid #7880b6;
          background: #1c1c1c;
          color: #646464;
          padding: 0 10px;
          margin-bottom: 1px;
          font-size: 11px; }
        #mainWrap .fixTopWrap .gsLogWrap .loginWrap .btn_login {
          position: absolute;
          top: 13px;
          right: 17px;
          display: block;
          width: 95px;
          height: 57px;
          background: url("//image.brabragames.jp/mp/common/btn_set.png") no-repeat -10px -10px;
          border: none;
          text-indent: -99999px;
          cursor: pointer; }
        #mainWrap .fixTopWrap .gsLogWrap .loginWrap .join_find {
          margin-top: 4px; }
          #mainWrap .fixTopWrap .gsLogWrap .loginWrap .join_find li {
            float: left;
            margin-right: 1px; }
            #mainWrap .fixTopWrap .gsLogWrap .loginWrap .join_find li .btn_join {
              display: block;
              width: 87px;
              height: 25px;
              background: url("//image.brabragames.jp/mp/common/btn_set.png") no-repeat -115px -10px;
              text-indent: -99999px; }
            #mainWrap .fixTopWrap .gsLogWrap .loginWrap .join_find li .btn_find {
              display: block;
              width: 158px;
              height: 25px;
              background: url("//image.brabragames.jp/mp/common/btn_set.png") no-repeat -212px -10px;
              text-indent: -99999px; }
        #mainWrap .fixTopWrap .gsLogWrap .loginWrap .social {
          margin-top: 5px; }
          #mainWrap .fixTopWrap .gsLogWrap .loginWrap .social li {
            float: left;
            width: 60px;
            height: 25px;
            background: url("//image.brabragames.jp/mp/common/btn_set.png") no-repeat;
            margin-left: 2px; }
            #mainWrap .fixTopWrap .gsLogWrap .loginWrap .social li a {
              display: block;
              width: 100%;
              height: 100%;
              text-indent: -99999px; }
            #mainWrap .fixTopWrap .gsLogWrap .loginWrap .social li:nth-child(1) {
              background-position: -380px -10px;
              margin-left: 0; }
            #mainWrap .fixTopWrap .gsLogWrap .loginWrap .social li:nth-child(2) {
              background-position: -442px -10px; }
            #mainWrap .fixTopWrap .gsLogWrap .loginWrap .social li:nth-child(3) {
              background-position: -504px -10px; }
            #mainWrap .fixTopWrap .gsLogWrap .loginWrap .social li:nth-child(4) {
              background-position: -566px -10px; }
      #mainWrap .fixTopWrap .gsLogWrap .logoutWrap {
        height: 140px;
        background: url("//image.brabragames.jp/mp/common/bg_logout.png") no-repeat;
        padding: 14px 0 0 18px;
        box-sizing: border-box; }
        #mainWrap .fixTopWrap .gsLogWrap .logoutWrap p {
          width: 246px;
          height: 27px;
          position: relative;
          background: #1c1c1c url("//image.brabragames.jp/mp/common/iocn_bullet.png") no-repeat 11px 50%;
          border: 1px solid #7880b6;
          color: #cf585d;
          font-size: 12px;
          padding: 6px 0 0 18px;
          box-sizing: border-box;
          margin-bottom: 1px; }
          #mainWrap .fixTopWrap .gsLogWrap .logoutWrap p strong {
            color: #fef230; }
          #mainWrap .fixTopWrap .gsLogWrap .logoutWrap p .btn_charge {
            position: absolute;
            top: 5px;
            right: 9px;
            height: 17px;
            width: 40px;
            background: url("//image.brabragames.jp/mp/common/btn_set.png") no-repeat -115px -45px;
            text-indent: -99999px; }
        #mainWrap .fixTopWrap .gsLogWrap .logoutWrap ul {
          margin-top: 25px; }
          #mainWrap .fixTopWrap .gsLogWrap .logoutWrap ul li {
            float: left; }
            #mainWrap .fixTopWrap .gsLogWrap .logoutWrap ul li:nth-child(1) a {
              display: block;
              height: 25px;
              width: 103px;
              background: url("//image.brabragames.jp/mp/common/btn_set.png") no-repeat -749px -10px;
              text-indent: -99999px;
              margin-right: 40px; }
            #mainWrap .fixTopWrap .gsLogWrap .logoutWrap ul li:nth-child(2) a {
              display: block;
              height: 25px;
              width: 103px;
              background: url("//image.brabragames.jp/mp/common/btn_set.png") no-repeat -636px -10px;
              text-indent: -99999px; }
  #mainWrap .noticeWrap {
    box-sizing: border-box;
    width: 575px;
    height: 157px;
    margin-left: 213px;
    background: #423d83;
    padding: 21px 0 0 24px;
    border: 5px solid #5953aa;
    position: relative; }
    #mainWrap .noticeWrap h2 {
      font-size: 20px;
      color: #fff;
      margin-bottom: 12px; }
    #mainWrap .noticeWrap .more {
      position: absolute;
      top: 29px;
      right: 30px;
      font-size: 13px; }
      #mainWrap .noticeWrap .more a {
        color: #a09bec; }
        #mainWrap .noticeWrap .more a:hover {
          text-decoration: underline; }
    #mainWrap .noticeWrap ul li {
      font-size: 13px;
      margin-bottom: 7px;
      position: relative; }
      #mainWrap .noticeWrap ul li a {
        color: #fff; }
        #mainWrap .noticeWrap ul li a:hover {
          color: #ffce7f; }
      #mainWrap .noticeWrap ul li .date {
        position: absolute;
        right: 30px;
        top: 0;
        color: #a09bec; }
  #mainWrap .btn_twitter {
    display: block;
    width: 575px;
    height: 35px;
    margin-left: 213px;
    text-align: center;
    background: url("//image.brabragames.jp/mp/common/btn_twitter_off.jpg") no-repeat;
    text-indent: -99999px; }
    #mainWrap .btn_twitter:hover {
      background: url("//image.brabragames.jp/mp/common/btn_twitter_on.jpg") no-repeat; }
  #mainWrap .ftInfo {
    width: 575px;
    margin-left: 213px;
    text-align: center; }
    #mainWrap .ftInfo ul {
      background: #1e2243;
      width: 100%;
      padding: 9px 14px;
      box-sizing: border-box;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
      #mainWrap .ftInfo ul li {
        display: inline-block;
        padding-left: 13px;
        position: relative;
        margin-left: 7px;
        font-size: 12px; }
        #mainWrap .ftInfo ul li:before {
          content: "/";
          position: absolute;
          left: 0;
          top: 0; }
        #mainWrap .ftInfo ul li:first-child {
          margin-left: 0;
          padding-left: 0; }
          #mainWrap .ftInfo ul li:first-child:before {
            content: ""; }
        #mainWrap .ftInfo ul li a {
          color: #6c719f; }
          #mainWrap .ftInfo ul li a:hover {
            color: #a7aee9; }

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