@charset "UTF-8";
.mainHeader {
  position: fixed;
  padding: 20px 0px 20px 0px;
  width: 100%;
  box-sizing: border-box;
  z-index: 10002;
  top: 0px;
  left: 0px; }
  .mainHeader .bgHeader {
    display: block;
    width: 100%;
    height: 68px;
    background: #222222;
    position: fixed;
    top: 0px;
    display: none; }
  .mainHeader .innerCont {
    z-index: 10003;
    position: relative;
    width: 1024px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1024px) {
      .mainHeader .innerCont {
        width: 92%; } }
    .mainHeader .innerCont .logoBox {
      width: 100px; }
      .mainHeader .innerCont .logoBox img {
        width: 100%;
        height: auto; }
    .mainHeader .innerCont .gnav {
      padding-top: 8px; }
      .mainHeader .innerCont .gnav li {
        float: right;
        margin-left: 20px;
        font-size: 0.9em; }
        .mainHeader .innerCont .gnav li a {
          color: #fff;
          text-decoration: none; }

.navIcon {
  color: #fff;
  font-size: 2em;
  display: none; }

@media screen and (min-width: 751px) {
  .gnav {
    display: block !important; } }

@media screen and (max-width: 750px) {
  .mainHeader {
    padding: 15px 0px 15px 0px !important; }
    .mainHeader .innerContData {
      width: 92%;
      margin-left: auto;
      margin-right: auto;
      float: none; }
    .mainHeader .innerCont {
      width: 100%; }
  .mainHeader .bgHeader {
    height: 58px; }
  .navIcon {
    display: block; }
  .gnav {
    width: 100%;
    /* IE8以下とAndroid4.3以下用フォールバック */
    background: #fff;
    display: none;
    padding-top: 0px !important;
    position: absolute;
    top: 43px;
    box-sizing: border-box; }
    .gnav ul li {
      width: 100%;
      text-align: center;
      border-bottom: 1px solid #eaeaea; }
      .gnav ul li a {
        color: #000 !important;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block; } }