@charset "utf-8";

@font-face { font-family: martel-sans; src: url("/assets/f5812feec683d7db6313.woff2") format("woff2"), url("/assets/dd49a5a291804e1d3d63.woff") format("woff"); font-weight: 400; font-display: swap; }

@font-face { font-family: martel-sans; src: url("/assets/fd25ab2ccf9211d5ac68.woff2") format("woff2"), url("/assets/20e5284506ae1fb3f051.woff") format("woff"); font-weight: 600; font-display: swap; }

@font-face { font-family: martel-sans; src: url("/assets/f62f19814fae700448a1.woff2") format("woff2"), url("/assets/dcdd74399890bf0808df.woff") format("woff"); font-weight: 700; font-display: swap; }

.member-order-history-dialog .order-detail .header, .member-order-history-dialog .order-list .header { margin-bottom: 20px; }

.member-order-history-dialog .order-detail .header .fa-angle-left, .member-order-history-dialog .order-list .header .fa-angle-left { font-size: 1.3em; margin-right: 10px; }

.member-order-history-dialog .order-detail .header-text, .member-order-history-dialog .order-list .header-text { font-size: 18px; color: rgb(80, 85, 92); cursor: pointer; text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

.member-order-history-dialog .order-detail .header-text:lang(ja), .member-order-history-dialog .order-list .header-text:lang(ja) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }

.member-order-history-dialog .order-detail .header-text:lang(zh-cn), .member-order-history-dialog .order-list .header-text:lang(zh-cn), .member-order-history-dialog .order-detail .header-text:lang(zh), .member-order-history-dialog .order-list .header-text:lang(zh), .member-order-history-dialog .order-detail .header-text:lang(sxl), .member-order-history-dialog .order-list .header-text:lang(sxl) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑; }

.member-order-history-dialog .order-detail .header-text:lang(zh-tw), .member-order-history-dialog .order-list .header-text:lang(zh-tw) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang TC", "Microsoft JhengHei", 微軟正黑體, STXihei; }

.member-order-history-dialog .order-detail { font-size: 14px; color: rgb(75, 80, 86); }

.member-order-history-dialog .order-detail .left { float: left; }

.member-order-history-dialog .order-detail .right { float: right; }

.member-order-history-dialog .order-detail .bold { font-weight: 600; }

.member-order-history-dialog .order-detail .bold-700 { font-weight: 700; }

.member-order-history-dialog .order-detail .normal-title { font-size: 16px; font-weight: 600; color: rgb(75, 80, 86); margin-bottom: 10px; margin-right: 10px; text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

.member-order-history-dialog .order-detail .normal-title:lang(ja) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }

.member-order-history-dialog .order-detail .normal-title:lang(zh-cn), .member-order-history-dialog .order-detail .normal-title:lang(zh), .member-order-history-dialog .order-detail .normal-title:lang(sxl) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑; }

.member-order-history-dialog .order-detail .normal-title:lang(zh-tw) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang TC", "Microsoft JhengHei", 微軟正黑體, STXihei; }

.member-order-history-dialog .order-detail .normal-text { line-height: 1.4; font-size: 14px; color: rgb(99, 105, 114); }

.member-order-history-dialog .order-detail .normal-text.small { line-height: 20px; }

.member-order-history-dialog .order-detail .normal-text.light { font-weight: 300; }

.member-order-history-dialog .order-detail .fa.l-m { margin-left: 5px; }

.member-order-history-dialog .order-detail .fa.r-m { margin-right: 5px; }

.member-order-history-dialog .order-detail .row-section { margin: 25px auto; }

.member-order-history-dialog .order-detail .row-section:first-child, .member-order-history-dialog .order-detail .row-section:first-of-type { margin-top: 0px; }

.member-order-history-dialog .order-detail .row-section:last-child, .member-order-history-dialog .order-detail .row-section:last-of-type { margin-bottom: 0px; }

.member-order-history-dialog .order-detail .row-section .s-box { padding: 12px 16px; line-height: 18px; }

.member-order-history-dialog .order-detail .row-section .s-box .fa { margin-right: 5px; }

.member-order-history-dialog .order-detail .row-section .s-box.white { background: rgb(255, 255, 255); border-radius: 4px; border: 1px solid rgb(221, 221, 221); }

