/* 画面の枠・A4 の紙・種類のボタンは計算プリントと同じ物を使う。ここにはグラフだけの所を書く */
@import url("../keisan/keisan.css");

.graph { font-family: var(--kyokasho); }
.gbs { flex: 1; display: flex; flex-direction: column; justify-content: space-around; gap: 3mm; margin-top: 2mm; }
.gb { display: flex; flex-direction: column; align-items: center; }
.gcap { margin: 0 0 1mm; font-size: 4.6mm; font-weight: 700; }
.gr { display: block; overflow: visible; }
.gr .ax { stroke: #111; stroke-width: .35; fill: none; }
.gr .gm { stroke: #888; stroke-width: .25; }
.gr .gn { stroke: #ccc; stroke-width: .18; }
.gr .bar { fill: #bbb; stroke: #111; stroke-width: .3; }
.gr .ol { fill: none; stroke: #111; stroke-width: .5; }
.gr .od { fill: #111; }
.gr .mc { fill: none; stroke: #111; stroke-width: .4; }
.gr .pie { fill: #fff; stroke: #111; stroke-width: .35; }
.gr .arr { stroke: #111; stroke-width: .4; fill: none; }
.gr text { font-size: 3.4px; fill: #111; }
.gr .gl { font-size: 3.6px; }
.gr .gs { font-size: 2.8px; }
.gq { list-style: none; margin: 2mm 0 0; padding: 0; width: 170mm; display: flex; flex-direction: column; gap: 1.2mm; font-size: 4.2mm; }
.gq li { display: flex; align-items: flex-end; gap: 2mm; }
.gq .qn { width: 5mm; font-family: "Yu Gothic UI", sans-serif; font-size: 3.6mm; color: #555; }
.gq .qt { flex: 1; }
.gq .ln { width: 46mm; border-bottom: .3mm solid #333; min-height: 6.5mm; text-align: center; }
.gq b { color: var(--red); font-weight: 400; }