@charset "UTF-8";

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

 * スマホ

 * ========================================================================= */
@media only screen and (max-width: 768px) {
    
    
    /* 共通設定 */
    .pc {display: none;}
    .sp {display: block;}
    
    
    /*
     * 構成
     */    
    .gridWrap_primary,
    .gridWrap_secondary	{
        display: block;
    }
    
    .gridWrap_primary .grid1,
    .gridWrap_secondary	.grid1 {margin-right: 0;}
    .gridWrap_primary .grid1,
    .gridWrap_primary .grid2,
    .gridWrap_secondary	.grid1,
    .gridWrap_secondary	.grid2{width: 100%;}
    
    /*
     * 共通
     */
    table {font-size: 100%;}
    table th, table td{padding: 3px 8px;}
    
    /*
     * 見出し
     */
    h2 {
        display: block;
        margin: 5px 0;
        padding-bottom: 5px;
        padding-right: 60px;
        line-height: 1.2;
        font-size: 90%;/*86%*/
    }
    h2 dl{
        display: inline-block;
        margin-right: 8px;
    }
    h2 dl.companyName{display: block;}
    h2 .lastUpdate {top: -16px;}
    h2 #print {top: 3px;}
    
    
    /*
     * 株価情報
     */
    .chartWrap,
    .stockPrice{margin-bottom: 5px;}
    .stockPrice li{height: 37px;}
    .stockPrice li .data{font-size: 116%;}
    /*.stockPrice li.volume .data{font-size: 100%;}*/
    .stockPrice li .label,
    .stockPrice li .data .unit{font-size: 11px;}
    
    /*
     * 業務・財務情報
     */
    .subtitle{margin: 10px 0;}

    .tableWrap_gyoseki:not(:first-child) .unit {
        display:block;
    }

    .tableWrap_gyoseki.primary {margin-top: 0;}
    .tableWrap_gyoseki.primary .table_left{border-top: none;}
    .tableWrap_gyoseki {margin-bottom: 3px;}
    .tableWrap_gyoseki .unit {top: 3px;}
    .tableWrap_gyoseki .tableWrap:not(:first-child) .unit {display:block;}
    
    .tableWrap_stockInfo{
        margin-bottom: 20px;
    }
    
    .tableWrap_gyoseki {display: block;}
    .tableWrap_gyoseki .table_left {width: 100%;text-align: left; padding-left: 12px;background: none;border: none;}
    .tableWrap_gyoseki .tableWrap:nth-child(1) .table_left {border-top: none;}
    .tableWrap_gyoseki .table_left:before {
        position: absolute;
        top: 7px;
        left: 0;
        content: "";
        display: block;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #1e6cc9;
    }
   
    .tableWrap_gyoseki .table_right{width: 100%;overflow-x: scroll;}
    .tableWrap_gyoseki .table_right table tr:nth-child(2){border-top: 1px solid #b3b3b3;}
    .tableWrap_gyoseki .table_right table tr:first-child{border-top: 1px solid #b3b3b3;border-bottom: 1px solid #b3b3b3;}
    .tableWrap_gyoseki .table_right td.headerTop{display: table-cell;}

    /*表*/
    /* 左に固定(IE対象外) Start 20200903
     */
    .tableWrap_gyoseki .table_right {overflow-x: auto;}
    .tableWrap_gyoseki table {
        /*display: block;*/
        width: 100%;
        min-width: 320px;
    }
    .tableWrap_gyoseki table tbody td.fixed{width: 160px;}
    .tableWrap_gyoseki table td{width: 72px;}
    
    .tableWrap_gyoseki table td.fixed{
        position: sticky;
        left: 0;
    }
    /* End 20200903 */
    
    table.balanceSheet thead,
    table.fundamental thead,
    table.cashflow thead,
    table.dividend thead{
        display: table-header-group;
    }
    .tableWrap_gyoseki .tableWrap{margin-bottom: 5px;}
    .tableWrap_gyoseki table tr:first-child{border-top: 1px solid #b3b3b3;}

    .tableWrap_gyoseki .bg2nAdd1 table tr:nth-child(2n+1){background: none;} /*テスト*/
    .tableWrap_gyoseki .bg2nAdd2 table tr:nth-child(2n+2){background: #f1f1f1;} /*テスト*/
    
    /*
     * footer
     */
    .footer {display: block;}
    .footer #logo {margin-bottom: 5px;}
    .address{margin-bottom: 10px;font-size: 90%;}
    .copyright{position: inherit;font-size: 80%;}
}