/* カスタマイズ用CSS */
.center {
    display: flex;
    align-content: center;
    justify-content: center;
}
.right {
  display: flex;
  align-content: center;
  justify-content: flex-end;
}

.big {
  font-size: 1.4em;
}

.algnC {
    text-align: center;
}
/* タイトルロゴが薄くなるのを停止 */
.ec-headerTitle .ec-headerTitle__title a:hover {
    opacity: 1;
}

.table {
    display: table;
    border-collapse: collapse;
}
.table .tr {
    display: table-row;
}
.table .tr .th {
    display: table-cell;
    font-weight: bold;
    padding: 4px;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.table .tr .td {
    display: table-cell;
    padding: 4px;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
}

@media(max-width:767px){
  .table .tr .th,
  .table .tr .td {
    display: block;
  }
}

/* 申込用紙 */

#page_product_list form input[type="number"],
#page_order_sheet form input[type="number"] {
    text-align: right;
}
#page_product_list th,
#page_order_sheet list th {
    text-align: center;
}
#page_product_list th:last-child,
#page_product_list td:last-child,
#page_order_sheet th:last-child,
#page_order_sheet td:last-child {
    width: 100px;
}
#page_product_list td:last-child,
#page_order_sheet td:last-child {
    text-align: right;
}
#page_product_list th:nth-child(3),
#page_order_sheet th:nth-child(3) {
    visibility: hidden;
    width: 0;
    padding: 0;
    font-size: 0;
}
#page_product_list td:nth-child(3)[rowspan],
#page_order_sheet td:nth-child(3)[rowspan] {
    visibility: hidden;
    width: 0;
    padding: 0;
    font-size: 0;
}
#page_product_list tr:last-child th,
#page_order_sheet tr:last-child th {
    text-align: right;
}
#page_product_list td:last-child span[class^=sub_total]::before,
#page_order_sheet td:last-child span[class^=sub_total]::before {
    content: "¥";
}
#page_product_list tr:last-child td .total::before,
#page_order_sheet tr:last-child td .total::before {
    content: "¥";
}
#page_product_list tr td .product_description_detail,
#page_order_sheet tr td .product_description_detail {
    display: block;
    border: 1px solid black;
    padding: 2px;
    width: 100%;
    max-height: 10em;
    overflow-y: auto;
}

.slide {
    list-style: none;
    padding: 0;
}


@media(max-width:767px){
    #page_product_list .ec-layoutRole__main > .row,
    #page_order_sheet .ec-layoutRole__main > .row {
        margin: 0;
        padding: 0 12px;
    }
    #page_product_list form input,
    #page_order_sheet form input {
        font-size: 16px;
    }
    #page_product_list table,
    #page_order_sheet table {
        margin-bottom: 40px;
    }
    #page_product_list th,
    #page_order_sheet th {
        display: none;
    }
    #page_product_list th,
    #page_product_list td,
    #page_order_sheet th,
    #page_order_sheet td {
        vertical-align: middle;
    }
    #page_product_list td:nth-child(1)[rowspan],
    #page_order_sheet td:nth-child(1)[rowspan] {
        /*display: none;*/
        width: 20vw;
        min-width: 20vw;
    }
    #page_product_list td:nth-child(2)[rowspan],
    #page_order_sheet td:nth-child(2)[rowspan] {
        vertical-align: top;
    }
    #page_product_list td:nth-last-child(2),
    #page_order_sheet td:nth-last-child(2) {
        min-width: 20vw;
    }
    #page_product_list td:nth-last-child(4),
    #page_order_sheet td:nth-last-child(4),
    #page_product_list td:nth-last-child(5),
    #page_order_sheet td:nth-last-child(5){
        word-break: break-all;
        min-width: 3em;
    }
    #page_product_list td:last-child,
    #page_order_sheet td:last-child {
        display: none;
    }
    #page_product_list tr:last-child,
    #page_order_sheet tr:last-child {
        position: absolute;
        height: calc(2rem + 10px);
        width: calc(100vw - 24px);
    }
    #page_product_list tr:last-child td[colspan],
    #page_order_sheet tr:last-child td[colspan] {
        display: none;
    }
    #page_product_list tr:last-child td,
    #page_product_list tr:last-child th,
    #page_order_sheet tr:last-child td,
    #page_order_sheet tr:last-child th {
        display: inline-block;
    }
    #page_product_list tr:last-child th,
    #page_order_sheet tr:last-child th {
        width: calc(69vw - 12px);
    }
    #page_product_list tr:last-child td,
    #page_order_sheet tr:last-child td {
        width: calc(31vw - 12px);
    }
    #page_product_list tr:last-child th,
    #page_order_sheet tr:last-child th {
        position: absolute;
        left: 0;
    }
    #page_product_list tr:last-child td,
    #page_order_sheet tr:last-child td {
        position: absolute;
        right: 0;
        text-align: right;
        font-size: 16px;
    }
}

/* お届け日時の非表示 */
.ec-selects {
    border-bottom: none;
}
.ec-select__delivery {
    display: none;
}
.ec-select__time {
    display: none;
}
.ec-orderDelivery__edit {
    display: none;
}
/* 申込用紙カテゴリの非表示 */
.ec-orderSheetCategory {
    display: none;
}
/* 「合計」の非表示 */
.ec-totalBox .ec-totalBox__total {
    display: none;
}
/* 税率内訳の非表示 */
.ec-totalBox .ec-totalBox__taxRate {
    display: none;
}
/* 「支払い合計」に罫線追加 */
.ec-totalBox .ec-totalBox__paymentTotal {
    border-top: 1px dotted #ccc;
}

@media(max-width:767px){
    /* 金額計算欄（灰色座布団）の上にマージン追加 */
    .ec-orderRole .ec-orderRole__summary {
        margin-top: 14px;
    }
}