@charset "UTF-8";
* {
  box-sizing: border-box;
}
html {
  font-size: 70%;
}
body {
  background-color: #fff;
  margin: 0;
  font-family: Helvetica, "BIZ UDPゴシック";
  font-size: 1.4rem;
  color: #555555;
}
/********************************
メイン
*********************************/
main:not(.login-main) {
  padding: 14px;
	margin-left: 186px;
  min-width: 1072px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
}
main.menu-open {
  margin-left: 0;
}
/* フォント */
.edit-input {
  font-size: 1.5rem;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "UD デジタル 教科書体 N" , "UD Digi Kyokasho N-R", "Hiragino Mincho ProN", serif;
  margin-right: 4px;
}
/* 見出し */
.main-h1-box {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
  position: relative;
}
.main-h1 {
  margin-right: 20px;
}
.main-h1 h1 {
  font-size: 2rem;
  font-weight: bold;
  color: #625d5d;
}
/* カーソルポインター */
a,
button:not(.search-area2 .search-tab-btn),
.sort-th,
.desc,
.asc,
.tablesorter-header:not(.sorter-false),
.tab-box:not(.emp-box),
input:not(.unactive):not(.responsive-main2 .order-tab-menu input),
select,
textarea,
.checkbox-label,
.radio-label,
.img-open,
.dg-photo-btn,
.order-tab-menu label.order-tab {
  cursor: pointer;
}
/* ボタン */
.img-btn {
  display: flex;
  align-items: center;
  background-color: #e5959c;
  border-radius: 3px;
  border: 1px #e5959c solid;
  padding: 0 8px;
  height: 30px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 32px;
}
.img-btn span:nth-child(2) {
  height: 30px;
  font-size: 15px;
  margin-left: 5px;
  white-space: nowrap;
}
.img-btn img {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 18px;
}
.img-btn a {
  text-decoration: none;
  color: #fff;
}
.img-btn:hover {
  opacity: .7;
}
/* 新規追加ボタン */
.img-btn .plus-btn {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 3px;
  background: #ffffff;
  vertical-align: middle;
}
.img-btn .plus-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
/* 編集ボタン */
.main-h1-box button.edit-btn img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}
/* 戻るボタン */
.main-h1-box button.back-btn {
  background-color: transparent;
  border: 1px #e5959c solid;
  color: #e5959c;
  position: relative;
}
/* 削除ボタン */
.del-btn {
  background-color: #858080;
  border: 1px #858080 solid;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.del-btn img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}
/* テキストボックス */
input[type="text"]:not(.datepicker),
input[type="tel"],
input[type="password"],
textarea{
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "UD デジタル 教科書体 N" , "UD Digi Kyokasho N-R", "Hiragino Mincho ProN", serif!important;
  padding-left: 10px;
}
input:not(input[type="checkbox"]):not(input[type="radio"]):not(input[type="button"]),
select {
  color: #555555;
  height: 30px;
}
input:not(input[type="checkbox"]):not(input[type="radio"]):not(input[type="button"]):not(.datepicker),
select {
  font-size: 1.4rem;
}
textarea {
  color: #555555;
  font-size: 1.4rem;
}
input[type="checkbox"] {
  width: 16px;
  height: 16px;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 0 8px 0 0;
}
input,
select,
textarea {
  border: 1px #bdbdbd solid;
  border-radius: 3px;
  font-family: Helvetica, "BIZ UDPゴシック";
}
input::placeholder {
  color: #bdbdbd;
  font-size: 1.4rem;
  font-family: Helvetica, "BIZ UDPゴシック";
}
/* ラジオボックスデザイン */
input[type="radio"] {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%); 
  margin: -1px;
}
.radio-label {
  padding-left: 22px;
  position: relative;
}
.radio-label span::before {
  position: absolute;
  content: "";
  border: 1px #bdbdbd solid;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  top: 50%;
  left: 8px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.radio-label span::after {
  opacity: 0;
  position: absolute;
  content: "";
  background-color: #bdbdbd;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 8px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
input[type="radio"]:checked + span::after {
  opacity: 1;
}
/* チェックボックスデザイン */
.checkbox-label {
  display: flex;
  align-items: center;
}
input[type="checkbox"] {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%); 
  margin: -1px;
}
.checkbox-label span.checkbox-span {
  position: relative;
}
.checkbox-label span.checkbox-span::before {
  z-index: 1;
  content: "";
  position: absolute;
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px #999999 solid;
  width: 14px;
  height: 14px;
  top: 50%;
  right: -24px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.checkbox-label span.checkbox-span::after {
  z-index: 1;
  opacity: 0;
  position: absolute;
  content: "";
  border-bottom: 2px #999999 solid;
  border-left: 2px #999999 solid;
  width: 9px;
  height: 5px;
  transform: rotate(-44deg);
  -webkit-transform: rotate(-44deg);
  -ms-transform: rotate(-44deg);
  top: -5px;
  right: -14px;
}
input[type="checkbox"]:checked + span.checkbox-span::after {
  opacity: 1;
}
/* input[type="checkbox"]:checked + span.checkbox-span::before {
  opacity: 1;
  background-color: #bdbdbd;
  width: 14px;
  height: 14px;
} */
/* セレクトボックス デザイン */
.select-box select {
  padding: 0 20px 0 10px;
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  width: 100%;
  font-size: 1.4rem;
  background-color: #ffffff;
}
.select-box {
  position: relative;
}
.select-box::before {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-top: 6px solid #bdbdbd;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  pointer-events: none;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
/* カレンダー デザイン */
input.datepicker {
  max-width: 147px;
  font-size: 1.6rem;
  background-image: url(../img/ic_calendar.png);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: right 10px center;
  padding-left: 10px;
}
.deliver-contents input.datepicker {
  background-image: url(../img/ic_order_calendar.png);
  background-size: 30px 30px;
  background-position: right center;
  border-radius: 0;
}
.ui-datepicker-title select:first-child {
  margin-right: 4px;
}
.ui-datepicker-calendar tr th span {
  font-weight: bold;
  color: #555555;
}
.ui-datepicker-calendar tr th:first-child span {
  color: #e5959c;
}
.ui-datepicker-calendar tr th:last-child span {
  color: #62a5b3;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: transparent;
  border: 1px #ffffff solid;
  text-align: center;
  font-size: 1.5rem;
  padding: 0.2rem;
  border-radius: 3px;
}
.ui-widget-content .ui-state-hover:not(.ui-state-highlight), 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-widget-header .ui-state-active {
  background-color: #62a5b3;
  color: #ffffff!important;
  border: 1px #62a5b3 solid;
}
.ui-state-hover,
.ui-state-active,
.ui-datepicker-current-day .ui-state-active,
.ui-widget-content .ui-state-highlight.ui-state-active {
  background-color: #62a5b3;
  color: #ffffff;
  border: 1px #62a5b3 solid;
}
.ui-widget-header .ui-state-highlight {
  border: 1px #62a5b3 solid;
  color: #62a5b3!important;
}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight {
  border: 1px #62a5b3 solid;
  color: #62a5b3;
}
.ui-state-highlight:hover, 
.ui-widget-content .ui-state-highlight:hover, 
.ui-widget-header .ui-state-highlight:hover {
  background-color: #62a5b3;
  color: #ffffff!important;
}
.ui-widget-header {
  background-color: #f6f6f6;
  border: 0;
  border-radius: 0;
  border-bottom: 2px #62a5b3 solid;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 6px;
}
span.ui-icon.ui-icon-circle-triangle-e,
span.ui-icon.ui-icon-circle-triangle-w {
  background-image: url(../img/ic_tab.png);
  background-size: 15px;
  background-position: 0%;
}
span.ui-icon.ui-icon-circle-triangle-e {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
span.ui-icon.ui-icon-circle-triangle-w {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
.ui-datepicker-next.ui-corner-all.ui-state-hover 
span.ui-icon.ui-icon-circle-triangle-e,
.ui-datepicker-prev.ui-corner-all.ui-state-hover span.ui-icon.ui-icon-circle-triangle-w {
  -webkit-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
/* 時間 デザイン */
input[type="time"]::-ms-expand {
  display: none;
}
input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
}
input[type="time"] {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-align: left!important;
  padding: 0 31px 0 6px!important;
  min-width: 90px;
  max-height: 30px;
  background-color: #ffffff;
  background-image: url(../img/ic_time.png);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: right 6px center;
}
/* アイコン */
.icon-img {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
}
/* 検索ボックス */
.tab-box.search-tab,
.search-tab {
  width: 72px;
  padding: 0 3px;
  height: 28px;
  background-color: #62a5b3;
  border-radius: 4px 4px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-tab .search-tab-btn {
  background-color: transparent;
  color: #fff;
  border: none;
  font-size: 1.4rem;
  white-space: nowrap;
  line-height: 29px;
  padding: 0;
  margin-right: 8px;
}
.tab-box.search-tab > span,
.search-tab > span {
  margin: 2px 0 0 0;
}
.tab-box.search-tab.tab-box-open > span,
.search-tab.tab-box-open > span {
  margin: 0 0 4px 0;
}
.search-content {
  display: flex;
  max-width: 700px;
  padding: 0px 16px 10px 16px;
  background-color: #f6f6f6;
  border: 1px #bdbdbd solid;
}
.search-content .kind-select,
.search-content .key-word {
  margin-bottom: 5px;
}
.search-content p,
.search-content span {
  color: #625d5d;
  font-size: 1.3rem;
}
.search-content-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.key-word-box,
.kind-select-box {
  margin-right: 20px;
  margin-top: 10px;
}
.radio-box {
  margin-right: 40px;
}
.kind-select-flex {
  display: flex;
  align-items: baseline;
}
.key-word-input {
  font-family: Helvetica, "BIZ UDPゴシック"!important;
}
.radio-box {
  display: flex;
  align-items: center;
}
.radio-box label {
  display: flex;
  align-items: center;
}
.radio-box span {
  display: inline-block;
  padding-left: 5px;
}
.kind-checkbox .checkbox-label span:nth-of-type(2) {
  margin-left: 26px;
  font-size: 1.3rem;
}
.search-btn {
  display: flex;
  justify-content: flex-end;
  align-items: end;
  padding: 0;
}
.search-btn .search {
  width: 46px;
  height: 30px;
  color: #fff;
  background-color: #62a5b3;
  border: 1px #62a5b3 solid;
  border-radius: 2px;
  margin-right: 10px;
}
.search-btn .search img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}
.search-btn .clear {
  width: 46px;
  height: 30px;
  color: #62a5b3;
  background-color: #fff;
  border: 1px #62a5b3 solid;
  border-radius: 2px;
}
.search-btn .search:hover {
  opacity: .7;
}
.search-btn .clear:hover {
  background-color: #ebf6f7;
}
/* 検索ボックス 検索ボタンなし */
.search-area2 .search-tab {
  width: 56px;
}
.search-area2 .search-tab .search-tab-btn {
  margin: 0;
}
.search-area2 .search-content {
  padding-top: 10px;
  max-width: 156px;
}
.search-area2 .select-box {
  width: calc(100% - 48px);
}
.search-area2 input.key-word-input {
  width: calc(100% - 80px);
}
.search-content-area input.key-word-input::placeholder {
  color: #bdbdbd;
}
.search-area2 .search-content p {
  margin-bottom: 0;
}
.search-area2 .search-content p.key-word-p {
  width: 80px;
}
.search-area2 .search-content p.year-p {
  width: 48px;
}
/* 検索結果 */
.table-func {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.search-result {
  display: flex;
  align-items: center;
  color: #918b8b;
  font-size: 1.3rem;
}
.search-result .select-box {
  margin: 0 8px;
  height: 22px;
}
.search-result .select-box select {
  height: 22px;
  font-size: 1.5rem;
}
.search-result2 {
  margin-right: 12px;
}
.search-result2 span {
  margin: 0 4px;
}
.page-btn {
  display: flex;
  align-items: center;
  gap: 8px
}
.page-btn input {
  border: none;
  background-color: transparent;
  font-size: 1.4rem;
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: center;
  padding: 0;
  margin: 0 2px;
}
.page-btn input:first-of-type,
.page-btn input:last-child {
  width: 8px;
}
.page-btn input:first-of-type {
  background-image: url(../img/triangle_left.png);
}
.page-btn input:last-child {
  background-image: url(../img/triangle_right.png);
}
.page-btn .unactive {
  filter: grayscale(100%)contrast(300%);
}
.page-btn .current {
  color: #fff!important;
  background-color: #62a5b3;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
}
.page-btn .circle-btn {
  color: #62a5b3;
}
.page-btn input:not(.unactive):hover {
  opacity: .7;
}
/* 一覧へ戻るボタン */
.back-btn {
  display: flex;
  align-items: center;
  position: relative;
}
.back-btn > button {
  border: none;
  background-color: transparent;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  padding-left: 3px;
}
.back-btn > button:nth-child(2),
.back-btn label {
  display: none;
}
.back-btn > button > span:nth-child(2) {
  color: #858080;
  font-size: 1.4rem;
  text-decoration: none;
}
.back-btn button span.back-btn-span {
  position: relative;
  width: 8px;
  height: 10px;
  margin-right: 6px;
}
.back-btn button span.back-btn-span::before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px #858080 solid;
  border-right: 2px #858080 solid;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  left: 0px;
  top: 0px;
}
.back-btn button:hover {
  opacity: .7;
}
.back-btn-right {
  position: absolute;
  right: 0;
  top: -6px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
/* メイン　ブロック１ */
.main-area {
  display: flex;
  width: 100%;
}
.main-box1 {
  width: 70%;
  min-width: 780px;
}
.main-box1-bg {
  border: 1px #bdbdbd solid;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  padding: 5px;
}
.main-box1-bg2 {
  padding: 5px;
}
.main-box-flex {
  display: flex;
  flex-wrap: wrap;
}
.main-box-flex div,
.main-box-flex > .main-item {
  display: flex;
  align-items: flex-start;
}
.main-box-flex > .main-item-checkbox {
  align-items: center;
  height: 34px;
}
.box-flex-div {
  display: flex;
  align-items: center;
}
.main-box-flex .main-item > span,
.box-flex-div span:not(.guest-target) {
  display: inline-block;
  width: 84px;
  min-width: 84px;
  color: #62a5b3;
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 9px;
}
.main-item input,
.main-item .select-box,
.main-item textarea,
.main-item .SumoSelect {
  margin: 2px 0;
}
.main-box-flex .checkbox {
  display: flex;
  align-items: center;
}
.detail-label .checkbox {
  align-items: baseline;
}
.input-width200 {
  max-width: 200px;
  min-width: 200px;
}
.input-width120 {
  max-width: 120px;
}
.input-width80 {
  max-width: 80px;
}
input:disabled,
select:disabled,
textarea:disabled {
  background-color: #f1f1f1;
  opacity: .8;
  cursor: default;
}
.checkbox-label input:disabled ~ span.checkbox-span::before {
  background-color: #f1f1f1;
}
.checkbox-label input:disabled ~ span {
  opacity: .6;
  cursor: default;
}
.required::after {
  content: "*";
  margin-left: 2px;
  font-size: 1.4rem;
  color: #62a5b3;
}
/* 郵便番号　マーク */
.mail-no div {
  width: calc(100% - 97px);
  align-items: center;
}
.mail-no p:not(.edit-input) {
  width: 18px;
  font-size: 1.3rem;
  color: #858080;
}
.mail-no input {
  width: calc(100% - 18px);
}
/* メイン　ブロック２ */
.main-box2 {
  width: 30%;
  margin-left: 8px;
  min-width: 256px;
}
/* 詳細 地図情報 */
.map-info {
  display: flex;
  flex-wrap: wrap;
}
.map-info .main-item {
  width: calc(50% - 10px);
  margin: 0 5px;
  border-bottom: 1px #bdbdbd solid;
}
/* ブロック１　テキストエリア */
textarea {
  resize: none;
  padding: 8px 10px;
  width: 100%;
}
.edit-textarea textarea {
  width: 100%;
  height: 200px;
}
.edit-textarea-300 textarea {
  width: 100%;
  height: 300px;
}
.edit-textarea p {
  padding: 5px;
  line-height: 2rem;
}
/* 備考 */
.note-box {
  padding: 10px;
  width: 100%;
  background-color: #fff;
  border: 1px #bdbdbd solid;
  border-top: 0;
  border-radius: 0 0 3px 3px;
}
.note-box-p {
  color: #62a5b3;
  font-weight: bold;
  margin: 8px 0;
}
.include-textarea {
  height: 180px;
}
.include-textarea-250 {
  height: 250px;
}
.note-box textarea {
  height: 100%;
  resize: none;
}
.detail-note-box {
  height: auto!important;
  border-radius: 0;
  padding: 2px 10px;
  border-top: 1px #bdbdbd solid;
}
.detail-textarea {
  height: calc(100% - 20px);
}
.detail-textarea .edit-input {
  margin: 0;
}
/* タブ */
.tab-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tab-box {
  margin-top: 8px;
}
.main-box1 .tab-box:first-child,
.main-box2 .tab-box:first-child {
  margin-top: 0;
}
.tab-box > span {
  display: inline-block;
  position: relative;
  width: 8px;
  height: 8px;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
  margin: 2px 8px 0 0;
}
.tab-box h2 {
  display: inline-block;
  font-weight: bold;
}
.tab-box-open > span {
  margin: 0 8px 2px 0;
  transform: rotate(134deg);
  -webkit-transform: rotate(134deg);
  -ms-transform: rotate(134deg);
}
.tab-box h2 .font-small {
  margin: 0 6px;
}
.font-small {
  display: inline-block;
  font-size: 1.2rem;
}
/* table */
.table-area {
  border: 1px #bdbdbd solid;
  border-radius: 6px;
  overflow-x: auto;
}
.table-area table {
  width: 100%;
  min-width: 700px;
  border-spacing: 0;
}
.table-area table tr:nth-child(2n+1) {
  background-color: #f6f6f6;
}
.order-list-table1 table tr:nth-child(2n+1),
.total-list-table table tr:nth-child(2n+1),
.bg-white-table table tr:nth-child(2n+1),
.order-total-table table tr:nth-child(2n+1) {
  background-color: transparent;
}
.table-area table th,
.table-area table td {
  height: 35px;
}
.table-area table td {
  padding: 6px;
  border-right: 1px #bdbdbd solid;
  border-top: 1px #bdbdbd solid;
}
.table-area table td:last-of-type {
  border-right: none;
}
.table-area table th {
  font-size: 1.3rem;
  background-color: #e4f4f5;
  border-right: 1px #bdbdbd solid;
}
.table-area table th:last-of-type {
  border-right: none;
}
.table-area table .sort-th:hover,
.tablesorter-header:not(.sorter-false):hover {
  background-color: #cbe6e8;
}
.table-area table tr.tr-color {
  background-color: #f6f6f6;
}
.table-area table td.td-center {
  text-align: center;
  vertical-align: middle;
}
.table-area table .td-right {
  text-align: right;
}
.table-area table .td-left {
  text-align: left;
}
.table-area table .td-input {
  padding: 2px;
}
.table-area table .border-right-none {
  border-right: none;
}
.table-area td a {
  color: #62a5b3;
}
.table-area td a:hover,
.table-area td button:hover {
  opacity: .7;
}
.table-area textarea {
  height: 30px;
}
.zan-color {
  color: #e24c44;
}
/* table ボタン */
.table-area td button {
  border: none;
  background-color: transparent;
}
/* table img */
.table-area img {
  width: 20px;
  vertical-align: middle;
}
table .icon-td {
  text-align: center;
  width: 60px;
}
/* table ソート */
.table-area th.asc::after,
.table-area th.desc::after,
.table-area th.tablesorter-headerAsc div::after,
.table-area th.tablesorter-headerDesc div::after {
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #62a5b3;
  pointer-events: none;
  display: inline-block;
  margin-left: 5px;
}
.table-area th.desc::after,
.table-area th.tablesorter-headerDesc div::after {
  border-top: none;
  border-bottom: 8px solid #e5959c;
}
/* タブ　h2 */
.tab-h2 .tab-box {
  height: 34px;
  background-color: #62a5b3;
  border-radius: 3px 3px 0 0;
  padding-left: 10px;
  color: #fff;
}
/* 一覧ページ　table */
.table-list {
  margin-top: 8px;
}
.table-area td {
  font-size: 1.4rem;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "UD デジタル 教科書体 N" , "UD Digi Kyokasho N-R", "Hiragino Mincho ProN", serif;
}
.table-list td input {
  width: 100%;
}
.table-list .td-checkbox input {
  width: auto;
}
.table-area td.sumi-green {
  font-weight: bold;
  color: #62a5b3;
}
/* 詳細ページ遷移 */
.detail-results-area,
.detail-results-box {
  display: flex;
  align-items: center;
}
.detail-results-area {
  position: relative;
  top: -3px;
  left: 14px;
}
.detail-results-box {
  margin: 2px 0 0 4px;
  font-size: 1.2rem;
}
.detail-results-box span {
  padding: 0 3px;
}
.detail-results-btn {
  border: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 8px;
  padding: 0;
}
.detail-results-left {
  background-position: 6px center;
  background-image: url(../img/triangle_left.png);
}
.detail-results-right {
  background-position: 9px center;
  background-image: url(../img/triangle_right.png);
}
.detail-results-btn:hover {
  background-color: rgba(98, 165, 179, .2);
}
.results-edit-btn {
  margin-left: 20px;
}
/* 詳細ページ項目 */
.detail-label > .main-item,
.edit-input-column-area .main-item {
   border-bottom: 1px #bdbdbd solid;
   margin: 6px 5px 6px 5px!important;
   min-width: 150px;
   align-items: baseline;
 }
 .detail-label > .main-item > span,
.edit-input-column-area .main-item > span {
  padding: 2px 0;
  margin-top: 0;
 }
iframe {
  width: 100%;
  border: 1px #b2b2b2 solid;
}
/********************************
header
*********************************/
header {
	width: 100%;
	height: 48px;
}
.header-center {
  display: inline-block;
  margin: auto;
}
.header-logo img {
  width: 190px;
  height: 31.86px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.header-logo img:hover {
  opacity: .7;
}
.header-main-contents {
  padding: 6px 0 6px 0;
  height: 47px;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 100;
  position: fixed;
  top: 0;
	left: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px #bdbdbd solid;
}
.header-right {
  height: 34px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.login-username p img {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  padding-left: 16px;
  margin: 0 4px 0 8px;
  border-left: 1px #bdbdbd solid;
}
.login-username p {
  display: flex;
  align-items:center;
  white-space: nowrap;
  font-size: 1.3rem;
}
.header-right img,
.logout-btn img {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  margin-right: 5px;
}
.header-search-btn {
  display: none;
  padding: 0;
}
.header-right button.news-btn {
  border: none;
  position: relative;
  padding: 0;
  background-color: transparent;
}
.header-search-btn img,
.header-right button.news-btn img {
  margin: 0;
  padding: 10px;
  width: 38px;
}
.header-right button.news-btn-unread::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  top: 8px;
  right: 8px;
  background-color: #e5959c;
  border-radius: 50%;
}
button.logout-btn {
  display: flex;
  align-items:center;
  background-color: #ffffff;
  padding: 6px 8px;
  margin-left: 20px;
  border: 1px #62a5b3 solid;
  border-radius: 5px;
  white-space: nowrap;
  color: #62a5b3;
  font-size: 1.3rem;
  height: 30px;
}
.logout-btn img {
  height: 18px;
}
.header-search-btn:hover,
.header-right button.news-btn:hover,
.header-right button.news-btn-active,
.header-search-btn-active {
  background-color: rgba(98, 165, 179, .2)!important;
  border-radius: 50%;
}
.header-right button.logout-btn:hover {
  background-color: #ebf6f7;
}
/* メニューボタン */
.menu-trriger-wrap {
	float: left;
	width: 46px;
	height: 46px;
	background-color: #62a5b3;
	cursor: pointer;
  z-index: 101;
  position: fixed;
}
.menu-trriger-wrap:hover {
	background-color: rgba(98, 165, 179, .7);
}
.menu-trriger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	width: 100%;
	height: 100%;
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
}
.menu-trriger span {
	display: block;
	width: 26px;
	height: 2.5px;
	margin: 4px 0;
	background-color: #ffffff;
	border-radius: 3px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
}
.active .menu-trriger span:nth-of-type(1) {
	transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin-bottom: -7px;
}
.active .menu-trriger span:nth-of-type(2) {
	background-color: transparent;
}
.active .menu-trriger span:nth-of-type(3) {
	transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  margin-top: -6px;
}
/********************************
 お知らせ
*********************************/
.base-news-area {
  right: 0;
  position: fixed;
  z-index: 99;
  top: 46px;
  height: calc(100% - 46px);
  width: 350px;
  background-color: #f6f6f6;
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  margin-right: -356px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
}
.news-open {
  margin-right: 0;
}
.base-news-h2 {
  background-color: #62a5b3;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  position: relative;
}
.base-news-h2 .checkbox-label {
  margin-left: 28px;
}
.base-news-h2 .checkbox-label span:last-of-type {
  padding-left: 22px;
  font-size: 1.3rem;
}
.base-news-h2 p {
  font-size: 1.1rem;
  margin-left: 10px;
  padding-left: 17px;
  background-image: url(../img/ic_time.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 11px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}
.base-news-h2 .close-btn {
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.base-news-box {
  height: calc(100% - 36.8px);
  overflow-y: auto;
}
.base-news-contents {
  padding: 14px 6px 14px 14px;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px #bdbdbd solid;
}
.base-news-div {
  width: 100%;
}
.base-news-div span {
  font-size: 1.3rem;
  color: #858080;
}
.base-news-div .news-chg-text {
  padding-left: 8px;
  border-left: 1px #bdbdbd solid;
  width: calc(100% - 70px);
  line-height: 1.4;
  white-space: pre-line;
}
.base-news-contents .news-chg-div {
  margin: 8px 0 0 4px;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.base-news-contents .news-red-p {
  color: #e5959c;
  width: 70px;
  text-align: center;
}
.news-gray-bg {
  background-color: #ededed;
}
.news-gray-bg > div > div > .news-red-p {
  display: none;
}
/********************************
 nav
*********************************/
nav {
  z-index: 99;
  background-color: #e4f4f5;
  position: fixed;
	width: 186px;
  margin-left: -192px;
  top: 46px;
  height: calc(100% - 46px);
  overflow: auto;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  transition: all .3s;
  -webkit-transition: all .3s;
  -ms-transition: all .3s;
}
nav.open {
  margin-left: 0;
}
nav > ul > li {
  border-bottom: 1px #fff solid;
}
nav ul li:not(.menu-li) {
  height: 40px;
  font-size: 16px;
}
nav ul li a {
  display: flex;
  align-items: center;
  position:absolute;
  width: 100%;
  height: 40px;
  padding-left: 37px;
  color: #62a5b3;
  text-decoration: none;
}
nav ul li a:not(.menu-li a) {
  padding-left: 10px;
}
nav ul li a:not(.select-list a){
  border-left: 6px #e4f4f5 solid;
}
nav .menu-li {
  padding: 0;
  border-bottom: none!important;
}
nav .menu-li p {
  display: flex;
  color: #62a5b3;
  align-items: center;
  height: 24px;
  padding-left: 16px;
  font-size: 15px;
  background-color: #fff;
}
nav ul li img {
  width: 18px;
  margin-right: 10px;
}
nav .s-menu {
  list-style-type: none;
}
nav .s-menu li {
  display: block;
  border-bottom: 1px #fff solid;
}
nav .header-logo,
nav .login-username,
nav .logout-btn {
  display: none;
}
/* セレクトリスト */
nav .select-list a {
  position: absolute;
  color: #fff;
  border-left: 6px #e5959c solid;
  background-color: #62a5b3;
}
nav .select-list a img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}
nav ul li a:not(.select-list a):hover {
  background-color: #cbe6e8;
  border-left: 6px #cbe6e8 solid;
}
.select-list a:hover {
  opacity: .7;
}
/** page:index
*********************************************************************************************************************************************/
.login-body {
  background-color: #f6f6f6;
}
.login-main {
  margin-top: 10%;
}
.item-container {
  width: 380px;
  margin: 0 auto;
}
.hanahiro-logo {
  text-align: center;
  margin-bottom: 16px;
}
.hanahiro-logo img {
  width: 260px;
}
.login-form {
  background-color: #fff;
  width: 380px;
  padding: 14px 30px;
  margin: 0 auto;
  box-shadow: 0px 1px 7px #ccc;
}
.login-form-container {
  padding: 10px 0;
}
.login-form-container label {
  display: block;
  padding: 5px 0;
}
.login-form-container input {
  width: 100%;
  height: 36px!important;
}
.login-button {
  margin: 14px 0;
}
.login-button button {
  font-family: Helvetica, "BIZ UDPゴシック";
  width: 100%;
  height: 36px;
  border: none;
  border-radius: 3px;
  background-color: #62a5b3;
  color: #fff;
  font-size: 1.4rem;
}
.login-button button:hover {
  opacity: .7;
}
/** page:error
*********************************************************************************************************************************************/
.error-body {
  background-color: #f6f6f6;
}
.error-wrap {
  width: 380px;
  margin: 10% auto 0 auto;
}
.error-main {
  background-color: #fff;
  width: 380px;
  padding: 14px 30px;
  margin: 0 auto;
  box-shadow: 0px 1px 7px #ccc;
  text-align: center;
}
.error-main img {
  width: 100px;
}
.error-main .error-title {
  font-size: 3rem;
  color: #918b8b;
  font-weight: bold;
  margin: 10px 0;
}
.error-message-area {
  margin: 20px;
}
.error-message-area p {
  color: #918b8b;
}
.error-func {
  margin: 14px 0;
}
.error-func input[type="button"] {
  width: 100%;
  height: 36px;
  border: none;
  border-radius: 3px;
  background-color: #62a5b3;
  color: #fff;
}
.error-func input[type="button"]:hover {
  opacity: .7;
}
/**page:order-list main
*********************************************************************************************************************************************/
/* 納品日 */
.deliver-area {
  background-color: #e4f4f5;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.deliver-contents {
  display: flex;
  align-items: center;
  position: relative;
}
.deliver-contents label {
  margin: 0 6px;
}
.deliver-contents input[type="button"] {
  border: none;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background-color: rgba(98, 165, 179, .3);
  border-radius: 50%;
  margin: 0;
}
.deliver-contents .deliver-arrow-left {
  left: 0;
}
.deliver-contents .deliver-arrow-right {
  right: 0;
}
.deliver-contents .deliver-arrow-span:nth-of-type(2) {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.deliver-contents .deliver-arrow-span {
  background-color: transparent;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-top: 6px solid transparent;
  border-right: 8px solid #62a5b3;
  border-bottom: 6px solid transparent;
  display: inline-block;
  margin-left: 10px;
  margin: 0 8px;
}
.deliver-contents > label > span {
  margin-right: 6px;
  display: inline-block;
  color: #62a5b3;
  font-size: 1.4rem;
  font-weight: bold;
}
.print-map-p {
  font-size: 1.3rem;
  position: absolute;
  top: -64px;
  right: 126px;
}
.deliver-area button {
  border: 1px #62a5b3 solid;
  position: absolute;
}
.deliver-area .tmrw-btn {
  right: -54px;
  background-color: #62a5b3;
  height: 26px;
  padding: 0 5px;
}
.deliver-area .print-btn {
  background-color: #ffffff;
  color: #62a5b3;
  right: 6px;
}
/* 検索ボックス */
.order-list-search {
  max-width: 1600px;
}
.kind-select-flex .time {
  max-width: none;
}
.order-list-search .radio-box p {
  margin-bottom: 0;
  margin-right: 10px;
}
.order-list-main .order-list-search .SumoSelect > .CaptionCont {
  width: 150px;
}
.order-list-main .order-list-search .SumoSelect > .optWrapper > .options {
  max-height: none;
  overflow: visible;
}
.order-list-main .order-list-search .kind-select-box .SumoSelect.open > .optWrapper:not(.order-list-main .order-list-search .kind-select-box:first-child .SumoSelect.open > .optWrapper) {
  width: 286px;
}
/* 表示ボタン */
main .order-list-btn-area {
  margin: 8px 0 0 0;
  display: flex;
  position: relative;
}
.order-list-btn-area .map-btn {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ffffff;
  border: 1px #62a5b3 solid;
  color: #62a5b3;
}
.order-list-btn-area .map-btn:hover {
  background-color: #ebf6f7;
  opacity: 1;
}
.on-btn img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}
.img-btn.on-btn {
  background-color: #62a5b3;
  color: #ffffff;
}
.img-btn.on-btn:hover {
  background-color: #62a5b3;
  opacity: .7;
}
.order-list-main .table-func {
  margin-top: 10px;
}
/* 地図 */
.order-list-map {
  margin-top: 8px;
  height: 300px;
  position: relative;
}
div.order-list-map-open {
  display: inline;
}
.order-list-map iframe {
  height: 100%;
}
/* table 表示件数 */
.search-result2 > div > span {
  margin: 0;
}
.result-span1::after {
  content: "件中";
  padding: 0 4px;
}
.result-span2::after {
  content: "-";
  padding: 0 4px;
}
.result-span3::after {
  content: "件";
  padding-left: 4px;
}
/* table */
.order-list-main .table-list td {
  white-space: nowrap;
}
.order-list-main .table-list .wrap-td {
  white-space: normal;
}
.table-area table .short-tr td:last-child {
  border-right: 1px #bdbdbd solid;
}
table th button.th-edit-btn,
table th button.th-check-btn {
  background-color: transparent;
  padding: 6px 1px;
  border: none;
  width: 17px;
  margin-left: 1px;
  display: inline-block;
  vertical-align: middle;
}
table .th-edit span {
  vertical-align: middle;
}
table th button.th-edit-btn img {
  width: 100%;
}
table th button.th-edit-btn:hover,
table th button.th-check-btn:hover {
  opacity: .6;
}
table th button.th-check-btn {
  display: none;
  position: relative;
  vertical-align: middle;
}
table th button.th-check-btn::after {
  position: absolute;
  content: "";
  border-bottom: 3px #62a5b3 solid;
  border-left: 3px #62a5b3 solid;
  width: 11px;
  height: 6px;
  top: 0;
  right: 0;
  transform: rotate(-44deg);
  -webkit-transform: rotate(-44deg);
  -ms-transform: rotate(-44deg);
}
.order-list-table1 table,
.order-list-table2 table {
  min-width: 1250px;
}
.order-list-table3-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.order-list-table3 {
  max-width: 900px;
  margin-top: 8px;
  width: calc(100% - 120px);
}
.order-list-table3 table tr:nth-child(2n+1) {
  background-color: #ffffff;
}
.order-list-table3 th:last-child,
.order-list-table3 td:last-child {
  border-left: 2px #bdbdbd solid;
  font-weight: bold;
}
.table-area table .td-time {
  padding: 0;
}
.table-area table .td-pd-none {
  padding: 0;
  text-align: center;
}
.table-area table .td-bd-none {
  border-right: none;
}
.disabled-btn {
  pointer-events: none;
}
.disabled-btn {
  filter: grayscale(100%);
  opacity: .5;
}
.stop-span {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 2px #e24c44 solid;
  border-radius: 50%;
  margin: 2px 4px -1px 0;
}
.stop-span::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: 4px;
  left: 0;
  background-color: #e24c44;
  transform: rotate(43deg);
  -webkit-transform: rotate(43deg);
  -ms-transform: rotate(43deg);
}
/* 吹き出し */
.gm-style .gm-style-iw-c {
  overflow: visible;
}
.gm-ui-hover-effect {
  opacity: 1;
  top: -9px!important;
  right: -8px!important;
  width: 22px!important;
  height: 22px!important;
  background-color: #858080!important;
  border-radius: 50%;
}
.gm-ui-hover-effect > span {
  -webkit-mask-image: none!important;
  mask-image: none!important;
  -ms-mask-image: none!important;
  width: 14px!important;
  height: 1.8px!important;
  margin: 0 0 0 4px!important;
  background-color: #ffffff;
  position: relative;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.gm-ui-hover-effect > span::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.gm-ui-hover-effect:focus-visible {
  outline: none;
}
.custom-info > div {
  font-family: Helvetica, "BIZ UDPゴシック";
  line-height: 1.8rem;
}
.custom-info-no {
  font-size: 1.2rem;
}
.custom-info-no span {
  font-weight: bold;
}
/* 吹き出しボタン */
.custom-info a {
  padding: 2px 4px;
  color: #62a5b3;
  text-decoration: none;
  background-color: #e4f4f5;
  border: 1px #62a5b3 solid;
  border-radius: 3px;
}
.custom-info a:focus-visible {
  outline: none;
}
.custom-info a:hover {
  background-color: rgba(228, 244, 245, .6);
  border-color: rgba(98, 165, 179, .7);
  color: rgba(98, 165, 179, .7);
}
/* 配車編集ボタン */
.order-list-table3-box button {
  background-color: #ffffff;
  border: 1px #62a5b3 solid;
  color: #62a5b3;
}
.order-list-table3-box button:hover {
  background-color: #ebf6f7;
  opacity: 1;
}
/* 印刷画面モーダル */
#print-modal textarea,
#detail-edit-modal textarea {
  min-height: 120px;
}
#print-modal textarea {
  border: 1px #858585 solid;
}
#print-modal .kind-select,
#detail-edit-modal .kind-select {
  margin-bottom: 5px;
}
/**page:order-edit main
*********************************************************************************************************************************************/
/* 受付日時 流れ */
.scroll-area-edit {
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
  margin-bottom: 10px;
}
.order-re-box2.order-re-box2-edit {
  max-width: 1283px;
  flex-wrap: nowrap;
  gap: 0;
}
.order-re-box2.order-re-box2-edit .re-content-div {
  position: static;
  padding-right: 40px;
  padding-bottom: 6px;
}
.order-re-box2-edit .re-content-div.arrow {
  background-image: url(../img/re_table.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}
.order-re-area.order-re-area-add span.re-title {
  width: auto;
  min-width: auto;
  margin-right: 16px;
}
.order-re-box2-edit .re-content-div2 > div:not(.select-box):not(.optWrapper):not(.MultiControls),
.order-re-box2-edit .re-content-div3 > div:not(.select-box) {
  display: flex;
  align-items: center;
}
.order-re-box2-edit .select-box {
  min-width: 84px;
}
.order-re-box2-edit .datepicker {
  min-width: 140px;
}
.order-re-box2-edit .re-content-div2 div .select-box {
  width: calc(100% - 130px);
  margin-right: 4px;
}
.order-re-box2-edit .re-content-div2 div input {
  width: 50%;
}
.order-re-box2-edit .re-content-div3 div input:first-of-type {
  margin: 0 4px;
}
.order-re-box2-edit .re-content-div3 div input {
  width: 33.3%;
}
/* 配送情報 */
.detail-label .detail-textarea {
  width: calc(100% - 70px);
}
/* 親子伝票 */
.order-edit-area {
  padding: 8px;
}
.order-parent-contents,
.order-child-contents {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 6px;
}
.order-parent-contents:first-child,
.order-parent-contents:nth-child(2),
.order-child-contents:first-child {
  margin: 0;
}
.parent-span,
.child-span {
  display: inline-block;
  border-radius: 5px;
  padding: 4px 8px;
  margin-right: 8px;
  font-size: 1.3rem;
}
.parent-span {
  background-color: #d7edef;
}
.child-span {
  background-color: #ebf6f7;
}
.order-edit-area .close-btn {
  width: 25px;
  height: 25px;
  border-radius: 3px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.order-edit-area .close-btn::before,
.order-edit-area .close-btn::after {
  top: -2px;
  width: 16px;
}
.order-child-area .order-code-box {
  display: flex;
}
.order-code-box button {
  margin-left: 8px;
  background-color: #62a5b3;
  border: 1px #62a5b3 solid;
}
.order-plus-area .order-code-box {
  display: flex;
  margin-top: 8px;
}
.order-plus-area .radio-label {
  margin-right: 20px;
}
/* 品目新規追加処理 */
.item-list .kind-select {
  padding: 10px 0 5px 0;
  font-size: 1.3rem;
}
.item-list .kind-select:first-child {
  padding-top: 0;
}
/**page:order-detail main
*********************************************************************************************************************************************/
/* ボタンエリア */
.back-btn-area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.export-div,
.print-btn-box,
.order-h1-right {
  display: flex;
}
.export-div {
  border-right: 1px #bdbdbd dashed;
  margin-right: 8px;
  padding-right: 16px;
}
.print-btn-box {
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.export-div button,
.print-btn-box button {
  background-color: #ffffff;
  border: 1px #62a5b3 solid;
  color: #62a5b3;
  margin-left: 8px;
}
.export-div .checkbox-label {
  margin-right: 6px;
}
.export-div .checkbox-label .checkbox-span {
  margin-right: 24px;
}
/* h1 */
.order-h1-box .main-h1 {
  display: flex;
  align-items: center;
}
.main-h1-no {
  display: flex;
  align-items: center;
  margin: 0 8px;
  font-weight: bold;
}
.main-h1-no p {
  margin-right: 4px;
  font-weight: bold;
}
.main-h1-no img {
  width: 100%;
}
.copy-btn {
  margin-left: 3px;
  padding: 5px;
  background-color: transparent;
  border: 0;
  width: 26px;
  height: 26px;
}
.copy-btn:hover {
  background-color: rgba(98, 165, 179, .2);;
  border-radius: 50%;
}
.order-h1-right {
  display: flex;
  position: absolute;
  top: calc(50% + -4px);
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.order-h1-right button:nth-child(2) {
  margin-left: 10px;
}
.cancel-area,
.stop-area {
  display: flex;
  align-items: baseline;
}
.cancel-area {
  background-color: #ffe5e4;
  justify-content: center;
  padding: 10px;
  margin-bottom: 8px;
}
.cancel-area .stop-span {
  border: none;
  width: 14px;
  height: 14px;
  top: 1px;
}
.cancel-area .stop-span::before {
  top: 6px;
  height: 3px;
}
.cancel-area .stop-span::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 6px;
  left: 0;
  background-color: #e24c44;
  transform: rotate(-43deg);
  -webkit-transform: rotate(-43deg);
  -ms-transform: rotate(-43deg);
}
.cancel-area p {
  font-weight: bold;
  color: #e24c44;
}
.stop-area {
  margin-left: -8px;
}
.stop-area .stop-span {
  border: 2px #e24c44 solid;
  width: 14px;
  height: 14px;
  top: 1px;
}
.stop-area .stop-span::before {
  height: 2px;
  top: 4px;
}
/* キャンセルボタン */
.cancel-btn {
  background-color: #62a5b3;
  border: 1px #62a5b3 solid;
}
.cancel-btn img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}
/* 受付日時 */
.order-re-area {
  display: flex;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.order-re-flex > div {
  display: flex;
  align-items: center;
}
.order-re-area span.re-title {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  width: 70px;
  min-width: 70px;
}
.order-re-box .re-text {
  font-size: 1.7rem;
  font-weight: bold;
}
.order-re-box .re-text span,
.order-re-use p {
  font-size: 1.4rem;
}
/* 受付日時 流れ */
.scroll-area {
  overflow-x: auto;
  overflow-y: hidden;
}
.order-re-box2 {
  width: 100%;
  min-width: 1161px;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 2.4rem;
}
.re-content-div {
  /* position: relative; */
  padding: 0 30px 0 12px;
  background-color: #f6f6f6;
}
.order-re-box2 .re-content-div {
  position: relative;
}
.order-re-box2-detail {
  flex-wrap: nowrap;
}
.order-re-box2-detail .re-content-div:not(:last-of-type) {
  padding-right: 10px;
}
.order-re-box2 .re-content-div:last-of-type {
  padding-right: 12px;
  min-width: 224px;
}
.re-content-div {
  min-width: 140px;
  text-align: center;
}
.re-content-div2 {
  min-width: 283px;
}
.re-content-sumo {
  min-width: 252px;
}
.re-content-div3 {
  min-width: 490px;
}
.re-content-div2 div:not(.order-re-box2-edit div) {
  margin-top: -4px;
}
.re-content-div2 div p:first-child {
  white-space: nowrap;
}
.re-content-div2 .name-re p:nth-child(2) {
  padding-left: 10px;
}
/* .order-re-box2 .arrow {
  background-image: url(../img/re_table.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
} */
.order-re-box2-detail .re-content-div:not(:first-of-type):before,
.order-re-box2-detail .re-content-div:not(:last-of-type):after {
  content: "";
  display: block;
  width: 2rem;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
}
.order-re-box2-detail .re-content-div:not(:first-of-type):before {
  background-image: url(../img/arrow2.png);
  left: -2rem;
}
.order-re-box2-detail .re-content-div:not(:last-of-type):after {
  background-image: url(../img/arrow1.png);
  right: -2rem;
}
/* .order-re-box2 .arrow::before {
  z-index: 1;
  position: absolute;
  content: "";
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 20px solid #ffffff;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.order-re-box2 .arrow::after {
  z-index: 1;
  position: absolute;
  content: "";
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 16px solid #f6f6f6;
  top: 50%;
  right: -25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
} */
.re-content-div p.re-p {
  border-bottom: 1px #62a5b3 solid;
  color: #62a5b3;
  font-weight: bold;
}
.re-content-div p {
  font-size: 1.3rem;
  padding: 4px 0;
  margin: 4px 0 4px 0;
  white-space: nowrap;
}
.order-re-box2-edit .re-content-div > p {
  margin: 8px 0 4px 0;
}
.order-re-box2-edit .re-content-div p {
  width: 100%;
}
.order-re-box2-detail {
  min-width: auto;
  background-color: transparent;
  height: 100%;
}
.order-re-box2-detail .re-content-div {
  width: auto!important;
  min-width: auto!important;
  min-height: 6rem;
  padding-top: 2px;
}
/* かご　セレクトボックス */
.SumoSelect {
  height: 30px;
  width: 100%;
}
.CaptionCont {
  margin: 0;
  padding-left: 0;
  background-image: url(../img/triangle.png);
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: center right 4px;
}
.SumoSelect.open > .optWrapper {
  width: 200px;
}
.SumoSelect > .optWrapper > .options {
  display: flex;
  flex-wrap: wrap;
  max-height: 120px;
  overflow: auto;
}
.SumoSelect > .optWrapper.multiple > .options li.opt {
  width: 50%;
  display: flex;
  align-items: center;
}
.CaptionCont span {
  padding-right: 0;
  padding-left: 4px;
  text-align: left;
}
.SumoSelect > .optWrapper > .options li label {
  text-align: left;
  margin-left: 4px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
  box-shadow: none;
}
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
  background-color: #ffffff;
  border-color: #999999;
  background-image: url(../img/check.png);
  background-size: 10px;
  background-position: 1px 3px;
}
/* 祭壇情報 */
.saidan-info-box {
  display: flex;
  text-align: center;
}
.saidan-info-box label {
  margin: 0 20px;
}
.saidan-info-box label .checkbox-span {
  margin-right: 22px;
}
/* 写真 */
.img-box-area {
  overflow-x: auto;
  padding: 4px 8px;
  width: 100%;
  display: flex;
  align-items: center;
}
.main-box-flex .img-box-contents {
  display: flex;
  align-items: center;
}
.img-box-area .img-box {
  align-items: center;
}
.img-box-area .img-box p {
  margin-left: 16px;
  height: 78px;
  width: 78px;
}
.img-box-area .img-box p:nth-child(2) {
  margin-left: 0;
}
.img-box-area .img-box p:last-child {
  margin-right: 16px;
}
.img-box .img-select-photo img {
  max-width: 70px;
  max-height: 70px;
}
.img-plus-btn {
  position: relative;
  height: 30px;
  width: 72px;
  border: 1px #62a5b3 solid;
  background-color: #62a5b3;
  border-radius: 3px;
  padding: 3px 5px;
}
.img-plus-btn::before {
  position: absolute;
  content: "追加";
  white-space: nowrap;
  font-size: 1.35rem;
  color: #ffffff;
  top: 55%;
  left: 34px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: calc(100% - 34px);
}
.img-plus-btn::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url(../img/ic_photo.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.img-plus-btn input {
  opacity: 0;
  width: 23px;
  height: 23px;
}
.img-plus-btn:hover {
  opacity: .7;
}
/* 下げ対応 */
.order-detail-textarea textarea {
  height: calc(100% - 10px)!important;
}
/* 注文変更履歴 */
.tab-table {
  max-height: 300px;
  border: 1px #bdbdbd solid;
  border-radius: 0 0 3px 3px;
  overflow-y: auto;
}
.tab-table table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
.tab-table tr {
  border-collapse: collapse;
  border-bottom: 1px #bdbdbd solid;
}
.tab-table td {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 8px;
}
.tab-table tr:last-of-type {
  border-bottom: none;
}
.tab-table td div:first-child {
  width: 100%;
  margin-right: 10px;
}
.tab-table td div:first-child p {
  margin: 6px 0 0 4px;
  border-left: 1px #bdbdbd solid;
  padding-left: 6px;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "UD デジタル 教科書体 N" , "UD Digi Kyokasho N-R", "Hiragino Mincho ProN", serif;
  white-space: pre-line;
}
.tab-table td div:nth-child(2) {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 50px;
}
.tab-table .history-gray {
  background-color: #f2f2f2;
}
.tab-table .history-red-p p {
  text-align: center;
  padding: 6px 0 4px 0;
  color: #e5959c;
  font-weight: bold;
}
.tab-table td .date-span {
  color: #858080;
  font-size: 1.3rem;
}
.tab-table .news-red-p {
  color: #e5959c;
}
/* 関連伝票 */
.order-detail-area .order-child-area {
  margin: 8px 0 0 10px;
}
.order-detail-area p {
  font-size: 1.4rem;
}
.detail-child-span {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-left: 3px #bdbdbd solid;
  border-bottom: 3px #bdbdbd solid;
  margin-right: 4px;
}
.select-order .detail-child-span {
  border-left: 3px #62a5b3 solid;
  border-bottom: 3px #62a5b3 solid;
}
.select-order p {
  font-weight: bold; 
  border-bottom: 2px #62a5b3 solid;
}
/* 受注詳細 経理 */
.re-keiri-area {
  margin-top: 8px;
  padding: 6px 0 12px 0;
  background-color: #f2f2f2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.re-keiri-area .keiri-contents {
  display: flex;
  margin-top: 6px;
  align-items: center;
}
.re-keiri-area .keiri-contents:nth-child(2) span,
.re-keiri-area .keiri-contents:nth-child(3) span,
.re-keiri-area .keiri-contents:last-child span {
  border-left: 1px #bdbdbd solid;
  padding-left: 14px;
}
.re-keiri-area .keiri-contents span {
  margin: 0 20px 0 14px;
  display: inline-block;
  color: #62a5b3;
  font-size: 1.3rem;
  font-weight: bold;
}
/* 受注詳細 table */
.order-table-detail input[type="checkbox"] {
  margin: 3px 0 0 0!important;
}
.order-table-detail .order-th-detail-checkbox label {
  display: flex;
  justify-content: center;
}
.order-table-detail .order-th-detail-checkbox label .checkbox-span {
  margin-right: 22px;
}
.order-table-keiri2 {
  border: none;
}
.order-table-keiri2 table {
  min-width: 680px;
  border-radius: 6px;
  border-spacing: 0;
  border: none;
  border-right: 1px solid #bdbdbd;
  border-top: 1px solid #bdbdbd;
}
.order-table-keiri2 tr > th {
  border: none;
  border-left: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
}
.order-table-keiri2 tr > td {
  border: none;
  border-left: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
}
.order-table-keiri2 thead tr:first-child > *:first-child {
  border-radius: 6px 0 0 0;
}
.order-table-keiri2 thead tr:first-child > *:last-child {
  border-radius: 0 6px 0 0;
}
.order-table-keiri2 tbody tr:nth-last-child(4) > *:first-child {
  border-radius: 0 0 0 6px;
}
.order-table-keiri2 tbody tr:last-child > *:nth-child(2) {
  border-radius: 0 0 0 6px;
}
.order-table-keiri2 tbody tr:last-child>*:last-child {
  border-radius: 0 0 6px 0;
}
table .none-td {
  visibility: hidden;
}
table .blue-td {
  background-color: #e4f4f5;
}
.order-table-keiri2 .sum-tr td {
  font-weight: bold;
}
.order-table-keiri2 .border-right-none {
  border-left: none;
}
/* 表示切替ボタン */
.change-btn {
  background-color: #ffffff;
  border: 1px #62a5b3 solid;
  color: #62a5b3;
}
.print-btn-box .img-btn:hover {
  background-color: #ebf6f7;
  opacity: 1;
}
.img-btn.on-btn:hover {
  background-color: #62a5b3;
  opacity: .7;
}
/* 注文キャンセル時main */
.cancel-main .main-box1-bg,
.cancel-main .note-box {
  background-color: #e6e6e6;
}
.cancel-main .edit-input {
  opacity: .6;
}
.cancel-main .order-table > table > tbody > tr {
  background-color: #e6e6e6;
  color: #999999;
}
/**page:order-detail 経理
*********************************************************************************************************************************************/
/* 納品日時　table */
.order-table-keiri {
  width: 70%;
  display: none;
  margin-top: 0!important;
}
/**page:order-add main
*********************************************************************************************************************************************/
/* タブメニュー */
.order-tab-menu {
  display: flex;
  align-items: flex-end;
  border-bottom: 2px #bdbdbd solid;
  margin-top: -5px;
  margin-bottom: 10px;
  position: relative;
}
.order-tab-menu .order-tab {
  background-color: #96c4cd;
  color: #ffffff;
  border: none;
  border-radius: 0%;
  padding: 7px 16px 4px 16px;
  margin: 4px 4px 0 4px;
  font-size: 1.4rem;
}
.order-tab-menu p:not(.order-tab):not(.select-tab) {
  margin-left: 14px;
}
.order-tab-menu .select-tab {
  border: 2px #bdbdbd solid;
  background-color: transparent;
  color: #62a5b3;
  font-weight: bold;
  font-size: 1.4rem;
  margin: 4px 4px -2px 4px;
  border-bottom: 3px #ffffff solid;
}
.order-tab-menu .select-tab span {
  font-weight: bold;
}
.order-tab-menu .hidden-tab {
  visibility: hidden;
}
.tab-menu-left {
  border-left: 1px #bdbdbd solid;
  margin-left: 16px;
  padding-left: 8px;
}
/* 納品日時 */
.order-re-area-add {
  padding-right: 10px;
  justify-content: space-between;
}
.order-re-area.order-re-area-add .order-re-flex {
  flex-direction: row;
  justify-content: flex-start;
}
.order-re-area-add .order-re-flex > div:nth-child(2) {
  margin-left: 20px;
  border-left: 1px #bdbdbd solid;
  padding-left: 20px;
}
.order-re-area .name-re {
  display: flex;
  align-items: center;
  justify-content: center;
}
div .unit { 
  width: 22px!important;
  font-size: 1.3rem;
  color: #858080;
  text-align: center!important;
}
div .time {
  max-width: 20px;
  padding: 0;
}
.order-re-flex > div:nth-child(2) input:first-of-type {
  margin-right: 4px;
}
.order-re-flex2 {
  display: flex;
  align-items: center;
}
.order-re-area .order-re-flex2 .select-box {
  margin-right: 4px;
}
.order-re-area .order-re-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #e4f4f5;
  padding: 9px 10px;
  white-space: nowrap;
  margin-right: 10px;
}
.order-re-flex .order-re-use {
  margin-bottom: 5px;
  padding-bottom: 4px;
  border-bottom: 1px #bdbdbd solid;
}
/* 受注情報 */
.order-info > .main-item {
  width: calc(50% - 10px);
  margin: 0 5px;
}
.main-item-column {
  flex-direction: column;
  width: 50%;
}
.main-item-column .main-item {
  margin: 0 6px;
  min-width: 160px;
}
.main-item-column .order-checkbox-label {
  align-items: center;
}
.main-item-column .textarea-item {
  width: calc(100% - 12px);
}
.order-info input[type="text"],
.order-info input[type="tel"],
.order-info textarea,
.order-info .select-box,
.order-info .unit-label,
.order-info .two-cols2,
.order-info .one-cols2,
.order-info .one-cols3 {
  width: calc(100% - 70px);
  align-items: center;
}
.order-info .unit-label input {
  width: calc(100% - 30px);
}
.order-info .unit-label .select-box {
  margin-right: 0!important;
  width: auto!important;
  min-width: 46px;
}
.order-info .two-cols {
  width: calc(100% - 10px);
}
.order-info .order-radio-label {
  display: flex;
  align-items: center;
}
.order-info .order-radio-label input[type="text"] {
  width: calc(100% - 226px);
}
.order-info .two-cols2 {
  min-width: 200px;
}
.order-info .two-cols2 input:first-child,
.order-info .two-cols2 .select-box:first-child {
  margin-right: 4px;
}
.order-info .two-cols2 input {
  width: 80%;
}
.order-info .two-cols2 .datepicker {
  min-width: 118px;
}
.main-box-flex > .order-checkbox-label {
  align-items: center;
}
.order-info .order-radio-label label.radio-label,
.order-info .order-checkbox-label label.checkbox-label {
  width: 58px;
  height: 34px;
  display: flex;
  align-items: center;
}
.main-box-flex .order-radio-label > span,
.main-box-flex .order-checkbox-label > span,
.main-box-flex .main-item-checkbox > span {
  margin-top: 0;
}
.order-info .order-checkbox-label label.checkbox-label span:not(.checkbox-span) {
  margin-left: 22px;
  display: inline-block;
}
.order-info .one-cols2,
.order-info .one-cols-box {
  display: flex;
  flex-direction: column;
  width: calc(100% - 70px);
}
.order-info .one-cols2 div.one-cols-displayname,
.order-info .one-cols2 div.one-cols-name,
.one-cols-two,
.one-cols-one {
  width: 100%;
  align-items: center!important;
}
.one-cols2 div.one-cols-displayname input,
.order-info div.one-cols-two input[type="text"],
div.one-cols-two .select-box,
div.one-cols-two .unit-label {
  width: 100%;
}
div.one-cols-two input:nth-child(2) {
  margin-left: 4px;
}
div.one-cols-two .select-box:first-child {
  margin-right: 4px;
}
.one-cols2 div.one-cols-name input,
.one-cols-box div.one-cols-one input,
div.one-cols-two .unit-label input {
  width: 100%;
}
.order-info .two-cols3 input:first-child {
  width: 160px;
  margin-right: 4px;
}
.order-info .one-cols2 div.search-btn-item input {
  width: calc(100% - 34px);
}
.search-btn-item .search-btn .search {
  margin-left: 4px;
  margin-right: 0;
  width: 30px;
  padding: 0;
}
.search-btn-item .search-btn button img {
  width: 17px;
}
#obon-item-no-info span {
  width: 114px;
}
.car-item .two-cols2 input {
  max-width: 60px;
}
.order-info > .main-item-margin {
  margin-top: -34px;
}
.order-info > .main-item-hidden {
  visibility: hidden;
}
/* 配送情報 */
.order-info .order-checkbox-label input:not(input[type="checkbox"]) {
  width: calc(100% - 130px);
}
.order-info textarea {
  height: 64px;
}
#del-chk-message {
  font-size: 1.2rem;
  padding-top: 2px;
}
#del-chk-message span {
  position: relative;
}
#del-chk-message span::before {
  position: absolute;
  z-index: -1;
  content: "";
  width: 130px;
  height: 50%;
  bottom: 0;
  left: 0;
  background: #e5959c8a;
  border-radius: 3px;
}
#del-chk-message a {
  color: #62a5b3;
}
/* 祭壇情報 */
.order-info .altar-label {
  width: 100%;
  align-items: center;
}
.altar-label input {
  margin-left: 4px;
}
.order-info .altar-label .select-box {
  width: 100%;
}
.order-info .altar-label p.altar-msg {
  width: 130px;
  font-size: 1.3rem;
  color: #858080;
  margin-left: 6px;
}
/* 下げ */
.order-sage > .order-checkbox-label {
  align-items: flex-start;
}
.order-sage .unit-label {
  width: auto;
}
.order-sage .unit-label .select-box {
  margin: 2px 0;
}
.order-sage .order-checkbox-label > span {
  margin-top: 9px;
}
.order-sage .one-cols-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.order-sage .order-checkbox-label input:not(input[type="checkbox"]) {
  width: auto;
}
/* 支払い情報 */
.order-info .main-item > .three-cols3 {
  align-items: center;
}
.order-info .main-item > .three-cols3 > input {
  margin: 0 4px;
}
/* 受注新規作成　table */
.order-table {
  margin-top: 8px;
}
.order-table tr {
  position: relative;
}
.order-table td {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "UD デジタル 教科書体 N" , "UD Digi Kyokasho N-R", "Hiragino Mincho ProN", serif;
}
.del-tr {
  background-color: #e6e6e6!important;
  color: #999999;
}
.del-tr input,
.del-tr .select-box,
.del-tr select,
.del-tr textarea {
  pointer-events: none;
  background-color: #f6f6f6;
  opacity: .7;
}
.del-tr .del_back-btn {
  padding: 0;
}
.del-tr .del-back-btn img {
  width: 26px;
}
.del-tr .del-back-btn img {
  width: 24px;
}
.cancel-tr {  
  color: #999999;
}
.cancel-tr td {
  text-decoration: line-through;
}
.cancel-td {
  color: #999999;
  text-decoration: line-through;
}
.td-del .del-btn {
  position: static;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}
.delivery-today-tr {
  color: #e24c44;
}
.order-table td.td-minus,
.order-table td.td-del {
  width: 42px;
  padding: 0;
  text-align: center;
}
.order-table .del-btn img {
  -webkit-filter: none;
  filter: none;
  -ms-filter: none;
}
.order-table td button.minus-btn img,
.order-table td button.del-btn img {
  width: 22px;
}
.order-table input:not(input[type="checkbox"]) {
  width: 100%;
}
.order-table textarea {
  vertical-align: middle;
  padding: 2px 6px;
}
.order-table .tab-td {
  width: 80px;
}
.order-table .tab-td-btn {
  margin: 0 auto;
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: flex-end;
  height: 100%;
}
.order-table tr:last-of-type td:last-of-type .tab-td-btn {
  justify-content: flex-start;
}
.order-table .tab-up,
.order-table .tab-down {
  width: 50%;
  text-align: center;
  padding: 0;
}
.order-table .tab-up img,
.order-table .tab-down img {
  width: 24px;
  padding-left: 1px;
}
.order-table .tab-down img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
th .font-small {
  font-size: 1.1rem;
  margin-left: 8px;
}
/* コード入力 */
.code-box {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.code-box button:first-of-type {
  margin: 0 10px 0 8px;
  background-color: #62a5b3;
  border: 1px #62a5b3 solid;
}
.code-box button:last-child {
  background-color: #ffffff;
  border: 1px #62a5b3 solid;
  color: #62a5b3;
  margin-left: 26px;
  position: relative;
}
.code-box button:last-child::before {
  position: absolute;
  content: "";
  border-left: 1px #bdbdbd solid;
  width: 2px;
  height: 100%;
  top: 50%;
  left: -18px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.code-box .img-btn:last-of-type .plus-btn {
  background-color: #62a5b3;
}
.code-box .img-btn:last-of-type .plus-btn::before {
  background-color: #62a5b3;
}
.code-box button:last-child:hover {
  background-color: #ebf6f7;
  opacity: 1;
}
/* 最下ボタン */
.bottom-btn {
  margin-top: 8px;
}
/* 経理 */
.re-keiri-area .keiri-contents input[type="text"]:not(.datepicker) {
  margin-left: 4px;
}
.re-keiri-edit {
  padding: 6px 14px 12px 14px;
}
.re-keiri-edit .keiri-contents span {
  margin-left: 0;
}
.re-keiri-edit .keiri-contents:nth-child(2) span,
.re-keiri-edit .keiri-contents:nth-child(3) span,
.re-keiri-edit .keiri-contents:last-child span {
  border-left: none;
  padding-left: 0;
}
.re-keiri-edit .keiri-contents:not(.re-keiri-edit .keiri-contents:last-child) {
  margin-right: 14px;
}
.re-keiri-edit .keiri-contents .select-box:nth-of-type(2) {
  margin-left: 4px;
}
.select-box .search-input {
  min-width: 98px;
}
.select-box .search-input-time {
  min-width: 54px;
}
/**page:order-route
*********************************************************************************************************************************************/
/* 検索ボックス */
.kind-select-flex-space .select-box:nth-child(2) {
  margin-left: 6px;
}
.route-main-left .search-content {
  position: relative;
}
.route-main-left .search-content-area {
  width: 100%;
}
.route-main-left .SumoSelect > .CaptionCont {
  width: 130px;
}
.route-main-left .key-word-box:last-child {
  margin-right: 112px;
}
.route-main-left .search-btn {
  position: absolute;
  bottom: 10px;
  right: 16px;
}
/* main */
.route-main {
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
  height: calc(100vh - 172px);
}
.route-main iframe {
  border: 0;
}
.route-main-left {
  min-width: calc(100% - 664px);
  width: 55%;
  height: 100%;
}
.route-main-left .tab-box.search-tab {
  margin-top: 0;
}
.route-main-left #map {
  height: calc(100% - 108px)!important;
  overflow: hidden;
  margin-top: 8px;
}
.route-main-right {
  position: relative;
  margin-left: 18px;
  height: 100%;
  width: 646px;
  min-width: 646px;
  max-width: 45%;
  padding: 20px;
  background-color: #f6f6f6;
}
.route-main-right .main-h1 h1 {
  font-size: 1.6rem;
}
/* 配車編集　検索ボックス */
.route-search-area {
  display: flex;
  align-items: center;
  border: 1px #bdbdbd solid;
  background-color: #ffffff;
  padding: 10px;
  position: relative;
}
.route-search-area > span {
  margin-right: 10px;
  font-size: 1.3rem;
}
.route-search-area select {
  outline: none;
}
.route-search-area .route-car-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-color: #ffffff;
  border: 1px #62a5b3 solid;
  color: #62a5b3;
}
.route-search-area .route-car-btn:hover {
  background-color: #ebf6f7;
  opacity: 1;
}
.car-cnt {
  text-align: right;
  color: #918b8b;
  font-size: 1.3rem;
  margin-top: 10px;
}
/* table */
.order-route-table {
  margin-bottom: 8px;
  max-height: calc(100% - 203px);
  overflow-y: auto;
}
.order-route-table table {
  min-width: 548px;
}
.route-main-right .table-area table tr,
.route-main-right .table-area table tr:nth-child(2n+1) {
  background-color: #ffffff;
}
.order-route-table table th {
  background-color: #62a5b3;
  color: #ffffff;
}
.order-route-table table th,
.order-route-table table td {
  padding: 2px 6px;
  height: 32px;
}
.table-area table tr.sage-tr {
  background-color: #f6f6f6;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
}
.order-route-table .tab-td-btn {
  width: 56px;
}
.order-route-table .tab-up,
.order-route-table .tab-down {
  width: 28px;
}
.order-route-table table td.tab-td {
  width: 65px;
  padding: 2px 2px 2px 0;
}
.order-route-table .tab-up img,
.order-route-table .tab-down img,
.order-route-table td button.del-btn img {
  width: 20px;
}
.order-route-table td.td-del {
  width: 35px;
}
.order-route-table2 {
  position: absolute;
  width: calc(100% - 40px);
  bottom: 20px;
}
.order-route-table2 table {
  min-width: auto;
}
.order-route-table2 th:last-child,
.order-route-table2 td:last-child {
  border-left: 2px #bdbdbd solid;
  font-weight: bold;
}
.order-route-table2 table th {
  font-size: 1.14rem;
}
/**page:order-total-list main
*********************************************************************************************************************************************/
/* 検索エリア */
.total-search-area .search-content {
  max-width: 230px;
}
.total-search-area .select-box {
  width: 70px;
}
.total-list-main .select-box .search-input {
  min-width: auto;
}
.total-search-area .kind-select-box {
  margin: 0;
}
.total-search-area .key-word-box,
.total-search-area .kind-select-box {
  width: 100%;
}
.order-total-search {
  max-width: 1152px;
}
.print-btn {
  border: 1px #62a5b3 solid;
  background-color: #ffffff;
  color: #62a5b3;
}
.print-btn:hover {
  background-color: #ebf6f7;
  opacity: 1;
}
.kind-select-column {
  align-items: center;
}
.kind-select-unit {
  display: flex;
  align-items: center;
}
/* table */
.order-total-list-main .table-func,
.order-total-list-main .order-total-table {
  max-width: 1100px;
}
.order-total-table table {
  min-width: 780px;
}
/**page:sales-list main
*********************************************************************************************************************************************/
/* ボタン */
.sale-btn {
  color: #62a5b3;
  background-color: #ffffff;
  border: 1px #62a5b3 solid;
}
.sale-btn:hover {
  background-color: #ebf6f7;
  opacity: 1;
}
.sale-btn-area {
  display: flex;
  margin-top: 8px;
  gap: 8px
}
.sale-btn-area .del-btn {
  position: static;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}
.right-dashed {
  border-right: 1px #bdbdbd dashed;
  margin-right: 8px;
  padding-right: 16px;
}
.left-solid {
  border-left: 1px #bdbdbd solid;
  margin-left: 8px;
  padding-left: 16px;
}
.sale-btn-area .checkbox-label .checkbox-span {
  margin-right: 24px;
}
/* 検索ボックス */
.sale-search-area {
  max-width: 520px;
}
.sale-search-area .kind-select-box {
  display: flex;
  align-items: baseline;
}
.sale-search-area .kind-select-box .kind-select {
  margin-right: 16px;
}
/* table */
.table-func-flex {
  display: flex;
  align-items: baseline;
}
.sale-list-table .th-checkbox {
  padding: 6px;
}
.th-checkbox .checkbox-span,
.td-checkbox .checkbox-span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.th-checkbox .checkbox-label span.checkbox-span::before,
.td-checkbox .checkbox-label span.checkbox-span::before {
  right: auto;
}
.th-checkbox .checkbox-label span.checkbox-span::after,
.td-checkbox .checkbox-label span.checkbox-span::after {
  right: -6px;
}
.invoice-list-table tr:last-child td,
.total-list-table tr:last-child td {
  font-weight: bold;
}
.tr-total td {
  border-top: 2px #bdbdbd solid!important;
  font-weight: bold;
}
.td-title {
  font-family: Helvetica, "BIZ UDPゴシック"!important;
  font-size: 1.3rem;
}
/**page:invoice_list main
*********************************************************************************************************************************************/
/* ボタン */
.main-h1-box button:nth-of-type(2),
.main-h1-box button:nth-of-type(3) {
  margin-left: 8px;
}
.main-h1-box form .sale-btn {
  margin-left: 8px;
}
.img-white-btn img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}
/* 入金処理 */
.invoice-list .kind-select {
  padding: 10px 0 5px 0;
  font-size: 1.3rem;
}
.invoice-list .kind-select:first-child {
  padding-top: 0;
}
/**page:invoice_detail main
*********************************************************************************************************************************************/
/* h1 */
.invoice-h1-box .main-h1 {
  margin: 0;
}
.invoice-h1-box > button {
  margin-left: 8px;
}
/* 請求書情報 */
.invoice-info-area {
  width: 968px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.invoice-info-contents {
  display: flex;
  align-items: last baseline;
  margin: 8px 24px 8px 0;
  padding-bottom: 3px;
  border-bottom: 1px #bdbdbd solid;
}
.invoice-info-contents {
  margin: 8px 20px 8px 10px;
  border: 0;
  font-weight: bold;
}
.invoice-info-contents p {
  font-weight: bold;
  padding: 0 4px 0 2px;
}
.invoice-info-contents span {
  margin-right: 10px;
  color: #62a5b3;
  font-weight: bold;
  font-size: 1.3rem;
}
.invoice-info-contents p,
.invoice-area .invoice-contents p {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "UD デジタル 教科書体 N" , "UD Digi Kyokasho N-R", "Hiragino Mincho ProN", serif;
}
/* 請求高 */
.invoice-area {
  display: flex;
  align-items: center;
}
.invoice-area .invoice-box-left {
  background-color: #f6f6f6;
  padding: 10px 20px;
  margin-right: 6px;
}
.invoice-area .invoice-box-right {
  background-color: #f6f6f6;
  display: flex;
  align-items: center;
}
.invoice-area .invoice-contents {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.invoice-area .invoice-box-right .invoice-contents {
  padding: 0 20px;
  margin: 10px 0;
}
.invoice-area .invoice-contents span {
  border-bottom: 1px #62a5b3 solid;
  color: #62a5b3;
  font-weight: bold;
  font-size: 1.3rem;
  padding: 8px 0 4px 0;
  white-space: nowrap;
}
.invoice-area .invoice-contents p {
  padding: 6px 0;
}
.invoice-area .invoice-box-left p {
  font-weight: bold;
}
.invoice-area .invoice-contents-dashed {
  border-right: 1px #bdbdbd dashed;
}
/* table */
.tr-border-top td {
  border-top: 2px #bdbdbd solid!important;
}
.tr-border-bottom td {
  border-bottom: 2px #bdbdbd solid!important;
}
.td-dashed {
  border-right: 1px #bdbdbd dashed!important;
}
/**page:item-list main
*********************************************************************************************************************************************/
.item-list-main .search-content {
  max-width: 1040px;
}
.copy-td button {
  margin: 0 -3px;
  padding: 3px;
  width: 22px;
  height: 22px;
}
.copy-td button img {
  width: 14px;
  height: 14px;
  filter: contrast(20%);
  -webkit-filter: contrast(20%);
  -ms-filter: contrast(20%);
}
.table-area .copy-td button:hover {
  opacity: 1;
}
/**page:item-detail main
*********************************************************************************************************************************************/
/* 品目情報 */
.item-info .main-item {
  width: calc(33.3% - 10px);
  margin: 0 5px;
  min-width: 150px;
}
.item-info .two-cols {
  width: calc(66.6% - 10px);
  min-width: 350px;
}
.item-info input[type="text"],
.item-info .select-box,
.item-info .checkbox-label {
  width: calc(100% - 84px);
}
.item-info div.two-cols2 {
  width: calc(100% - 60px);
}
.item-info div.two-cols2 input {
  margin-left: 4px;
}
.item-info .main-item-checkbox > .radio-label:last-of-type {
  margin-left: 12px;
}
.guest-info .guest-target {
  display: inline-block;
  width: 82px;
}
.circle {
  border: 1px #555555 solid;
  border-radius: 50%;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-top: 3px;
}
.cross {
  position: relative;
  display: inline-block;
  height: 4px;
}
.cross::before,
.cross::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 1px;
  background: #555555;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.cross::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
/* 得意先別情報 */
.guest-info .box-flex-div {
  margin: 6px 5px 8px 5px;
}
.guest-info .main-item {
  display: flex;
  align-items: center;
}
.guest-info label input {
  margin-left: 20px;
}
/* table */
.table-guest-info input,
.table-guest-info select {
  width: 100%;
}
.table-guest-info input {
  vertical-align: middle;
}
.tr-plus {
  margin-top: 8px;
  display: flex;
  justify-content: end;
}
.tr-plus button {
  background-color: #62a5b3;
  border: 1px #62a5b3 solid;
}
/** page:item-edit main
*********************************************************************************************************************************************/
/* 品目詳細 */
.item-detail-input2 .main-item {
  margin: 7px;
}
.guest-info .box-flex-div > span {
  margin-top: 0;
}
/** page:system-detail main
*********************************************************************************************************************************************/
.system-main-area {
  width: 100%;
}
/* 法人情報 */
.system-main-box .box-flex-div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.system-main-box .box-flex-div .main-item {
  margin: 2px 5px;
  width: calc(100% - 10px);
}
.system-main-box .box-flex-div input,
.system-main-box .box-flex-div .select-box {
  width: calc(100% - 146px);
}
.system-main-box .box-flex-div div.two-cols input {
    width: 20%;
}
.system-main-box .box-flex-div div.two-cols input:last-child {
    width: calc(80% - 8px);
    margin-left: 4px;
}
.system-main-box .box-flex-div span {
  width: 146px;
}
.system-main-box .edit-textarea,
.system-main-box .edit-textarea-300 {
  width: 100%;
  line-height: 1.2em;
}
.system-main-area .mail-no div {
  width: calc(100% - 146px);
}
.system-main-box #estimate_news_obon {
  max-height: calc( 1.2em * 16 );
  line-height: 1.2em;
}
.system-main-box #estimate_news {
  max-height: calc( 1.2em * 8 );
  line-height: 1.2em;
}
/* 得意先別情報 */
.target .edit-input {
  margin-left: 16px;
}
/** page:user-list main
*********************************************************************************************************************************************/
/* 検索ボックス */
.search-user .search-content {
  max-width: 278px;
}
/** page:user-edit main
*********************************************************************************************************************************************/
/* ユーザ情報 */
.user-main-box,
.user-main-box .box-flex-div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.user-main-box .box-flex-div .main-item {
  margin: 2px 5px;
  width: calc(100% - 10px);
}
.user-main-box .box-flex-div input,
.user-main-box .box-flex-div .select-box {
  width: calc(100% - 136px);
}
.user-main-box .box-flex-div span {
  width: 136px;
}
/** page:customer-list main
*********************************************************************************************************************************************/
.customer-list-table table {
  min-width: 800px;
}
/** page:customer-edit main
*********************************************************************************************************************************************/
/* 顧客情報 */
.customer-info > .main-item {
  width: calc(50% - 10px);
  margin: 0 5px;
  min-width: 166px;
}
.customer-info input[type="text"]:not(.mail-no input),
.customer-info input[type="tel"]:not(.mail-no input),
.customer-info .select-box {
  width: calc(100% - 97px);
}
.three-cols {
  width: calc(100% - 10px)!important;
}
.customer-info div.three-cols3 {
  width: calc(100% - 97px);
}
.customer-info .three-cols3 input:first-child,
.customer-info .three-cols3 input:nth-child(2) {
  max-width: 160px;
  margin-right: 4px;
}
.customer-info div.two-cols2 {
  width: calc(100% - 97px);
}
.customer-info .cutomer-map input {
  width: calc(100% - 48px);
}
.customer-info .cutomer-map p:not(.edit-input) {
  width: 44px;
  font-size: 1.3rem;
  color: #666666;
  margin-left: 4px;
}
.customer-info .main-item .edit-input {
  max-width: calc(100% - 24px);
}
.customer-info .main-item > span {
  width: 120px;
  min-width: 120px;
}
/* 支払い情報 */
.customer-info2 {
  flex-wrap: wrap;
}
.main-box1-bg2 .customer-info2 .main-item {
  margin: 0 5px;
}
.customer-info2 span {
  width: 84px;
  min-width: 90px!important;
}
.customer-info2 .main-item {
  display: flex;
  align-items: flex-start;
}
.customer-info2.detail-label .main-item {
  width: calc(33.3% - 10px);
}
/* table */
.custmer-table {
  margin: 4px;
}
.custmer-table2 {
  overflow-x: auto;
  border: 1px #bdbdbd solid;
  border-radius: 0 0 3px 3px;
}
.custmer-table2 table {
  width: 100%;
  overflow-x: auto;
}
.custmer-table2 table,
.custmer-table2 tr,
.custmer-table2 td {
  padding: 5px;
  border-collapse: collapse;
}
.custmer-table2 tr {
  border-bottom: 1px #bdbdbd solid;
}
.custmer-table2 tr:last-of-type,
.custmer-table2 td:last-of-type {
  border: none;
}
.custmer-table2 td {
  border-right: 1px #bdbdbd solid;
}
.custmer-table td span,
.custmer-table2 td span {
  font-family: Helvetica, "BIZ UDPゴシック";
}
.custmer-table td input {
  width: 100%;
}
.custmer-table2 td button {
  border: none;
  background-color: transparent;
}
.custmer-table2 td img {
  width: 20px;
  vertical-align: middle;
}
/* 式場情報 */
.custmer-table2 table tr:first-child> :first-child,
.custmer-table2 table tr:first-child> :last-child {
  border-radius: 0%;
}
.custmer-table2 .customer-info .main-item:first-child {
  width: calc(70% - 10px);
  min-width: 250px;
}
.custmer-table2 .customer-info .main-item:nth-child(2) {
  width: calc(30% - 10px);
  min-width: 150px;
}
.custmer-table2 div.three-cols4 {
  width: calc(100% - 110px);
}
.custmer-table2 .three-cols4 input[type="text"]:not(.mail-no input) {
  width: calc(25% - 4px);
  min-width: 120px;
  margin-right: 4px;
}
.custmer-table2 .three-cols4 input[type="text"]:not(.mail-no input):last-child {
  width: 25%;
  margin-right: 0;
}
/* 地図情報 */
.customer-info iframe {
  margin: 6px;
}
/* ログイン情報 */
.custmer-main-box2 .customer-info .main-item.three-cols {
  min-width: auto;
}
.custmer-main-box2 .customer-info .main-item.three-cols p:last-child {
  padding: 2px 4px;
}
.custmer-main-box2 .customer-info .main-item.three-cols input {
  width: calc(100% - 84px)!important;
}
/** page:customer-detail main
*********************************************************************************************************************************************/
/* 地図情報 */
.custmer-main-box2 .map-info .edit-input {
  margin: 12px 0 6px 0;
}
.custmer-main-box2 .map-info:first-child .edit-input {
  margin-top: 6px;
}
.custmer-main-box2 .map-info:nth-child(2) .edit-input {
  border-top: 1px #bdbdbd dashed;
  display: block;
  width: 100%;
  padding-top: 10px;
}
/** page:car_html 
*********************************************************************************************************************************************/
.table-area .car-table tr > *:nth-child(4) {
  border-right: none;
}
/** ローディング画面
*********************************************************************************************************************************************/
.loding-overlay {
	background-color: rgba(255,255,255,0.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9995;
}
.loading-msg {
	color: #cdcdcd;
	font-size: 2rem;
	font-weight: bold;
	left: 50%;
	position: absolute;
	top: 45%;
	transform: translateY(-45%) translateX(-50%);
  -webkit-transform: translateY(-45%) translateX(-50%);
  -ms-transform: translateY(-45%) translateX(-50%);
}
/** モーダル
*********************************************************************************************************************************************/
.dg-overlay {
  display: none;
}
.dg-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 999;
  top: 0;
  left: 0;
}
.dg-overlay .dg-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #ffffff;
  width: 400px;
}
.dg-container .dg-head {
  border-bottom: 2px #62a5b3 solid;
}
.dg-container .dg-title {
  padding: 16px;
}
.dg-container .dg-title p#dg-title-txt,
.dg-container .dg-title p#dg-title-txt2,
.dg-container .dg-title p#item-master-dg-title-txt,
.dg-container .dg-title p#cust-master-dg-title-txt {
  font-weight: bold;
  color: #62a5b3;
}
.dg-container .dg-contents {
  padding: 18px 16px;
}
.dg-container .dg-sub-msg {
  margin-top: 8px;
}
.dg-container .dg-sub-msg p#dg-sub-msg-txt {
  font-size: 1.3rem;
  color: #888888;
}
.dg-func-ctl {
  padding: 18px 16px;
  display: flex;
  justify-content: flex-end;
}
.dg-func-ctl .i-btn {
  padding: 0 12px;
  margin-left: 8px;
  border: 0;
  background-color: #62a5b3;
  color: #fff;
  font-size: 1.4rem;
  height: 31px;
  line-height: 31px;
}
.dg-func-ctl .i-btn:hover {
  opacity: .7;
}
#dg-main-msg-txt {
  white-space: pre-line;
}
.dg-err-msg {
  white-space: pre-line;
  color: #e24c44;
}
/* 受注新規作成　モーダル */
.order-add {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 0px;
  background-color: transparent;
}
.order-add .dg-body {
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 54px;
  width: 588px;
  height: 80vh;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
  background-color: #ffffff;
  box-shadow: 0px 1px 7px rgba(0,0,0,.3);
}
.order-add .dg-container {
  outline: 4px #62a5b3 solid;
  outline-offset: -4px;
  height: 80vh;
}
.order-add .dg-head {
  border: none;
  border-top: 31px #62a5b3 solid;
  height: 90px;
}
.close-btn {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 30px;
  top: 0;
  right: 0;
  border: none;
  background-color: #62a5b3;
}
.close-btn::before {
  content: "";
  position: absolute;
  display: inline-block;
  margin: 14px 4px 0 0;
  top: 0;
  right: 0;
  width: 20px;
  height: 2px;
  background: #ffffff;
  vertical-align: middle;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.close-btn::after {
  content: "";
  position: absolute;
  margin: 14px 4px 0 0;
  top: 0;
  right: 0;
  width: 20px;
  height: 2px;
  background: #ffffff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.close-btn:hover {
  background-color: #96c4cd;
}
.order-add .dg-title {
  display: flex;
  align-items: center;
  position: relative;
  padding: 16px 24px 10px 24px;
}
.order-add .dg-container .dg-contents {
  padding: 0px 24px 24px 24px;
  height: calc(100% - 90px);
}
.dg-title-span {
  white-space: nowrap;
}
.order-add .dg-title input {
  margin: 0 8px;
}
.order-add .dg-title .select-box {
  margin-left: 8px;
}
.order-add .search-btn button {
  width: 30px;
  padding: 0;
}
.order-add .search-btn button img {
  width: 17px;
}
.order-add .dg-title > button {
  background-color: #ffffff;
  border: 1px #62a5b3 solid;
  color: #62a5b3;
  position: absolute;
  right: 24px;
  bottom: 10px;
}
.order-add .dg-title > button .plus-btn {
  background-color: #62a5b3;
}
.order-add .dg-title > button .plus-btn::before {
  background-color: #62a5b3;
}
.order-add .dg-title > button:hover {
  background-color: #ebf6f7;
  opacity: 1;
}
.order-add .dg-contents {
  padding-top: 0;
}
.order-modal-table {
  overflow: auto;
  height: 100%;
}
.order-modal-table table {
  width: 100%;
  max-width: 538px;
}
.order-add .table-area table {
  min-width: auto;
}
.order-modal-table thead th {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  border-bottom: 1px #bdbdbd solid;
}
.order-modal-table table td {
  padding: 4px 6px;
  height: 30px;
}
.order-modal-table table tr:last-child td {
  border-bottom: 1px #bdbdbd solid;
}
.order-add .td-plus-btn {
  border: 1px #62a5b3 solid;
  background-color: #ffffff;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  padding: 0;
  display: block;
  margin: 0 auto;
}
.modal-item-kind p {
  text-overflow: ellipsis;
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
}
.order-add .td-plus-btn span {
  position: relative;
  display: block;
}
.order-add .td-plus-btn span::before,
.order-add .td-plus-btn span::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -6px;
  width: 12px;
  height: 3px;
  background: #62a5b3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.order-add .td-plus-btn span::after {
  width: 3px;
  height: 12px;
}
.order-add .td-plus-btn:hover {
  background-color: #ebf6f7;
  opacity: 1;
}
/* 受注編集　モーダル２ */
.order-add2 .dg-body {
  width: 790px;
}
.order-add2 .order-modal-table table {
  max-width: 742px;
}
.text-btn {
  position: relative;
  border: none;
  vertical-align: middle;
  margin: 0;
  padding: 3px 11px;
  background-color: transparent;
  border-radius: 4px;
  background-image: url(../img/ic_text.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}
.text-btn:hover {
  opacity: .7;
}
.text-btn:hover ~ .text-span {
  display: inline-block;
}
.text-span {
  position : absolute;
  z-index: 3;
  display: none;
  border: 3px #62a5b3 solid;
  border-radius: 8px;
  text-align: left;
  padding: 16px 12px;
  background-color: #ffffff;
  width: 300px;
  right: 37px;
  bottom: calc(100% - 82px);
  font-size: 1.3rem;
}
.text-span::before,
.text-span::after {
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: 10px;
}
.text-span::before{
  border-top: 14px solid #62a5b3;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  right: 6px;
}
.text-span::after {
  border-top: 10px solid #ffffff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  margin-left: -13px;
}
/* 受注編集　モーダル品目新規追加 */
#item-master-modal .main-item,
#cust-master-modal .main-item {
  width: calc(50% - 10px);
  align-items: center;
  margin: 0 5px;
}
#item-master-modal .main-item .kind-select,
#cust-master-modal .main-item .kind-select {
  width: 75px;
  padding: 0;
  margin: 0;
  color: #555555;
}
#item-master-modal .main-item input[type="text"],
#item-master-modal .main-item .select-box,
#cust-master-modal .main-item input,
#cust-master-modal .main-item .select-box,
#cust-master-modal .mail-no div {
  width: calc(100% - 75px);
}
/* 受注編集　モーダル連絡先新規追加 */
#cust-master-modal .main-item-system .kind-select {
  width: 120px;
}
#cust-master-modal .main-item-system input {
  width: calc(100% - 120px);
}
#cust-master-modal .mail-no input {
  width: calc(100% - 18px);
}
#cust-master-modal .one-cols-box {
  display: flex;
  flex-direction: column;
  width: calc(100% - 75px);
}
#cust-master-modal .one-cols-one input {
  width: 100%;
}
#cust-master-modal .three-cols-column {
  align-items: flex-start;
}
#cust-master-modal .three-cols-column .kind-select {
  margin-top: 9px;
}
/* 受注詳細　モーダル（画像） */
.order-detail {
  display: none;
}
.order-detail-open {
  display: inline-block;
}
.order-detail .dg-body {
  box-shadow: 0px 1px 7px rgba(0,0,0,.3);
  position: fixed;
  width: calc(100% - 50px);
  max-width: 830px;
  height: 730px;
  max-height: calc(100% - 50px);
}
.order-detail .dg-container {
  height: 100%;
}
.order-detail .dg-scroll {
  height: calc(100% - 66px);
  overflow-y: auto;
}
.order-detail .dg-contents {
  height: 100%;
}
.order-detail .dg-head {
  border: none;
  height: 49px;
}
.order-detail .dg-title {
  background-color: #62a5b3;
  position: relative;
  height: 100%;
}
.order-detail .dg-title .dg-title-span {
  color: #ffffff;
}
.order-detail .dg-title .close-btn {
  width: 34px;
  height: 34px;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.order-detail .dg-title .close-btn::after,
.order-detail .dg-title .close-btn::before {
  margin: 16px 6px 0 0;
  width: 22px;
}
.dg-btn-area {
  display: flex;
  justify-content: flex-end;
}
.dg-photo-btn {
  position: relative;
  overflow: hidden;
  height: 30px;
  width: 107px;
  border: 1px #62a5b3 solid;
  background-color: #62a5b3;
  border-radius: 3px;
  padding: 3px 5px;
}
.dg-photo-btn::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 30px;
  top: 50%;
  left: 9px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url(../img/ic_photo.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
  filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.dg-photo-btn::before {
  position: absolute;
  content: "新規追加";
  font-family: "";
  font-size: 15px;
  line-height: 32px;
  height: 30px;
  color: #ffffff;
  top: 50%;
  left: 37px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: calc(100% - 34px);
}
.dg-photo-btn input {
  opacity: 0;
}
.dg-photo-btn:hover {
  opacity: .7;
}
.img-slide-area {
  margin-top: 8px;
  padding: 8px;
  height: calc(100% - 197px);
  min-height: 300px;
  display: flex;
  overflow: hidden;
  background-color: #f1f1f1;
  position: relative;
}
.img-slide-area p {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-slide-area img {
  max-height: 100%;
  max-width: calc(100% - 50px);
  width: auto;
}
.img-slide-area input[type="button"] {
  border: none;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-color: rgba(98, 165, 179, .3);
  border-radius: 50%;
  margin: 0 -4px;
}
.img-slide-area input[type="button"]:nth-of-type(2) {
  right: 0;
  margin: 0 4px;
}
.img-arrow-span {
  background-color: transparent;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-top: 9px solid transparent;
  border-right: 11px solid #62a5b3;
  border-bottom: 9px solid transparent;
  display: inline-block;
  margin: auto 5px;
}
.img-arrow-span:nth-of-type(2) {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.img-select-area {
  display: flex;
  overflow-x: auto;
  margin-top: 8px;
  align-items: center;
}
.img-select-p {
  display: block;
  width: 100%;
  font-size: 1.3rem;
  margin-top: 14px;
}
.img-select-photo {
  margin-left: 10px;
  height: 70px;
  width: 88px;
  position: relative;
  background-color: #f1f1f1;
  border: 1px #bdbdbd solid;
}
.img-select-photo img {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  -ms-transform : translate(-50%,-50%);
  max-height: 62px;
  max-width: 80px;
}
.img-select-area .select-img {
  border: 3px #62a5b3 solid;
}
.img-select-contents {
  margin-right: 8px;
  position: relative;
}
.img-select-contents:last-child {
  margin-right: 0;
}
.img-select-contents .checkbox-label {
  align-items: flex-start;
}
.img-select-contents .checkbox-label span.checkbox-span::before {
  top: 16px;
  right: -35px;
  width: 20px;
  height: 20px;
}
.img-select-contents .checkbox-label span.checkbox-span::after {
  top: 9px;
  right: -20px;
  width: 11px;
  height: 7px;
}
.del-btn-area {
  display: flex;
  margin: 8px 0;
  justify-content: end;
}
.del-btn-area .del-btn {
  position: static;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}
/** 注文画面 base
*********************************************************************************************************************************************/
/* header */
.order-header .menu-trriger-wrap {
  background-color: #8199b5;
}
.order-header .header-right img {
  filter: saturate(76%) hue-rotate(34deg) brightness(93%);
  -webkit-filter: saturate(76%) hue-rotate(34deg) brightness(93%);
  -ms-filter: saturate(76%) hue-rotate(34deg) brightness(93%);
}
.order-header .menu-trriger-wrap {
  display: none;
}
.order-header .header-center img {
  width: 250px;
}
.order-header .header-right button.logout-btn {
  border: 1px #8199b5 solid;
  color: #8199b5;
}
.order-header .header-right button.logout-btn:hover {
  background-color: #f0f3f8;
}
.order-header .login-username p img {
  border: none;
}
/* 新規注文ボタン */
.order-main .main-h1-box .img-btn {
  background-color: #88b19f;
  border: 1px #88b19f solid;
}
/* カレンダー*/
.order-main input.datepicker {
  background-image: url(../img/ic_calendar2.png);
}
.order-body .ui-widget-header {
  border-bottom: 2px #8199b5 solid;
}
.order-body span.ui-icon.ui-icon-circle-triangle-e,
.order-body span.ui-icon.ui-icon-circle-triangle-w {
  background-image: url(../img/ic_tab2.png);
}
.order-body .ui-datepicker-calendar tr th:last-child span {
  color: #8199b5;
}
.order-body .ui-widget-content .ui-state-hover:not(.ui-state-highlight), 
.order-body .ui-widget-header .ui-state-hover, 
.order-body .ui-state-focus, 
.order-body .ui-widget-content .ui-state-focus, 
.order-body .ui-widget-header .ui-state-focus, 
.order-body .ui-widget-header .ui-state-active {
  background-color: #8199b5;
  color: #ffffff!important;
  border: 1px #8199b5 solid;
}
.order-body .ui-state-active,
.order-body .ui-datepicker-current-day .ui-state-active,
.order-body .ui-widget-content .ui-state-highlight.ui-state-active {
  background-color: #8199b5;
  color: #ffffff;
  border: 1px #8199b5 solid;
}
.order-body .ui-widget-header .ui-state-highlight {
  border: 1px #8199b5 solid;
  color: #8199b5!important;
}
.order-body .ui-state-highlight, 
.order-body .ui-widget-content .ui-state-highlight {
  border: 1px #8199b5 solid;
  color: #8199b5;
}
.order-body .ui-state-highlight:hover, 
.order-body .ui-widget-content .ui-state-highlight:hover, 
.order-body .ui-widget-header .ui-state-highlight:hover {
  background-color: #8199b5;
  color: #ffffff!important;
}
/* 検索ボックス */
.order-main .search-tab {
  background-color: #8199b5;
}
.order-main .search-content {
  max-width: 1154px;
}
.order-main .search-btn .search {
  background-color: #8199b5;
  border: 1px #8199b5 solid;
}
.order-main .search-btn .clear {
  color: #8199b5;
  border: 1px #8199b5 solid;
}
.order-main .search-btn .clear img {
  filter: saturate(76%) hue-rotate(34deg) brightness(93%);
  -webkit-filter: saturate(76%) hue-rotate(34deg) brightness(93%);
  -ms-filter: saturate(76%) hue-rotate(34deg) brightness(93%);
}
/* table */
.order-main .page-btn .circle-btn,
.order-main .table-area table td a {
  color: #8199b5;
}
.order-main .page-btn .current {
  background-color: #8199b5;
}
.order-main .table-area table th,
.order-main table .blue-td {
  background-color: #ebf0f8;
}
.order-main .table-area table .sort-th:hover {
  background-color: #d3daea;
}
.order-main .table-area table th img,
.order-main .table-area table td img {
  filter: saturate(76%) hue-rotate(34deg) brightness(93%);
  -webkit-filter: saturate(76%) hue-rotate(34deg) brightness(93%);
  -ms-filter: saturate(76%) hue-rotate(34deg) brightness(93%);
}
.order-main .table-area th.asc::after {
  border-top: 8px #8199b5 solid;
}
/**page:order_html main
*********************************************************************************************************************************************/
/* ロゴ画像 */
.order-login-main .hanahiro-logo img,
.order-error .hanahiro-logo img {
  width: 350px;
}
/* お知らせ */
.order-login-main .item-container {
  width: 820px;
}
.order-login-main .login-flex {
  display: flex;
  align-items: flex-start;
  background-color: #ffffff;
  box-shadow: 0px 1px 7px #ccc;
}
.order-login-main .login-form {
  box-shadow: none;
  width: 350px;
  margin: 0;
}
.order-login-main .login-form .login-form-container span {
  color: #a4a4a4;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
}
.order-login-main .news-area {
  padding: 30px;
  width: calc(100% - 350px);
  position: relative;
}
.order-login-main .news-area::before {
  position: absolute;
  content: "";
  border-left: 1px #bdbdbd dashed;
  width: auto;
  height: 330px;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.order-login-main .news-area .news-h2 {
  padding-bottom: 16px;
  width: 100%;
  text-align: center;
  color: #8199b5;
  display: flex;
  justify-content: center;
}
.order-login-main .news-area h2 {
  padding-bottom: 4px;
  text-align: center;
  border-bottom: 3px #c3cedc solid;
}
.order-login-main .news-area .news-contents-area {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "UD デジタル 教科書体 N" , "UD Digi Kyokasho N-R", "Hiragino Mincho ProN", serif;
  border: 1px #bdbdbd solid;
  padding: 10px;
  height: 270px;
  overflow-y: scroll;
}
/* ログインボタン */
.order-login-main .login-button button {
  background-color: #8199b5;
}
/**page:order error_html main
*********************************************************************************************************************************************/
.order-error .error-func input[type="button"] {
  background-color: #8199b5;
}
.order-error .error-main img {
  filter: saturate(76%) hue-rotate(34deg) brightness(93%);
  -webkit-filter: saturate(76%) hue-rotate(34deg) brightness(93%);
  -ms-filter: saturate(76%) hue-rotate(34deg) brightness(93%);
}
/**page:order list_html main
*********************************************************************************************************************************************/
.order-main {
  margin-left: 0!important;
}
/* 検索ボックス */
.order-search-area .kind-select-flex .select-box {
  margin: 0;
}
/**page:order edit_html main
*********************************************************************************************************************************************/
/* タブエリア */
.order-main .order-tab-menu input.select-tab {
  color: #8199b5;
  background-color: transparent!important;
}
.order-main .order-tab-menu input.order-tab {
  background-color: #8199b5;
}
/* 納品日時 */
.order-main .order-re-area .order-re-flex {
  background-color: #ebf0f8;
  flex-direction: row;
  align-items: center;
}
.order-main .order-re-area span.re-title {
  width: auto;
  min-width: auto;
  margin-right: 16px;
}
.order-main .order-re-flex > div,
.order-main .order-re-area-add .order-re-flex > div {
  padding: 0 20px 0 0;
  margin: 0 20px 0 0;
  border: none;
  border-right: 1px #bdbdbd solid;
}
.order-main .order-re-flex > div:last-child,
.order-main .order-re-area-add .order-re-flex > div:last-child {
  padding-right: 0;
  margin-right: 0;
  border: none;
}
.order-main .order-re-area .name-re p:nth-child(2) {
  margin-left: 10px;
}
/* h2 タブ */
.order-main .tab-h2 .tab-box {
  background-color: #8199b5;
}
.emp-box {
  background-color: #797777!important;
  opacity: .6;
}
.emp-box span {
  display: none;
}
/* フォント */
.order-main .main-box-flex .main-item > span {
  color: #8199b5;
}
.order-main .note-box-p {
  color: #8199b5;
}
.order-main .re-keiri-area .keiri-contents span {
  color: #8199b5;
}
/* テーブルボタン */
/* .order-main .order-table td button.minus-btn {
  border: 2px #8199b5 solid;
} */
.order-main .order-table td button.minus-btn::before,
.order-main .order-table td button.minus-btn::after {
  background-color: #8199b5;
}
.order-main .code-box button:first-of-type {
  background-color: #8199b5;
  border: 1px #8199b5 solid;
}
.order-main .code-box button:last-child {
  border: 1px #8199b5 solid;
  color: #8199b5;
}
.order-main .code-box button:last-child:hover {
  background-color: #f0f3f8;
}
.order-main .code-box .img-btn:last-of-type .plus-btn,
.order-main .code-box .img-btn:last-of-type .plus-btn::before {
  background-color: #8199b5;
}
.order-main .order-code-box button {
  background-color: #8199b5;
  border: 1px #8199b5 solid;
}
.order-main .cancel-tr .cancel-back-btn img,
.order-main .del-tr .del-back-btn img {
  filter: saturate(62%) hue-rotate(34deg) brightness(104%);
  -webkit-filter: saturate(62%) hue-rotate(34deg) brightness(104%);
  -ms-filter: saturate(62%) hue-rotate(34deg) brightness(104%);
}
.order-main .required::after {
  color: #8199b5;
}
/**page:order detail_html main
*********************************************************************************************************************************************/
.order-main .order-re-box {
  background-color: #ebf0f8;
}
.order-main .cancel-btn {
  background-color: #8199b5;
  border: 1px #8199b5 solid;
}
.order-main .main-h1-box .print-btn,
.order-main .main-h1-box .change-btn {
  border: 1px #8199b5 solid;
  background-color: #ffffff;
  color: #8199b5;
}
.order-main .print-btn img,
.order-main .change-btn img {
  filter: saturate(76%) hue-rotate(34deg) brightness(93%); 
  -webkit-filter: saturate(76%) hue-rotate(34deg) brightness(93%); 
  -ms-filter: saturate(76%) hue-rotate(34deg) brightness(93%); 
}
.order-main .copy-btn:hover {
  background-color: #ebf0f8;
}
.order-main .main-h1-box .print-btn:hover,
.order-main .main-h1-box .change-btn:hover {
  background-color: #f0f3f8;
}
/* 受注情報　下げ */
.edit-input-column-area {
  width: 100%;
  display: flex;
  justify-content: end;
}
.edit-input-column-area > .main-item {
  width: 50%;
}
.edit-input-column {
  flex-direction: column;
  justify-content: flex-end;
  width: 50%;
}
.edit-input-column > .main-item {
  width: calc(100% - 10px);
}
/* 注文登録　モーダル */
.order-main .search,
.order-main .close-btn,
.order-main .order-add .dg-title > button .plus-btn,
.order-main .order-add .dg-title > button .plus-btn::before,
.order-main .order-add .td-plus-btn span::before,
.order-main .order-add .td-plus-btn span::after {
  background-color: #8199b5;
}
.order-main .order-add .dg-title > button {
  border: 1px #8199b5 solid;
  color: #8199b5;
}
.order-main .close-btn:hover {
  background-color: #a4b5c8;
}
.order-main .order-add .dg-head,
.order-main .order-add .td-plus-btn {
  border-color: #8199b5;
}
.order-main .order-add .dg-container {
  outline-color: #8199b5;
}
/**マウスホバー
*********************************************************************************************************************************************/
@media (hover: hover) {
  .deliver-contents input:hover {
    opacity: 1;
  }
  .img-slide-area input[type="button"]:hover {
    opacity: 1;
  }
  }
/**レスポンシブ
*********************************************************************************************************************************************/
@media screen and (max-width: 1817px) {
  .route-main-left #map {
    height: calc(100% - 170px)!important;
  }
}
@media screen and (max-width: 1374px) {
  .route-main-left #map {
    height: calc(100% - 230px)!important;
  }
}
@media screen and (max-width: 1200px) {
  main:not(.login-main) {
    margin-left: 0;
  }
  main.menu-open {
    margin-left: 186px;
  }
  nav {
    margin-left: 0px;
  }
  nav.open {
    margin-left: -306px;
  }
  .active .menu-trriger span {
    display: block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
  }
  .active .menu-trriger span:nth-of-type(1),
  .active .menu-trriger span:nth-of-type(2),
  .active .menu-trriger span:nth-of-type(3) {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    margin: 4px 0;
    background-color: #ffffff;
  }
  .menu-trriger span:nth-of-type(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-bottom: -7px;
  }
  .menu-trriger span:nth-of-type(2) {
    background-color: transparent;
  }
  .menu-trriger span:nth-of-type(3) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    margin-top: -6px;
  }
}
@media screen and (max-width: 1023px) {
  /* header */
  .responsive *:hover {
    opacity: 1!important;
  }
  .responsive .header-main-contents {
    background-color: #e4f4f5;
    justify-content: end;
  }
  .responsive-main:not(.login-main) {
    min-width: auto;
    padding: 6px 0 10px;
  }
  .responsive-main2:not(.login-main) {
    min-width: auto;
    padding: 10px 14px;
  }
  .responsive-main.menu-open {
    margin-left: 0;
  }
  .responsive-main .main-h1-box .main-h1 {
    position: fixed;
    z-index: 101;
    top: 11px;
    left: 54px;
  }
  .responsive-main .copy-btn,
  .responsive-main .export-div .checkbox-label {
    display: none;
  }
  .responsive .header-center,
  .responsive .header-right .login-username,
  .responsive .header-right button.logout-btn {
    display: none;
  }
  /* メニューボタン */
  .responsive .menu-trriger span {
    width: 24px;
  }
  .responsive .active .menu-trriger span:nth-of-type(1),
  .responsive .active .menu-trriger span:nth-of-type(2),
  .responsive .active .menu-trriger span:nth-of-type(3) {
    margin: 3px 0;
  }
  .responsive .menu-trriger-wrap {
    z-index: 103;
    background-color: #ffffff;
    padding-left: 4px;
  }
  .responsive .menu-trriger span {
    background-color: #62a5b3;
  }
  .responsive .menu-trriger span:nth-of-type(2) {
    background-color: transparent;
  }
  .responsive .active {
    background-color: #e4f4f5;
  }
  .responsive .active .menu-trriger span:nth-of-type(1),
  .responsive .active .menu-trriger span:nth-of-type(2),
  .responsive .active .menu-trriger span:nth-of-type(3) {
    background-color: #62a5b3;
  }
  /* 検索ボックス */
  .responsive-main .search-tab {
    display: none;
  }
  .responsive-main .search-content {
    flex-direction: column;
    z-index: 1;
    position: fixed;
    top: 46px;
    right: 0;
    height: calc(100% - 45px);
    width: 342px;
    background-color: #f1f1f1;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    margin-right: -348px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    overflow-y: auto;
  }
  .responsive-main .search-open {
    margin-right: 0;
  }
  .responsive-main .search-content-area {
    flex-direction: column;
    align-items: baseline;
  }
  .responsive-main .key-word-box,
  .responsive-main .kind-select-box {
    margin: 10px 10px 6px;
  }
  .responsive-main .search-btn {
    flex-direction: row-reverse;
    margin: 10px;
  }
  .responsive-main .search-btn .clear {
    margin-right: 10px;
  }
  .responsive-main .search-btn .search {
    width: calc(100% - 56px);
    margin: 0;
  }
  .responsive-main .deliver-area {
    position: static;
  }
  .responsive-main .deliver-contents {
    z-index: 101;
    position: fixed;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  /* nav */
  .nav-open-bg::after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 101;
    background-color: rgba(0, 0, 0, .4);
  }
  .responsive nav {
    z-index: 102;
    top: 0;
    width: 300px;
    height: 100%;
    background-color: #ffffff;
  }
  .responsive nav .header-logo {
    display: inline;
  }
  .responsive nav .header-logo img {
    top: 25px
  }
  .responsive nav ul .menu-li {
    display: none;
  }
  .responsive nav .login-username {
    margin: 57px 0 0 56px;
    padding: 10px;
    width: 190px;
    display: block;
    background-color: #e4f4f5;
  }
  .responsive nav .login-username p img {
    margin-left: 4px;
    padding: 0;
    width: 18px;
    height: 18px;
    border: 0;
  }
  .responsive nav ul {
    margin-top: 24px;
    padding: 10px 0;
    border-top: 1px #bdbdbd solid;
    border-bottom: 1px #bdbdbd solid;
  }
  .responsive nav > ul > li:not(.menu-li) {
    border: 0;
    height: 42px;
  }
  .responsive nav ul li a:not(.menu-li a) {
    height: 42px;
    width: 100%;
    padding-left: 56px;
    font-weight: bold;
  }
  .responsive nav ul li img {
    display: none;
  }
  .responsive nav ul li a:not(.select-list a) {
    background-color: transparent;
    border-color: #ffffff;
  }
  .responsive nav .select-list a {
    background-color: #ffffff;
    color: #e5959c;
    border-color: #ffffff;
  }
  .responsive nav button.logout-btn {
    display: flex;
    align-items: flex-start;
    margin: 20px 0 0 56px;
    color: #555555;
    font-weight: bold;
    border: none;
  }
   /* ログイン */
  .login-main {
    margin-top: 24%;
  }
  .item-container {
    width: 320px;
  }
  .login-form {
    width: 280px;
    margin: 0 20px;
  }
  /* エラー */
  .error-wrap {
    margin-top: 24%;
    width: 320px;
  }
  .error-main {
    width: 280px;
    margin: 0 20px;
  }
  /* ボタン */
  .responsive-main .img-btn,
  .responsive-main .search-btn .clear,
  .responsive-main .search-btn .search {
    height: 34px;
  }
  /* 受注一覧 */
  .responsive-main .main-h1-box {
    margin: 0;
  }
  .responsive-main .header-search-btn {
    position: fixed;
    z-index: 100;
    top: 4px;
    right: 52px;
    display: inline;
    border: none;
    background-color: transparent;
    height: 38px;
  }
  .responsive-main .main-h1-box button:not(.copy-btn),
  .responsive-main .deliver-area .print-btn,
  .responsive-main .print-map-p,
  .responsive-main .order-list-btn-area button span,
  .responsive-main .order-list-table3-box button,
  .responsive-main .sale-btn-area {
    display: none;
  }
  .responsive-main .deliver-area {
    background-color: transparent;
    margin-bottom: -57px;
    height: 39px;
  }
  .responsive-main .order-list-btn-area {
    margin: 18px 14px 8px 14px;
    padding: 0;
  }
  .responsive-main .table-func {
    margin: 0 14px;
  }
  .responsive-main .table-area {
    border-radius: 0;
    border-right: 0;
    border-left: 0;
  }
  .responsive-main .table-list table th,
  .responsive-main .table-list table td,
  .order-list-table3 table th,
  .order-list-table3 table td {
    font-size: 1.2rem;
  }
  .responsive-main .order-list-table3 {
    width: 100%;
    max-width: none;
  }
  .responsive-main .order-list-btn-area button {
    border: 2px #62a5b3 solid;
  }
  .responsive-main .order-list-map {
    margin-bottom: 8px;
  }
  .responsive-main button:hover,
  .responsive-main a:hover,
  .responsive-main .dg-photo-btn:hover {
    opacity: 1!important;
  }
  .responsive-main .table-area table .sort-th:hover {
    background-color: #e4f4f5;
  }
  .responsive-main .img-slide-area input[type="button"]:hover {
    opacity: 0;
  }
  /* 検索ボックスセレクトメニュー */
  .order-list-search .SumoSelect > .optWrapper.isFloating {
    position: absolute;
    top: 34px;
    bottom: auto;
    left: auto;
    right: auto;
    max-height: none;
  }
  /* 受注詳細 */
  .re-content-div.long-action,
  .main-item.long-action {
    cursor: pointer;
  }
  .long-action .re-p::after,
  .main-item.long-action span::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    margin-top: -4px;
    width: 13px;
    height: 18px;
    background-size: 13px;
    background-image: url(../img/ic_tap.png);
    background-position: right center;
    background-repeat: no-repeat;
    opacity: .8;
  }
  .responsive-main2 .main-h1-box {
    margin: 3px 0;
  }
  .responsive-main .main-h1 {
    margin: 0;
  }
  .responsive-main .main-h1-no,
  .responsive-main .main-h1-no p {
    font-weight: normal;
  }
  .responsive-main .back-btn {
    margin-left: 14px;
  }
  .responsive-main2 .back-btn {
    display: flex;
    align-items: flex-start;
    margin-left: 0;
    justify-content: flex-start;
  }
  .responsive-main .back-btn button {
    border: 2px #62a5b3 solid;
    border-radius: 3px;
    height: 34px;
    width: 37px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .responsive-main .back-btn button:first-child {
    background-image: url(../img/ic_back.png);
  }
  .responsive-main .res-edit-btn {
    background-image: url(../img/ic_edit.png);
  }
  .responsive-main .back-btn label,
  .order-detail .dg-photo-btn {
    background-image: url(../img/ic_photo.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    position: relative;
    height: 34px;
    width: 37px;
    border: 2px #62a5b3 solid;
    background-color: #ffffff;
    border-radius: 3px;
  }
  .responsive-main .back-btn input,
  .order-detail .dg-photo-btn input {
    opacity: 0;
    width: 23px;
    height: 23px;
  }
  .responsive-main2 .back-btn .back-btn-right {
    display: none;
  }
  .responsive-main .back-btn button span:nth-child(2),
  .responsive-main .back-btn button span.back-btn-span::before,
  .responsive-main .change-btn span,
  .responsive-main .order-h1-right,
  .responsive-main .export-div,
  .responsive-main .img-plus-btn,
  .responsive-main .detail-results-area {
    display: none;
  }
  .responsive-main .back-btn button:nth-child(2), 
  .responsive-main .back-btn label {
    display: inline-block;
    margin-left: 8px;
  }
  .responsive-main .stop-area {
    margin-left: 0;
    margin-bottom: 4px;
  }
  .responsive-main .cancel-area p,
  .responsive-main .stop-area p {
    white-space: nowrap;
  }
  .responsive-main .tab-menu-left {
    border: none;
    margin-left: 0;
    padding-left: 0;
  }
  .responsive-main2 .main-h1-box .change-btn:not(.copy-btn) {
    border: 2px #62a5b3 solid;
    display: none;
    position: absolute;
    top: -39px;
    right: 0px;
  }
  .responsive-main .order-re-area {
    flex-direction: column;
    width: 100%;
  }
  .responsive-main .order-re-area .order-re-flex {
    white-space: normal;
    height: auto;
    margin: 0 0 8px 0;
    flex-direction: column;
    max-width: 500px;
  }
  .responsive-main .order-re-box {
    width: 100%;
    align-items: baseline;
    max-width: 480px;
  }
  .responsive-main .order-re-area span.re-title {
    white-space: nowrap;
  }
  .responsive-main .scroll-area {
    width: 100%;
    overflow-x: clip;
    overflow-y: hidden;
  }
  .responsive-main2 .order-re-box2 {
    width: 100%;
    flex-wrap: wrap;
  }
  .responsive-main .re-content-div > p:nth-child(2),
  .responsive-main .re-content-div > .name-re {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .responsive-main .re-content-div .name-re p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 31px;
  }
  .responsive-main .re-content-div:first-child,
  .responsive-main .re-content-div:nth-child(2),
  .responsive-main .re-content-div:nth-child(3) {
    min-width: calc(100% / 3 - 2.2rem)!important;
    max-width: calc(100% / 3 - 2.2rem);
  }
  .responsive-main .re-content-div:nth-child(4) {
    min-width: calc(100% - 100% / 3 - .2rem)!important;
    max-width: calc(100% - 100% / 3 - .2rem);
  }
  .responsive-main .re-content-div:nth-child(5) {
    min-width: calc(100% / 3 - 2.2rem)!important;
    max-width: calc(100% / 3 - 2.2rem);
  }
  .responsive-main .main-area {
    display: block;
  }
  .responsive-main .main-box1,
  .responsive-main .main-box2 {
    width: 100%;
    margin-left: 0;
    margin-bottom: 8px;
    min-width: auto;
  }
  .order-detail .dg-body {
    width: calc(100% - 16px);
    max-width: 550px;
    height: 590px;
    max-height: calc(100% - 16px);
    min-height: 200px;
  }
  .img-slide-area {
    min-height: 196px;
    height: calc(100% - 191px);
  }
  .img-slide-area img {
    max-height: 100%;
    max-width: calc(100% - 20px);
  }
  .img-select-photo {
    height: 54px;
    width: 64px;
  }
  .img-select-photo img {
    max-height: 46px;
    max-width: 56px;
  }
  .order-detail .dg-photo-btn::before,
  .order-detail .dg-photo-btn::after,
  .order-detail .del-btn-area .del-btn span {
    display: none;
  }
  .responsive-main .detail-label > .main-item > span {
    display: block;
    height: auto;
    padding: 0;
    margin-bottom: 4px;
  }
  .responsive-main .edit-input {
    margin: 0;
    font-size: 1.4rem;
  }
  #client-info .edit-input {
    display: inline-block;
  }
  .edit-input-column-area {
    flex-direction: column;
  }
  .responsive-main .edit-input-column {
    width: calc(100% - 10px);
    margin-right: 10px;
  }
  .responsive-main .order-info > .main-item-hidden {
    display: none;
  }
  /* table */
  .responsive-main2 .table-area table {
    min-width: 1000px;
  }
  .order-list-main.responsive-main .th-checkbox,
  .order-list-main.responsive-main .td-checkbox {
    display: none;
  }
  /* 下げ備考編集 */
  #detail-edit-modal .dg-body {
    max-width: calc(100% - 20px);
    width: 400px;
    top: 11%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    max-height: calc(100% - 11% - 14px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  #detail-edit-modal .dg-head {
    height: 50px; 
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 100;
  }
  #detail-edit-modal .order-sage {
    padding-bottom: 0;
  }
  .responsive-main .main-item { 
    display: block;
    width: 100%;
    min-height: 42.2px;
  }
  .responsive-main .main-item textarea {
    font-size: 1.6rem;
    transform: scale(.89);
    width: 112.5%;
    margin-left: -6.25%;
    margin-top: 0;
  }
  #detail-edit-modal .edit-modal-checkbox label {
    margin-left: 12px;
  }
  #detail-edit-modal .main-item > span {
    margin: 12px 0 8px 0;
    display: inline-block;
  }
  #detail-edit-modal .main-item:first-child span {
    margin-top: 0;
  }
  #detail-edit-modal .order-sage .unit-label {
    display: flex;
    text-align: center;
  }
  #detail-edit-modal .checkbox-label {
    min-height: 34px;
  }
  #detail-edit-modal .checkbox-label span:nth-child(3) {
    margin: 0 14px 0 24px;
  }
  #detail-edit-modal .order-sage div .time {
    padding-top: 8px;
  }
  #detail-edit-modal textarea {
    min-height: calc(120px/.875);
    margin-top: -8px;
  }
  /* 注文キャンセル時のcss */
  .cancel-main .main-h1-box .main-h1-no {
    top: -107px;
  }
  .cancel-main .main-h1-box .change-btn:not(.copy-btn) {
    top: -84px;
  }
  /* 受注詳細スクロールエリアモーダル */
  .responsive-main2 .dg-body {
    max-width: calc(100% - 32px);
    max-height: calc(100% - 32px);
  }
  .responsive-main2 .dg-container {
    height: 100%;
  }
  .responsive-main2 .dg-head {
    height: 50px;
  }
  .responsive-main2 .dg-container > form {
    height: calc(100% - 50px);
  }
  .responsive-main2 .dg-func-ctl {
    height: 56px;
    padding: 0 16px;
    align-items: center;
    width: 100%;
  }
  .responsive-main2 .dg-contents {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100% - 64px);
    padding-bottom: 0;
  }
  #sign-edit-modal .dg-contents {
    padding-bottom: 0;
    width: 100%;
  }
  #order-note-edit-form .re-p,
  #sign-edit-modal .re-p {
    margin: 0;
    color: #555555;
    padding: 10px 0 5px 0;
  }
  #order-note-edit-form .re-p:first-child,
  #sign-edit-modal .dg-contents:first-child .re-p {
    padding: 0 0 5px 0;
  }
  #saidan-edit .re-p {
    margin-top: 14px;
  }
  #sign-edit-modal .SumoSelect.open > .optWrapper {
    top: 128px;
    left: auto;
    width: calc(100% - 32px);
  }
  #sign-edit-modal .SumoSelect > .optWrapper.isFloating {
    top: 146px;
    right: auto;
    min-height: 130px;
    overflow: initial;
  }
  #sign-edit-modal #delivery-edit .SumoSelect > .optWrapper.isFloating {
    top: 114px;
  }
  .SumoSelect > .optWrapper.isFloating > .options {
    box-shadow: none;
  }
  #sign-edit-modal .SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
    display: flex;
    align-items: center;
  }
  #sign-edit-modal .SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
    margin-top: 0;
    height: 43px;
  }
  /* モーダルheight */
  #order-note-edit-modal .dg-body {
    height: 366px;
  }
  .delivery-edit-modal .dg-body {
    height: 700px;
  }
  /* 納品 */
  #sign-edit-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  #sign-edit-form #delivery-edit {
    padding-bottom: 14px;
    margin-bottom: 8px;
    border-bottom: 1px solid #bdbdbd;
  }
  #sign-edit-form .main-item > span {
    padding: 12px 0 6px;
    display: block;
    margin: 0;
  }
  #sign-edit-form .two-cols2 {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  #sign-edit-form .one-cols-box {
    min-height: 34px;
  }
  #sign-edit-form .checkbox-label {
    margin-right: 10px;
  }
  #sign-edit-form .checkbox-span {
    margin-right: 24px;
  }
  #sign-edit-form .unit-label {
    display: flex;
    align-items: center;
  }
  .responsive-main2 .dg-container textarea {
    width: 100%;
    height: 108px;
    transform: none;
    margin: 0;
  }
  #order-note-edit-form textarea {
    height: 200px;
  }
  .delivery-edit-modal .dg-func-ctl {
    border-top: 1px solid #bdbdbd;
  }
  /* 商品集計 */
  .responsive-main .kind-select-column {
    flex-direction: column;
    align-items: flex-start;
  }
  .responsive-main .kind-select-unit {
    margin-top: 6px;
  }
  .order-total-list-main .order-total-table table {
    min-width: initial;
  }
  .order-total-list-main .order-total-table table th,
  .order-total-list-main .order-total-table table td {
    width: auto!important;
  }
  .order-total-list-main .order-total-table table th:nth-child(4),
  .order-total-list-main .order-total-table table th:nth-child(6) {
    min-width: 42px;
  }
  .order-total-list-main .order-total-table table th:nth-child(5) {
    min-width: 50px;
  }
  /* 受注商品詳細 */
  main:not(.order-total-list-main) .order-total-table table {
    min-width: 800px; 
  }
  /* 注文画面 */
  .login-main {
    margin-bottom: 5%;
  }
  .order-login-main .item-container {
    width: 350px;
    min-width: calc(100% - 28px);
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .order-login-main .login-flex {
    flex-direction: column;
    align-items: center;
  }
  .order-login-main .news-area {
    width: 400px;
    min-width: 100%;
  }
  .order-login-main .news-area::before {
    border-left: none;
    border-top: 1px #bdbdbd dashed;
    width: 90%;
    height: 1px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }  
}
@media screen and (max-width: 800px) {
  /* 注文画面　header */
  .order-header .header-main-contents {
    justify-content: space-between;
  }
  .order-header .header-center {
    margin: 0 0 0 14px;
  }
  .order-header .header-logo img {
    position: static;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    margin-bottom: -2px;
  }
}
@media screen and (max-width: 640px) {
  /* 受注一覧 */
  .responsive-main .deliver-area {
    position: relative;
    border-bottom: 1px #bdbdbd solid;
    padding-bottom: 8px;
    margin-bottom: -40px;
  }
  .responsive-main .deliver-contents {
    z-index: auto;
    position: absolute;
    top: 0;
    white-space: nowrap;
  }
  .responsive-main .order-list-btn-area {
    margin-top: 48px;
  }
  .deliver-contents .deliver-arrow-right {
    right: 51px;
  }
  .responsive-main .deliver-area button {
    position: static;
    margin-left: 8px;
  }
  /* table 表示件数 */
  .responsive-main .search-result > span {
    display: none;
  }
  .responsive-main .search-result .select-box {
    margin: 0;
  }
  .responsive-main .search-result2 {
    flex-direction: row-reverse;
    margin-right: 4px;
  }
  .result-span3::after {
    content: "/";
    padding-right: 4px;
  }
  .result-span1::after {
    content: "";
    padding: 0;
  }
  /* 受注詳細 */
  .responsive-main .order-info > .main-item {
    width: calc(100% - 10px);
    margin-top: 6px;
    margin-bottom: 4px!important;
    padding-bottom: 6px;
  }
  .responsive-main .order-info > .main-item:last-child {
    padding-bottom: 0;
  }
  .responsive-main .re-keiri-area {
    display: block;
    height: auto;
  }
  .responsive-main .re-keiri-area .keiri-contents:nth-child(2),
  .responsive-main .re-keiri-area .keiri-contents:last-child {
    border: none;
    margin-left: 0;
  }
  .responsive-main .re-keiri-area .keiri-contents {
    padding: 4px 0;
  }
  .responsive-main .re-keiri-area .keiri-contents span {
    margin: 0 0 0 10px;
    width: 80px;
    border-left: none;
    padding-left: 0;
  }
}
/* 印刷画面 */
@media print{
  @page {
    size: A4 portrait;
  }
  header,
  nav,
  .back-btn,
  .main-h1-box button,
  .deliver-area button,
  .deliver-contents .deliver-arrow-span,
  .order-list-table3-box button,
  .tab-box.search-tab,
  .search-tab,
  .sale-btn-area,
  .search-btn,
  .search-result,
  .order-list-btn-area .map-btn,
  .order-list-btn-area .order-tab,
  .page-btn input,
  .th-edit-btn,
  .table-area th.asc::after,
  .table-area th.desc::after,
  main .print-none,
  .emp-box,
  .print-map-p {
    display: none;
  }
  main:not(.login-main) {
    margin-left: 0;
  }
  .deliver-area {
    background-color: transparent;
    justify-content: flex-start;
    height: 22px;
    position: static;
  }
  .deliver-contents label {
    margin: 0;
  }
  .deliver-contents input.datepicker {
    background-image: none;
  }
  .deliver-contents > label > span {
    color: #555555;
  }
  .search-content {
    background-color: transparent;
    border: none;
    padding: 0;
    min-width: 500px;
  }
  .search-area input,
  .search-area select,
  .search-area textarea {
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "UD デジタル 教科書体 N" , "UD Digi Kyokasho N-R", "Hiragino Mincho ProN", serif;
  }
  input:not(input[type="checkbox"]):not(input[type="radio"]):not(input[type="button"]),
  select {
    border: none;
    height: 24px;
    border-radius: 0;
    background: transparent;
  }
  input:not(input[type="checkbox"]):not(input[type="radio"]):not(input[type="button"]),
  .search-content select {
    border-bottom: 1px #858585 solid;
    padding: 0;
    margin-left: 10px;
  }
  .SumoSelect {
    height: 22px;
    margin-left: 10px;
  }
  .SumoSelect > .CaptionCont > label {
    background-color: #ffffff;
  }
  .SumoSelect > .CaptionCont {
    height: 22px;
    border: none;
    border-bottom: 1px #858585 solid;
    border-radius: 0%;
    padding: 0;
  }
  .select-box {
    margin-right: 10px;
  }
  input.datepicker {
    max-width: 112px;
    padding-left: 0;
    margin-left: 10px;
    text-align: center;
  }
  .deliver-contents input.datepicker {
    margin-left: 0;
  }
  .kind-select-box,
  .key-word-box {
    display: flex;
    align-items: baseline;
  }
  input::placeholder {
    opacity: 0;
  }
  .select-box::before {
    display: none;
  }
  .search-result2 {
    display: flex;
    margin: 0;
  }
  /* タブメニュー */
  main .order-list-btn-area {
    border: none;
    position: absolute;
    top: 5px;
    left: 116px;
  }
  main .order-list-btn-area::before {
    content: "[";
  }
  main .order-list-btn-area::after {
    content: "]";
  }
  .order-list-btn-area .select-tab {
    display: inline-block;
    color: #555555;
    padding: 1px 0;
  }
  .order-list-btn-area .select-tab {
    border: none;
  }
  /* 印刷table */
  thead {
    display: table-header-group;
  }
  .table-func {
    justify-content: flex-end;
  }
  .table-area {
    border: none;
    border-radius: 0;
    position: relative;
  }
  .table-area table {
    width: 100%;
    border-collapse: collapse;
    min-width: auto;
    border: none;
  }
  .table-area table tr,
  .table-area table th,
  .table-area table td {
    page-break-inside: avoid;
  }
  .table-area table tr {
    border-left: 1px #858585 solid;
    border-right: 1px #858585 solid;
  }
  .table-area table th {
    background-color: #e8e8e8;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
    border-top: 1px #858585 solid;
    border-bottom: 1px #858585 solid;
    border-color: #858585;
  }
  .table-area table th,
  .table-area table td {
    font-size: 1.26rem;
    color: #000000;
    height: 30px;
  }
  .table-area table td,
  .order-list-main .table-list td {
    white-space: normal;
    padding: 4px;
    line-height: 1.4rem;
    border-top: none;
    border-bottom: 1px #858585 solid;
    border-color: #858585;
  }
  .table-area table .short-tr td:last-child {
    border-color: #858585;
  }
  .table-area td a,
  .table-area td.sumi-green {
    color: #000000;
    text-decoration: none;
  }
  .table-area img,
  table th button.th-edit-btn {
    display: none;
  }
  .order-list-table3 th:last-child,
  .order-list-table3 td:last-child {
    border-color: #858585;
  }
  .invoice-list-table th:last-of-type {
    opacity: 0;
  }
  .gm-style-iw-t .gm-ui-hover-effect,
  .custom-info-item a {
    display: none!important;
  }
  /* 印刷画面モーダル */
  .print-flex-area {
    display: flex;
    align-items: center;
  }
  #print-modal {
    display: inline-block;
    position: static;
    height: auto;
    background-color: transparent;
  }
  #print-modal .dg-body {
    width: 100%;
    position: static;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
  }
  #print-modal .dg-head,
  #print-modal .dg-func-ctl,
  #print-modal .kind-select {
    display: none;
  }
  #print-modal .dg-container .dg-contents {
    padding: 0;
    margin-left: -14px;
  }
  .print-show textarea {
    min-height: 120px;
  }
  /* 地図だけの表示 */
  .gm-style div > img {
    position: absolute;
  }
  .order-list-main:not(.login-main):not(.haisou-main) {
    padding: 0;
    max-width: 100%;
  }
  .order-list-main .table-area {
    max-width: 100%;
  }
  .order-list-main .main-h1-box,
  .order-list-main .order-list-btn-area,
  .order-list-main .deliver-contents,
  .order-list-main #print-modal,
  .order-list-main .table-func,
  .order-list-main .table-area,
  .order-list-main .search-content-area {
    display: none;
  }
  .list-print .main-h1-box,
  .list-print .deliver-contents,
  .list-print .table-func,
  .list-print .search-content-area {
    display: flex;
  }
  .list-print #print-modal,
  .list-print .order-list-btn-area {
    display: inline-block;
  }
  .list-print .table-area {
    display: block;
  }
  .order-list-main .order-list-map {
    margin: 0;
    width: 100%;
    height: 100vh;
  }
  .order-list-map #map {
    margin: 0;
  }
  .list-print .order-list-map {
    margin-top: 8px;
    width: 100%;
    height: 300px;
  }
  /* 配送時のcss */
  .list-print.haisou-main {
    width: 420mm;
    transform: scale(0.98, 0.98);
    -webkit-transform: scale(0.98, 0.98);
    -ms-transform: scale(0.98, 0.98);
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
  }
  .haisou-main .table-area table td {
    line-height: 1.6rem;
    padding: 6px 4px;
  }
  /* 受注詳細 */
  .responsive-main2 .tab-menu-left button,
  .responsive-main2 .tab-box span,
  .responsive-main2 .img-plus-btn,
  .responsive-main2 .print-btn-box,
  .responsive-main2 .order-h1-right,
  .detail-results-area {
    display: none;
  }
  .responsive-main2 .tab-box-open,
  .responsive-main2 .emp-box {
    display: none!important;
  }
  .responsive-main2,
  .main-h1 h1 {
    color: #000000!important;
  }
  .responsive-main2 .cancel-area {
    background-color: transparent;
    border: none;
    align-items: center;
    position: absolute;
    padding: 0;
    top: 16px;
    right: 14px;
  }
  .stop-span {
    border-color: #000000;
  }
  .cancel-area .stop-span::before,
  .cancel-area .stop-span::after,
  .stop-span::before {
    background-color: #000000;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  .responsive-main2 .cancel-area p {
    color: #000000;
  }
  .responsive-main2 .order-tab-menu .select-tab {
    border: 2px #858585 solid;
    border-bottom: 3px #ffffff solid;
  }
  .responsive-main2 .order-tab-menu {
    border-bottom: 2px #858585 solid;
  }
  .responsive-main2 .scroll-area {
    width: auto;
    overflow: visible;
  }
  .responsive-main2 .stop-span,
  .responsive-main2 .stop-area .stop-span {
    border-color: #000000;
    width: 19px;
    height: 19px;
  }
  .responsive-main2 .stop-area .stop-span::before {
    top: 7px;
  }
  .responsive-main2 .order-re-box,
  .responsive-main2 .order-re-box2,
  .responsive-main2 .re-keiri-area,
  .responsive-main2 .parent-span,
  .responsive-main2 .child-span {
    background-color: transparent;
  }
  .responsive-main2 .order-re-box2 {
    min-width: 650px;
  }
  .responsive-main2 .order-re-area {
    max-width: 280mm;
    display: inline-block;
  }
  .responsive-main2 .order-re-area .order-re-flex {
    min-width: 500px;
    max-width: 500px;
    margin-bottom: 8px;
  }
  .responsive-main2 .re-content-div p.re-p {
    color: #000000;
    border-color: #858585;
  }
  .responsive-main2 .tab-h2 .tab-box,
  .responsive-main2 .order-re-area .order-re-flex {
    background-color: transparent;
    color: #000000;
    border: 2px #858585 solid;
  }
  .order-re-flex .order-re-box,
  .detail-label > .main-item,
  .edit-input-column-area .main-item {
    border-color: #858585;
  }
  .responsive-main2 .main-box1 .main-box1-bg {
    border: none;
  }
  .responsive-main2 .order-tab-menu input.select-tab,
  .responsive-main2 .main-box-flex .main-item > span,
  .responsive-main2 .note-box-p,
  .responsive-main2 .re-keiri-area .keiri-contents span,
  .responsive-main2 .delivery-today-tr {
    color: #000000;
  }
  .responsive-main2 .order-detail-area .order-child-area {
    margin-top: 4px;
  }
  /* main2 削除 */
  .responsive-main2 .main-box1 {
    width: 100%;
  }
  .responsive-main2 .main-box2 {
    width: calc(297mm - 584px);
    margin-right: 16px;
    position: absolute;
    top: 101px;
    left: 512px;
  }
  .responsive-main2 .main-box2 .tab-box,
  .responsive-main2 .main-box2 .main-box1-bg,
  .responsive-main2 .main-box2 .detail-note-box,
  .tab-table {
    display: none;
  }
  .responsive-main2 .main-box2 .keiri-open,
  .responsive-main2 .main-box2 .back-tab-box {
    display: flex;
  }
  .responsive-main2 .main-box2 .note-box,
  .responsive-main2 .main-box2 .detail-label,
  .img-select-photo {
    border-color: #858585;
  }
  .responsive-main2 .main-box2 .detail-label {
    display: flex;
  }
  /* フォントサイズ */
  .responsive-main2 .main-h1 h1 {
    font-size: 2.5rem;
  }
  .responsive-main2 .main-h1-no {
    font-size: 1.8rem;
  }
  .responsive-main2 .cancel-area p,
  .responsive-main2 .stop-area,
  .responsive-main2 .order-tab-menu input.select-tab,
  .responsive-main2 .order-re-area span.re-title,
  .responsive-main2 .order-re-box .re-text span,
  .responsive-main2 .order-re-use p,
  .responsive-main2 .main-box-flex .main-item > span,
  .responsive-main2 .note-box-p,
  .responsive-main2 .re-keiri-area .keiri-contents span,
  .responsive-main2 .re-content-div p.re-p,
  .responsive-main2 .detail-textarea .edit-input,
  .responsive-main2 .main-box2 .edit-input {
    font-size: 1.9rem;
  }
  .responsive-main2 .order-re-box .re-text,
  .responsive-main2 .tab-box h2,
  .responsive-main2 .re-content-div p,
  .responsive-main2 .order-re-area .name-re p {
    font-size: 2rem;
  }
  .responsive-main2 .order-re-area span.re-title {
    width: 100px;
  }
  .responsive-main2 .tab-h2 .tab-box {
    height: auto;
    padding: 8px 10px;
    background-color: #e8e8e8;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    -ms-print-color-adjust: exact;
  }
  .responsive-main2 .edit-input,
  .responsive-main2 .order-info .unit-label,
  .responsive-main2 .order-info .altar-label {
    font-size: 30px;
    max-width: calc(100% - 122px);
  }
  .responsive-main2 .main-box-flex .main-item > span {
    width: 114px;
    margin-top: 5px;
  }
  .responsive-main2 .main-box2 .three-cols p {
    max-width: calc(100% - 122px);
  }
  .responsive-main2 .table-area table th,
  .responsive-main2 .table-area table td {
    font-size: 2.1rem;
    line-height: 2.1rem;
    height: 38px;
  }
  /* 経理table */
  .order-table-keiri2 th:nth-child(5),
  .order-table-keiri2 th:nth-child(6),
  .order-table-keiri2 th:nth-child(7),
  .order-table-keiri2 td:nth-child(6),
  .order-table-keiri2 td:nth-child(7),
  .order-table-keiri2 td:nth-child(8),
  .order-table-keiri2 tbody tr:nth-last-child(1),
  .order-table-keiri2 tbody tr:nth-last-child(2),
  .order-table-keiri2 tbody tr:nth-last-child(3) {
    display: none;
  }
  .order-table-keiri2 th:nth-child(3) {
    width: 130px!important;
    white-space: nowrap;
  }
  .order-table-keiri2 th:nth-child(4) {
    width: 150px!important;
    white-space: nowrap;
  }
  /* main-table */
  .order-table-detail th:nth-child(3):not(.order-main .order-table-detail th) {
    width: 88px!important;
  }
  .order-table-detail th:nth-child(5):not(.order-main .order-table-detail th) {
    width: 130px!important;
    white-space: nowrap;
  }
  .order-table-detail th:nth-child(6):not(.order-main .order-table-detail th),
  .order-table-detail th:nth-child(7):not(.order-main .order-table-detail th),
  .order-main .order-table-detail th:nth-child(5),
  .order-main .order-table-detail th:nth-child(6) {
    width: 84px!important;
  }
  .order-table-detail th:nth-child(8):not(.order-main .order-table-detail th),
  .order-main .order-table-detail th:nth-child(9) {
    width: 64px!important;
  }
  .order-table-detail th:nth-last-child(2):not(.order-main .order-table-detail th),
  .order-table-detail th:last-of-type:not(.order-main .order-table-detail th) {
    width: 140px;
    max-width: 140px;
  }
  .table-area table .print-tr-none {
    display: none;
  }
  /* th,td非表示 */
  .order-list-table1 .th-checkbox,
  .order-list-table1 .td-checkbox,
  .order-total-list-main .order-total-table th:last-of-type,
  .order-total-list-main .order-total-table td:last-of-type,
  #invoice-create-form .th-checkbox,
  #invoice-create-form .td-checkbox,
  .invoice-list-table .th-checkbox,
  .invoice-list-table .td-checkbox,
  .invoice-list-table .tr-total td:nth-child(2),
  .invoice-list-table th:last-of-type,
  .invoice-list-table td:last-of-type,
  .invoice-list-table .icon-td,
  .order-table-detail th:nth-child(2),
  .order-table-detail.bg-white-table th:nth-child(3),
  .order-table-detail.bg-white-table td:nth-child(3),
  .order-table-detail .td-checkbox {
    display: none;
  }
  .invoice-list-table th:nth-last-of-type(2),
  .invoice-list-table td:nth-last-of-type(2) {
    border-right: none;
  }
  /* 注文詳細画面 */
  .order-main .order-re-area .order-re-flex {
    flex-direction: column;
    align-items: flex-start;
  }
  .order-main .order-re-flex > div {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0 0 4px 0;
    border: none;
    border-bottom: 1px #858585 solid;
  }
  .order-main .order-re-flex > div:last-of-type {
    margin: 0;
    padding: 0;
  }
  .order-main .order-table-detail table th:nth-child(2) {
    display: table-cell;
  } 
  .order-main .table-area table th {
    background-color: #e8e8e8;
  }
}