html, body {
    font-family: "メイリオ",Meiryo;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	background-color: white;
	color: #333;
}
.origin {
	font-family: "メイリオ",Meiryo;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	background-color: white;
	color: #333;
}
p {
	margin-bottom: .25rem;
}
a {
	color: #5867dd;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	transition: all .4s ease;
}
a:hover
,a:focus {
	box-shadow: none;
}
a:hover {
	color: #2739c1;
	text-decoration: underline;
}
a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
	outline: 0;
}

/*********************
 scrollbar
*********************/
/*::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
	background-color: #fbfbfb;
	border-left: solid 1px #ececec;
}
::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 10px;
	box-shadow:  inset 0 0 0 2px #fff;
}*/

/*********************
 header
*********************/
#header {
    font-size: 12px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.5);
}
#header-upper {
	background-color: #fff;
	color: #464457;
}
.header-brand {
	font-size: 1.25rem;
	font-weight: 500;
	color: #464457;
}
.header-brand:hover {
	color: #464457;
	text-decoration: none;
}

#header-middle {
	background-color: #fff;
}
#header-middle .navbar-nav {
	display: flex;
	flex-direction: row;
}
.navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
}
.navbar-nav .nav-link {
	color: #0B346E;
}
.dropdown-item {
	padding: .5rem 1.5rem;
	color: #0B346E;
}
.dropdown-item:hover {
	background-color: #0B346E;
	color: #fff;
}
.dropdown-menu {
	border-radius: 0;
	border: 1px solid #e2e5ec;
}
#header-lower {
	background-color: #0B346E;
	color: #fff;
}
#header-lower h3 {
	margin: 0;
	padding: 0;
}
#header-lower h3 > span.border-yamabuki {
	border-bottom: solid 4px #FFB11B;
}
#header-lower h3 > span.border-nanohana {
	border-bottom: solid 4px #F7D94C;
}
#header-lower h3 > span.border-nae {
	border-bottom: solid 4px #86C166;
}
#header-lower h3 > span.border-wakatake {
	border-bottom: solid 4px #5DAC81;
}
#header-lower h3 > span.border-asagi {
	border-bottom: solid 4px #33A6B8;
}
#header-lower h3 > span.border-ginnezumi {
	border-bottom: solid 4px #91989F;
}

/*********************
 wrapper
*********************/
.wrapper {
	position: relative;
	width: 100%;
	min-width: 1170px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
}

/*********************
 main-panel / login-nav / content
*********************/
.main-panel {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
.login-nav {
	width: 100%;
	height: 4rem;
	padding: 0 1rem;
	margin: 0;
	background-color: #fff;
	box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
}
.login-nav .login-nav-right {
	display: flex;
	align-items: center;
}
.login-nav .welcome
,.login-nav .page-title {
	padding: 0;
	margin: 0;
}
.login-nav .welcome {
	padding-right: 1rem;
}
.content {
	width: 100%;
	margin: 10.5rem auto 0 auto;
}

/*********************
 section
*********************/
.fixed-section {
	width: 1140px;
}

/*********************
 buttons area
*********************/
.upper-btn-area {
	margin: 0 0 20px 0;
}
.lower-btn-area {
	margin: 20px 0 0 0;
}

/*********************
 unit
*********************/
.unit {
    background-color: #fff;
	display: inline-block;
	border-radius: 0;
    border: solid 1px rgb(196, 196, 196);
    min-width: 1140px;
}

.inner-unit {
	min-width: 100%;
}

.unit .unit-title {
	padding: 0;
	margin: 0;
	font-size: 1.25rem;
	color: #464457;
	font-weight: 500;
}
.unit .unit-body {
	padding: 1rem;
	background-color: #fff;
}
.unit .outline-primary {
	border: 1px solid #5867dd;
}
.unit .outline-success {
	border: 1px solid #1dc9b7;
}
.unit .outline-secondary {
	border: 1px solid #f9f9fc;
}
.unit .outline-danger {
	border: 1px solid #CB4042;
}
.unit .outline-warning {
	border: 1px solid #ffb822;
}
.unit .outline-info {
	border: 1px solid #5578eb;
}
.unit .unit-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.unit .unit-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.unit-header-pills, .unit-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem;
}

.unit-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0;
}

.unit-bg-gray {
    background-color: rgba(139, 136, 136, 0.521);
	display: inline-block;
	border-radius: 0;
    min-width: 1140px;
    border: solid 1px rgb(196, 196, 196);
}
.unit-body-bg-gray {
	padding: 1rem;
	background-color: rgba(165, 165, 165, 0.308);
}
.unit-body-bg-gray .unit-title {
	padding: 0;
	margin: 0;
	font-size: 1.25rem;
	color: #464457;
	font-weight: 500;
}
.unit-body-bg-gray.outline-primary {
	border: 1px solid #5867dd;
}
.unit-body-bg-gray.outline-success {
	border: 1px solid #1dc9b7;
}
.unit-body-bg-gray.outline-secondary {
	border: 1px solid #f9f9fc;
}
.unit-body-bg-gray.outline-danger {
	border: 1px solid #CB4042;
}
.unit-body-bg-gray.outline-warning {
	border: 1px solid #ffb822;
}
.unit-body-bg-gray.outline-info {
	border: 1px solid #5578eb;
}
.unit-body-bg-gray .unit-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.unit-body-bg-gray .unit-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.unit-body-bg-gray-header-pills, .unit-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem;
}
.unitunit-body-bg-gray-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0;
}

