Flex Nav

[[iftags -_null -_scp-jp -_goi-format-jp -_translation -_others]]
[[module css]]
#top-bar * {
  box-sizing: border-box;
}

#top-bar {
  right: unset;
}

#top-bar .mobile-top-bar {
  left: unset;
}

#top-bar>div {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

#top-bar>div>ul {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
}

#top-bar>div>ul>li {
  flex: 1 1 50%;
  position: relative;
}

#top-bar>div>ul>li>ul{
  position: absolute;
  top:21px;
  left: 0;
  width: 100%;
}

#top-bar>div>ul>li>ul>li>a{
  width: 100%!important;
}
[[/module]]
[[/iftags]]

[[iftags _null _scp-jp _goi-format-jp _translation _others]]
[[module css]]
#top-bar *:not(a[href="side-bar"]) {
  box-sizing: border-box;
}

#top-bar {
  right: unset;
}

#top-bar .mobile-top-bar {
  left: unset;
}

#top-bar>div {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  text-align: center;
}

#top-bar>.top-bar {
  display: flex;
}

#top-bar>div>ul * {
  width: 100%;
}

#top-bar>div>ul {
  flex: 1 1 50%;
}

@media(max-width:767px) {
  #top-bar>.mobile-top-bar {
    display: flex;
  }

  #top-bar>.top-bar {
    display: none;
  }
}
[[/module]]
[[/iftags]]