/* 自動生成: csv_toukei_v3.pl（毎時更新）。手で編集しない */
/* 自動生成: csv_toukei_v3.pl。総合ページから移設したグラフ断片(.gfrag)専用のスコープ付きスタイル */
.longterm{border:2px solid #c9cdd3;border-radius:12px;background:#f4f5f7;padding:0 14px 14px;margin:26px 0}
.longterm-head{font-size:15px;font-weight:bold;color:#fff;background:#6b7280;margin:0 -14px 12px;padding:10px 16px;border-radius:10px 10px 0 0}
.longterm .gfrag table{background:#fff}
.gfrag h2{font-size:15px;padding:4px 10px;margin:22px 0 8px;border:0;border-left:7px solid #2f6db0;color:#1f4e8c;background:#eef4fb}
.gfrag h2.up{border-left-color:#d07f2c;color:#9a5616;background:#fbf3ea}
.gfrag h2.ping{border-left-color:#1f9d6b;color:#0d6e49;background:#eafaf2}
.gfrag th.up{background:#d07f2c}
.gfrag th.ping{background:#1f9d6b}
.gfrag .up-tbl tr:nth-child(even) td{background:#fbf3ea}
.gfrag .ping-tbl tr:nth-child(even) td{background:#eafaf2}
.gfrag .up-tbl .med{color:#9a5616;font-weight:bold}
.gfrag .ping-tbl .med{color:#0d6e49;font-weight:bold}
.gfrag table{border-collapse:collapse;width:100%;max-width:680px;margin:0 0 20px}
.gfrag .tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:680px;margin:0 0 20px}
.gfrag .tw table{margin:0}
.gfrag th,.gfrag td{border:1px solid #dfe4ec;padding:6px 9px;text-align:right;white-space:nowrap;font-size:13px}
.gfrag th{color:#fff;text-align:center}
.gfrag th.down{background:#2f6db0}
.gfrag td.l{text-align:left}
.gfrag .down-tbl tr:nth-child(even) td{background:#eef4fb}
.gfrag .down-tbl .med{color:#1f4e8c;font-weight:bold}
.gfrag .chart-table td{vertical-align:middle}
.gfrag .chart-table th,.gfrag .chart-table td{white-space:normal}
.gfrag .chart-table th:nth-child(1),.gfrag .chart-table td:nth-child(1){width:92px;min-width:92px;max-width:92px;word-break:break-word;line-height:1.35}
.gfrag .chart-table th:nth-child(2),.gfrag .chart-table td:nth-child(2){width:46px;min-width:46px;max-width:46px}
.gfrag .chart-table{table-layout:fixed}
.gfrag .chart-table th:nth-child(3),.gfrag .chart-table td:nth-child(3){min-width:0}
.gfrag .mini-chart{display:block;width:100%;height:auto;max-width:540px}
.gfrag .chart-note{font-size:12px;color:#48566b;margin:4px 0 10px}
@media (max-width:560px){
 .gfrag .chart-table th{display:none}
 .gfrag .chart-table tr{display:block;margin:0 0 16px}
 .gfrag .chart-table tr:nth-child(even) td{background:transparent}
 .gfrag .chart-table td{display:block;width:auto;min-width:0;max-width:none;padding:2px 4px;border:0}
 .gfrag .chart-table td:nth-child(1){font-weight:bold;font-size:13px}
 .gfrag .chart-table td:nth-child(2){font-size:11px;color:#48566b}
 .gfrag .chart-table td:nth-child(2)::before{content:"件数 "}
 .gfrag .mini-chart{max-width:none}
}