/* デスクトップ用サイドバー（旧フレームセット list.html の見た目を再現） */
/* スマホではモバイルヘッダー＋ハンバーガーメニューを使うため非表示 */
#desktopSidebar {
  display: none;
}

@media screen and (min-width: 768px) {
  #desktopSidebar {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 13%;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 8px;
    text-align: center;
    /* 旧フレームの境界線を再現 */
    border-right: 4px outset #d4d0c8;
    z-index: 100;
    /* 背景画像はJS側でbasePathに応じて設定 */
  }

  /* 本文を旧フレームセットの cols="13%,87%" と同じ位置に */
  body.has-desktop-sidebar {
    margin-left: 13%;
  }
}