/*** for PC Browser ***/
@media (min-width:401px)
{
/* --- 1. 標準仕様（Firefox・最新ブラウザ用） --- */
.B_GNavi .main_nav ul:has(.layer0) {
  scrollbar-width: thin !important;          /* 太さを細くする (auto, thin, none) */
  scrollbar-color: #aaa #f1f1f1;  /* [つまみの色] [背景の色] */
}

/* --- 2. Webkit系仕様（Chrome, Safari, Edge用：細かく調整可能） --- */
/* スクロールバー全体の幅・高さ */
::-webkit-scrollbar {
  width: 8px;   /* 縦スクロールの幅 */
  height: 8px;  /* 横スクロールの高さ */
}

/* 背景（レール）のデザイン */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px; /* 角丸 */
}

/* つまみのデザイン */
::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 10px; /* 角丸 */
  border: 1px solid #f1f1f1; /* 背景との間に少し隙間を作る */
}

/* つまみにマウスが乗ったとき（ホバー時） */
::-webkit-scrollbar-thumb:hover {
  background: #777; /* 少し濃い色にする */
}
}