@charset "UTF-8";

/* 共通設定 */
.clear {clear: both;}
.none {display:none;}
.pc {display: block;}
.sp {display: none;}


/* ============================================================================

 * 構成

 * ========================================================================= */
body {
    margin: auto;
    width: 100%;
    max-width: 891px;
}

.gridWrap_primary {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
}
.gridWrap_primary .grid1{
    margin-right: 10px;
    width: calc(42% - 10px);
}
.gridWrap_primary .grid2{
    width: 58%;
}

.gridWrap_secondary	{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
}
.gridWrap_secondary	.grid1{
    margin-right: 26px;
    width: calc(70% - 26px);
}
.gridWrap_secondary	.grid2{
    margin-top: 7px;
    width: 30%;
}


/* ============================================================================

 * 共通

 * ========================================================================= */
.title {
    margin: 0;
    padding: 13px 0 15px 7px;
    width: 100%;
    height: 42px;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    border-left: 3px solid #1e6cc9;
    font-size: 110%;
    line-height: 1;
    text-align: left;
}

.time {
    text-align: right;
}

/*テーブル*/
table {
    width: 100%;
    margin-bottom: 5px;    
}
table tr{border-bottom: 1px solid #b3b3b3;}
table tr:first-child{border-top: 1px solid #b3b3b3;}

table td.headerTop{background: #f3faff;text-align: center;border-right: 1px solid #b3b3b3;}
table td.headerTop:last-child{border-right: none;}
table td.colTitle{background: #f3faff;text-align: left;}
table td{padding: 3px 12px;vertical-align: middle;/*上下中央に配置*/}
table td{text-align: right;}



/*株主構成*/
.tableWrap_okabu table td{padding: 3px;}
.tableWrap_okabu table .num{text-align: center;width: 2em; background: #f3faff;}
.tableWrap_okabu table .holder{text-align: left; background: #f3faff;}
.tableWrap_okabu table .ownedNum{width: 8em;}
.tableWrap_okabu table .ownedRatio{width: 6em;}


/*業績・財務情報*/
.table_right table {margin-bottom:0;}
.table_right table tr:first-child {border-top: none;border-bottom: none;}
.table_right table tr:nth-child(2) {border-top: none;}
.tableWrap_gyoseki.primary {margin-top: 25px;}
.tableWrap_gyoseki.primary .table_left {border-top: 1px solid #b3b3b3;}
.tableWrap_gyoseki.primary .table_right table tr:first-child{border-top: 1px solid #b3b3b3;border-bottom: 1px solid #b3b3b3;}

.bg2nAdd1 table tr:nth-child(2n+1){background: #f3faff;} /*テスト*/
.bg2nAdd2 table tr:nth-child(2n+2){background: #f3faff;} /*テスト*/

.table_right td.headerTop {display: none;}
.tableWrap_gyoseki.primary .table_right table td.headerTop {display: table-cell;}

/* ============================================================================

 * 見出し

 * ========================================================================= */
h2{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin: 0 0 10px;
    padding-bottom: 10px;
    text-align: left;
}
h2:after{
    content: "";
    background: #0073CD;
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
}

h2 dl{
    margin-right: 12px;
}
h2 dt,
h2 dd{
    display: inline-block;
}

h2 .lastUpdate {
    position: absolute;
    right: 57px;
    top: 1px;
}

/*印刷ボタン*/
h2 #print{
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 20px;
    background-size:cover;
    background: url(../../image/6789/StockFactsheet_print_off.svg);
    width: 51px;
    height: 19px;
    line-height: 20px;
    color: #666;
    cursor: pointer;
}
h2 #print:hover{
    background: url(../../image/6789/StockFactsheet_print_on.svg);
    color: #fff;
}

/* --------------------------------------------------
 * グラフ 幅・高さ
 *  ※※Premium_graphPrint.js にも幅・高さ設定あり※※
 * -------------------------------------------------- */
#chart_Highcharts{
    width: 100%;
    height: 318px;
}
#hinmoku_Highcharts,
#chiiki_Highcharts,
#syoyusu_Highcharts {
    width: 100%;
    height: 110px;
}

/*凡例*/
.tableWrap_segLegend {
    margin: 0 auto 20px;
    padding: 0px 2em;
    width: 100%;
    max-width: 260px;
}
.tableWrap_segLegend table tr{border: none;}
.tableWrap_segLegend table td{
    padding: 1px 0px;
    font-size: 90%;
    text-align: left;
    line-height: 1.2;
}
.tableWrap_segLegend table td.segSymble{
    vertical-align: top;
    width: 15px;
    font-size: 150%;
    line-height: 0.6;
}
.tableWrap_segLegend table td.data{
    width: 6em;
    text-align: right;
}
.tableWrap_segLegend table td.segSymble.seg01{color: #ED7D3D;}
.tableWrap_segLegend table td.segSymble.seg02{color: #8BCB4C;}
.tableWrap_segLegend table td.segSymble.seg03{color: #E5AB35;}
.tableWrap_segLegend table td.segSymble.seg04{color: #65BFEA;}
.tableWrap_segLegend table td.segSymble.seg05{color: #999999;}


/* ============================================================================

 * 株価情報

 * ========================================================================= */
/*株価*/
.stockPrice  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    background: #f3faff;
    padding: 5px 0;
}
.stockPrice li{
    position: relative;
    width: 33.3%;
    height: 40px;
    border-right: 1px solid #b3b3b3;
}
.stockPrice li:last-child{
    border-right: none;
}
.stockPrice li .label{
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 94%;
}
.stockPrice li .data{
    position: absolute;
    bottom: 0;
    right: 5px;
    line-height: 0.86;
    font-size: 132%;
    font-weight: bold;
    text-align: right;
}
.stockPrice li.closePrice .data,
.stockPrice li.volume .data{
    margin-bottom: 5px;
}
.stockPrice li .data .mini{
    font-size: 84%;
    font-weight: normal;
}
.stockPrice li .data .unit{
    font-size: 12px;
    margin-left: 2px;
    font-weight: normal;
}

/*表 PERなど*/
.tableWrap_stockInfo {
    margin-top: 10px;
}

/* ============================================================================

 * 事業内容

 * ========================================================================= */
.txt_jigyo {
    margin: 6px 0 16px;
    padding-left: 1em;
    text-align: left;
}

/* ============================================================================

 * 株主構成

 * ========================================================================= */
/*注釈*/
.txt_okabu{
    margin: 5px 0 0;
    text-align:left;
    font-size: 94%;
    line-height: 1.46;
}

/* ============================================================================

 * 業績・財務情報

 * ========================================================================= */
/*タイトル*/
.subtitle {
    position: relative;
    margin:  0 0 10px;
    padding: 0 0 6px 3px;
    text-align: left;
    font-weight: bold;
    font-size: 110%;
}
.subtitle:after {
    content: "";
    background: #1e6cc9;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.subtitle .time{
    position: absolute;
    right: 0;
}
.subtitle .unit{
    position: absolute;
    right: 0;
    bottom: -20px;
}

/*表*/
.tableWrap_gyoseki {
    position:relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.tableWrap_gyoseki .table_left {
    position: relative;
    padding: 3px 5px;
    border-bottom: 1px solid #b3b3b3;
    width: 90px;
    text-align: center;
    background: #f3faff;
}
.tableWrap_gyoseki .table_right {
    width: calc(100% - 90px);
}

.tableWrap_gyoseki .unit {
    position:absolute;
    right: 0;
    top: -17px;
}
.tableWrap_gyoseki:not(:first-child) .unit {display:none;}

.tableWrap_gyoseki table tbody td.fixed{width: 218px;text-align: left; background: #f3faff;}
.tableWrap_gyoseki table td{width: 90px;}



/* ============================================================================

 * notice

 * ========================================================================= */
.notice{
    margin: 5px 0;
    padding-left: 1em;
    text-indent: -1em;
    text-align: left;
    font-size: 84%;
    color: #666;
}

/* ============================================================================

 * footer

 * ========================================================================= */
.footer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    margin-top: 20px;
    justify-content: flex-start;
    color: #666;
    align-items: center; /* 垂直方向の中央寄せ */
    line-height: 1.2;
    text-align: left;
}
.footer #logo{
    margin-right: 1em;
    width: 100%;
    max-width: 180px;
}
.footer #logo img {
    width: 100%;
}
.footer .address{
    text-align: left;
}
.copyright{
    text-align: right;
    font-size: 84%;
    color: #666;
}