#mileage-history{background-color:#f5f5f7}.mileage-history{margin:0 auto 65px;max-width:100%;padding-top:60px;padding-left:30px;padding-right:30px}@media screen and (min-width:1200px){.mileage-history{max-width:calc(100% - 224px);padding-left:0;padding-right:0}}@media screen and (max-width:500px){.mileage-history{padding-left:15px;padding-right:15px}}.mileage-history section.page-header h1{margin:0;text-align:center;font-size:60px;font-weight:600}.mileage-history section.mileage-total{padding-top:80px}.mileage-history section.mileage-total .mileage-total-container p{margin:0;text-align:center;font-size:32px;font-weight:500}.mileage-history section.mileage-total .mileage-total-container p span{font-weight:700;color:#0080ff}.mileage-history section.mileage-total .mileage-total-container p:last-child{margin-top:10px;font-size:1.2rem}.mileage-history section.mileage-products{padding-top:50px}.mileage-history section.mileage-products .mileage-procuts-container h2{margin:0;text-align:center;font-size:24px;font-weight:400}.mileage-history section.mileage-products .mileage-procuts-container .products-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:15px;padding-top:50px}@media screen and (max-width:500px){.mileage-history section.mileage-products .mileage-procuts-container .products-grid{grid-template-columns:1fr}}.mileage-history section.mileage-products .mileage-procuts-container .products-grid .product a .product-image{background-color:#fff}.mileage-history section.mileage-products .mileage-procuts-container .products-grid .product a .product-title{text-align:left;padding-top:20px}.mileage-history section.mileage-products .mileage-procuts-container .products-grid .product a .product-title h2{font-weight:600;font-size:18px;color:#000;text-align:left}.mileage-history section.mileage-products .mileage-procuts-container .products-grid .product a .product-price{padding-top:10px;margin-bottom:0;text-align:left;font-size:14px;font-weight:600}.mileage-history section.mileage-products .mileage-procuts-container .products-grid .product a .product-price span{font-size:12px;font-weight:400}.mileage-history section.mileage-products .mileage-procuts-container .discover_item{width:100%;margin-top:50px;display:flex;justify-content:center;align-items:center}.mileage-history section.mileage-products .mileage-procuts-container .discover_item a{max-width:250px;width:100%;box-sizing:border-box;padding:12px 42px;display:inline-block;position:relative;background-color:#0080ff!important;color:#fff;border:0;border-radius:4px;text-align:center;text-transform:uppercase;text-decoration:none;letter-spacing:.05em;font-family:visby-cf,sans-serif;font-size:15px;font-weight:600;font-style:normal;line-height:1.5;box-shadow:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:perspective(1px) translateZ(0);-webkit-transform:perspective(1px) translateZ(0);-moz-transform:perspective(1px) translateZ(0);-o-transform:perspective(1px) translateZ(0);-ms-transform:perspective(1px) translateZ(0);transition-property:color,background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(.46,.01,.32,1);transition-delay:0s}.mileage-history section.mileage-products .mileage-procuts-container .discover_item a:hover{background-color:#006bd6!important;color:#fff}.mileage-history .transaction-history{padding-top:90px}.mileage-history .transaction-history h2{font-size:24px;font-weight:500;text-align:center}.mileage-history .transaction-history section.transaction-table{display:block}@media screen and (max-width:1000px){.mileage-history .transaction-history section.transaction-table{display:none}}.mileage-history .transaction-history section.transaction-table table{margin-top:40px;border:none;max-width:1040px;margin-left:auto;margin-right:auto;background-color:#fff}.mileage-history .transaction-history section.transaction-table table th,.mileage-history .transaction-history section.transaction-table table td{border:none;border-bottom:1px solid #D2D2D7}.mileage-history .transaction-history section.transaction-table table thead tr th{background-color:#666;color:#fff;font-size:.8rem}.mileage-history .transaction-history section.transaction-table table tbody tr.strikethrough{position:relative}.mileage-history .transaction-history section.transaction-table table tbody tr.strikethrough th{opacity:.4;text-decoration:line-through}.mileage-history .transaction-history section.transaction-table table tbody tr.strikethrough th a{border:none;padding-bottom:0;cursor:default}.mileage-history .transaction-history section.transaction-table table tbody tr.strikethrough th a:hover{opacity:1;border:none}.mileage-history .transaction-history section.transaction-table table tbody tr.strikethrough td{text-decoration:line-through;opacity:.4}.mileage-history .transaction-history section.transaction-table table tbody tr.strikethrough td.cancelld{text-decoration:none;opacity:1;font-weight:700;color:#000}.mileage-history .transaction-history section.transaction-table table tbody tr.strikethrough td.earned{font-weight:700;color:#000}.mileage-history .transaction-history section.transaction-table table tbody tr.strikethrough td.to_be_earned{font-weight:700;color:#000}.mileage-history .transaction-history section.transaction-table table tbody tr.strikethrough td.redeemed{font-weight:700;color:#b12704}.mileage-history .transaction-history section.transaction-table table tbody tr th{font-size:.9rem}.mileage-history .transaction-history section.transaction-table table tbody tr th a{border-bottom:1px solid #0080ff;padding-bottom:4px;font-size:inherit}.mileage-history .transaction-history section.transaction-table table tbody tr th a:hover{opacity:.7;border-bottom:1px solid #000}.mileage-history .transaction-history section.transaction-table table tbody tr td{font-size:.9rem}.mileage-history .transaction-history section.transaction-table table tbody tr td.cancelled{text-decoration:none;opacity:1;font-weight:700;color:#000}.mileage-history .transaction-history section.transaction-table table tbody tr td.earned{font-weight:700;color:#000}.mileage-history .transaction-history section.transaction-table table tbody tr td.to_be_earned{font-weight:700;color:#000}.mileage-history .transaction-history section.transaction-table table tbody tr td.redeemed{font-weight:700;color:#b12704}.mileage-history .transaction-history section.transaction-table table tbody tr td a{font-size:inherit}.mileage-history .transaction-history section.transaction-table table tbody tr td span{font-size:.7rem}.mileage-history .transaction-history section.transaction-table .pagination-wrapper{padding-top:30px}.mileage-history .transaction-history section.transaction-table .pagination-wrapper nav.pagination ul.pagination__list{display:flex;justify-content:center}.mileage-history .transaction-history section.transaction-table .pagination-wrapper nav.pagination ul.pagination__list li a{font-size:18px}.mileage-history .transaction-history section.transaction-table .pagination-wrapper nav.pagination ul.pagination__list li a.pagination__item--current{color:#0080ff;font-weight:900}.mileage-history .transaction-history section.transaction-table .pagination-wrapper nav.pagination ul.pagination__list li a.pagination__item--next{transform:rotate(180deg)}.mileage-history .transaction-history section.transaction-table .pagination-wrapper nav.pagination ul.pagination__list li a.pagination__item-arrow svg{fill:#000;width:100%;max-width:6px}.mileage-history .transaction-history section.transaction-lists{display:none}@media screen and (max-width:1000px){.mileage-history .transaction-history section.transaction-lists{margin-top:50px;display:block;background-color:#fff;margin-left:-5px;margin-right:-5px}}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list{padding-top:10px;padding-bottom:30px;font-size:1rem;border-bottom:1px solid #D2D2D7}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list.cancelled{background-color:#e8e8e8}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list.cancelled .head-date{opacity:.4;text-decoration:line-through}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list.cancelled .list-content .content-order .order_price{opacity:.4}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list.cancelled .list-content .content-order .order_price p{text-decoration:line-through}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list.cancelled .list-content .content-order .order_price span{text-decoration:line-through}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list.cancelled .list-content .content-order .order_id a{opacity:.4;text-decoration:line-through!important}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper{padding-left:10px;padding-right:10px}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-head{display:flex;justify-content:space-between;padding-bottom:20px}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-head .head-date{font-size:.7rem}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-head .head-type{font-size:.7rem}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-head .head-type span{background-color:#e8e8e8;padding:5px 10px}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-head .head-type span.type-cancel{background-color:#535353;color:#fff}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-head .head-type span.type-earned{background-color:#0080ff;color:#fff}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-head .head-type span.type-to-be-earned{background-color:#b6daff;color:#000}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-content{display:flex;justify-content:space-between;align-items:center}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-content .content-order{line-height:1rem}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-content .content-order .order_price span{font-size:.69rem}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-content .content-order .order_price p{display:inline-block;margin:0}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-content .content-order .order_id a{font-size:.7rem;color:#0080ff}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-content .content-mileage-area{text-align:right}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-content .content-mileage-area .mileage-result{font-size:1.4rem}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-content .content-mileage-area .mileage-result span{font-size:1rem}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-content .content-mileage-area .mileage-result p{display:inline-block;margin:0}.mileage-history .transaction-history section.transaction-lists .transaction-lists__wrapper .transaction-list .transaction-list__wrapper .list-content .content-mileage-area .mileage-result.reedemed{color:#b12704}.mileage-history .transaction-history section.transaction-lists .pagination-wrapper{padding-top:30px}.mileage-history .transaction-history section.transaction-lists .pagination-wrapper nav.pagination ul.pagination__list{display:flex;justify-content:center}.mileage-history .transaction-history section.transaction-lists .pagination-wrapper nav.pagination ul.pagination__list li a{font-size:18px}.mileage-history .transaction-history section.transaction-lists .pagination-wrapper nav.pagination ul.pagination__list li a.pagination__item--current{color:#0080ff;font-weight:900}.mileage-history .transaction-history section.transaction-lists .pagination-wrapper nav.pagination ul.pagination__list li a.pagination__item--next{transform:rotate(180deg)}.mileage-history .transaction-history section.transaction-lists .pagination-wrapper nav.pagination ul.pagination__list li a.pagination__item-arrow svg{fill:#000;width:100%;max-width:6px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mileage-lp-history.scss.css.map */