/* ---------------------------- */
/*            共通              */
/* ---------------------------- */
.sec-list {
  margin-bottom: 12px;
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
}

.cont-inner .cont-list {
  display: flex;
  height: 60px;
  align-items: center;
}

/* ---------------------------- */
/*        共通(見出し)          */
/* ---------------------------- */
.sec-list._list-label {
  width: 100%;
  background-color: #e8ecef;
  margin: 0;
  font-weight: bold;
  border-radius: 0;
  box-shadow: none;
  transition: 0.3s;
}

._list-label .cont-inner .cont-list {
  height: 42px;
}

/* 310pxスクロール後 */
.sec._sticky {
  height: 48px;
}

._list-label._sticky {
  background-color: #fff;
  position: fixed;
  top: 0;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.5);
  height: 48px;
  z-index: 1;
}

/* ---------------------------- */
/*         共通(項目)           */
/* ---------------------------- */
.list-col {
  margin-left: 9px;
  margin-right: 9px;
  text-align: center;
  white-space: nowrap;
}

.list-col:first-child {
  margin-left: 0;
}

/* リスト項目内の横スクロール設定 */
.list-col._scroll {
  display: flex;
  align-items: center;
}

.list-col._no {
  width: 28px;
}

.list-col._order_number {
  width: 100px;
}

.list-col._name {
  width: 180px;
  text-align: left;
}

.list-col._date_y {
  width: 92px;
}

.list-col._date_m {
  width: 78px;
}

.list-col._datetime_y {
  width: 138px;
}

.list-col._datetime_m {
  width: 108px;
}

.list-col._amount {
  width: 52px;
}

.list-col._staff {
  width: 90px;
}

/* ---------------------------- */
/*           one-line           */
/* ---------------------------- */
/* ---------------------------- */
/* Layout.cssの上書き設定       */
/* ---------------------------- */
._one-line .sec-list .cont-inner {
  display: flex;
  align-items: center;
  padding: 0 12px;
}

/* ---------------------------- */
/* 共通(見出し)の上書き         */
/* ---------------------------- */
._one-line .sec-list._list-label {
  padding-left: 24px;
}

/* ---------------------------- */
/*           two-line           */
/* ---------------------------- */
/* ---------------------------- */
/* Layout.cssの上書き           */
/* ---------------------------- */
._two-line .sec-list .cont-inner {
  display: block;
  padding: 0;
}

/* ---------------------------- */
/* 共通(見出し)の上書き         */
/* ---------------------------- */
._two-line .sec-list._list-label {
  padding-left: 24px;
}

._two-line .list-col {
  margin-left: 21px;
  margin-right: 21px;
}

/* ----------------------------- */
/* コンテンツ(上部)              */
/* ----------------------------- */
._two-line .cont-list._list-top {
  min-height: 52px;
  height: initial;
  border-bottom: 1px solid #eee;
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
  padding: 6px 21px;
  justify-content: space-between;
}

/* ----------------------------- */
/* コンテンツ(下部)              */
/* ----------------------------- */
._two-line .cont-list._list-bottom {
  min-height: 68px;
  height: initial;
}

._two-line .list-col._no._center {
  margin-right: 0;
}

/* ---------------------------- */
/* 共通(項目)の上書き           */
/* ---------------------------- */
._two-line ._name {
  width: 256px;
  min-width: 256px;
  max-width: 256px;
  height: 40px;
  line-height: 40px;
}

._two-line ._datetime_y {
  width: 112px;
}

._two-line ._date_m {
  width: 64px;
}

._two-line ._datetime_m {
  width: 78px;
}