@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
詳細分析
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*データ分析一覧*/
#main.dataAnalysis .middle { display: flex; justify-content: space-between; align-items: flex-end; }
#main.dataAnalysis .middle .subTabBox { flex: 1; margin-right: 20px; }
#main.dataAnalysis .middle .totalBox { width: 100%; max-width: 500px; }
#main.dataAnalysis .middle .totalBox .totalTable { width: 100%; margin-bottom: 5px; }
#main.dataAnalysis .middle .totalBox .totalTable th { color: #838691; font-size: 1.2em; }
#main.dataAnalysis .middle .totalBox .totalTable td { background-color: #FFF; }

/*詳細分析 - グラフ表示用*/
#main.dataAnalysis {}
#main.dataAnalysis .scrollTableOuter.graphOuter { border: none; display: flex; align-items: center; overflow: hidden; }
#main.dataAnalysis .scrollTableOuter.graphOuter .graphBox { height: 100%; overflow-x: auto; overflow-y: hidden; box-sizing: border-box; }
#main.dataAnalysis .scrollTableOuter.graphOuter .graphBox > #chart { height: 100%; max-height: 100%; display: flex; align-items: center; }
#main.dataAnalysis .scrollTableOuter.graphOuter svg { width: auto !important; }