/************************************
** 言語の切り替え（2026-10-19）：ヘッダー右上の「🌐 EN ▾」とメニュー。Google 翻訳の上部バーは隠す
************************************/
.et-lang { position: relative; flex: 0 0 auto; }
.et-lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #D9D3C6;
  border-radius: 999px;
  background: #FFFFFF;
  color: #1F3A5F;
  font: 600 14px/1 var(--et-font-body, "Inter", system-ui, sans-serif);
  cursor: pointer;
  white-space: nowrap;
}
.et-lang-btn:hover { border-color: #1F3A5F; }
.et-lang-btn:focus-visible { outline: 3px solid #1F3A5F; outline-offset: 2px; }
.et-lang-btn[aria-expanded="true"] .et-lang-caret { transform: rotate(180deg); }
.et-lang-caret { transition: transform .2s ease; }
.et-lang-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 1000;
  width: 240px;
  padding: 8px;
  background: #FFFFFF;
  border: 1px solid #E4DED0;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(20, 30, 50, .16);
}
.et-lang-menu[hidden] { display: none; }
.et-lang-menu ul { list-style: none; margin: 0; padding: 0; }
.et-lang-menu li { margin: 0; padding: 0; }
.et-lang-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #1F2933;
  font: 500 15px/1.2 var(--et-font-body, "Inter", system-ui, sans-serif);
  text-align: left;
  cursor: pointer;
}
.et-lang-opt:hover, .et-lang-opt:focus-visible { background: #F7F4EA; outline: none; }
.et-lang-opt[aria-checked="true"] { color: #1F3A5F; font-weight: 700; }
.et-lang-opt[aria-checked="true"]::after { content: ""; width: 6px; height: 11px; margin: -3px 2px 0 0; border-right: 2px solid #C8412A; border-bottom: 2px solid #C8412A; transform: rotate(45deg); }
.et-lang-note { margin: 6px 4px 2px; padding-top: 8px; border-top: 1px solid #EEE9DD; color: #6B7280; font-size: 12px; line-height: 1.45; }

/* PC：ヘッダーの右端（Book Your Trip の右）。メニューが2段にならないよう、幅に合わせて余白と文字を詰める */
@media (min-width: 1024px) {
  .header-container-in.hlt-top-menu { gap: 20px; }
  .header-container-in.hlt-top-menu > .et-lang { margin-left: -4px; }
  .header-container-in.hlt-top-menu > .et-lang .et-lang-caret { display: none; }
  .header-container-in.hlt-top-menu > .et-lang .et-lang-btn { padding: 0 11px; gap: 5px; }
  .et-header-compact .et-lang-btn { min-height: 40px; }
}
@media (min-width: 1340px) {
  .header-container-in.hlt-top-menu { width: auto; max-width: 1280px; }
}
@media (min-width: 1024px) and (max-width: 1339px) {
  .header-container-in.hlt-top-menu { gap: 14px; }
  .header-container-in.hlt-top-menu > .et-lang { margin-left: -6px; }
  .header-container-in.hlt-top-menu > .et-lang .et-lang-code { display: none; }
  .header-container-in.hlt-top-menu > .et-lang .et-lang-btn { width: 44px; padding: 0; justify-content: center; }
  .header-container-in.hlt-top-menu .navi-in > ul li:not(.et-menu-cta) > a { padding: 0 clamp(6px, calc((100vw - 944px) / 24), 12px); font-size: 14px; }
  .header-container-in.hlt-top-menu .navi-in > ul > li:not(.et-menu-cta) > a::before { left: clamp(6px, calc((100vw - 944px) / 24), 12px); right: clamp(6px, calc((100vw - 944px) / 24), 12px); }
  .header-container-in.hlt-top-menu .navi-in > ul > li.et-menu-cta { padding-left: 6px; }
  .header-container-in.hlt-top-menu .navi-in > ul > li.et-menu-cta > a { padding: 0 16px; font-size: 14px; }
}
@media (min-width: 1024px) and (max-width: 1069px) {
  .header-container-in.hlt-top-menu .navi-in > ul li > a { font-size: 13px !important; }
  .header-container-in.hlt-top-menu .navi-in > ul > li.et-menu-cta > a { padding: 0 12px; }
}
/* スマホ：メニューボタンの左。コードだけ出す */
@media (max-width: 1023px) {
  .et-mh .et-lang-btn { min-height: 44px; padding: 0 10px; border-radius: 10px; gap: 4px; }
  .et-mh .et-lang-caret { display: none; }
  .et-mh .et-lang-menu { width: min(260px, calc(100vw - 24px)); }
}

/* Google 翻訳の部品（上部バー・ふきだし・ハイライト）を隠す */
.et-gt { display: none !important; }
body > .skiptranslate, iframe.skiptranslate, .goog-te-banner-frame { display: none !important; }
html.translated-ltr body, html.translated-rtl body, body { top: 0 !important; }
#goog-gt-tt, .goog-te-balloon-frame, .goog-tooltip { display: none !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
font { vertical-align: inherit !important; }

/* 2026-11-09 言語ごとに「翻訳ページ」か「Google 自動翻訳」かを小さく表示 */
.et-lang-kind{display:block;font-size:11px;line-height:1.2;color:#526374;font-weight:400;margin-top:2px}