@charset "UTF-8";

/* .pc-menu-wrapper 内の custom-dropdown にのみ適用 */
.pc-menu-wrapper .custom-dropdown {
  transition: opacity 300ms ease-out, transform 300ms ease-out;
  /* 文字色を黒に指定。style.css の設定に上書きしないよう !important を使用 */
  color: #000 !important;
}

/* 表示状態：open のとき */
.pc-menu-wrapper .custom-dropdown[x-show="open"] {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* 非表示状態：少し上にずらしておく */
.pc-menu-wrapper .custom-dropdown:not([x-show="open"]) {
  opacity: 0 !important;
  transform: translateX(-50%) translateY(-10px) !important;
}
.pc-menu-wrapper .custom-dropdown {
  margin-top: 12px; /* 10px を必要に応じて調整 */
}
/* 共通リセットと基本スタイル */
/*
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}
*/