@charset "UTF-8";
/*! Bootstrap Reboot v4.6.1 (https://getbootstrap.com/) Copyright 2011-2021 The Bootstrap Authors Copyright 2011-2021 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */
*, *::before, *::after { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #007bff; text-decoration: none; background-color: transparent; }

a:hover { color: #0056b3; text-decoration: underline; }

a:not([href]):not([class]) { color: inherit; text-decoration: none; }

a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; text-align: -webkit-match-parent; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus:not(:focus-visible) { outline: 0; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

[role="button"] { cursor: pointer; }

select { word-wrap: normal; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

/*# sourceMappingURL=bootstrap-reboot.css.map */
h1 { font-size: 28px; }

th { background-color: #bababa !important; }

textarea { height: calc( 1.3em * 5); line-height: 1.3; }

.nav-masthead .nav-link { padding: .25rem 0; font-weight: 700; color: #212529; background-color: transparent; border-bottom: .25rem solid transparent; text-decoration: none; }

.nav-masthead .nav-link:not(:first-child) { margin-left: 1rem; }

.nav-masthead .active { color: #212529; border-bottom-color: #212529; }

.btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #333; text-shadow: none; text-decoration: none; }

.logo { color: #212529; }

.side-nav { width: 100%; height: 100%; padding: 10px; border-radius: 10px; background: #cacaca; }

.header { box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5); }

.footer { box-shadow: 0px -2px 10px -5px rgba(0, 0, 0, 0.5); }

.main-content-container { display: flex; flex-direction: column; flex-grow: 1; width: 100%; height: 100%; padding: 0 10px; overflow: hidden; }

.layout-container { width: 60%; height: 100%; margin: auto; overflow-y: auto; overflow-x: hidden; padding: 0 5px; }

@media screen and (max-width: 768px) { .layout-container { width: 100%; } }

.batsu { display: block; position: relative; width: 30px; height: 30px; background: #e1e1e1; border: solid 1px #cacaca; cursor: pointer; }

.batsu::before, .batsu::after { /* 共通設定 */ content: ""; position: absolute; top: 50%; left: 50%; width: 5px; /* 棒の幅（太さ） */ height: 30px; /* 棒の高さ */ background: #ff0000; }

.batsu::before { transform: translate(-50%, -50%) rotate(45deg); }

.batsu::after { transform: translate(-50%, -50%) rotate(-45deg); }

.login-page { width: 360px; padding: 8% 0 0; margin: auto; }

.form { position: relative; z-index: 1; background: #FFFFFF; max-width: 360px; margin: 0 auto 100px; padding: 45px; text-align: center; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); }

.form input { font-family: "Roboto", sans-serif; outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px; }

.form button { font-family: "Roboto", sans-serif; text-transform: uppercase; outline: 0; background: #1E90FF; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 14px; -webkit-transition: all 0.3 ease; transition: all 0.3 ease; cursor: pointer; }

.form button:hover, .form button:active, .form button:focus { background: #43A047; }

.form .message { margin: 15px 0 0; color: #b3b3b3; font-size: 12px; }

.form .message a { color: #1E90FF; text-decoration: none; }

.form_label { display: flex; flex-wrap: wrap; }

.container { position: relative; z-index: 1; max-width: 300px; margin: 0 auto; }

.container:before, .container:after { content: ""; display: block; clear: both; }

.container .info { margin: 50px auto; text-align: center; }

.container .info h1 { margin: 0 0 15px; padding: 0; font-size: 36px; font-weight: 300; color: #1a1a1a; }

.container .info span { color: #4d4d4d; font-size: 12px; }

.container .info span a { color: #000000; text-decoration: none; }

.container .info span .fa { color: #EF3B3A; }

body { background: #EEEEEE; /* fallback for old browsers */ font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.login-page label { display: none; }

#id_remember { display: none; }

.login-checkbox { display: flex; flex-wrap: wrap; }

.login-checkbox-title { margin: 0 0 15px 15px; }

.table-item_box { display: flex; overflow-x: auto; /* 横スクロールを表示 */ }

.table-item_box .img-thumbnail { max-width: 100px; /* 画像の最小幅を指定 */ }

@media screen and (max-width: 1080px) { .table-item_box { max-width: 400px; } }

@media screen and (max-width: 768px) { .table-item_box { flex-wrap: nowrap; } }

.img-thumbnail { min-width: 200px; /* 画像の最小幅を指定 */ height: auto; /* アスペクト比を保持 */ }

.table-responsive-lg { margin-inline: auto; margin-top: 50px; margin-left: 10px; overflow-x: auto; white-space: nowrap; width: 1100px; }

@media screen and (min-width: 1500px) { .table-responsive-lg { width: 95%; } }

@media screen and (max-width: 1080px) { .table-responsive-lg { max-width: 700px; } }

@media screen and (max-width: 768px) { .table-responsive-lg { max-width: 450px; } }

.table-item_explanation { max-width: 500px; min-width: 400px; }

@media screen and (max-width: 1080px) { .table-item_explanation { max-width: 300px; min-width: 200px; } }

@media screen and (max-width: 1080px) and (max-width: 768px) { .table-item_explanation { max-width: 100px; min-width: 50px; } }

.table-item_action { width: 90px; text-align: center; }

.table-item_category { max-width: 400px; min-width: 200px; }

@media screen and (max-width: 1080px) { .table-item_category { max-width: 200px; min-width: 50px; } }

@media screen and (max-width: 1080px) and (max-width: 768px) { .table-item_category { max-width: 100px; min-width: 50px; } }

.table-item_price { max-width: 300px; min-width: 100px; }

@media screen and (max-width: 1080px) { .table-item_price { max-width: 150px; min-width: 100px; } }

@media screen and (max-width: 1080px) and (max-width: 768px) { .table-item_price { max-width: 100px; min-width: 50px; } }

th.scope-action { position: sticky; right: 0; background-color: #EEEEEE; z-index: 3; /* 必要に応じて値を調整 */ }

td.scope-action { position: sticky; right: 0; background-color: #EEEEEE; z-index: 1; /* 必要に応じて値を調整 */ }

.product_table-container { overflow-y: auto; }

.table thead { position: sticky; top: 0; z-index: 2; background-color: #EEEEEE; }

/* ヘッダーの固定 */
.header { width: 100%; background-color: #EEEEEE; /* ヘッダーの背景色を設定 */ z-index: 1000; /* 他の要素より手前に表示 */ }

.icon-label { font-weight: bold; color: #CB0044; margin-top: 5px; }

/* フッターの固定 */
.footer { width: 100%; background-color: #EEEEEE; z-index: 1000; /* 他の要素より手前に表示 */ }

/*# sourceMappingURL=style.css.map */