@charset "UTF-8";
/* =====================================
   黒表紙料金表
   スマホ対応
===================================== */
@media(max-width: 767px) {

  .kurohyoushi {
    display: block;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .kurohyoushi > .lay-col12-xs-12,
  .kurohyoushi > .lay-col12-md-6,
  .kurohyoushi > .lay-col12-lg-6 {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 30px;
    box-sizing: border-box;
  }

  .kurohyoushi .cparts-table-block {
    width: 100%;
    max-width: 100%;
    overflow-x: visible !important;
  }

  .kurohyoushi table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed;
    border-collapse: collapse;
  }

  .kurohyoushi tbody,
  .kurohyoushi tr {
    width: 100%;
  }

  .kurohyoushi th,
  .kurohyoushi td {
    min-width: 0 !important;
    max-width: none !important;
    padding: 12px 10px;
    box-sizing: border-box;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
  }

  .kurohyoushi th:first-child,
  .kurohyoushi td:first-child {
    width: 58%;
  }

  .kurohyoushi th:last-child,
  .kurohyoushi td:last-child {
    width: 42%;
  }

  .kurohyoushi td:last-child:not([colspan]) {
    white-space: nowrap;
  }

  .kurohyoushi td[colspan] {
    width: 100% !important;
    white-space: normal;
    line-height: 1.7;
    text-align: left;
  }

  .kurohyoushi .cparts-id250--01__ttl {
    margin-bottom: 10px;
  }
}

/* =====================================
   スキャン料金表
   スマホ
===================================== */
@media(max-width: 767px) {
  .scan-table,
  .scan-table .cparts-table-block,
  .scan-table .lay-reset-child {
    width: 100%;
    max-width: 100%;
    overflow-x: visible !important;
  }

  .scan-table table {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border-collapse: collapse;
    table-layout: fixed;
  }

  .scan-table tbody {
    display: block;
    width: 100%;
  }

  .scan-table tr:first-child {
    display: none;
  }
  .scan-table tr {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }

  .scan-table td {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    gap: 12px;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    padding: 0 12px 0 0 !important;
    border: none;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;

    text-align: left !important;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .scan-table td:last-child {
    border-bottom: none;
  }

  .scan-table td::before {
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: 12px;
    font-weight: 700;
    background: #f5f5f5;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
  }

  .scan-table td:nth-child(1)::before {
    content: "サイズ";
  }

  .scan-table td:nth-child(2)::before {
    content: "寸法";
  }

  .scan-table td:nth-child(3)::before {
    content: "価格";
  }

  .scan-table td:nth-child(3) {
    white-space: nowrap;
  }
  .scan-table02 {
    background: #fff;
  }
  .scan-table02,
  .scan-table02 .cparts-table-block,
  .scan-table02 .lay-reset-child {
    width: 100%;
    max-width: 100%;
    overflow-x: visible !important;
  }

  .scan-table02 table {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border-collapse: collapse;
    table-layout: fixed;
  }

  .scan-table02 tbody {
    display: block;
    width: 100%;
  }

  .scan-table02 tr:first-child {
    display: none;
  }

  .scan-table02 tr {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }

  .scan-table02 td {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    gap: 12px;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    padding: 0 12px 0 0 !important;
    border: none;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;

    text-align: left !important;
    white-space: normal;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .scan-table02 td:last-child {
    border-bottom: none;
  }
  .scan-table02 td::before {
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: 12px;
    font-weight: 700;
    background: #f5f5f5;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
  }

  .scan-table02 td:nth-child(1)::before {
    content: "サイズ";
  }

  .scan-table02 td:nth-child(2)::before {
    content: "寸法";
  }

  .scan-table02 td:nth-child(3)::before {
    content: "価格";
  }

  .scan-table02 td:nth-child(3) {
    white-space: nowrap;
  }

}