/* Language Switcher */
/* Language Switcher Container */
.language-switcher-container {
  padding: 10px 0;
}

/* Language Switcher Buttons (Flexbox Container) */
.language-switcher-buttons {
  display: flex; /* 子要素（ボタンと区切り文字）を横並びにする */
  align-items: center;
  padding: 5px 30px;
  background-color: #ffffff;
  width: fit-content;
  margin-left: auto; /* 右寄せ */
}

@media only screen and (max-width: 768px) {
  .language-switcher-buttons {
    padding: 2px 15px; /* 画面幅が768px以下の場合はパディングを縮小 */
  }
}

/* Individual Language Button and Spacing */
.language-switcher-buttons .language-button {
  font-family: "Roboto", Arial, sans-serif; 
  font-size: 30px;
  text-transform: uppercase;

  /* aタグのデフォルトのスタイルから変更 */
  border: none;
  box-shadow: none;
  text-decoration: none;
  color: #404040;
  display: inline-block;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .language-switcher-buttons .language-button {
    font-size: 20px; /* 画面幅が768px以下の場合、フォントサイズを20pxに縮小 */
  }
}

/* Active Language Button Style */
.language-switcher-buttons .language-button.active {  
  /* 選択中はクリックできないようにし, 太字・下線にする */
  cursor: default;
  font-weight: bold;
  text-decoration: underline;
}

/* Language Separator Style (| character) */
.language-separator {
  font-family: 'Open Sans', sans-serif;
  margin: 0 10px;
  color: #87C476;
  font-weight: bold;
  font-size: 24px;
}