/* トレカ道：上部メニュー */
body {
  background: #050608;
  color: #f5f1e8;
}

#wrapper {
  max-width: 1240px;
}

#header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
  padding: 0;
  background: #0d1016;
  border: 1px solid rgba(212, 173, 56, .45);
  border-bottom: 2px solid #d4ad38;
}

#header > .txt_24 {
  order: 1;
  padding: 16px 22px;
}

#header > .txt_24 img {
  display: block;
  max-width: 155px;
  max-height: 48px;
  filter: invert(1);
  mix-blend-mode: screen;
}

#header > .pull-right {
  order: 2;
  margin: 0 20px 0 auto;
  color: #d6d0c3;
  font-size: 11px;
}

#header > .pull-right a {
  color: #d6d0c3 !important;
  text-decoration: none;
}

#header > .pull-right a:hover {
  color: #d4ad38 !important;
}

#header > .inline.mar_t_30 {
  order: 3;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #050607;
  border: 0;
}

#header > .inline.mar_t_30 li {
  flex: 1;
  margin: 0;
  padding: 0;
  text-align: center;
  border-right: 1px solid #252a33;
}

#header > .inline.mar_t_30 a {
  display: block;
  padding: 13px 8px;
  color: #f3efe6 !important;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#header > .inline.mar_t_30 a:hover {
  color: #101010 !important;
  background: #d4ad38;
}

#header > .inline.mar_t_30 i {
  display: none;
}

@media screen and (max-width: 600px) {
  #header > .txt_24 {
    width: 100%;
    text-align: center;
  }

  #header > .txt_24 img {
    margin: 0 auto;
  }

  #header > .pull-right {
    display: none;
  }

  #header > .inline.mar_t_30 {
    flex-wrap: wrap;
  }

  #header > .inline.mar_t_30 li {
    flex: 1 1 33.333%;
  }
}