/*
  2020-01-22
  ENPgames_YJ
*/
/* Spoqa Han Sans JP Regular */
@font-face {
  font-family: 'Spoqa Han Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url("../font/SpoqaHanSansJP-Regular.eot");
  /* IE9 Compat Modes */
  src: local("Spoqa Han Sans JP Regular"), local("SpoqaHanSansJP-Regular"), url("../font/SpoqaHanSansJP-Regular.eot?#iefix") format("embedded-opentype"), url("../font/SpoqaHanSansJP-Regular.woff2") format("woff2"), url("../font/SpoqaHanSansJP-Regular.woff") format("woff"), url("../font/SpoqaHanSansJP-Regular.ttf") format("truetype"), url("../font/SpoqaHanSansJP-Regular.svg#NotoSansKR") format("svg");
  /* Legacy iOS */ }
/* Spoqa Han Sans JP Bold */
@font-face {
  font-family: 'Spoqa Han Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url("../font/SpoqaHanSansJP-Bold.eot");
  /* IE9 Compat Modes */
  src: local("Spoqa Han Sans JP Bold"), local("SpoqaHanSansJP-Bold"), url("../font/SpoqaHanSansJP-Bold.eot?#iefix") format("embedded-opentype"), url("../font/SpoqaHanSansJP-Bold.woff2") format("woff2"), url("../font/SpoqaHanSansJP-Bold.woff") format("woff"), url("../font/SpoqaHanSansJP-Bold.ttf") format("truetype"), url("../font/SpoqaHanSansJP-Bold.svg#NotoSansKR") format("svg");
  /* Legacy iOS */ }
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, section {
  margin: 0;
  padding: 0; }

html {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  overflow-y: auto; }

p {
  word-wrap: break-word; }

li {
  list-style-type: none; }

table {
  border-collapse: collapse; }

img, fieldset, iframe {
  border: 0; }

img {
  border: none;
  vertical-align: top; }

input {
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input, select, textarea, button {
  vertical-align: middle; }

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer; }

a {
  text-decoration: none;
  color: #666; }

em {
  font-style: normal; }

textarea:focus, input:focus {
  outline: 0; }

article, aside, canvas, details, embed, figcaption, figure, footer, header, menu, nav, section, summary, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr {
  display: block; }

body, code {
  color: #666;
  font: 13px/1.25 'Spoqa Han Sans JP', Meriyo, sans-serif;
  background: #fff; }

input, select, textarea {
  color: #333;
  font-size: 13px;
  line-height: 1em;
  font-family: 'Spoqa Han Sans JP', Meriyo, sans-serif; }

.hidden {
  font: 0px/0 a;
  height: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  width: 0;
  text-indent: -99999px; }

.hide {
  display: none !important; }

.clear {
  clear: both; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

body {
  background-image: url("//image.brabragames.jp/mp/common/bg.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center top; }

.icon_noti {
  display: inline-block;
  width: 90px;
  height: 19px;
  background: url("//image.brabragames.jp/mp/common/btn_set.png") no-repeat;
  margin-right: 5px;
  vertical-align: middle; }
  .icon_noti.i_event {
    background-position: -210px -120px; }
  .icon_noti.i_maintenance {
    background-position: -110px -120px; }
  .icon_noti.i_notice {
    background-position: -10px -120px; }

/*--------------------START--------------------*/
#wrap {
  width: 100%;
  position: relative;
  margin: 0 auto;
  min-width: 1000px; }
  #wrap #mainWrap, #wrap #ftWrap {
    width: 1000px;
    position: relative;
    margin: 0 auto; }
  #wrap .mb0 {
    margin-bottom: 0 !important; }
  #wrap .mt0 {
    margin-top: 0; }

/*-----header-----*/
#headerWrap {
  width: 100%;
  height: 172px;
  position: relative;
  top: 0;
  background: url("//image.brabragames.jp/mp/common/bg_hd.png") no-repeat center top; }
  #headerWrap .top_navigation {
    width: 1000px;
    position: relative;
    margin: 0 auto;
    padding: 25px 0 0 109px;
    box-sizing: border-box; }
    #headerWrap .top_navigation > li {
      float: left;
      height: 29px;
      margin-right: 45px;
      background: url("//image.brabragames.jp/mp/common/btn_menu_off.png") no-repeat; }
      #headerWrap .top_navigation > li:hover {
        background: url("//image.brabragames.jp/mp/common/btn_menu_on.png") no-repeat; }
      #headerWrap .top_navigation > li a {
        display: block;
        width: 100%;
        height: 100%;
        text-indent: -99999px; }
      #headerWrap .top_navigation > li:nth-child(1) {
        width: 90px;
        background-position: 0 0; }
      #headerWrap .top_navigation > li:nth-child(2) {
        width: 115px;
        background-position: -139px 0; }
      #headerWrap .top_navigation > li:nth-child(3) {
        width: 133px;
        background-position: -300px 0; }
      #headerWrap .top_navigation > li:nth-child(4) {
        width: 130px;
        background-position: -479px 0; }
      #headerWrap .top_navigation > li:nth-child(5) {
        width: 132px;
        background-position: -657px 0;
        margin-right: 0; }

/*-----main section-----*/
#mainWrap {
  top: 25px;
  padding-bottom: 155px; }
  #mainWrap h1 {
    width: 403px;
    height: 195px;
    position: relative;
    margin: 0 auto;
    z-index: 10; }
  #mainWrap .btn_shop {
    display: block;
    position: absolute;
    top: 285px;
    right: 75px;
    width: 128px;
    height: 141px;
    background: url("//image.brabragames.jp/mp/common/btn_shop.png") no-repeat;
    text-indent: -99999px; }

/*-----footer-----*/
#ftWrap {
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 30px;
  z-index: 99999; }
  #ftWrap .copy {
    color: #000;
    margin-top: 11px; }

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