.common-file-list h3{
margin-top: 4px;
margin-bottom: 2px;
  }

  .common-file-list a {
    display: block; /* 各リンクをブロック要素として表示し縦に並べる */
    color: gray; /* 文字色をグレーに設定 */
    text-decoration: none; /* 下線を消す */
    margin-bottom: 2px; /* 下に余白を追加 */
  }

.common-file-link {
    display: block;
    margin-bottom: 5px;
    font-size: 0.9em;
    color: #555555;
    text-decoration: none;
}




/* セクションタイトル */
.common-files-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 15px;
}

/* パンくずリスト */
.common-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  color: #666;
  margin-top: 5px;
  margin-bottom: 15px;
}

.common-breadcrumb span {
  margin-right: 5px;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.3s;
}


/* ファイルリスト */
.common-file-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  background-color: #fff;
  max-height: 400px; /* 最大高さを指定 */
  overflow-y: auto; /* スクロール可能にする */
}



/* モーダル全体のスタイル */
.common-file-edit-modal {
  position: fixed; /* 画面全体に固定 */
  top: 50%; /* 画面の垂直中央 */
  left: 50%; /* 画面の水平中央 */
  transform: translate(-50%, -50%); /* 自分自身の中央を基準に移動 */
  background-color: rgba(0, 0, 0, 0.5); /* 背景を半透明 */
  width: 100%; /* 全体幅 */
  height: 100%; /* 全体高さ */
  z-index: 1000; /* 前面に表示 */
  display: flex; /* 中央揃え用のFlexbox */
  justify-content: center; /* 水平方向の中央揃え */
  align-items: center; /* 垂直方向の中央揃え */
}

/* モーダルコンテンツ */
.modal-content {
  position: fixed; /* 画面全体に固定 */
  top: 50%; /* 画面の垂直中央 */
  left: 50%; /* 画面の水平中央 */
  transform: translate(-50%, -50%); /* 自分自身の中央を基準に移動 */
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 500px;
  margin: 0 auto; /* 水平方向に中央寄せ */
}




















#selection-box {
  position: fixed;
  background-color: rgba(0, 120, 255, 0.2);
  border: 1px solid #0078ff;
  z-index: 9999;
  display: none;
  pointer-events: none;
}


.selected {
  background-color: lightblue !important;
}


/* 選択できなくする */
.file-item,
.folder-item,
#selection-box,
.common-file-list {
  user-select: none;
  -webkit-user-select: none; /* Safari用 */
  -ms-user-select: none;     /* IE用 */
}