/* 蕁九�����絎劫���莅� itemsBase 罔������� */
.menuBar {
  white-space: nowrap; /* �区���罔������� */
  display: flex;
  justify-content: space-between;}

/* 罸鋇��区���絎劫�� */
.itemsBase {
  position: relative;
  display: inline-block;}

/* �区����丈･�桁� */
.items a {
  display: block;
  padding: 0 20px;
  /* background-color: #336699; */
  /*color: white;*/
  color: #083090;
  text-decoration: none;
  line-height: 51px;}

/* 絖�����絎劫�����紮������ */
.itemsOver {
  display: none;
  position: absolute;
  top: 100%; /* 膣ц幹���区���綺��� */
  left: 50%; /* 羂翫抗絮�筝㊤�藹� */
  transform: translateX(-50%); /* 篆�③絮�筝℡�臀� */
  background-color: white;
  border: 1px solid #ccc;
  min-width: 160px;
  z-index: 999;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);}

/* 絖�����蕁� */
.itemsOver .wnp a {
  display: block;
  padding: 12px 16px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;}

/* 絖����� hover ���� */
.itemsOver .wnp a:hover {
  background-color: #E6F0FF;
  color: #083090;}

/* �����丞ず絖����� */
.itemsBase:hover .itemsOver {
  display: block;}

/* 綵���蕁号����
.items a.active {
  color: #083090;
  border-bottom: 4px solid #083090;
}
*/

.items a:hover, .itemsBase:hover .items a {
  background-color: #083090;
  color: white;}

.menu-container {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: stretch;}

.t1 {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;}

.t1 .selected {
    width: 5px;
    height: 100%;
    background-color: transparent;}


.t1 a {
    flex-grow: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #333;
    height: 100%;
    font-size: 18px;}

/* ��筝㊦�倶�� */
.t1 a.active {
    color: #083090; /* ��筝㊨��� */
    font-weight: bold;}

.t1 .selected.active { /* ������筝㊨�丈･羶�羇� .selected �桁� */
    background-color: #083090;}


/* --- 絖������桁� (篆���������絮�膾у�括鎧��絎�篏�鐚�隋��絎��醇貴�������) --- */
/* 絖�����絎劫�����紮������綛倶貴�����区���筝��刻� */
/* 菴����� display:none 箙�����絽娯����� JS �� :hover 篌�瓜�ユｧ�倶�丞ず */
.t2 {
    display: none; /* 藥�莅ら���� */
    position: absolute; /* �後�篋��九�篏��句婚絎�篏�鐚���絽御�� .t1鐚�篏�菴��� .t1 羃≧�� position: relative; 鐚� */
                       /* ��篁ワ�絋��� .t2 綺�莚ョ�後�篋� .t1 絎�篏�鐚���荀��� .t1 筝��� position: relative; */
                       /* 篏�����紮�篁ｇ��筝㊥押��膸� .t1 �� position: relative;鐚�絋��� .t2 綺�莚ュ�� .t1 箙�筝�鐚���荀�羞糸���� */
    /* ��莅� .t2 綺�莚ュ�� .t1 ��筝��劫�筝� */
    /* �ｄ� .t1 ��荀� position: relative; */
    top: 100%; /* 膣ц幹���区���綺��� */
    left: 50%; /* 羂翫抗絮�筝㊤�藹� */
    transform: translateX(-50%); /* 篆�③絮�筝℡�臀� */
    background-color: white;
    border: 1px solid #ccc;
    min-width: 160px;
    z-index: 999; /* 隋�����銀���絎剛�筝� */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    /* 絋���荀�羞糸�����誌�莚桁���箙���絲劫��������紫����膈� */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;}

/* �������膾ц���蕁剛��倶�丞ず絖����� */
.t1:hover > .t2 { /* 羈��颷���鐚���荀�隋�� .t2 �� .t1 ���贋･���贋･絖���膣� */
    display: block; /* ������菴� opacity/visibility �劫��丞ず */
    opacity: 1;
    visibility: visible;}


/* 絖�����蕁� */
.t2 a {
    display: flex; /* 篏水������膣���札綣号�у�絮� */
    align-items: center; /* ���翫�筝㊤�藹� */
    justify-content: center; /* 羂翫抗絮�筝㊤�藹� */
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;}

/* 絖�����蕁剛賢�� .selected */
.t2 a .selected {
    width: 5px; /* 腓坂�絎遵墾 */
    height: 100%; /* 腓坂�蕭�綺� */
    background-color: transparent;
    margin-right: 5px;}

/* 絖����� hover ���� */
.t2 a:hover {
    background-color: #E6F0FF;
    color: #083090;}

/* 絖�������筝㊥���� */
.t2 a.active {
    color: #083090;
    font-weight: bold;}

.t2 a.active .selected {
    background-color: #083090;}