/* カスタムスタイル - sakura.cssの後に読み込まれ、スタイルを上書きします */

/*
==============================================
User画面のカスタムスタイル
==============================================
*/

body > main.container > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}




/*
==============================================
Admin画面のカスタムスタイル
==============================================
*/


/* サイドバーの横幅を上書き */
.sidebar {
    width: 200px !important;
}

/* サイドバーが折りたたまれた時の横幅も調整 */
.sidebar.collapsed {
    width: 60px !important;
}

/* モバイル表示時のサイドバー位置も調整 */
@media (max-width: 768px) {
    .sidebar {
        left: -200px !important;
    }
}

/* サイドバーメニューの文字サイズを約12pxに変更 */
.sidebar-menu a {
    font-size: 0.85rem !important;
}

/* メニューグループの文字サイズも調整 */
.sidebar-menu .menu-group {
    font-size: 0.8rem !important;
}

/* main.container-fluid内の.containerのmax-widthとpaddingを無効化 */
main.container-fluid > .container,
main.container-fluid .container {
    max-width: none !important;
    min-width: 1380px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

main.container-fluid {
  overflow-x: auto !important;
}

/* 行の背景を強調表示（汎用） */
tr.highlight {
    background-color: #ffff78 !important;
}

tr.highlight td {
    background-color: transparent !important;
}