*{
  box-sizing:border-box;
  -webkit-font-smoothing: antialiased;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
html,
body{
  background-color:#ffffff;
  color:#222;
  font-size:14px;
}
html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p,
form, input, div {
  margin: 0;
  padding: 0;
}
input,
textarea,
button,
select{
  outline:none;
}
input[type="text"],
input[type="number"],
select,
textarea{
  padding:3px;
  border:1px solid #aaa;
}
input[type="text"]:disabled,
input[type="number"]:disabled,
select:disabled,
textarea:disabled{
  border: 1px solid #ccc;
  background: #f7f7f7;
  cursor:normal;
}
label{
  font-weight:normal;
  margin:0;
}
table{
  width:100%;
  border-collapse:collapse;
}
th{
  font-weight:normal;
}
li {
  list-style: none;
}
a{
  text-decoration: none;
  color:#0000cd;
  cursor:pointer;
}
a:hover{
  text-decoration: underline;
  color:#0000cd;
}
dl{
  margin: 0;
  padding: 0;
}
dt,dd{
  font-weight: normal;
  padding: 0;
  line-height: 1.4;
}
textarea{
  resize:vertical;
}
.content{
  width:990px;
  margin:0 auto;
}

.left{
  text-align:left !important;
}
.center{
  text-align:center !important;
}
.right{
  text-align:right !important;
}
.flex-space-between{
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  align-items:center;
}
.text-small{
  font-size: 11px;
  color: #555;
}
.text-large{
  font-size: 16px;
  font-weight: bold;
}
/***header***/
.header-top .content{
  padding:8px;
}
.logo img{
  height: 48px;
}
.header-top-right{
  font-size: 12px;
  line-height: 1.3;
  display: -webkit-flex;
  display: flex;
  align-items:flex-end;
}
.header-top-right a{
  font-size:12px;
  color:#444;
  text-decoration: underline;
}
.record-wrap{
  margin-right: 12px;
}
.record-wrap dl:not(:last-of-type){
  margin-right: 8px;
}
.record-wrap dd{
  font-weight: bold;
}
.update_navigation{
  height:auto;
  padding:4px 8px;
  margin-left: 4px;
}
/***menu-bar***/
.main-menu-bar{
  background: #9cbad8;
  background: -moz-linear-gradient(top, #7196bc 1%, #31659e 49%, #2f5c8c 51%, #0b3f72 100%);
  background: -webkit-linear-gradient(top, #7196bc 1%,#31659e 49%,#2f5c8c 51%,#0b3f72 100%);
  background: linear-gradient(to bottom, #7196bc 1%,#31659e 49%,#2f5c8c 51%,#0b3f72 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7196bc', endColorstr='#0b3f72',GradientType=0 );
  position:relative;
  border-top:1px solid #789bbf;
  border-bottom:1px solid #083766;
  user-select:none;
}
.main-menu{
  width:100%;
  text-align:center;
  display:table;
  border-left:1px solid #dce2e8;
  border-right:1px solid #dce2e8;
}
.main-menu > li{
  display:table-cell;
  width:100px;
  transition:all,0.5s;
  position: relative;
}
.main-menu > li + li{
  border-left:1px solid #dce2e8;
}
.main-menu a,
.main-menu a:visited{
  color:white;
  text-decoration:none !important;
  display:block;
  padding:6px 0;
  font-size:13px;
}
.main-menu a:hover{
  color:white;
  text-decoration:none;
}
.main-menu a img{
  display:block;
  margin:auto;
  margin-bottom:3px;
  color:white;
  height:25px;
  width:25px;
}
.sub-menu-bar{
  background:#ccc;
}
.sub-menu{
  width:100%;
  display:-webkit-flex;
  display:flex;
}
.sub-menu li a:before{
  font-family:FontAwesome;
  content:"\f0da";
  margin-right:8px;
  color:black;
}
.sub-menu li a{
  color:black;
  display:block;
  padding:10px;
  text-decoration:none;
  transition:all,0.3s;
}
.sub-menu li a:hover{
  background:rgba(255,255,255,0.5);
}
/***main***/
.main{
  margin:20px 0;
}
.page-title{
  margin:10px 0;
  padding:0 6px;
}
.page-title:after {
  margin-top:3px;
  content:"";
  display:block;
  height:3px;
  background:-moz-linear-gradient(to right, #115487, transparent);
  background:-webkit-linear-gradient(to right, #115487, transparent);
  background:linear-gradient(to right, #115487, transparent);
}
.page-title h2{
  font-size:20px;
  font-weight:bold;
  text-shadow:2px 1px 1px rgba(0,0,0,0.3);
}
.page-title h2:before{
  content:'\f0da';
  font-family: FontAwesome;
  padding-right:4px;
}
.order-input{
  width:45px;
}

/***button***/
button{
  padding:3px 6px;
  border-radius:2px;
  text-shadow:1px 1px 0 rgba(255,255,255,0.3);
  border:1px solid #aaa;
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 50%, #e8e8e8 50%, #dddddd 100%);
  background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 50%,#e8e8e8 50%,#dddddd 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 50%,#e8e8e8 50%,#dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dddddd',GradientType=0 );
  user-select:none;
  white-space:nowrap;
}
button:hover{
  border:1px solid #888;
}
button:active{
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #dddddd 0%, #e8e8e8 50%, #efefef 50%, #fcfcfc 100%);
  background: -webkit-linear-gradient(top, #dddddd 0%,#e8e8e8 50%,#efefef 50%,#fcfcfc 100%);
  background: linear-gradient(to bottom, #dddddd 0%,#e8e8e8 50%,#efefef 50%,#fcfcfc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#fcfcfc',GradientType=0 );
}
button:disabled{
  border:1px solid #aaa;
  opacity:0.6;
}
button i{
  font-size:15px;
  margin-right:3px;
}
.color-btn,
.color-btn:hover,
.color-btn:visited{
  color:white;
  font-size: 14px;
  padding:5px 6px;
  font-weight:bold;
  letter-spacing:0.5px;
  border-radius:2px;
  border:1px solid rgba(0,0,0,0.1);
  text-decoration:none !important;
  text-shadow:1px 1px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset,
              0 -1px 0 rgba(0,0,0,0.1) inset;
}
.color-btn:active{
  color:white;
  text-decoration:none !important;
  box-shadow: 0 -1px 0 rgba(255,255,255,0.4) inset,
              0 1px 0 rgba(0,0,0,0.1) inset;
}
.green-btn,
.green-btn:hover,
.green-btn:active{
  background: #1aa556;
  background: -moz-linear-gradient(top, #1aa556 0%, #00913e 100%);
  background: -webkit-linear-gradient(top, #1aa556 0%,#00913e 100%);
  background: linear-gradient(to bottom, #1aa556 0%,#00913e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa556', endColorstr='#00913e',GradientType=0 );
}
.orange-btn,
.orange-btn:hover,
.orange-btn:active{
  background: #ffa83f;
  background: -moz-linear-gradient(top, #ffa83f 0%, #f78e0e 100%);
  background: -webkit-linear-gradient(top, #ffa83f 0%,#f78e0e 100%);
  background: linear-gradient(to bottom, #ffa83f 0%,#f78e0e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83f', endColorstr='#f78e0e',GradientType=0 );
}
.red-btn,
.red-btn:hover,
.red-btn:active{
  background: #E83030;
  background: -moz-linear-gradient(top, #E83030 0%, #d61111 100%);
  background: -webkit-linear-gradient(top, #E83030 0%,#d61111 100%);
  background: linear-gradient(to bottom, #E83030 0%,#d61111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E83030', endColorstr='#d61111',GradientType=0 );
}
.gray-btn,
.gray-btn:hover,
.gray-btn:active{
  background: #7C7C7C;
  background: -moz-linear-gradient(top, #7C7C7C 0%, #606060 100%);
  background: -webkit-linear-gradient(top, #7C7C7C 0%,#606060 100%);
  background: linear-gradient(to bottom, #7C7C7C 0%,#606060 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7C7C7C', endColorstr='#606060',GradientType=0 );
}
.blue-btn,
.blue-btn:hover,
.blue-btn:active{
  background: #4379a8;
  background: -moz-linear-gradient(top, #4379a8 0%, #225c8e 100%);
  background: -webkit-linear-gradient(top, #4379a8 0%,#225c8e 100%);
  background: linear-gradient(to bottom, #4379a8 0%,#225c8e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4379a8', endColorstr='#225c8e',GradientType=0 );
}
.reset-btn{
  background:transparent;
  border:none;
  color:#0000cd;
  white-space:nowrap;
  user-select:none;
}
.reset-btn:hover,
.reset-btn:active{
  text-decoration:underline;
  color:#0000cd;
  border:none;
  background:transparent;
}
/*table*/
.blue-table th,
.blue-table td{
  text-align:center;
  font-size:13px;
  padding:5px 2px;
  border:1px solid #828589;
}
.blue-table th *{
  font-size:13px;
}
.blue-table thead{
  border-bottom:2px solid #828589;
}
.blue-table thead th{
  background: #e0e0e0;
  background: -moz-linear-gradient(top, #e0e0e0 0%, #c4c4c4 50%, #bdbec1 51%, #abacad 100%);
  background: -webkit-linear-gradient(top, #e0e0e0 0%,#c4c4c4 50%,#bdbec1 51%,#abacad 100%);
  background: linear-gradient(to bottom, #e0e0e0 0%,#c4c4c4 50%,#bdbec1 51%,#abacad 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#abacad',GradientType=0 );
  color:black;
  text-shadow:1px 1px 0 rgba(255,255,255,0.2);
  white-space:nowrap;
}
.blue-table tr{
  background-color:#f9f9f9;
}
.blue-table tr:nth-child(even) {
  background-color:#e8effc;
}
.blue-table td,
.blue-table td *{
  font-size:13px;
  /*white-space:normal;*/
  /*word-break:break-all;*/
  /*word-wrap:break-word;*/
}
.blue-table div{
  min-height:20px;
  padding:3px 0;
}
.blue-table div + div{
  border-top:1px solid rgba(0,0,0,0.2);
}
.blue-table td button{
  font-size:14px;
  /*white-space:nowrap;*/
  /*word-break:keep-all;*/
  /*word-wrap:normal;*/
}

.result-table{
  border:1px solid #ccc;
  margin-bottom: 8px;
  font-size: 13px;
}
.result-table th,
.result-table td{
  padding:8px;
}
.result-table thead{
  background: #eeeeee;
  border-bottom:1px solid #ccc;
}
.result-table tbody tr{
  border-top:1px solid #ccc;
}
.result-table tbody tr:nth-child(even){
  background: #f9f9f9;
}
.td-item:not(:first-of-type){
  margin-top:8px;
}
.dl-wrap.dl-inline dl{
  display: inline-block;
}
.dl-wrap.bold dt{
  font-weight:bold;
  color:#333333;
}
.dl-wrap.colon dt:after{
  content:':';
}
.dl-wrap.inline dt,
.dl-wrap.inline dd{
  display: inline;
}

#img-loader {
  display: none;
  background: url(../gif_png/loader.gif) no-repeat  right 50% top 50%;
  position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,0.8);opacity:0.9;left:0;top:0;z-index:20021;
}
.img-loader-F {
  display: none;
  background: url(../gif_png/loader.gif) no-repeat right 50% top 50%;
  height: 80px;
  width: 70px;
  margin: auto;
}
.form-wrapper{
  margin:15px auto;
  border:1px solid #bbb;
  background-color:#e8effc;
  padding:10px;
}
.form-wrapper th,
.form-wrapper td{
  padding:3px;
  border:3px solid #e8effc;
}
.form-wrapper td input,
.form-wrapper td select{
  padding:2px;
}
/***modal***/
.o_modal{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.2);
  display:none;
  z-index: 4;
}
.o_modal_box{
  background:white;
  width: 94%;
  height:94%;
  margin:1% auto;
  border:1px solid #aaa;
  position:relative;
}
.o_modal_head{
  background:#eee;
  padding:0 10px;
  height:35px;
  line-height:35px;
  border-bottom:1px solid #aaa;
  text-align:right;
  position:absolute;
  top:0;
  left:0;
  right:0;
}
.o_modal_head a{
  font-size:25px;
  color:#999;
  cursor:pointer;
  transition:all,0.3s;
}
.o_modal_head a:hover{
  color:#555;
}
.o_modal_body{
  padding:5px 10px;
  overflow-y:auto;
  position:absolute;
  top:35px;
  bottom:0;
  left:0;
  right:0;
}
.o_modal_main{
  margin:0 auto;
}
.modal-title{
  margin:10px 0;
  font-size:20px;
  font-weight:bold;
  text-shadow:2px 1px 1px rgba(0,0,0,0.3);
  text-align:center;
}
.modal-title:after {
  margin-top:3px;
  content:"";
  display:block;
  height:3px;
  background:-moz-linear-gradient(to right, transparent 0%, #115487 25%, #115487 75%, transparent);
  background:-webkit-linear-gradient(to right, transparent 0%, #115487 25%, #115487 75%, transparent);
  background:linear-gradient(to right, transparent 0%, #115487 25%, #115487 75%, transparent);
}
.msg-item-sku-exist {
  color: black;
  opacity: 0.5;
  font-size: 10px !important;
  display: block;
}
.timeout-text {
  color: #b3b3b3;
  cursor: pointer;
  font-size: 9px;
}

/* Button to top */
#back-top {
    position: absolute;
    bottom: 100%;
    right: 0%;
}
 
#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 15px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #3e70a5;
 
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
 
/* arrow icon (span tag) */
#back-top span {
    width: 108px;
    height: 108px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(../img/up-arrow.png) no-repeat center center;
 
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}
.wrapper-link-search-back {
  margin-top: 10px;
}
.link-search-back {
    text-decoration: none;
    color: black;
    padding: 3px 6px;
    border-radius: 2px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
    border: 1px solid #aaa;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 50%, #e8e8e8 50%, #dddddd 100%);
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 50%,#e8e8e8 50%,#dddddd 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#efefef 50%,#e8e8e8 50%,#dddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dddddd',GradientType=0 );
    user-select: none;
    white-space: nowrap;
}
.link-search-back:hover {
  color: black;
}
/*responsive*/
@media all and (max-width: 990px){
  .content{
    width:98%;
  }
  .o_modal_box {
    width: 96vw;
  }
}
@media all and (max-width: 600px){
  .content{
    width:590px;
  }
}

.div-wraper-autocompleter{
    width: 100%;
    position: relative;
}
.div-wraper-autocompleter .autocompleter{
    background: #fff;
    z-index: 999;
    border: 1px solid #5e9cdb9e;
    padding: 5px;
}

.select_maker p {
    max-width: fit-content;
}
.file_cart {
  font-size: x-large !important;
  cursor: pointer;
  color: #0000cd;
}
.fa-paperclip {
  transform: rotate(45deg);
}
.delete-file-icon {
  cursor: pointer;
  padding: 5px;
}
.checkbox-cart {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
}
.show-detail.collapsed:before
{
    content:'詳細' ;
    display:block;
}
.show-detail:before
{
    content:'省略' ;
    display:block;
}
a.show-detail, a.show-detail:visited, a.show-detail:hover, a.show-detail:active {
  color: #0000cd;
}
a.disabled {
  pointer-events: none;
  color: #acacbb;
}
.link_color {
  color: #0000cd;
}
.blue-search-btn{
  background:#1C6BC0;
  color: #ffffff;
  border-radius: 5px;
}