.isFlex {
  display: flex !important;
}

.isFlex.isColumn {
  flex-direction: column;
}

.isFluid {
  flex: 1 1 auto !important;
}

.isNarrow {
  flex: 0 0 auto !important;
}

.isHidden {
  display: none !important;
}

.isBold {
  font-weight: bold;
}

.isNormal {
  font-weight: normal;
}

.isBlue {
  color: #6565D9;
}

.isDanger {
  color: #f44336;
}

.hasError {
  color: #f44336
}

.hasTextCenter {
  text-align: center;
}

.hasTextRight {
  text-align: right;
}

hr.isDotted {
  border: 0.5px dashed #CCCCCC;
  margin: 0;
}

.myHeaderSection {
  padding: 0 10rem;
}

section+section {
  margin-top: 0.75rem;
}

.myButton {
  letter-spacing: 0.15rem;
}

.field {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.field+.field {
  margin-left: 0.75rem;
}

.field.isHorizontal {
  flex-direction: row;
  justify-content: flex-start;
}

.field.isHorizontal+.field.isHorizontal {
  margin-left: 0;
}

.field.isImportant {
  color: #FFFFFF;
  background-color: #6565D9;
}

.field.isImportant {
  background-color: #6565D9;
}

.fieldLabel {
  padding: 0.5rem 0.75rem;
  min-width: 7rem;
  font-weight: bold;
}

.fieldLabel.isThin {
  min-width: auto;
}

.fieldLabel.isSecondary {
  background-color: #EEEEFF;
  color: #333333;
}

.fieldLabel.isPrimary {
  background-color: #6565D9;
  color: #FFFFFF;
}

.fieldBody {
  display: flex;
  padding: 0.5rem 0.75rem;
}

.fieldWrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.fieldWrapper.isDotted {
  border: 0.5px dashed #CCCCCC;
  margin: 0;
}

.myFrame.myCustomerFrame {
  border: none;
}

.myFrame.myOrderInfoFrame {
  border: none;
}

.myFrame.myDeliveryCategoryFrame {
  border: none;
}

.myFrame.myMessageFrame {
  border: none
}

.myFrameHeader {
  padding: 0.5rem 0.75rem;
}

.myFrameBody {
  display: flex;
  flex-direction: column;
  border: 1px solid #CCCCCC;
}

.frameContents {
  display: flex;
}

.frameContents .myFrame+.myFrame {
  margin-left: 0.75rem;
}

.myCustomerFrame {
  flex: 3 0 0%;
}

.myOrderInfoFrame {
  flex: 2 0 0%;
}

.myDeliveryCategoryFrame {
  flex: 0 0 auto;
}

.myMessageFrame {
  flex: 1 1 auto;
}

.bushoWrapper {
  padding: 0.75rem;
  border: 1px solid #CCCCCC;
  background-color: #EEEEFF;
}

.tableContainer {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #6565D9;
}

.tableHeader {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  background-color: #DDDDFF;
  border: none;
  padding: 5px .75rem;
  font-weight: bold;
}

.tableBody {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  background-color: #FFFFFF;
}

.tableColumns {
  display: flex;
}

.tableColumn {
  display: flex;
  padding: 0 0.5rem;
}

.tableColumn.colImage {
  flex: 0 0 80px;
}

.tableColumn.colCommodityInfo {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.tableColumn.colPrice {
  display: flex;
  flex-direction: column;
  flex: 0 0 120px;
}

.tableColumn.colQuantity {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 240px;
}

.tableColumn.colTotalPrice {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 0 0 120px;
}

.tableRow {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 0.1875rem;
  /* #34279 車輌から探すの部品検索結果画面のレイアウト調整 余白変更 0.75rem ⇒ 0.1875rem */
}

.tableRow:nth-child(2n) {
  background: #F6F6FF;
}

.totalWrapper {
  display: flex;
  padding: 1.25rem;
  border-top: 1px solid #6565D9;
}


/* 納品区分 */

.deliveryCategoryField {
  padding: 0.5rem 0.75rem;
  font-weight: bold;
  color: white;
  background: #6565D9;
}

.commodityImage {
  width: 60px;
  height: 60px;
}


/* Origin */

.spacedWrapper {
  display: flex;
}

.spacedWrapper.hasTextCentered {
  justify-content: center;
}

.spacedWrapper.hasTextRight {
  justify-content: flex-end;
}

.spacedWrapper .labelSpaced {
  width: 48px;
}

.spacedWrapper .spacedDelimiter {
  margin: 0 0.5rem;
}

.completeTextWrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: center;
  padding: 1rem 0;
  padding-top: 0;
}

.completeTextWrapper .completeSuccessTextWrapper {
  display: flex;
  flex-direction: column;
}

.makerWrapper {
  display: flex;
}

.completeOrderNo {
  color: #6565D9;
  font-weight: bold;
}

.toMyPageButton {
  width: 100%;
}


/* 印刷プレビュー用レイアウト */

body.print .myHeader {
  display: none;
}

body.print .underLine {
  display: none;
}

body.print .myTopicPath {
  display: none;
}

body.print .myFooter {
  display: none;
}

body.print .myButton {
  display: none;
}

.isLong {
  display: initial;
}

.isShort {
  display: none;
}

@media (max-width: 959px) {

  .colImage {
    display: none;
  }

  .isLong {
    display: none;
  }

  .isShort {
    display: initial;
  }

  .makerWrapper {
    flex-direction: column;
  }

  .makerWrapper span + span {
    margin-left: 0px;
  }
}