/*7914 共同印刷*/
html, body {
    margin: 0;
    padding: 0;
    height: auto;
    text-align: left;
    /* overflow: hidden; */
}

table {
    border-collapse: collapse;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    font-family: MS PGothic, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
    margin: 0 auto;
    min-width: 630px;
    width:100%;
}

td {
    text-align: right;
    background-color: #FFF;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}

thead {
    background-color: #f9fafa;
    font-weight: bold;
}

    thead th {
        border: 1px solid rgb(187, 189, 191);
        height: 27px;
        width: 78px;
        font-size: 16px;
    }

tbody th {
    border: 1px solid rgb(187, 189, 191);
    font-weight: bold;
    vertical-align: middle;
    background-color: #fefafa;
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
    text-align: center;
}

tbody td {
    padding: 8px 10px 8px 0;
    border-top: none;
    border-right: 1px solid #dbdbdb;
    border-left: none;
    border-bottom: 1px solid #dbdbdb;
    font-size: 16px;
}

th.th_name {
    width: 130px;
}

th.sub_th {
    font-weight: normal;
    width:130px;
}

tr.year th {
    background-color: #555555;
    color: #fff;
}

.table-wrapper {
    margin-top: 18px;
}

p {
    font-size: 12px;
}

h3 {
    font-weight: bold;
    padding-left: 5px;
    padding-bottom: 5px;
    font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Helvetica, Arial, sans-serif;
    line-height: 1.3;
}

.table-wrap {
    margin: 30px 0;
}

.option {
    background-color: rgb(255, 255, 255);
    font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: rgb(77, 79, 83);
    max-width: 310px;
    margin: 0px !important;
    padding: 0px !important;
}

#trg1, #trg2 {
    cursor: pointer;
}

img.trg1,img.trg2 {
    margin-top: 10px!important;
    margin-bottom: 20px!important;
}

.tc_table tbody tr th {
    border-left: 2.5px solid black;
    border-right: 2.5px solid black;
}

.tc_table tbody tr td:nth-child(6) {
    border-right: 2.5px solid black;
}

.tc_table thead.frame1thead th{
border-top: 2.5px solid black;
border-bottom: 1.5px solid black;
}

.tc_table thead.frame1thead th:nth-child(1){
    border-left: 2.5px solid black;
    border-right: 2.5px solid black;
}

.tc_table thead.frame1thead th:nth-child(6){
    border-right: 2.5px solid black;
}

.tc_table tbody tr:nth-child(4) th.th_name,
.tc_table tbody tr:nth-child(4) td {
    border-bottom: 1.5px solid black;
}
.tc_table tbody tr:nth-child(7) th.th_name,
.tc_table tbody tr:nth-child(7) td {
    border-bottom: 1.5px solid black;
}
.tc_table tbody tr:nth-child(9) th.th_name,
.tc_table tbody tr:nth-child(9) td {
    border-bottom: 1.5px solid black;
}
.tc_table tbody tr:nth-child(13) th.th_name,
.tc_table tbody tr:nth-child(13) td {
    border-bottom: 2.5px solid black;
}

.tc_table {
    font-size: 14px;
}

.highcharts-legend {
    display: none;
}

.unit {
	margin: 0 auto;
    font-family: MS PGothic, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
    font-size: 11px;
}

.no-flexbox.no-flexboxlegacy .graph-wrapper {
    margin-left: 4px;
}

.graph-wrapper{
    width:49%;
    text-align:centar;
}
.fram-wrapper .graph-wrapper:nth-child(even){
    margin-left: 10px;
}

.wrapp_table{
    width: 100%;
}
.table-wrapper {
   margin: 20px 0 20px 0;
}

.jspVerticalBar{
    display: none;
}

/* 追記 */
@media only screen and (max-width: 630px) {

    .fram-wrapper .graph-wrapper:nth-child(even){
        margin-left: 0px;
    }

    #tctbl1_1{
        display:none;
    }

    .unit{
        display:none;
    }

    .cmt1{
        display:none;
    }

	.graph-wrapper{
	    width:100%;
	}

    body {
        width: 100%;
        overflow: auto;
    }
}

/* 以下、印刷機能、DL機能 */
.button:hover{
    opacity: 0.5;
}
.button{
    width: 32px;
    height: 32px;
}

@media print{
    .button_wrapper{
    display: none;
     }
    .fram-wrapper{
        display: block;
    }
    .graph-wrapper{
        float: left;
    }
}

.print{
    cursor: pointer;
}
.button_wrapper{
    text-align: right;
}

#iframe_for_print{
    width: 710px;
    height: 0;
    border: none;
}

.page_break{
    page-break-after: always;
}

@media screen and (max-width: 768px){
    .print{
        display: none;
    }
} 

.two-column-header {
    width: 20%; /* 適切な幅に調整するため、幅を自動に設定します */
    text-align: center; /* セル内のテキストを中央に配置します */
  }