@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap&text=0123456789");

.type.xj-ext {
  display: inline-block !important;
  width: 19px !important;
  vertical-align: text-top;
  border-width: 0 !important;
}

/*
 * XJ グラフと表
 */
.xj_chart_table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
}
.xj_chart_header_first {
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.xj_chart_header {
  text-align: center;
  background-color: #d3d3d3;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.xj_chart_title {
  width: 100px;
  font-size: 10pt;
  background-color: #d3d3d3;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.xj_chart_unit {
  display: block;
}
.xj_chart_q {
  width: 35px;
  text-align: right;
  background-color: #d3d3d3;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.xj_chart_q_last {
  width: 35px;
  text-align: right;
  background-color: #d3d3d3;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.xj_chart_value {
  width: 100px;
  text-align: right;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.xj_chart_value_last {
  width: 100px;
  text-align: right;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}
.xj_chart_td_last {
}
.xj_chart_no_value {
  text-align: center;
}

/*
 * IMAGE
 */
.XJSImage_Title {
  padding: 5px;
  text-align: center;
  background-color: #d3d3d3;
}
.XJSImage_UnitL {
  font-size: 90%;
  text-align: left;
}
.XJSImage_UnitR {
  font-size: 90%;
  text-align: right;
}
.xj_chart_table_note {
  margin-top: 5px;
  font-size: 90%;
}
.xj_page_all {
  text-align: center;
}
.xj_page_title_text {
  padding: 5px;
}
.xj_page_graph_block {
  display: inline-block;
}
.xj_page_graph_unit {
  text-align: left;
}
.xj_page_graph_unit_right {
  float: right;
}
.xj_page_graph_graph {
  display: inline-block;
}
.xj_page_table_block {
  display: inline-block;
  margin-top: 1px;
}
.xj_page_table_unit {
  text-align: right;
}

/*
 * XJ グラフと表(カスタマイズ)
 */
.xj_page_graph_unit {
  margin-right: 10%;
  text-align: right;
}
.xj_chart_table {
  border-spacing: 0px;
  border-collapse: collapse;
  border-top: 1px solid #dee5ec;
  border-left: 1px solid #dee5ec;
}
.xj_chart_header_first {
  width: 23px;
  text-align: center;
  background-color: #f6f8fa;
  border-right: 1px solid #dee5ec;
  border-bottom: 1px solid #dee5ec;
}
.xj_chart_header {
  text-align: center;
  background-color: #f6f8fa;
  border-right: 1px solid #dee5ec;
  border-bottom: 1px solid #dee5ec;
}
.xj_chart_title {
  width: 100px;
  font-size: 10pt;
  background-color: #f6f8fa;
  border-right: 1px solid #dee5ec;
  border-bottom: 1px solid #dee5ec;
}
.xj_chart_value {
  width: 100px;
  padding-right: 12px;
  text-align: right;
  border-right: 1px solid #dee5ec;
  border-bottom: 1px solid #dee5ec;
}
.xj_chart_value_last {
  width: 100px;
  text-align: right;
  border-right: 1px solid #dee5ec;
  border-bottom: 1px solid #dee5ec;
}
.xj_chart_table tr td {
  height: 32px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  font-family: "Roboto", sans-serif;
}
.table_connect {
  table-layout: fixed;
}
.table_connect table {
  width: 100%;
}
.table_connect table:nth-of-type(n + 2) {
  border-top: none;
}
.table_connect table:nth-of-type(n + 2) tr:first-child {
  display: none;
}
.table_connect table:nth-of-type(n + 2) tr:first-child * {
  height: 1px;
  overflow: hidden;
}
.table_connect tr td:first-child {
  width: 40%;
}
.table_connect tr td {
  width: 12%;
  word-break: break-all;
}

@media only screen and (max-width: 374px) {
  .xj_chart_value {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 980px) {
  .xj_chart_table tr td {
    font-size: 10px;
  }
}
@media only screen and (max-width: 460px) {
  .xj_chart_table tr td {
    font-size: 10px;
  }
}
@media only screen and (max-width: 641px) {
  .xj_page_graph_unit {
    margin-right: 0;
  }
  .table_connect {
    padding: 0 0 20px;
    overflow-x: auto;
  }
  .table_connect table {
    min-width: 720px;
  }
  .table_connect table tr td {
    word-wrap: break-all;
    white-space: normal;
  }
}