@charset "UTF-8";
header {
  /*全てのリスト・リンク共通*/
}

header nav {
  width: 50%;
}

header .gnav2 {
  display: flex;
  height: 2rem;
  position: absolute;
  width: max-content;
  right: 100px;
}

header .gnav2 > li {
  /*親階層のみ幅を25%にする*/
}

header .gnav2 li {
  list-style: none;
  position: relative;
  z-index: 999;
}

header .gnav2 li a {
  display: inline-block;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  text-decoration: none;
  width: 100%;
  white-space: nowrap;
}

header .gnav2 li li {
  height: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  transition: .5s;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  opacity: 0;
}

header .gnav2 li li a {
  display: block;
  height: 2.5em;
  line-height: 2.5em;
}

header .gnav2 li:hover > ul > li {
  display: block;
  height: 2.5em;
  line-height: 2.5em;
  overflow: visible;
  opacity: 1;
}

header .change-lang span {
  background: #cb2434;
  border-radius: 20px;
  font-size: 90%;
  color: #fff;
  padding: 0.2em 1em;
  text-align: center;
}

.en header .gnav2 {
  display: flex;
  height: 2rem;
  position: absolute;
  width: max-content;
  right: 100px;
}