@charset "UTF-8";

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


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

 * 構成

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

.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	[class^="grid"] {
    margin-right: 8px;
    width: calc(33.3% - 2.7px);
}
.gridWrap_secondary	[class^="grid"]:last-child {
    margin-right: 0;
}


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

 * 共通

 * ========================================================================= */
.title {
    margin: 0;
    padding: 13px 0 15px 7px;
    width: 100%;
    height: 42px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 3px solid #803b2d;
    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 #CCCCCC;}
table tr:first-child{border-top: 1px solid #CCCCCC;}

table td.headerTop{background: #F5F5F5;text-align: center;border-right: 1px solid #CCCCCC;}
table td.headerTop:last-child{border-right: none;}
table td.colTitle{background: #F5F5F5;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: #F5F5F5;}
.tableWrap_okabu table .holder{text-align: left; background: #F5F5F5;}
.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: 20px;}
.tableWrap_gyoseki.primary .table_left {border-top: 1px solid #CCCCCC;}
.tableWrap_gyoseki.primary .table_right table tr:first-child{border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}

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

.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: #803b2d;
    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/9755/StockFactsheet_print_off.svg);
    width: 51px;
    height: 19px;
    line-height: 20px;
    color: #666;
    cursor: pointer;
}
h2 #print:hover{
    background: url(../../image/9755/StockFactsheet_print_on.svg);
    color: #fff;
}


/* --------------------------------------------------
 * グラフ 幅・高さ
 *  ※※Premium_graphPrint.js にも幅・高さ設定あり※※
 * -------------------------------------------------- */
/*株価チャート*/
#chart_Highcharts{
    width: 100%;
    height: 308px;
}
/*棒グラフ*/
#sihyoG_Highcharts,
#haitouG_Highcharts {
    width: 100%;
    height: 200px;
}
/*円グラフ*/
#uriageKouseiG_Highcharts {
    width: 100%;
    height: 120px;
}

    

/* -----------------
 * 凡例
 * ----------------- */
/* 棒グラフ＆折れ線グラフ */
.graphLegend{
    margin: 6px auto 0;
    display: table;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.graphLegend .list{
    position: relative;
    display: table-cell;
    padding: 0 10px 0 20px;
    text-align: left;
}
.graphLegend .list:last-child{
    padding: 0 0 0 20px;
}
.graphLegend .list [class^="icon_circle"],
.graphLegend .list [class^="icon_lineCircle"]{
    content: "";
    display: block;
    position: absolute;
}
/*棒グラフのアイコン*/
.graphLegend .list .icon_circle1{
    width: 10px;
    height: 10px;
    top: 2px;
    left: 5px;
    border-radius: 10px;
    background: #589358;
}
.graphLegend .list .icon_circle2{
    width: 10px;
    height: 10px;
    top: 2px;
    left: 5px;
    border-radius: 10px;
    background: #BCD57D;
}

/*折れ線のアイコン*/
.graphLegend .list .icon_lineCircle1L {
    width: 16px;
    height: 2px;
    top: 6px;
    left: 0;
    background: #803b2d;
}
.graphLegend .list .icon_lineCircle1C {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 4px;
    left: 5px;
    border-radius: 10px;
    background: #803b2d;
}

.graphLegend .list .icon_lineCircle2L {
    width: 16px;
    height: 2px;
    top: 6px;
    left: 0;
    background: #589358;
}
.graphLegend .list .icon_lineCircle2C {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 4px;
    left: 5px;
    border-radius: 10px;
    background: #589358;
}

.graphLegend .list .icon_lineCircle3L {
    width: 16px;
    height: 2px;
    top: 6px;
    left: 0;
    background: #e2943b;
}
.graphLegend .list .icon_lineCircle3C {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 4px;
    left: 5px;
    border-radius: 10px;
    background: #e2943b;
}

/* 円グラフ */
.tableWrap_segLegend {
    margin: 10px auto 20px;
    padding: 0px 1em;
    width: 100%;
    max-width: 280px;
}
.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;
}

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

 * 株価情報

 * ========================================================================= */
/*株価*/
.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: #F5F5F5;
    padding: 5px 0;
}
.stockPrice li{
    position: relative;
    width: 33.3%;
    height: 40px;
    border-right: 1px solid #dddddd;
}
.stockPrice li:last-child{
    border-right: none;
}
.stockPrice li .label{
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 94%;
    color: #803b2d;
}
.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: 8px 0;
    padding: 0 0 6px 3px;
    text-align: left;
    font-weight: bold;
    font-size: 110%;
}
.subtitle:after {
    content: "";
    background: #803b2d;
    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 #CCCCCC;
    width: 150px;
    text-align: center;
    background: #F5F5F5;
}
.tableWrap_gyoseki .table_right {
    width: calc(100% - 90px);
}

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

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

table td.pdL20 {
    padding-left: 20px;
}

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

 * notice

 * ========================================================================= */
.notice{
    margin: 4px 0 0;
    padding-left: 1em;
    text-indent: -1em;
    text-align: left;
    font-size: 84%;
    line-height: 1.2;
    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: 0px;
    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: 132px;
}
.footer #logo img {
    width: 100%;
}
.footer .address{
    text-align: left;
}
.copyright{
    border-top: dotted 1px #cccccc;
    text-align: right;
    font-size: 84%;
    color: #9d9d9d;
    line-height: 1.5;
}

/* --------------------------------------------------
 * フッタご利用上の注意
 * -------------------------------------------------- */
.disclaimer {
	display: block;
	margin-top: 15px!important;
	color: #2d2d2d!important;
}
.disclaimer .disclaimer_list {
	float: left;
	background: url(../../image/5108/IR_icon_arrow_red_right.png) no-repeat left 3px;
}
.disclaimer .disclaimer_list a{
	padding-left: 10px !important;
	font-size: 12px;
	text-decoration: none;
	color: #2d2d2d !important;
}
.disclaimer .disclaimer_list a:hover {
	text-decoration: underline;
}
.disclaimer:after {
	content: "";
	display: block;
	clear: both;
}

div.comFooterLink{
    margin: 10px 0 0;
}
div.comFooterLink a{
    font-size: 12px;
}