@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
受注関連
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
ストライプ
-------------------------------------------------------------*/
body.Stripe #main.productList {}
body.Stripe #main.productList .totalBox { margin-bottom: 10px; }
body.Stripe #main.productList .totalBox .totalTable { display: table; border-collapse: collapse; -webkit-overflow-scrolling: touch; width: 100%; max-height: 100%; box-sizing: border-box; position: relative; }
body.Stripe #main.productList .totalBox .totalTable thead tr,
body.Stripe #main.productList .totalBox .totalTable tbody tr { height: 50px; }
body.Stripe #main.productList .totalBox .totalTable thead th,
body.Stripe #main.productList .totalBox .totalTable tbody td { font-size: 1.2em; text-align: right; vertical-align: middle; padding: 8px 20px 6px 20px; font-weight: normal; white-space: nowrap; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
body.Stripe #main.productList .totalBox .totalTable thead th { font-weight: bold; background-color: #F5F6FA; color: #838691; width: calc(100% / 7); }
body.Stripe #main.productList .totalBox .totalTable tbody td { background-color: #FFF; }
body.Stripe #main.productList .scrollTable thead tr:first-of-type th:after { border-bottom: 1px solid #DDD !important; width: 100%; bottom: -1px; }
body.Stripe #main.productList .scrollTable thead tr:last-of-type th { position: -webkit-sticky; position: sticky; top: 40px; z-index: 3; }
/*body.Stripe #main.productList .scrollTable thead tr:last-of-type th:after { border-right: 1px solid #DDD; top: -1px; right: -1px; height: 100%; }*/

/*ストライプ - 詳細検索*/
body.Stripe #main.productList .modalSearch .scrollTableOuter { box-sizing: border-box; border: 10px solid #F5F6FA; }
body.Stripe #main.productList .modalSearch .scrollTable thead tr th:after { border-bottom: 1px solid #EEE !important; border-right: none; }
body.Stripe #main.productList .modalSearch .scrollTable thead tr:last-of-type th { top: 0 !important; background-color: #F5F6FA; padding: 0 10px 8px; }
body.Stripe #main.productList .modalSearch .scrollTable thead tr th:nth-last-of-type(2) { text-align: center; }