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

#contents .body ul li {list-style: none;background-image: none;}
ul.ir_pocket_chart_period li{  padding: 0;}
ul.ir_pocket_chart_period li a{  padding:15px 0;display: block;color: #333;text-decoration: none;}
ul.ir_pocket_chart_period li a:hover, ul.ir_pocket_chart_period li.active a {color: #fff;;}
.tab li a {text-decoration: none;}
.tab li a.current2 {color: #C71627;}

.container #buttons ul li:before {   display:none !important;}
.container ul.fyq >li:before {    display:none !important;}
input.cselect {    line-height: normal;    vertical-align: middle;    margin-right:0;}
#nav a {text-decoration: none;color: #333;}
#nav a.active {color: #C71627;}
.check-container input {opacity: 0;display: inline;height: 0;width: 0;}
.check-container label {  height: 2.2em;}
.highcharts-legend span {letter-spacing: 0.09em;}

#buttons {	margin-bottom: 20px;	padding-top: 10px;display: flex;justify-content: space-between;}
#buttons ul {	list-style: none;	padding: 0;	margin: 0; display: flex;}
#buttons ul li {display: block;	margin: 0 4px 0 0;padding: 0;}

label {   font-size: 12px;   margin-right: 5px;}

@media screen and (max-width:500px) {
	.text-left {margin-bottom: 1em;}
#buttons {display: block;}
#buttons {	margin:0 20px 20px;}
.container .h3Tit {margin:0 20px}
.highcharts-legend-item span {letter-spacing: 0.10em;padding-right:0.2em; display: block;font-size: 12px;}
#graph-bs .highcharts-legend-item span {letter-spacing: -0.02em;}
#graph-per .highcharts-legend-item span {letter-spacing: -0.02em;}
#graph-other .highcharts-legend-item span {letter-spacing: -0.02em;}
.highcharts-container input {margin: 3px 0 0 7px;   width: 10px !important;   height: 10px !important;}
}
.highcharts-legend-item .tani {display: none;}

.irp_comment { text-align:right; margin:30px 0 }


table {border-collapse: collapse;}
.container .row .table {border:none !important;}
.container .row .table thead th {   padding: 6px 6px !important;}
.container .row .table tbody td, .container .row .table tbody th  {   padding: 6px 6px !important;}


@media screen and (max-width:1000px) {
#graph-newest, #graph-quarter  {width:100%;}	
}


.table-scroll table {width: 100%;}




/* ジェネレータ アイコン */

.xls-download:after {content: ''; background-image: url(images/icon_excel.png);display: inline-block;  vertical-align: middle;width: 21px;height: 24px;background-size: contain;background-repeat: no-repeat;    margin: 0 5px 3px;}
#png-download:after {content: ''; background-image: url(images/icon_png.png);display: inline-block;  vertical-align: middle;width: 21px;height: 24px;background-size: contain;background-repeat: no-repeat;    margin: 0 5px 3px;}
.jpg-download:after {content: ''; background-image: url(images/icon_jpg.png); display: inline-block;   vertical-align: middle;width: 21px;height: 24px;background-size: contain;background-repeat: no-repeat;    margin: 0 5px 3px;}
#pdf-download:after {content: ''; background-image: url(images/icon_pdf.png); display: inline-block;  vertical-align: middle;width: 21px;height: 24px;background-size: contain;background-repeat: no-repeat;    margin: 0 5px 3px;}

#graph-quarter {width:100% !important;max-width:1100px}

.tani {   margin-bottom: -1.0em;   text-align: right;  font-size: 12px;}



.table-container table { margin:20px 0 }
.table-container th:nth-child(1) {width:9em}
.table-container th { border:1px solid #ccc; padding:6px 2px; background-color:#f2f2f2; font-size: 12px; font-weight: bold; text-align: center;} 
.table-container td { border:1px solid #ccc; padding:6px 2px; text-align:right; font-size: 12px;    min-width: 3.5em;}
/*テーブルスクロール*/

@media screen and (max-width:500px){
	.table-scroll table { display:inline !important}
	[class*="table-scroll"] {clear: both;margin-top: 5px;overflow-y: hidden;padding-bottom: 10px;width:100%;margin-bottom:30px;}
	.table-scroll table { margin-bottom:0}
	.table-scroll table th {white-space: nowrap;min-width: inherit !important}
	
	[class*="table-scroll"]::-webkit-scrollbar {width: 10px;background: #cccccc;border-radius: 10px;}
	[class*="table-scroll"]::-webkit-scrollbar:horizontal {	height: 10px;background: #cccccc;	border-radius: 10px;}
	[class*="table-scroll"]::-webkit-scrollbar-thumb {background: #c71627;	border-radius: 10px;}
	[class*="table-scroll"]::-webkit-scrollbar-thumb:horizontal {background: #c71627;border-radius: 10px;}
	}

	#graph-other .highcharts-legend-item .tani {display: inline-block;}

/*202503*/
#nav ul.ir_pocket_chart_subcate_col02 li {width: calc(100% / 2);}