@charset "UTF-8";

/* header（ヘッダのデザイン変更のため：3/22／PDFのみ）
--------------------------------------------------------- */
.header_deliv {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  background-color: #FFF;
}

.layout--snd .header_deliv {
  display:block;
  position:fixed;
/* 統一取引先コード管理 変更 貝沼20190422 */
/*  min-width:1264px;*/
  min-width:1245px;
/* 統一取引先コード管理 変更 貝沼20190422 */
}

.layout--rcv .header_deliv {
  display:block;
  position:fixed;
  /* 統一取引先コード管理 変更 貝沼20190422 */
  /*  min-width:1264px;*/
  min-width:1245px;
  /* 統一取引先コード管理 変更 貝沼20190422 */
  border-bottom: 8px solid #E00013;
}

/* PDF変換 パスワード再入力 */
.password-inline {
  display:inline-block;
  text-align:left;
}
/* FDSW11010、PDFW07020 総数セル表示対応 */
td.table-cell_color{
   padding: 0 8px;
   background: #E0FFFF;
   vertical-align: baseline;
   font-weight: bold;
   font-size: 15px;
   border: 1px solid #bbbbbb;
   line-height: 24px;
   white-space: nowrap;
   overflow: hidden;
}

td.table-cell_error{
   padding: 0 8px;
   background: #FFDDDD;
   vertical-align: baseline;
   font-size: 15px;
   border: 1px solid #bbbbbb;
   line-height: 24px;
   white-space: nowrap;
   overflow: hidden;
}

/* FDSW12020、FDSW12030 ボタン対応 */
.buttonChange{
    width: 300px;
    padding: 0.5em 1em;
    margin: 0em 0;
    color: #474747;
    background: whitesmoke;
    border-left: double 7px #F78181;
    border-right: double 7px #F78181;
}
/* FDSW02010で使用 */
div.webBorder{
    width: 900px;
    margin: auto;
    text-align: center;
    border: solid 2px #E66000;
    border-radius: 3px;
}
div.pdfTitle {
    font-size: 16px;
    border-bottom: solid 2px #E66000;
    text-align: left;
    padding-bottom: 10px;
    background: #E66000;
    color: #FFFFFF;
    padding-top: 10px;
    padding-left: 20px;
}
div.pdfRule {
    font-size: 18px;
    text-align: left;
}
.footer-button__item2 {
  min-width: 80px;
  height: 40px;
  padding: 0 16px;
  border: 1px solid #B2B2B2;
  border-radius: 5px;
  background: #FFF;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  font-family: "Meiryo UI", "メイリオ", Meiryo, Verdana, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* drawer_system
--------------------------------------------------------- */
.drawer_system {
  width: 17.5%;
  left: -18%;
}

.footer-link__item-lv2 {
  width: 100px;
  padding: 8px 0;
  border-radius: 5px;
  display: none;
  position: absolute;
  left: calc((1280px - 100%) / -2);
  top: -35px;
  background: #FFF;
  font-size: 14px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}

.footer-link__item:hover .footer-link__item-lv2 {
  display: block;
}

.footer-link__item-lv2 a {
  display: block;
  padding-left:15px;
}

/* aside
--------------------------------------------------------- */
.layout--aside-opened .main {
  padding-right: 260px;
}

.layout--aside-opened .tab {
  display: none;
}

.aside {
  width:260px;
  padding-top: 40px;
  background: #FFF;
  position: absolute;
  z-index: 2;
  bottom: 40px;
  right: -30%;
  overflow-y: auto;
  -webkit-box-shadow: -2px 0 2px 0 rgba(0, 0, 0, 0.14), -3px 0 1px -2px rgba(0, 0, 0, 0.2), -1px 0 2px 0 rgba(0, 0, 0, 0.12);
          box-shadow: -2px 0 2px 0 rgba(0, 0, 0, 0.14), -3px 0 1px -2px rgba(0, 0, 0, 0.2), -1px 0 2px 0 rgba(0, 0, 0, 0.12);
}

.layout--edi .aside,
.layout--wholesale .aside {
  top: 112px;
}

.layout--rcv .aside {
  top: 80px;
}

.layout--snd .aside {
  top: 112px;
}

.layout--footer-button .aside {
  bottom: 112px;
}

.layout--aside-opened .aside {
  right: 0;
}

.aside__close {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #8C8C8C;
  cursor: pointer;
}

.aside__close .material-icons {
  display: block;
}

.aside__title {
  font-size: 16px;
  font-weight: bold;
}

.aside__sub-title {
  font-weight: bold;
}

.aside__sub-title span {
  color: #324395;
}

.aside__balloon {
  padding: 16px;
  border-radius: 5px;
  background: #DDD;
  position: relative;
}

.aside__balloon:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 28px;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 14px solid #DDD;
  border-right: 8px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 8px solid transparent;
}

