@charset "UTF-8";
html, body, div, span,h1, h2, h3, h4, h5, h6, p,em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section, pre {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {line-height:1;}

aside,footer, header{display:block;}

nav ul {
	list-style:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

input, button, textarea, select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input,select,textarea,button {
border: 1px solid rgba(208,212,205,1);
font-family: "メイリオ", Meiryo,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-radius: 5px;
overflow: hidden;
padding: 0 .25em;
font-size: 1em;
transition: all 0.5s ease 0s;
height: 28px;
color:rgba(12,70,35,1);
cursor: pointer;
}

textarea {
	height: 56px;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*

 All style

*/

html,body {background:rgba(245,250,249,1);color:rgba(12,70,35,1);height:100%;
font-size:12px;
font-family: "メイリオ", Meiryo,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;min-width: 980px;}
*, ::after, ::before {box-sizing: border-box;-webkit-box-sizing: border-box;}
.screen-reader {position: absolute;clip: rect(1px, 1px, 1px, 1px);width: 1px;height: 1px;}
th,td {font-weight: inherit;vertical-align: middle;letter-spacing: 0.1em;}
pre {font-size:inherit;font-family:inherit;line-height: normal;}

/*

link,form

*/

a {text-decoration :none;transition : all 0.5s ease 0s;}

/*input[type="button"] {background:rgba(5,161,66,1);border:none;min-width:8em;color:rgba(255,255,255,1);border-radius:100px;margin-left:1em;font-size: 1rem;vertical-align: bottom;line-height: 1em;}
input[type="button"]:hover {background:rgba(12,70,35,1);transform:scale(1.02);}*/

input:focus,select:focus,textarea:focus,button:focus,a:focus {outline:0;}
input:focus,select:focus,textarea:focus {border:2px solid rgba(5,161,66,1);background: rgba(5,161,66,.1);transition : all 0.1s ease 0s;box-sizing: border-box;}

:disabled:hover{cursor: not-allowed !important;}

/*ボタン*/
.submit,.button {line-height: 1.5em;vertical-align: middle;background:rgba(5,161,66,1);border:2px solid rgba(5,161,66,1);color:rgba(255,255,255,1);border-radius: 100px;margin-left: .5em;height: 28px;text-align: center;padding: 0.25em 1em;font-size: 1rem;white-space: nowrap;}
.submit:hover,.button:hover,.submit:focus,.button:focus {background:rgba(255,255,255,1);color:rgba(5,161,66,1);transform: scale(1.02);cursor: pointer;}
.submit.center {margin:1em auto;display: table;}
a.button {display: inline-block;padding: 0.55em 1em;line-height: 1em;}

.status-select {
/* 	overflow: hidden; */
	position: relative;
	width:8.5em;
	padding:0;
	height: 28px;
	display: inline-block;
}
.status-select select[multiple]{
	height: auto;
}
.status-select select {
	color:rgba(12,70,35,1);
	cursor: pointer;
	border-radius:5px;
	outline: none;
	width: 100%;
	height:100%;
}
.status-select select option{
	background:rgba(255,255,255,1);
}
.status-select select::-ms-expand {display: none;}

.status-select::before {
	position: absolute;
	/*top: 3px;*/
	right: 0.5em;
	width: 15px;
	height: 18px;
	padding: 0;
	content: '';
	background: url("/img/sort-desc.svg") no-repeat 94% 30% /15px 18px;
	pointer-events: none;
	border-radius:2px;
	z-index: 99;
}

/*

header

*/
.header {background:rgba(255,255,255,1);border:1px solid rgba(208,212,205,.6);height:4em;position: relative;z-index: 2;}
.header .branding {display:inline-flex;background:url("/img/logo.png") rgb(195,210,200) no-repeat scroll center / 50%;
padding: 0.5% 3%;text-align:center;width: 18%;min-width: 14em;height: 100%;
}

.header .site-title {display:inline-block;padding: 0.6em 1em;font-size:1.4em;letter-spacing: 0.1em;color:rgba(90,129,120,1);line-height:1.4em;vertical-align: top;font-weight: bolder;}
.header .user-info {float:right;display:inline-flex;padding: 0.5%;font-size:1.2em;}

.header .user-info a.impersonate {display: inline-block; line-height: 2em; background: red; color: white; padding: 0 0.5em; margin-right: 1em; }

.header .user-info span {display:inline-block;line-height: 2em;font-size:0.9em;letter-spacing: 0.1em;}
.header .user-info .name {color:rgba(5,161,66,1);font-weight: bold;}
.header .user-info .dear {padding:0 0.5em;}
.header .user-info .role::before {content:"/";font-size:0.9em;padding-right:0.5em;color:rgba(200,211,205,1);}

.header .user-info .logout input:hover, .header .user-info .logout input:focus{background:rgba(5,161,66,1);color:rgba(241,246,243,1);}
.header .user-info .logout:hover::after {transform:translateX(5px);color:rgba(241,246,243,1);}
.header .user-info .logout {margin:0 1em;position: relative;display:inline-block;width: 8em;font-size:1em;}
.header .user-info .logout input{border:none;padding:0 2em;border-radius:100px;font-size: 1rem;background-color:rgba(241,246,243,1);color:rgba(5,161,66,1);padding-right:3em;} 
.header .user-info .logout::after {content:"";background:url("/img/logout.svg") no-repeat center right / 15px 15px;position: absolute;display:block;width:15px;height:100%;right: .5em;top:0;}
.header .user-info .logout:hover::after {background:url("/img/logout-hover.svg") no-repeat center right / 15px 15px;;}
/*

nav

*/

/*main-menu*/
.side {float: left;width: 18%;min-width: 14em;min-height:calc(100vh - 4em);position: relative;z-index: 1;background: rgba(224,231,217,1);}
/*.side::after {content: "";background: rgba(224,231,217,1);border-right: 1px solid rgba(192, 202, 182,0.5);position: fixed;height: 100vh;width: 18%;min-width: 14em;z-index: -1;left: 0;top: 0;}*/
.side .main-menu li {text-align: left;border-bottom: solid 1px rgba(192, 202, 182,.4);list-style:none;}
.side .main-menu li.active {position: relative;right:-1px;}
.side .main-menu li a {display:block;padding: 1em;width: 100%;letter-spacing: 0.2em;font-size: 1em;color:rgba(12,70,35,1);}
.side .main-menu li a::before,.side .main-menu li .title::before {font-size: 1.2em;display:inline-block;vertical-align: top;color:rgba(5,161,66,1);}
.side .main-menu li.active a,
.side .main-menu li a:hover,.side .main-menu li span:hover {background:rgba(245,250,249,1);color:rgba(5,161,66,1)}
.side .main-menu li a:hover::before {transform:translateX(-5px);}
.side .main-menu .title {padding:1em;display:block;position: relative;}
.side .main-menu .title.open {border-bottom: solid 1px rgba(192, 202, 182,.6);}
.side .main-menu .title:focus, .side .main-menu .child a:focus {box-shadow:0px 0px 0px 2px rgba(5,161,66,1) inset;}

/*login*/
body.login-seihoku {background:#fafaf3;}
body.login-seihoku .side::after {background:#e7dfd9;}
body.login-seihoku .header .branding{background-color:#d2c3c6;}
body.login-seihoku .header .site-title {color:#c85555;}

.side.login {padding: 1em;display:flex;flex-direction: column;}
.side.login h2 {font-size:1.1em;padding: 1em 0;}
.side.login h2::before {content:"";background:url("/img/login.svg") no-repeat center right / 18px 18px;display:inline-block;width:18px;height:18px;margin-right:0.5em;vertical-align: middle;}
.side.login label,.side.login .contact h3 {margin:.8em 0;display: block;border-left:2px solid rgba(5,161,66,1);padding-left:.5em;}
.side.login input {width:100%;}

.side.login .contact {margin-top:auto;padding:1.5em;padding-right: 1em;font-style: normal;border:1px solid rgba(208,212,205,1);background:rgba(255,255,255,.9);border-radius:5px;line-height:1.5em;}
.side.login .contact .logo {width:100%;max-width:180px}
.side.login .contact .logo.black {width:100%;}

/*simple-chart*/
.side .simple-chart {padding: 5% 0.5em;/*font-size: 0.9em;*/}
.side .simple-chart table {margin:0 auto;}
.side .simple-chart table tr {display:block;white-space: nowrap;}
.side .simple-chart table tr.header {background:none;height:auto;border: none;margin-left:0;}
.side .simple-chart table th.name,
.side .simple-chart table td {padding:0.25em 0.5em;}
.side .simple-chart table .row th.name,
.side .simple-chart table .row td {border:1px solid rgba(208,212,205,.6);border-top:none;}
.side .simple-chart table .header th {font-weight: inherit;text-align:left;padding:.5em 0;padding-top: 1em;letter-spacing: 0.2em;}
.side .simple-chart table td {width:7em;min-width:5em;text-align:right;font-size:1.5em;font-weight: bold;}
.side .simple-chart table td .items {font-size:0.5em;color:rgba(138,156,179,1);padding-left:0.5em;font-weight: normal;}
.side .simple-chart table .row th.name {width: 8em; min-width:6em;}
.side .simple-chart table .row th.spacer {width:1em;}

/* simple-chart status color */
.side .simple-chart .row th.name{background:rgba(250,235,238,0.9);color:rgba(221,127,142,1);}
.side .simple-chart .row td{background:rgba(255,255,255,1);color:rgba(221,127,142,1);}
.side .simple-chart .row.data4 th.name{background:rgba(235,244,255,1);color:rgba(138,156,179,1);}
.side .simple-chart .row.data4 td{color:rgba(138,156,179,1);}

/*child menu*/
.side .main-menu .child {display:none;}
.side .main-menu .child {background:rgba(214,221,207,1);}
.side .main-menu .child li a,.side .main-menu .child li .title {position: relative;padding-left:1.5em;}
.side .main-menu .child li .grandchild a {padding-left:2em;font-size: 0.95em;letter-spacing: 0.02em;}
.side .main-menu .grandchild {background:rgba(209,216,202,1);}
.side .main-menu .grandchild li {background:rgba(209,216,202,1);border-bottom: solid 1px rgba(192, 202, 182,.8);}

.side .main-menu .child.active {display:block;}

/*icon*/
.parent .icon {width:1.2em;margin-right:0.5em;vertical-align: middle;}
.side .main-menu .child li a::before,.side .main-menu .child li .title::before {content:"";background:url("/img/arrow-right.svg") no-repeat center right /10px 10px;margin-right: 0.5em;width: 10px;height: 10px;vertical-align: middle;}
.title.open::after {content:"";background:url("/img/up.svg") no-repeat center right / 20px 20px;}
.title::after {content:"";background:url("/img/down.svg") no-repeat center right /20px 20px;position: absolute;right: 0.5em;top: 0.5em;width: 2em;height: 2em;}

/*

main

*/
.container {float: left;box-sizing: border-box;-webkit-box-sizing: border-box;display:block;width: 80%;padding:1% 0 1% 2%;overflow:hidden;}
.container h2 {font-size:1.1em;padding:0.2em 1em;margin:.8em 0;display: block;border-left:5px solid rgba(5,161,66,1);letter-spacing: 0.08em;}
/*search-group*/
.container .search-group {margin-top:1em;padding-bottom:.5em;position: relative;}
.container .search-group.left {float:left;}
.container .search-group .block {display: inline-block;vertical-align: bottom;margin-bottom: 1em;}
.container .search-group .block.right {float:right;}
.container .search-group .block.right .button {margin-left:0em; margin-right:.5em;}
.container .search-group form.left {float:left;}
.container .search-group form.right {float:right;}
.container .search-group label {padding-bottom: 0.5em;display: block;letter-spacing: 0.2em;}
.container .search-group label:empty:before {content: "\200b";}

/* .container .search-group .customer input.name {margin:0;border-radius:5px 0 0 5px;} */
/* .container .search-group .customer .button {background:rgba(5,161,66,1);border:none;color: rgba(255,255,255,1);margin-right: 2em;vertical-align: bottom;border-radius:0 5px 5px 0;width:36px;height: 28px;min-width: 36px;display: inline-block;margin: 0;} */
/* .container .search-group .customer .button:before {content:""; background:url("/img/search.svg") no-repeat center / contain;width: 100%;display: block;height: 100%;} */
/* .container .search-group .customer .button:hover {background:rgba(12,70,35,1);transform:scale(1.02);cursor: pointer} */
.container .search-group .customer input.cd {/* margin-right: 0.25em; */ text-align: right;}
.container .search-group .customer input.name {margin: 0;/* border-radius: 5px 0 0 5px; */width: 12em;text-overflow: ellipsis;}
/*input[type="submit"] {background: rgba(5,161,66,1);border: none; min-width: 6em;color: rgba(255,255,255,1);border-radius: 100px;margin-left: .5em;padding: 0.25em;}*/
.container .search-group .search-row {width: 100%;}

/*result*/
.container .result table {border-collapse: separate;border-radius:5px;border:1px solid rgba(208,212,205,1);width: 100%;box-sizing: inherit;}
.container .result th {font-weight: normal;padding: 0.5em;padding-right:1.2em;white-space: nowrap;text-align: left;line-height: 1.2em;}
.container .result td {padding: 0.5em;word-break: break-all;line-height: 1.3em;}
.container .result table thead {background:rgba(220,231,225,1);border-radius:5px;}
.container .result table tfoot {background:rgba(220,231,225,1);border-radius:5px;}
.container .result table tbody tr:nth-child(even) {background: rgba(255,255,255,1);}
.container .result table tbody tr:nth-child(odd) {background: rgba(241,246,243,1);}
.container .result table tbody tr:hover {background:rgba(243,250,214,0.7)}
.container .result input[type="submit"]:hover {transform:scale(1.3);}
.container .edit-form .result label {border:none;background:none;}
.container .edit-form .result .block label,
.container .edit-form .result .separator label {background: rgba(222,222,200,.2);border-left: 3px solid rgba(5,161,66,1);}

.container .result .date {width:8em;word-break: keep-all;}/*日付*/
.container .result .cd {width:5em;}/*CD*/
.container .result .name {width:10em;}/*名前*/
.container .result .order-no {width:6em;word-break: keep-all;}/*注文番号*/
.container .result .order-no-sub {width:7em;word-break: keep-all;}/*注文番号＋枝番*/
.container .result .slip-no-full {width:8em;word-break: keep-all;}/*伝票番号2-5-2*/
.container .result .number {width:5em;word-break: keep-all;text-align: right;padding-right:1.2em;}/*数字*/
.container .result .quantity {width:3em;word-break: keep-all;text-align: right;padding-right:1.2em;}/*数量*/
.container .result .currency {width:9em;word-break: keep-all;text-align: right;padding-right:1.2em;}/*金額*/
.container .result .price {text-align:right;padding-right:1.2em;}
.container .result .branch-name{width:15em;}/*商社名*/
.container .result .customer-name{width:15em;}/*顧客名*/
.container .result .dpoint-name{width:15em;}/*納品先名*/
.container .result .product-cd{width:8em;}/*商品コード*/
.container .result .product-name {width:15em;}/*商品名*/
.container .result .company-name {width:12em;}/*会社名称*/
.container .result .mail,
.container .result .detail,
.container .result .delete,
.container .result .check {width:6em; text-align:center;padding-right:1.2em;}
.container .result .sane {width:4em;word-break: keep-all;text-align: center;padding-right:1.2em;}/*サネ*/
.container .result .hassui {width:4em;word-break: keep-all;text-align: center;padding-right:1.2em;}/*撥水*/
.container .result .length {width:5em;word-break: keep-all;text-align: right;padding-right:1.2em;}/*長さ*/
.container .result .width {width:5em;word-break: keep-all;text-align: right;padding-right:1.2em;}/*幅*/
.container .result .thickness {width:5em;word-break: keep-all;text-align: right;padding-right:1.2em;}/*厚さ*/
.container .result .rank {width:4em;word-break: keep-all;text-align: center;padding-right:1.2em;}/*等級*/
.container .result .conversionRate {width:5.3em;word-break: keep-all;text-align: right;padding-right:1.2em;}/*換算率*/
.container .result .sortNumber {width:5em;word-break: keep-all;text-align: right;padding-right:1.2em;}/*表示順*/
.container .result .note-item {width:7.25em;word-break: keep-all;padding-right:1.2em;}/*商品備考*/
.container .result td.delivery-assigned {text-align: center;} /* 注文受付 注文中商品 運送割当済 */

/*table icon*/
.container .result .submit-mail,
.container .result .submit-detail,
.container .result .submit-delete,
.container .result .submit-pdf,
.container .result .mail-sent{border:none;width:1.7em;height:1.7em;background:no-repeat center / contain;margin: 0;}
.container .result .submit-mail {background-image: url(/img/mail.svg);}
.container .result .mail-sent {background-image: url(/img/mail-sent.svg);}
.container .result .submit-detail{background: url(/img/detail.svg) no-repeat center / contain;}
.container .result .submit-delete{background: url(/img/delete.svg) no-repeat center / contain;}
.container .result .submit-pdf{background: url(/img/pdf.svg) no-repeat center / contain;}
.container .result .submit-mail:focus,
.container .result .submit-detail:focus,
.container .result .submit-delete:focus,
.container .result .submit-pdf:focus,
.container .result .mail-sent:focus{box-shadow:0px 0px 0px 2px rgba(5,161,66,1);}

.edit-form label.checkimg{ all: unset;}
label.checkimg input[type='checkbox']{
  width:1em;
  height:1em;
  opacity:0;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
}
label.checkimg input[type='checkbox'] ~ span::before {
  display: inline-block;
  content: '';
  width:1.7em;
  height:1.7em;
  vertical-align: middle;
  background: url("/img/check-off.svg") no-repeat center/100%;
}
label.checkimg input[type='checkbox']:checked ~ span::before{
  background: url("/img/check-on.svg") no-repeat center/100%;
}
label.checkimg input[type='checkbox']:focus ~ span::before{
  box-shadow:0px 0px 0px 2px rgba(5,161,66,1);
}

/*result navi*/
.container .result .dataTables_length,
.container .result .dataTables_filter,
.container .result .dataTables_info,
.container .result .dataTables_paginate {padding:1em 0;font-size:0.9em;}

/*table status color*/
.container .result .status {width:9em;}
.container .result .status span{padding:0.5em 1em;border-radius:100px;font-size:0.85em;display:block;text-align:center;color:rgba(255,255,255,.9);line-height: 1.2em;}
.container .result .status span.type0  {background:rgba(  0,  0,  0, .65);}
.container .result .status span.type1  {background:rgba(217,184, 82,1);}
.container .result .status span.type2  {background:rgba(224,117,114,1);}
.container .result .status span.type3  {background:rgba(173,132,173,1);}
.container .result .status span.type4  {background:rgba(158,190,116,1);}
.container .result .status span.type5  {background:rgba(243,151,153,1);}
.container .result .status span.type6  {background:rgba(243,151,153,1);}
.container .result .status span.type7  {background:rgba( 93,150,223,1);}
.container .result .status span.type8  {background:rgba( 93,150,223,1);}
.container .result .status span.type9  {background:rgba(169,182,182,1);}
.container .result .status span.type10 {background:rgba(169,182,182,1);}
.container .result .status span.type11 {background:rgba(158,190,116,1);}

/*dataTable*/
.result table.dataTable thead .sorting {background: url("/img/sort.svg") no-repeat 95% /12px 18px; background-position: center right;}
.result table.dataTable thead .sorting_asc {background: url("/img/sort-asc.svg") no-repeat 95% /12px 18px; background-position: center right;}
.result table.dataTable thead .sorting_desc {background: url("/img/sort-desc.svg") no-repeat 95% /12px 18px; background-position: center right;}
.result .dataTables_wrapper .dataTables_info,.result .dataTables_wrapper .dataTables_length {clear: both;float: left;color:rgba(12,70,35,.6);}
.result .dataTables_wrapper .dataTables_paginate,
.result .dataTables_wrapper .dataTables_filter {float: right;text-align: right;color:rgba(12,70,35,.6);}
.result .dataTables_wrapper .dataTables_paginate .paginate_button {box-sizing: border-box;background:rgba(224,231,217,1);
    display: inline-block;
    min-width: 1.5em;
    margin-left: 0.5em;
    text-align: center;
    border-radius: 5px;
    border:none;
    padding:1em;
    cursor:pointer;
    color:rgba(12,70,35,.6);
}
.result .dataTables_wrapper .dataTables_filter input {margin: 0;margin-left:0.5em;cursor: default;}
.result .dataTables_wrapper .dataTables_length select {margin:0 0.5em;padding: 0.5em 2em 0.5em .5em;text-align: center;background: url("/img/sort-desc.svg") no-repeat 94% 30% /15px 18px;background-color:rgba(255,255,255,1);}
.result .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.result .dataTables_wrapper .dataTables_paginate .paginate_button:hover {background:rgba(5,161,66,1);color: rgba(255,255,255,1);}
.result .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.result .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {background:rgba(224,231,217,1);color:rgba(12,70,35,.6);opacity:0.5;cursor: default;}

/*ボタンの部分はソートの矢印非表示*/
.container .result table.dataTable thead .sorting.button-area,
.container .result table.dataTable thead .button-area.sorting_desc,
.container .result table.dataTable thead .button-area.sorting_asc {background:none;width:5em;}


/**************************
* 編集画面
***************************/

.edit-form {border: 1px solid rgba(208,212,205,1);background:rgba(255,255,255,1);padding: 1em;border-radius:5px;margin-bottom: 1em;}
.edit-form label,.edit-form input,.edit-form textarea{margin:.5em;}
.edit-form .status-select{margin:.5em;}
.edit-form label {background:rgba(222,222,200,.2);color:#5a8178;display: inline-block;min-width:10em;padding: .5em;font-weight: bold;letter-spacing: 0.06em;border-left: 3px solid rgba(5,161,66,1);}
.edit-form .area-cd-block {border:1px solid rgba(208,212,205,1);display: inline-block;vertical-align: middle;border-radius: 5px;height: 2.4em;line-height: 0;margin: .5em;}
.edit-form label.area-cd {background:none;border:none;margin: 0;padding: 1.2em;vertical-align:top;}
.edit-form .cd {margin-right:0;}
.edit-form .itemCd {margin-right:0;width:11em;}
.edit-form .name {text-overflow: ellipsis;}

.edit-form .search {background:rgba(5,161,66,1);border:none;color: rgba(255,255,255,1);margin-right: 2em;vertical-align: top;border-radius:0 5px 5px 0;width:36px;height: 100%;min-width: 36px;display: inline-block;margin: 0;}
.edit-form .search::before {content:""; background:url("/img/search.svg") no-repeat center / contain;width: 2em;display: block;height: 2em;}

.edit-form .notice {font-size:.9em;color:rgba(128,146,169,1);}

.edit-form .read-only {background:rgba(221, 226, 223,.2);border:none;border-radius: 5px;}

.edit-nav {padding:1em 0;text-align:center;margin-top:1em;}
.edit-nav.left {float:left;padding-left:1em;}
.edit-nav.right {float:right;padding-right:1em;}
.edit-nav.top.right {margin: .8em .5em;padding:0;}
.edit-nav .button {margin: 0;display:inline-block;font-weight: bold;}
.edit-nav .button.add::before {content:"＋";padding-right:0.5em;}
.password label {min-width:18em;}
.separator {border-bottom:1px dotted rgba(208,212,205,1);padding: 0.5em 0;}
.rowspan2 {min-height: 74px;}
.edit-form .block {padding: 0.5em 0;}
.hide-dialog {display: none;}

/**************************
* 編集ダイアログ
***************************/
.dialog-table-container { padding: 1em;}
.dialog-table { margin: auto;}
.dialog-table tr.field-row { border-bottom: 1px dotted rgba(208,212,205,1);}
.dialog-table label { background: rgba(222,222,200,.2); color: #5a8178; min-width: 10em; display: inline-block; padding: 0.5em; font-weight: bold; letter-spacing: 0.06em; border-left: 3px solid rgba(5,161,66,1);}

/**************************
* システムメッセージ
***************************/
.message ul {margin:1em 0;}
.message li,.error-message,.loginout-message,.loginout-error {
	list-style:none;
	background:rgba(250,235,238,.8);
	border: 1px solid rgba(242,227,230,1);
	margin-bottom:0.5em;
	border-radius:2px;
	padding: .8em;
	color:rgba(220,110,85,1);
	clear: both;
}
.message .infoMessage li{
	background: rgba(200, 230, 201,.8);
	border-color: rgba(5,161,66,1);
	color: rgba(5,161,66,1);
}
.message .permanentMessage li{
	background: rgba(55,131,180,.2);
	border-color: rgba(55,131,180,1);
	color: rgba(55,131,180,1);
}
.help-block,.login.error {color:rgba(210,100,75,1);padding:0.5em;}
.search-group .help-block {position: absolute;margin-top:0.5em;background:rgba(210,100,75,.9);color:#fff;border-radius:5px;letter-spacing: 0.06em;padding: 0.5em 1em;}
.search-group .help-block::before {content: "";
  position: absolute;
  top: -1em;
  left: 2em;
  margin-left: -15px;
  border: .5em solid transparent;
  border-bottom: .5em solid rgba(210,100,75,.9);}
.loginout-message {background:rgba(255,255,222,1);color:rgb(150, 144, 38);border: 1px solid rgba(180,174,68,1);}
.complete {background-color: lightgreen!important;}
.complete span {float:right;}
/** 長期未承認メッセージ **/
a.reminder {color:rgba(220,110,85,1);}
a.reminder:focus {box-shadow:0px 0px 0px 2px rgba(5,161,66,1);}

/**************************
* 注文詳細画面
***************************/
.container .order-detail {background:rgba(255,255,255,.8);border: 1px solid rgba(208,212,205,1);border-radius: 5px;padding: 1em;}
.container .order-detail table {width:100%;} 
.container .order-detail .order-block th {background:rgba(222,222,200,.4);padding:.5em;border-left: 3px solid rgba(5,161,66,1);}
.container .order-detail .order-block td {padding:.5em;vertical-align: top;line-height: 1.4em;}
.container .order-detail .order-block {width:24.3333%;display:inline-flex;border-spacing: 10px;border-collapse: separate;vertical-align: top;}
.detail-block1 {display: inline-block;width: 45%;padding: 0 0.5em;vertical-align: top;}
.detail-block2 {display: inline-block;width: 32%;padding: 0 0.5em;vertical-align: top;}
.block-cell {border-bottom: 1px dotted rgba(208,212,205,1);}
.detail-address {display: inline-block; vertical-align: top;line-height: 1.7;margin-top: .5em;width: calc(100% - 11.5em);}
.order.edit-form .detail-address {margin-top: 0;}
.detail-button {text-align: right;padding: 0 1em 0.5em 0;}
.detail-button-div {display: inline-block;}
.detail-back {text-align: center;margin-top: 1em;}
/*.order-detail-body {min-width: 1360px;}*/
/*列の幅*/
.container .order-detail .order-block.column-1 {width:22%;}
.container .order-detail .order-block.column-2 {width:38%;}
.container .order-detail .order-block.column-3 {width:23%;}
.container .order-detail .order-block.column-4 {max-width:12%;float:right;margin: 0;}

/*商品一覧*/
.container .order-detail .product-list {border: 2px solid rgba(55,180,104,1);border-radius: 5px;border-collapse:separate;margin:1em 0;}
.container .order-detail .product-list.adjustment {border: 2px solid rgba(224,117,114,1);}
.container .order-detail .product-list.adjustment th.product-name {background:rgba(224,117,114,1);box-shadow: -1px 0px rgba(224,117,114,1), 0px 1px rgba(224,117,114,1), 0px -1px rgba(224,117,114,1)}
.container .order-detail .product-list.notapproved {border: 2px solid rgba(55,131,180,1);}
.container .order-detail .product-list.notapproved th.product-name {background:rgba(55,131,180,1);box-shadow: -1px 0px rgba(55,131,180,1), 0px 1px rgba(55,131,180,1), 0px -1px rgba(55,131,180,1);}
.container .order-detail .product-list th.product-name {background:rgba(55,180,104,1);padding: 1em .5em;color:#fff;width:5em;box-shadow: -1px 0px rgba(55,180,104,1), 0px 1px rgba(55,180,104,1), 0px -1px rgba(55,180,104,1);border-radius: 2px 0px 0px 2px;}
.container .order-detail .product-list td.product-detail {padding:.2em .5em;}
.container .order-detail .product-list dl {display:block;width:100%;padding: 0.25em;border-bottom:1px dotted rgba(208,212,205,1);}
.container .order-detail .product-list .product-detail dl:last-child {border:none;}
.container .order-detail .product-list dd,.product-list dt {display:inline-flex;padding: 0.25em .8em;}
.container .order-detail .product-list dt {background:rgba(222,222,200,.4);border-radius: 3px;}
.container .order-detail .product-list dt.limitover {background:rgba(224,117,114,1);color:rgba(255,255,255,1);}
.container .order-detail .product-list th.shipping-name {background:rgba(220,245,216,1);width:2.5em;word-break: keep-all;}
.container .order-detail .product-list .send {padding:0.6em 0.5em; display:inline-block;background:rgb(210,226,255);color:rgb(0,55,152);}
.container .order-detail .product-list .send label {display:block;padding:.25em;border-radius:3px;width:3em;background:rgba(93, 150, 223,1);text-align:center;color:rgba(255,255,255,0.9);}
.container .order-detail .product-list .line th,.container .order-detail .product-list .line td,
.container .order-detail .product-list .product-detail.line {border-top:1px solid rgba(190,215,186,1);}
.container .order-detail .product-list .shipping-data dt {background:rgba(230,245,226,.6);}
.container .order-detail .product-list .shipping-data dl.send-block {padding:0;}
.container .order-detail .product-list .shipping-data dl.unassigned {border-bottom:none;}
.container .order-detail .product-list .shipping-data .button {margin:0;}

/*注文受付*/
.entryuser {border: 1px solid rgba(5,161,66,1);background:rgba(255,255,255,1);padding: .5em 1em;border-radius:5px;margin-bottom: 1em;font-weight:bold;letter-spacing: 0.06em;}
.entryuser::before {content:"";background:url("/img/user.svg");width:1.5em;height:1.5em;display: inline-block;background-size: contain;margin-right: 0.5em;vertical-align: middle;}

.container .order.edit-form .block.column-1{width:40%;display: inline-block;vertical-align: top;}
.block.column-1 + .block.column-2 {width:59%;display: inline-block;vertical-align: top;}

.order.edit-form h3 {background:rgba(91,177,179,.2);padding:1em 1em;margin:-1em;margin-bottom:.5em;border-bottom:1px solid rgba(5,161,66,1);position: relative;}
.order.edit-form .edit-nav.right {margin:0;padding:0;position: absolute;right: 0.5em;top: 0.5em;}

.container .order.edit-form .result .dataTables_length,
.container .order.edit-form .result .dataTables_filter,
.container .order.edit-form .result .dataTables_info,
.container .order.edit-form .result .dataTables_paginate {
	padding:0.5em 0;
}
.container .order.edit-form label,
.container .order.edit-form input,
.container .order.edit-form textarea,
.container .order.edit-form .status-select {margin:0;}
.order.edit-nav{margin:0;}

/* 摘要 */
.container .edit-form div.tekiyo {
	display: inline-block;
    vertical-align: top;
    border: 1px solid rgba(208,212,205,1);
    border-radius: 5px;
    padding: 2px;
}
.container .edit-form div.tekiyo:focus-within {
	border: 2px solid rgba(5,161,66,1);
}
.container .edit-form div.tekiyo input {
	border: none;
	width:31em;
	min-width:31em;
	height: 22px;
}
.container .edit-form div.tekiyo input:focus {
    border-radius: 0px;
}
.container .edit-form div.tekiyo-error {
	display: inline-block;
    padding: 2px;
}
.container .edit-form div.tekiyo-comment {
    padding-top: .5em;
    color: red;
}
.container .edit-form div.tekiyo-rom {
	display: inline-block;
    vertical-align: top;
    height:5.1em;
}
.container .edit-form .block-cell div.tekiyo-rom {
	margin: .5em 0;
}
.container .edit-form div.tekiyo-rom pre {
    line-height: 1.7em;
}
.container .edit-form div.tekiyo-item {
	display: inline-block;
	vertical-align: top;
}
.empty-height:empty:before {content: "\200b";}

/* 伝票詳細 */
.container .order.edit-form .block.column3{width:32%;display: inline-block;vertical-align: top;}
.column3 span{display: inline-block;width: calc(100% - 11.5em);white-space: normal;vertical-align: middle;}

input[type="text"].input-currency {
	width:9em;text-align: right;
}

/**************************
* input select 幅
***************************/

input[type="date"] {width:11em;}
input.cd {width:5em;}
.container .search-group .number input {width:5em;text-align:right;}
.container .search-group input.factoryCd {width: 2.5em;text-align:center;} 
.container .search-group input.slipNo {width: 4em;} 
.container .search-group input.slipSubno {width: 2.5em;text-align:center;} 
input[type="number"] {text-align:right; padding:0;}

/*select*/
.status-select.year {width:6em}
.status-select.month {width:4em}
.status-select.user-select {width:12.5em;}
.status-select.factory-select {width: 22em;}
.status-select.tekiyo-select {width:17.5em;}
.status-select.company-select {width: 14.5em}
.edit-form .status-select.loading-warehouse-select {width: 10em;margin: 0;}/*出荷工場割当用*/

/*注文商品選択*/
.status-select.width,
.status-select.thickness,
.status-select.length,
.status-select.yes-no{width:5.5em}
.status-select.rank{width:7.5em}


/*納品*/
.edit-form .delivery-cd,.edit-form .customer-cd {min-width:5em;width:5em;}/*納品先CD*/
.edit-form .delivery-name {min-width:32em;width:32em;}/*納品名*/
/*.edit-form .prefecture,.edit-form .city {min-width:20em;width:20em;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}都道府県市区町村*/
.edit-form .address {min-width:50em;width:50em;}/*番地*/
.edit-form .area-cd,.edit-form .order-no {min-width:6em;width:6em;}/*地域CD*/
.edit-form .area-cd.city {min-width:12em;width:12em;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}/*地域CDの市区町村*/
.edit-form .fax,.edit-form .tel {min-width:8.5em;width:8.5em;}/*FAX・電話番号*/
.edit-form .sort-number {min-width:4em;width:4em;}/*表示順*/

.edit-form .customer-name,.edit-form .customer-order-no {min-width:20em;width:20em;}

/*商品*/

.edit-form .item-cd {width:16em;}
.edit-form .item-name {width:47em;}
.edit-form .item-size {width:20em;}
.edit-form .quantity{width:5em;}
.edit-form .unit-price{width:6em;}
.edit-form .price{width:8em;text-align:right;}
.edit-form .note-item{width:7em;}


/**************************
* ボタンの色
***************************/

.button.entry{background:#5B85B3;color:rgba(255,255,255,1);border:2px solid #5B85B3;}/*追加・登録*/
.button.entry:hover,.button.entry:focus {background:rgba(255,255,255,1);color:#5B85B3;}

.button.select {background:rgba(241,246,243,1);color: rgba(5,161,66,1);border:2px solid rgba(5,161,66,1);}/*選択*/
.button.select:hover,.button.select:focus {background:rgba(5,161,66,1);color: rgba(241,246,243,1);}

.button.edit {background:rgba(81,167,169,1);color:rgba(255,255,255,1);border:2px solid rgba(81,167,169,1);}/*更新・編集・修正*/
.button.edit:hover,.button.edit:focus {background:rgba(255,255,255,1);color:rgba(81,167,169,1);}

.button.cancel {background:rgba(224,117,114,1);color:rgba(255,255,255,1);border:2px solid rgba(224,117,114,1);}/* キャンセル（ex:注文中商品_削除） */
.button.cancel:hover,.button.cancel:focus {background:rgba(255,255,255,1);color:rgba(224,117,114,1);}

.button.copy {background:rgba(224,117,114,1);color:rgba(255,255,255,1);border:rgba(224,117,114,1);min-width:7em;}/*コピー*/
.button.copy:hover,.button.copy:focus {background:rgba(255,255,255,1);color:rgba(224,117,114,1);}

.button.reset {background:rgb(221, 226, 223);color:rgba(0,0,0,.5);display: inline-block;padding: 0.55em 1em;line-height:1em;border: 2px solid rgba(5,161,66,1);}/*reset*/
.button.reset:hover,.button.reset:focus {background:rgb(245, 250, 249)}

.button.cart{background:#d74c48;color:#fff;border:2px solid #d74c48;width:12em;}/*注文中の商品を見る*/
.button.cart:hover,.button.cart:focus{background:#fff;color:#db615d;}

/* .button.back {background:rgba(241,246,243,1);color: rgba(5,161,66,1);border:2px solid rgba(5,161,66,1);} 戻る */
/* .button.back:hover,.button.back:focus {background:rgba(5,161,66,1);color: rgba(241,246,243,1);} */

/*完了画面*/
.finish {font-size:1.5em;text-align:center;padding:1em;color: rgba(5,161,66,1);}
.finish::before {content:"";background:url(/img/order.svg) no-repeat scroll center / contain;;display:block;width:3em;height:3em;margin:1em auto;}


/**************************
* 以下追加分
***************************/

.ui-button:focus, .dataTables_paginate:focus {box-shadow:0px 0px 0px 2px rgba(5,161,66,1);}
.ui-button:active {border: 1px solid rgba(5,161,66,1); background: rgba(5,161,66,1);}
.dataTables_paginate, .paginate_button.next{margin-right:0.5em;}
.button.regist{background:rgba(81,167,169,1);border:2px solid rgba(81,167,169,1);color:#fff;}

/**************************
* 売上確定用
***************************/
.salesdate-update {text-align: center;margin-top: 1em;}

/**************************
* 請求書出力
***************************/
.invoice-output {font-size:1.5em;text-align:center;padding:1em;color: rgba(5,161,66,1);}
.invoice-output::before {content:"";background:url(/img/form-output.svg) no-repeat scroll center / contain;;display:block;width:3em;height:3em;margin:1em auto;}

.error-page {font-size:1.5em;text-align:center;padding:1em;color: rgba(5,161,66,1);}
.error-404::before {content:"";background:url(/img/list-search.svg) no-repeat scroll center / contain;;display:block;width:3em;height:3em;margin:1em auto;}

/**************************
* 連携ボタン
***************************/
.button.datalink {background:rgba(5,161,66,1);border:none;color: rgba(255,255,255,1);margin-right: 2em;vertical-align: bottom;border-radius:0 5px 5px 0;width:36px;height: 28px;min-width: 36px;display: inline-block;margin: 0;}
.button.datalink:before {content:""; background:url("/img/search.svg") no-repeat center / contain;width: 100%;display: block;height: 100%;}
.button.datalink:hover, .button.datalink:focus{background:rgba(12,70,35,1);transform:scale(1.02);cursor: pointer}
.cd.datalink {margin-left:0; margin-right:0; border-radius: 5px 0 0 5px;}
.name.datalink {margin-left:0; margin-right:0; border-radius: 5px 0 0 5px;}
.edit-form .button.datalink {margin: .5em 0;}
.container .order.edit-form .button.datalink{margin: 0;}
/**************************
* カレンダー
***************************/
.ui-datepicker {font-size: 200%;}
.datepicker-container {text-align:center;} 
.datepicker-center {display:inline-block;margin:0 auto; }
.noLoadingDay {background: #ff0000;}


/**************************
* master
***************************/
.length-3 {width: 3em;}
.length-4 {width: 4em;}
.length-6 {width: 6em;}
.length-20 {width: 20em;}
.length-32 {width: 32em;}
.length-50 {width: 50em;}
.sort-num {width: 4em;}
.master_h2{float: left;}
.grade-select {width: 11.5em;}
.role-select {margin: 0!important;}
input[type='radio']{
	-webkit-appearance:radio;
	margin: 0 .5em;
}
input[type="radio"]:focus{
	box-shadow:0px 0px 0px 2px rgba(5,161,66,1);
}
.label-init input{height:initial;vertical-align:bottom;}
.news-topic {display:inline-block!important;vertical-align:middle!important;}
.label-init{
	background:initial!important;
    border-left:initial!important;
    vertical-align:middle;
}
.edit-select {margin: .5em;}
.left-blank {margin-left:5em;}


/**************************
* ニュース
***************************/
td.topic {
	white-space: pre-wrap;	
}
td.newsdate {
	vertical-align: top;
	white-space: pre;
}