SATE-EasyReceipt/resources/css/receipt_letter.css

section.page {
    position: relative;
    border: solid 1px;
}

/* 郵送先フィールド */
div.section-address{
    height: 70mm;
}

div.indexbox {
    position: absolute;
    bottom: 5mm;
    right: 10mm;
}

div.sample div {
    position: absolute;
    border-style:  solid;
    border-width: 1px;
    width: 10mm;
    height: 10mm;
    top : 12.8mm;
    box-sizing: border-box;
    border-color: black;
}

.page div.sample div:nth-child(1)  {
    left: 45mm;
}
.page div.sample div:nth-child(2)  {
    left: 55mm; 
}
.page div.sample div:nth-child(3)  {
    left: 65mm; 
}
.page div.sample div:nth-child(4)  {
    left: 75mm; 
    border-color: red;
}
.page div.sample div:nth-child(5)  {
    left: 85mm; 
}
.page div.sample div:nth-child(6)  {
    left: 95mm; 
}
.page div.sample div:nth-child(7)  {
    left: 105mm; 
}
.page div.sample div:nth-child(8)  {
    left: 115mm; 
    border-color: red;
}
.page div.sample div:nth-child(9)  {
    left: 125mm; 
}
/* .page div.sample div:nth-child(10)  {
    left: 135mm; 
}
.page div.sample div:nth-child(11)  {
    left: 145mm; 
} */

div.zz {
    position: absolute;
    top: 2mm;
    font-size: 10mm;
}
div.zipcode1 {
    left: 54mm;
    width: 50mm;
    border: solid 1px;
    letter-spacing: 4.5mm;
}
div.zipcode2 {
    left: 88mm;
    width: 35mm;
    border: dotted 1px;
    letter-spacing: 5.5mm;
}

div.section-address  div.address-field {
    position: absolute;
    top: 45mm;
    left:0mm;
    width: 60mm;
    font-size: 4mm;
}


div.section-address div.name {
    position: absolute;
    top: 60mm;
    left:10mm;
    font-size: 5mm;
    inline-size: 30mm;
    overflow-wrap: break-word;
    word-break: break-all; 
    vertical-align: sub;
}


/* ヘッダー高さ設定 */
div.section-receipt div.header {
    height: 10mm;
}

/* 領収証タイトル */
#receipt-title {
    font-size: 9mm;
}

/* 領収証宛名 */
#receipt-name {
    font-size: 6mm;
}

/* 駐車場名 */
#parking-name {
    font-size: 5mm;
}
/* 運営会社名 */
#receipt-customer-name {
    font-size: 5mm;
}