.aside__balloon--green {
  color: #FFF;
  background: #00A33D;
}

.aside__balloon--green a {
  color: #FFF;
}

.aside__balloon--green:before {
  border-top-color: #00A33D;
}

.aside__balloon--last:before {
  content: none;
}

.ribbon_red {
  color: #FFF;
  background: -webkit-gradient(linear, left bottom, left top, from(#ff0000), to(#e68585));
  background: linear-gradient(0deg, #ff0000, #e68585);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#e68585' , GradientType=0);
}
.ribbon_red2 {
  color: #FFF;
  background: -webkit-gradient(linear, left bottom, left top, from(#ff7199), to(#ffa4c4));
  background: linear-gradient(0deg, #ff6969, #ff919b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7199',endColorstr='#ffa4c4' , GradientType=0);
}
.error_msg{
    display:block;
}

.table__cell > .material_text{
    width: calc(100% - 24px);
    overflow: hidden;
}

td.table__cell_error {
   background: #FFDDDD;;
}

.table__cell > .material_icon{
    position: absolute;
    top: 13px;
    right: 12px;
}
.table-note-bottom {
  border-bottom: 1px solid #DDD;
}

.table__cell-narrow {
  padding: 2px !important;
  min-height: 0px !important;
}

.utility__button_disabled {
  color: #FFF;
  background: #DDD;
  -webkit-filter: none;
          filter: none;
  cursor: auto;
}

.table-pulldown__select:disabled {
  background: #DDD;
  -webkit-filter: none;
          filter: none;
  cursor: auto;
}

.table__cell-narrow {
  padding: 2px !important;
  min-height: 0px !important;
}

.checkbox_disabled{
  background: #DDD;
}

.fileupload-textbox_disabled {
  background: #DDD;
}

.textbox_disabled {
  background: #DDD;
}

.direct-upload .electronic-books-maint input[type=text]:disabled {
  background: #DDD;
}

.ribbon_blue {
  color: #FFF;
  background: -webkit-gradient(linear, left bottom, left top, from(#3366cc), color-stop(16.15%, #356dcf), color-stop(39.47%, #3a80d9), color-stop(67.13%, #419fe8), color-stop(97.91%, #4ccbfd), to(#4dceff));
  background: linear-gradient(0deg, #3366cc 0%, #356dcf 16.15%, #3a80d9 39.47%, #419fe8 67.13%, #4ccbfd 97.91%, #4dceff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DCEFF',endColorstr='#3366CC' , GradientType=0);
}
.ribbon_blue2 {
  color: #FFF;
  background: -webkit-gradient(linear, left bottom, left top, from(#4da2bc), color-stop(50%, #5bc0de), to(#aee0ee));
  background: linear-gradient(0deg, #4da2bc 0%, #5bc0de 50%, #aee0ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AEE0EE',endColorstr='#4DA2BC' , GradientType=0);
}
.ribbon_blue3 {
  color: #FFF;
  background: -webkit-gradient(linear, left bottom, left top, from(#3C8CFD), color-stop(25%, #4792FD), color-stop(50%, #73ACFE), color-stop(75%, #94BFFC), to(#B0CFFB));
  background: linear-gradient(0deg, #3C8CFD 0%, #4792FD 25%, #73ACFE 50%, #94BFFC 75%, #B0CFFB 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B0CFFB',endColorstr='#3C8CFD' , GradientType=0);
}