@charset "UTF-8";

  body.admin-bar #sub-menu {
margin-top: 32px; /* 管理バーの高さ分だけ余白を作る */
}

/* メインメニュー */
#pc-menu {
  list-style-type: none;
  padding: 0;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  font-weight: 500;
}

#pc-menu > li {
  position: relative;
  
}

/* サブメニュー (最初は非表示) */
#pc-menu ul {
  display: none;
  position: absolute;
  left: 0;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding-bottom: 0px;
  padding-left: 0px;
  top: 100%;
}

#pc-menu ul li {
  display: block;
  min-width: 180px;
  padding-left: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* 2階層目以降 */
#pc-menu ul ul {
  left: 100%;
  top: 0;
}

/* 「▼」アイコン */
.toggle-btn {
  position: absolute;
  cursor: pointer;
  right: -18px;
  top: 6px;
  font-size: 18px;
  color: #AEAEAE;
}

/* 開閉時の表示 */
#pc-menu .open > ul {
  display: block;
}

/* サブメニューのリンク */
#pc-menu a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
}

#pc-menu a:hover {
  text-decoration: underline;
}
ul.sub-menu{
  margin-left: 0px;  
  
}


/* 追加subのメニュー */
.sub-nav-list ul li a{
color: white;
  text-decoration: none;
   cursor: pointer;
  transition: background-color 0.3s ease;
  display: block;
   padding: 12px 16px; /* ← この余白が「外側のクリック可能範囲」になります！ */
}


.sub-nav-list ul {
  display: flex;
   list-style-type: none;
  position: absolute;
  top: 0;
  right: 0;
  }
.sub-nav-list ul li{
  background-color: rgba(49,146,179,1.00);

}

.sub-nav-list ul li:nth-of-type(2) {
  background-color:rgba(128,118,97,1.00);
}



.sub-nav-list ul li:hover {
  background-color: #00142A; /* ホバー時の背景色 */
}


@media screen and (min-width: 37.5em) {
  
  
}


/* レスポンシブ */
@media screen and (max-width: 768px) {
 
  #pc-menu {
    display: none;
  }
  #sub-menu {
  display: none;
  }
  

}