/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/


/* 灰色の帯：高さ20px固定・右寄せ・上下余白なし */
.header-top-area {
  background: #f7f7f7;
  border-bottom: 1px solid #e3e3e3;
  height: 20px;          /* 高さ固定 */
  line-height: 20px;     /* テキストの縦中央寄せ */
  padding: 0;            /* 余白をなくす */
  text-align: right;     /* 右寄せ */
  overflow: hidden;      /* はみ出し防止 */
}

/* ウィジェットコンテナ：インライン化（右端に寄せやすく） */
.header-top-widget {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/* リストを横並びにする（デフォルトの余白と箇条書きも除去） */
.header-top-widget > ul {
  display: flex;             /* 横並びを確実にする */
  flex-direction: row;
  align-items: center;       /* 画像と文字を縦方向で揃える */
  gap: 8px;                  /* 項目間の間隔 */
  list-style: none;          /* 「・」を消す */
  margin: 0;                 /* ulのデフォルト余白を消す */
  padding: 0;
}

/* 各項目（li）の余白を最小化 */
.header-top-widget > ul > li {
  margin: 0;
  padding: 0;
  line-height: 20px;         /* 親の高さに合わせる（縦中央に寄りやすい） */
}

/* リンク内の画像とテキストの揃え（高さに収める） */
.header-top-widget > ul > li a {
  display: inline-flex;      /* 画像とテキストを横並び＆縦中央に */
  align-items: center;
  gap: 0.3em;                /* 画像と文字の間隔（<span style="margin-left:...">の代替） */
  text-decoration: none;
  line-height: 20px;         /* 高さに合わせる */
}

/* 国旗アイコンのサイズを明示（HTMLのstyle属性があっても上書きしたい場合） */
.header-top-widget > ul > li a img {
  width: 16px;
  height: 11px;
  display: inline-block;
}

/* スパンやテキストの余白をゼロに統一 */
.header-top-widget > ul > li a span {
  margin: 0;
  padding: 0;
}


/* メニューのサブメニューの色を透過させる。

/* サブメニュー全体の背景を半透明に */
.global-nav .sub-menu {
    background-color: rgba(0, 64, 128, 0.6) !important; /* 青を80%透過 */
}

/* 各リンクの背景も透過（必要なら） */
.global-nav .sub-menu li a {
    background-color: transparent !important;

.global-nav .sub-menu li a:hover {
    background-color: rgba(0, 64, 128, 0.5) !important; /* 青を50%透過 */
}