.member-order-history-dialog .order-detail .order-info .table-wrapper { border: 1px solid rgb(221, 221, 221); border-radius: 4px; overflow: scroll hidden; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list { width: 100% !important; text-align: left; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list th { background: rgb(246, 246, 246); padding: 10px 5px; font-weight: 600; white-space: nowrap; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td { padding: 0px 5px 10px; vertical-align: top; line-height: 1.25; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.calculation-label { text-align: right; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.product-name { min-width: 200px; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.product-name .discount { display: block; color: rgb(56, 178, 161); margin: 10px 0px; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .shipping-icon { margin-right: 4px; vertical-align: middle; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .pay-now-payment-item { margin-left: 2px; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .pay-now-payment-item span { margin-left: 2px; font-weight: bold; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .bank-icon { height: auto; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .total-price-value { vertical-align: middle; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag { vertical-align: middle; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; padding: 1px 3px; border: 1px solid rgb(169, 174, 178); font-weight: bold; line-height: 1.25; border-radius: 3px; text-transform: uppercase; margin-left: 5px; color: rgb(169, 174, 178) !important; font-size: 10px !important; font-style: normal !important; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(ja) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh-cn), .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh), .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(sxl) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh-tw) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang TC", "Microsoft JhengHei", 微軟正黑體, STXihei; }

@media only screen and (max-width: 727px) {
  .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price { white-space: normal; }
}

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.title-row th { border-bottom: 1px solid rgb(221, 221, 221); color: rgb(75, 80, 86); }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td { padding: 15px 5px 10px; border-top: 1px solid rgb(221, 221, 221); }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold { font-family: brandon-grotesque, brandon, martel-sans, sans-serif; font-weight: 700; padding-left: 20px; text-align: right; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(ja) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh-cn), .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh), .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(sxl) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh-tw) { font-family: brandon-grotesque, brandon, martel-sans, sans-serif, "PingFang TC", "Microsoft JhengHei", 微軟正黑體, STXihei; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td img { height: 20px; vertical-align: middle; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td img.afterpay { height: 14px; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td img.klarna { height: 12px; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td .bank-icon { height: auto; margin-right: 4px; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.total-row td { padding: 0px 5px 15px; font-size: 16px; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.first-data-row td { padding-top: 15px; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-data-row td { padding-bottom: 15px; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr th.first, .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr td.first { padding-left: 15px; }

.member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr th.last, .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr td.last { padding-right: 15px; }

.member-order-history-dialog .order-detail .shipping-info, .member-order-history-dialog .order-detail .order-transactions { box-sizing: border-box; }

@media only screen and (min-width: 728px) {
  .member-order-history-dialog .order-detail .shipping-info, .member-order-history-dialog .order-detail .order-transactions { width: 48%; }
}

.member-order-history-dialog .order-detail .shipping-info .notes span, .member-order-history-dialog .order-detail .order-transactions .notes span { font-weight: 400; overflow-wrap: break-word; }

@media only screen and (min-width: 728px) {
  .member-order-history-dialog .order-detail .shipping-info { float: left; }
}

.member-order-history-dialog .order-detail .shipping-info .s-box { min-height: 120px; }

.member-order-history-dialog .order-detail .shipping-info .s-box .info-label, .member-order-history-dialog .order-detail .shipping-info .s-box .info-content { display: inline-block; margin-bottom: 12px; vertical-align: top; }

.member-order-history-dialog .order-detail .shipping-info .s-box .additional-item { display: flex; align-items: flex-start; }

.member-order-history-dialog .order-detail .shipping-info .s-box .info-label { min-width: 100px; margin-right: 10px; color: rgb(169, 174, 178); word-break: break-word; }

.member-order-history-dialog .order-detail .shipping-info .s-box .info-content { max-width: 250px; white-space: normal; }

.member-order-history-dialog .order-detail .shipping-info .s-box .split-line { display: flex; align-items: center; font-size: 14px; color: rgb(141, 148, 156); margin-bottom: 10px; }

.member-order-history-dialog .order-detail .shipping-info .s-box .split-line::before, .member-order-history-dialog .order-detail .shipping-info .s-box .split-line::after { content: ""; flex: 1 1 0%; height: 1px; background-color: rgb(244, 246, 248); }

.member-order-history-dialog .order-detail .shipping-info .s-box .split-line::before { margin-right: 10px; }

.member-order-history-dialog .order-detail .shipping-info .s-box .split-line::after { margin-left: 10px; }

.member-order-history-dialog .order-detail .shipping-info .additional-info .additional-title { position: relative; text-align: center; font-size: 14px; padding: 20px 0px; overflow: hidden; color: rgb(99, 105, 114); }

.member-order-history-dialog .order-detail .shipping-info .additional-info .additional-title .inner { position: absolute; left: 50%; font-size: 14px; padding: 0px 10px; white-space: nowrap; line-height: 1px; text-transform: capitalize; transform: translateX(-50%); border-left: 20vw solid rgb(169, 174, 178); border-right: 20vw solid rgb(169, 174, 178); }

.member-order-history-dialog .order-detail .order-transactions .s-box { padding: 0px; }

.member-order-history-dialog .order-detail .order-transactions .history-item { padding: 15px; border-top: 1px solid rgb(221, 221, 221); }

.member-order-history-dialog .order-detail .order-transactions .history-item:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.member-order-history-dialog .order-detail .order-transactions .history-item .basic-info { overflow: hidden; }

.member-order-history-dialog .order-detail .order-transactions .history-item .basic-info .item-date { color: rgb(169, 174, 178); }

.member-order-history-dialog .order-detail .order-transactions .history-item .extra-info { margin-top: 5px; color: rgb(169, 174, 178); overflow: hidden; }

.member-order-history-dialog .order-detail .order-transactions .history-item .extra-info .ib { max-width: 100%; overflow-wrap: break-word; }

.member-order-history-dialog .order-list { margin-bottom: 40px; }

.member-order-history-dialog .order-list .s-kit-table-row { cursor: pointer; }

.member-order-history-dialog .order-list .s-kit-table-thead > tr > th { padding-right: 40px; }

.member-order-history-dialog .order-list .s-kit-table-thead > tr > th:last-child { padding-right: initial; }

.member-order-history-dialog .order-list .fa-angle-right { font-size: 1.4em; }