@charset "utf-8";


/* セクション：注記
-----------------------------------*/
.qirSection_noteTop{
    font-size: 96%;
}
.qirSection_noteTop_list{
	padding-left: 1em;
}
.qirSection_noteTop_list_item::before{
	content: "※";
	display: inline-block;
	text-indent: -1em;
}
.qirLang-en .qirSection_noteTop_list_item::before{
	content: "*";
}


/*---------------------------------
  Content:グラフ関連
-----------------------------------*/
.qirContentWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}

.qirContent,
.qirArea-twocolumn .qirContent.qirContent-together {
	width: 100%;
	margin-top: 30px;
}
.qirContent:first-child,
.qirContent:nth-child(2) {
	margin-top: 0;
}
 /* 横幅100％にしたいとき  */
.qirContent.qirContent-w100p {
	width: 100%;
}
.qirArea-twocolumn .qirContent {
	width: 48%;
}

.qirSection_wrapper{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.Highlights-item__graph img {
	width: 100%;
}


/*　ラベル
-----------------------------------*/
.qirContent_label {
	text-align:left;
	font-weight: bold;
}
.qirContent_label-justify{
	display:flex;
	justify-content:space-between;
}

/*　単位
-----------------------------------*/
.qirContent_unit {
	font-size: 96%;
	text-align:right;
}
.qirContent_unit-justify{
	display:flex;
	justify-content:space-between;
}


/*　グラフ
-----------------------------------*/
.qirContent_graph {
	width: 100%;
	height: 280px;
	/*-- グラフの高さ --*/
	clear: both;
	position: relative;
}


/*　凡例
-----------------------------------*/
.qirContent_legend_list {
	display: flex;
	justify-content: center;
	/*margin-top: 30px;*/
    flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
.qirContent_legend_list span {
	margin-right: 5px;
}
.qirContent_legend_list_item {
	margin-left: 10px;
	font-size: 12px;
}
.qirContent_legend_list_item:first-child {
	margin-left: 0;
}
.qirContent_legend_label,
.qirContent_legend_input{
	cursor: pointer;
}
.qirContent_legend_label{
	/* display: flex; */
	/* align-items: center; */
}
.qirContent_legend_label::after{
	content:"";
	display:block;
	overflow:hidden;
	clear:both;
}
.qirContent_legend_label_brackets{
	float:left;
}
.qirContent_legend_label_shape{
	width: 12px;
	height: 12px;
	float:left;
	margin-top: 3px;
}
.qirContent_legend_label_quarter{
	float:left;
}
.qirContent_legend_label_checkbox{
	width:14px;
	height:14px;
}


/*　テーブル
-----------------------------------*/
.qirContent_table td {
	font-weight: normal;
	/* white-space: nowrap; */
}
.qirContent_table .qirTable_label {
	vertical-align: middle;
}
.qirContent_table {
}
.qirContent_table table,
.qirContent_table th,
.qirContent_table td {
	border-style: solid;
	border-color: #dadada;
}
.qirContent_table table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
	margin-top: 10px;
}
.qirContent_table th,
.qirContent_table td {
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	vertical-align: middle;
}
.qirContent_table thead th {
	background-color: #f8f8f8;
	text-align: center;
	font-weight: normal;
}
.qirContent_table tbody th {
	background-color: #f8f8f8;
	text-align: center;
	white-space: nowrap;
}
.qirContent_table tbody td {
	white-space: nowrap;
}
.qirContent_table td {
	text-align: right;
	word-wrap: break-word;
	word-break: break-all;
}
.qirContent_table .qirTable_label {
	width: 23%;
	white-space: normal;
	text-align: left;
}
.triangle {
	font-size: 75%;
}


/*---------------------------------
  ボタン
-----------------------------------*/
.qirButton{
	padding-bottom:30px;
}
.qirButton > div::after{
	content:"";
    display: block;
	clear:both;
}
.excelArea_button{
	width: auto;
}

/*　グラフ注記
-----------------------------------*/
.qirContent_note{
	margin-top: 10px;
}
.qirContent_note_list{
	padding: 0;
	margin: 0;
	list-style: none;
}
.qirContent_note_list_item{
	font-size: 96%;
}


/*---------------------------------
  セクション注記
-----------------------------------*/
*+.qirSection_note{
	margin-top: 10px;
}
.qirSection_note_list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.qirSection_note_list_item{
	padding-left: 1em;
}
.qirSection_note_list_item::before{
	content: "※";
	display: inline-block;
	text-indent: -1em;
}
.qirLang-en .qirSection_note_list_item::before{
	content: "*";
}


/*---------------------------------
  エリア注記
-----------------------------------*/
*+.qirArea_note{
	margin-top: 10px;
}
.qirArea_note_list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.qirArea_note_list_item{
	padding-left: 1em;
}
.qirArea_note_list_item::before{
	content: "※";
	display: inline-block;
	text-indent: -1em;
}
.qirLang-en .qirArea_note_list_item::before{
	content: "*";
}

*+.qirBox{
	margin-top: 30px;
}


/*---------------------------------
  期間情報の注記
-----------------------------------*/
.qirBox_asteriskNote{
	margin: 0;
	padding: 0;
	list-style: none;
}
.qirBox_asteriskNote_item{
	padding-left: 1em;
}
.qirBox_asteriskNote_item::before{
	content: "※";
	display: inline-block;
	text-indent: -1em;
}
.qirLang-en .qirBox_asteriskNote_item::before{
	content: "*";
}


/*---------------------------------
  ご利用上の注意
-----------------------------------*/
.qirBox_carefulNote_title{
	font-weight: bold;
}
.qirBox_carefulNote_list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.qirBox_carefulNote_list_item{
	padding-left: 1em;
}
.qirBox_carefulNote_list_item::before{
	content: "・";
	display: inline-block;
	text-indent: -1em;
}


/*---------------------------------
  プロネクサス注記
-----------------------------------*/
.qirBox_pnexNote_text{
	padding: 0;
	margin: 0;
}
.pnexIcon{
	text-align: right;
}
.pnexIcon img {
	width: auto;
}


/*---------------------------------
  BASE SETTING
-----------------------------------*/
.qir ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.qirArea {
	max-width: 100%;
}
.qirSection_wrapper {
	gap: 50px;
}
.qirContent {
	margin-top: 0;
}
.qirArea-twocolumn {
	& .qirContent {
		width: calc((100% - 50px) / 2);

		&.qirContent-together {
			margin-top: 0;
		}
	}
}
@media screen and (max-width: 768px) {}


/*---------------------------------
  指標名、単位
-----------------------------------*/
.qirContent_label {
}
.qirContent_unit {
}
@media screen and (max-width: 768px) {}


/*---------------------------------
  遡及修正削除
-----------------------------------*/
/* .qirBox_carefulNote_list_item-retrospective {
	display: none;
} */


/*---------------------------------
  注記
-----------------------------------*/
.qirArea_wrapper + .qirBox,
.qirBox + .qirArea_wrapper {
	margin-top: 50px;
}
.qirBox_carefulNote_title {
	margin-bottom: 10px;
}
.pnexIcon {
	margin-top: 1em;

	& a {
		display: inline-block;
	}
}
@media screen and (max-width: 768px) {}

/*　 PNEX注記：外部リンクアイコン
-----------------------------------*/
.qirBox_pnexNote_text:first-of-type a[target="_blank"] {
	text-decoration: underline;
}
.qirBox_pnexNote_text:first-of-type a[target="_blank"]:hover {
	color: #962700;
}
.qirBox_pnexNote_text:first-of-type a[target="_blank"]::after {
}


/*---------------------------------
  凡例
-----------------------------------*/
.qirContent_legend_list {
	gap: 10px;

	& span {
		margin: 0;
	}
}
.qirContent_legend_list_item {
	margin: 0;
}
.qirContent_legend_label {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 0;

	&::before,
	&::after {
		display: none;
	}
}
.qirContent_legend_label_shape {
	margin-top: 0;
}
.qirContent_legend_label_checkbox {
	margin: 0;
	appearance: auto !important;

	&::before,
	&::after {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {}


/*---------------------------------
  テーブル
-----------------------------------*/
.qirContent_table {
	overflow-x: auto;
}
.qirArea-responsive {
	& .qirScrollTable {
		& .qirTable {

		}
	}
}
@media screen and (max-width: 768px) {}

.qirContent_table {
	margin-top: 10px;
	font-family: "Roboto", "Noto Sans JP", serif;
	overflow-x: auto;

	& table,
	& th,
	& td {
		border-color: #ccc;
	}

	& table {
		margin-top: 0;
        border-bottom: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
        width: 100%;
		& th,
		& td {
			padding: 8px;
            border-top: 1px solid #c0c0c0;
            border-left: 1px solid #c0c0c0;
		}

		& td {
			white-space: nowrap;
		}

		& thead th {
			background-color: #666666;
			color: #fff;
			font-weight: bold;
		}

		& tbody th {
			background-color: #ededed;
			font-weight: bold;
		}
	}
}
@media screen and (max-width: 768px) {}


@media screen and (max-width: 768px) {
	.qirArea-responsive {
		& .qirContentWrapper {
			display: block;
			margin-top: 40px;
		}

		& .qirContent {
			width: 100%;
		}

		& .qirScrollTable {
			width: 100%;
			overflow-y: scroll;
		}
	}
}


/*---------------------------------
  凡例個別設定
-----------------------------------*/
.qirArea-twocolumn .qirContent.qirContent-id201,
.qirArea-twocolumn .qirContent.qirContent-id202 {
    width: 100%;
}
.qirContent-id101 .qirContent_legend {
    visibility:hidden;
}
.qirContent-id102 .qirContent_legend,
.qirContent-id122 .qirContent_legend  {
    display: none;
}
@media screen and (max-width: 768px) {
    .qirContent-id101 .qirContent_legend {
        display: none;
    }
}

/* 円グラフ
-----------------------------------*/
.qirContent_type-pie {
	& .qirContent_legend_label_shape {
	pointer-events: none;
	}
	& .qirContent_legend_label_checkbox {
		display: none;
	}
}


/*---------------------------------
  配当
-----------------------------------*/
.qir[class*="area_dividend"] {
	& .qirContent_table {
		margin-top: 0;

		& table {
			min-width: 600px;

			& thead th {
				min-width: 150px;
			}
		}
	}
}
@media screen and (max-width: 768px) {}


/* --------------------------------------------------------
* 1ページ複数エリア 注記削除
* -------------------------------------------------------*/
/*
.エリアclass {
    & .qirBox {
      display: none;
    }
}
*/

.highcharts-container,
.highcharts-container img,
.highcharts-container svg {
    width: 100%;
    min-width: 100%;
}

.highcharts-axis-labels.highcharts-xaxis-labels {
    left: 1%!important;
}

.qirContent_legend,
.qirContent_table,
.highcharts-container {
    max-width: 100%;
}

.p-ir-highlight-item {
    max-width: calc(90vw / 2);
}

@media screen and (max-width: 768px) {
    .p-ir-highlight-item {
        max-width: 100%;
    }
}


@media screen and (max-width: 1240px) {
    .highcharts-axis-labels.highcharts-xaxis-labels span:nth-of-type(1){
        left: 7.8vw!important;
    }
    .highcharts-axis-labels.highcharts-xaxis-labels span:nth-of-type(2){
        left: 15.6vw!important;
    }
    .highcharts-axis-labels.highcharts-xaxis-labels span:nth-of-type(3){
        left: 23.4vw!important;
    }
    .highcharts-axis-labels.highcharts-xaxis-labels span:nth-of-type(4){
        left: 31.2vw!important;
    }
    .highcharts-axis-labels.highcharts-xaxis-labels span:nth-of-type(5){
        left: 39vw!important;
    }
}
@media screen and (min-width: 1340px) {
    .highcharts-axis-labels.highcharts-xaxis-labels {
        left: min(2vw,30px) !important;
    }
}