/* 納品登録（旧　納品管理編集） */
.inner-unit-origin-btn-area {
	min-width: 100%;
}

.unit-origin-btn-area .unit-title {
	padding: 0;
	margin: 0;
	font-size: 1.25rem;
	color: #464457;
	font-weight: 500;
}
.unit-origin-btn-area .unit-body {
	padding: 1rem;
	background-color: #fff;
}
.unit-origin-btn-area.outline-primary {
	border: 1px solid #5867dd;
}
.unit-origin-btn-area.outline-success {
	border: 1px solid #1dc9b7;
}
.unit-origin-btn-area.outline-secondary {
	border: 1px solid #f9f9fc;
}
.unit-origin-btn-area.outline-danger {
	border: 1px solid #CB4042;
}
.unit-origin-btn-area.outline-warning {
	border: 1px solid #ffb822;
}
.unit-origin-btn-area.outline-info {
	border: 1px solid #5578eb;
}
.unit-origin-btn-area .unit-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.unit-origin-btn-area .unit-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.unit-origin-btn-area-header-pills, .unit-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem;
}

.unit-origin-btn-area-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0;
}
/* ここまで */

/*  廃棄・移動管理編集 */
.unit-wide {
    background-color: #fff;
	display: inline-block;
	border-radius: 0;
    border: solid 1px rgb(196, 196, 196);
    width: 1500px;
    min-width: 1140px;
}
.unit-wide .unit-body {
	padding: 1rem;
    background-color: #fff;
}
.unit-wide .unit-title {
	padding: 0;
	margin: 0;
	font-size: 1.25rem;
	color: #464457;
	font-weight: 500;
}
.unit-wide .unit-body {
	padding: 1rem;
	background-color: #fff;
}
.unit-wide .outline-primary {
	border: 1px solid #5867dd;
}
.unit-wide .outline-success {
	border: 1px solid #1dc9b7;
}
.unit-wide .outline-secondary {
	border: 1px solid #f9f9fc;
}
.unit-wide .outline-danger {
	border: 1px solid #CB4042;
}
.unit-wide .outline-warning {
	border: 1px solid #ffb822;
}
.unit-wide .outline-info {
	border: 1px solid #5578eb;
}
.unit-wide .unit-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.unit-wide .unit-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.materials_stock_list_create {
    margin-left: auto;
    margin-right: 0;
}

/* ここまで */
/*
/*********************
 unit-dark
*********************/
/* .unit {
	display: inline-block;
	margin: 0 0 2rem 0;
	border-radius: 0;
	box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
	min-width: 1200px;
}
.unit .unit-header-dark {
	background-color: #808080;
	padding: 1rem;
	display: flex;
	justify-content: space-between;
}
.unit .unit-title-dark {
	padding: 0;
	margin: 0;
	font-size: 1.25rem;
	color: #FFFFFF;
	font-weight: 500;
}
.unit .unit-body-dark {
	padding: 1rem;
	background-color: #808080;
}
.unit.outline-primary-dark {
	border: 1px solid #5867dd;
}
.unit.outline-success-dark {
	border: 1px solid #1dc9b7;
}
.unit.outline-secondary-dark {
	border: 1px solid #f9f9fc;
}
.unit.outline-danger-dark {
	border: 1px solid #CB4042;
}
.unit.outline-warning-dark {
	border: 1px solid #ffb822;
}
.unit.outline-info-dark {
	border: 1px solid #5578eb;
} */

/*********************
 search form / search result
*********************/
.unit.skelton-header {
	box-shadow: none;
}
.unit.skelton-header .unit-header {
	background-color: transparent;
}
.unit.skelton-header .unit-body {
	box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
}

/*********************
 form
*********************/
.label-item {
	font-size: 0.9rem;
	color: #6c757d;
}
.radio-item {
	position: relative;
	padding-left: 2.5rem;
	margin-bottom: 0.5rem;
	cursor: pointer;
	transition: all .4s ease;
}
.radio-item > span {
	border: 1px solid #c9cedc;
	background: none;
	position: absolute;
	top: 1px;
	left: 0;
	width: 1rem;
	height: 1rem;
	border-radius: 50% !important;
}
.radio-list .radio-item {
	display: block;
	text-align: left;
}
.radio-inline .radio-item {
	display: inline-block;
	margin-right: 1rem;
}

/*********************
 form(white)
*********************/
.label-item-white {
	font-size: 0.9rem;
	color: #FFFFFF;
}
.radio-item-white {
	position: relative;
	padding-left: 2.5rem;
	margin-bottom: 0.5rem;
	cursor: pointer;
	transition: all .4s ease;
}
.radio-item-white > span {
	border: 1px solid #c9cedc;
	background: none;
	position: absolute;
	top: 1px;
	left: 0;
	width: 1rem;
	height: 1rem;
	border-radius: 50% !important;
}
.radio-list .radio-item-white {
	display: block;
	text-align: left;
}
.radio-inline .radio-item-white {
	display: inline-block;
	margin-right: 1rem;
}

/*********************
 badge(not bootstrap)
*********************/
.badge-circle {
	padding: 0;
	margin: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
}
.badge-sm {
	font-size: 0.8rem;
	height: 1rem;
}
.badge-lg {
	font-size: 1rem;
	height: 1.5rem;
}
.badge-circle.badge-sm {
	width: 1rem;
}
.badge-circle.badge-lg {
	width: 1.5rem;
}

/*********************
 width
*********************/
.fixed-width {
	width: 1140px;
}