/*---------------------------------
  hc/css/main.css
  last update: 2014/06/02  
-----------------------------------*/

@charset "utf-8";
/* CSS Document */

#hqir * {
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.qirWrapper{
	width:760px; /*-- 全体の幅 --*/
}

.qirWrapper ul{
	margin:0;
	padding:0;
	list-style:none;
    display: flex;
}
.qirWrapper li{
	display:inline-block;
	margin-right:10px;
}
.qirWrapper li:last-child{
	margin-right:0;
}

.qirMenu{
	margin-bottom:20px;
	text-align:right;
}
.qirMenu img{
	vertical-align:middle;
}

.qirTab{
	margin-bottom:30px;
}
.qirTab li a{
	display:block;
	width:250px;
	padding:20px 0 18px 15px;
	border-left: solid 6px #EDEDED;
    background: #FAFAFA;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
.qirTab li.active a,
.qirTab li a:hover{
	border-left: solid 6px #29A5FF;
	color: #29A5FF;
}

.qirLegend{
	margin-bottom:30px;
	text-align:right;
}

/*-- column --*/

.qirColumnWrapper{
	clear:both;
}
/* 全て非表示にして、アクティブだけ表示 */
.qirColumnWrapper {
  display: none;
}
.qirColumnWrapper.active {
  display: block; /* 必要に応じて block や grid に */
}
.qirTab ul li a.active {
  font-weight: bold;
  text-decoration: underline;
}
.qirColumn,
.qirChart{
	width:360px; /*-- グラフの幅 --*/
}
.qirColumn{
	height:auto;
	float:left;
	margin-bottom:30px;
}
.qirColumn:nth-of-type(2n+1) {
	clear:both;
}
.qirColumn:nth-of-type(2n) {
	float:right;
}

/*-- 1カラム用 --
.qirColumn{
	width:100%;
	float:none;
}
.qirColumn:nth-of-type(2n) {
	float:none;
}
*/

.qirLabel{
	text-align:left;
	font-weight:bold;
}
.qirUnit{
	text-align:right;
	margin-bottom:10px;
}
.qirChart{
	height:240px; /*-- グラフの高さ --*/
	clear:both;
}
.ctrlBox{
	text-align:center;
	margin-bottom:0.5em;
}
.ctrlBox li{
	margin-right:8px;
}

.ctrlBox label{
	cursor:pointer;
}
.ctrlBox span{
	display:inline-block;
	margin-right:1px;
}
.ctrlBox input{
	vertical-align:middle;
	margin:0 0 0 3px;
	cursor:pointer;
}

/* タイトル1列
.qirLabel{
	float:left;
}
.qirUnit{
	float:right;
}*/


.chartID201,
.chartID202,
.ctrlBoxID201,
.ctrlBoxID202{
	display:none;
}

.tableLess .qirColumnID201,
.tableLess .qirColumnID202{
	display:none;
}

/*-- column --*/

/*-- table --*/

.qirTable{
	margin-bottom:10px;
}
.qirTableContainer{
	clear:both;
}

.qirTable table,
.qirTable table th,
.qirTable table td{
	border-style:solid;
	border-color:#CCCCCC; /*-- 表の枠色 --*/
}
.qirTable table{
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-collapse:collapse;
	width:100%;
}
.qirTable table th,
.qirTable table td{
	border-top-width:0;
	border-left-width:0;
	border-right-width:1px;
	border-bottom-width:1px;
	padding:5px;
	vertical-align:middle;
	font-size: 12px;
}
.qirTable table th{
	background-color:#EEE; /*-- 表の背景色 --*/
	text-align:center;
	font-weight:normal;
	white-space:nowrap;
}
.qirTable table td{
	text-align:right;
	padding-right:1px;
}
.qirTable table .current{
	background-color:#FAFAFA;
}

.triangle{
	font-size:75%;
}

.tableHead{
	margin:1em 0;
}

/*-- table --*/


#qirNote{
	clear:both;
}
#qirNote p{
	margin-bottom:30px;
}
.pnex{
	text-align:right;
}

.viewSP{
	display:none;
}

.fLeft{
	float:left;
	clear:both;
}
.fRight{
	float:right;
}

.qirColumnID201,
.qirColumnID202{
	float: none;
    width: 100%;
}


.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

/*
.chartID21{
	margin-bottom:1.5em;
}
*/


/* 業績ハイライト　通期のみ指標の通期のみ表示 
.ctrlBox.ctrlBoxID101,
.ctrlBox.ctrlBoxID102,
.ctrlBox.ctrlBoxID122{
	display:none;
}

.qirTable.tableID101 table tr:nth-child(3),
.qirTable.tableID101 table tr:nth-child(4),
.qirTable.tableID101 table tr:nth-child(5),
.qirTable.tableID102 table tr:nth-child(3),
.qirTable.tableID102 table tr:nth-child(4),
.qirTable.tableID102 table tr:nth-child(5),
.qirTable.tableID122 table tr:nth-child(3),
.qirTable.tableID122 table tr:nth-child(4),
.qirTable.tableID122 table tr:nth-child(5){
	display:none;
}
*/


/* キャッシュ・フロー　1Q、3Q非表示 
.ctrlBox.ctrlBoxID910 ul li:nth-child(1),
.ctrlBox.ctrlBoxID910 ul li:nth-child(3),
.ctrlBox.ctrlBoxID920 ul li:nth-child(1),
.ctrlBox.ctrlBoxID920 ul li:nth-child(3),
.ctrlBox.ctrlBoxID930 ul li:nth-child(1),
.ctrlBox.ctrlBoxID930 ul li:nth-child(3),
.ctrlBox.ctrlBoxID970 ul li:nth-child(1),
.ctrlBox.ctrlBoxID970 ul li:nth-child(3){
	display:none;
}

.qirTable.tableID910 table tr:nth-child(3),
.qirTable.tableID910 table tr:nth-child(5),
.qirTable.tableID920 table tr:nth-child(3),
.qirTable.tableID920 table tr:nth-child(5),
.qirTable.tableID930 table tr:nth-child(3),
.qirTable.tableID930 table tr:nth-child(5),
.qirTable.tableID970 table tr:nth-child(3),
.qirTable.tableID970 table tr:nth-child(5){
	display:none;
}
*/





/* For responsive */
@media screen and (max-width: 768px) {

	.qirWrapper{
		width:100%;
	}
    .qirWrapper ul{
        flex-wrap: wrap;
    }
	.qirColumn,
	.qirChart{
		width:100%;
	}
	.qirColumn{
		float:none;
	}
    .qirColumn img{
        width: 100%;
    }

	.qirTab li{
		width:100%;
		margin-right:0;
		margin-bottom:5px;
	}
	.qirTab li a{
		width:100%;
	}

	.qirTableContainer{
		overflow-x:scroll;
	}
	
	.viewSP{
		display:inline-block;
	}
}

/*@media screen and (max-width:800px) {

	.qirWrapper{
		width:100%;
	}
	.qirColumn{
		width:48%;
	}

	.qirTab li{
		width:100%;
		margin-right:0;
		margin-bottom:5px;
	}
	.qirTab li a{
		width:100%;
	}

	.qirTableContainer{
		overflow-x:scroll;
	}
	
	.viewSP{
		display:inline-block;
	}
}*/