body { font-size: 3.5mm } #content { padding: 20mm; padding-top: 10mm } #title { font-size: 7mm; font-weight: bold; letter-spacing: 5mm; } #receiptCustomerName { font-size: 5mm; padding-top: 10mm; } #receiptDate { margin-left: 50mm; } #receiptTotalAmount { border-top: solid 1px; border-bottom: solid 1px; padding-top: 2mm; padding-bottom: 2mm; margin-top: 10mm; margin-bottom: 2mm; font-size: 5mm; font-weight: bold; width: 150mm; } #receiptTotalAmount :nth-of-type(1) { margin-left: 10mm; } #receiptTotalAmount :nth-last-of-type(1) { margin-right: 6mm; } #taxTotalAmount { width: 150mm; } #taxTotalAmount>div { width: 60mm; border-bottom: solid 0.5px; } #taxTotalAmount>div :nth-of-type(1) { margin-left: 10mm; } #taxTotalAmount>div :nth-of-type(2) { margin-right: 10mm; } #detailTable { margin-top: 5mm; } #detailTable table { border-collapse: collapse; /* セルの線を重ねる */ width: 150mm; text-align: left; } #detailTable th, td { border: solid 0.5px; /* 枠線指定 */ } #detailTable th.amount { width: 20mm; } #detailTable th.targetMonth { width: 15mm; } #company { font-size: 4mm; margin-top: 5mm; } #company p { margin: 1mm; } #company .name { font-size: 5mm; } #stamp { top: 100mm; }