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

.container .container {padding:0}
.container #buttons ul li:before { display:none !important;}
.container ul.fyq >li:before {  display:none !important;}
.jsTabGroup .tab li:before {  display:none !important;}
main .col5 {margin-bottom: 0;}



.jsTabGroup .tab li {display:inline-block;list-style: none;margin-bottom: -1px;}
.jsTabGroup .tab li a {border: 1px solid #ccc;padding: 10px 4em 9px; background-color:#f2f3f3; text-decoration: none; display: inline-block; border-bottom:none;color: #000;}
.jsTabGroup .tab li a.current, .jsTabGroup .tab li a:hover {border: 1px solid #999; padding: 10px 4em 10px; background-color: #fff; text-decoration: none; display: inline-block; border-bottom: none;}
.jsTabGroup .tab  {margin-bottom:40px;border-bottom:1px solid #999}
.jsTabGroup .tab:after  {display:block;content: "";clear: both}
main .container .row .jsTabGroup .tab li a {display:inline-block;font-size: 1.8rem;width:50%;float: left;text-align: center;line-height: 50px;
	font-weight: bold;text-decoration: none !important;border-bottom: 6px solid #cdcdcd}
main .container .row .jsTabGroup .tab li a.active {border-bottom: 6px solid #444}
@media screen and (max-width:750px) {
.jsTabGroup .tab  {text-align: center;}
.jsTabGroup .tab li { margin: 0 .2em -1px;}
.jsTabGroup .tab li a {padding: 10px .5em 9px;font-size: 1.1rem;}
.jsTabGroup .tab li a.current, .jsTabGroup .tab li a:hover {padding: 10px .5em 10px;}
}


/*chartgenerator*/
.jsTabItem { display:none}
.jsTabItem.active { display:block;}
main .table-container .table table { margin:20px 1%;width:98% }
main .table-container .table tr th { border:1px solid #ccc; padding:6px 10px; background-color:#e7e7e7; font-weight:normal;width:inherit !important;text-align:center; font-size: 12px;} 
main .table-container .table tbody tr th {background-color:#f5f5f5; font-size: 12px;}
main .table-container .table tr th:first-child {text-align: left;width: 30% !important;}
main .table-container .table tr td { border:1px solid #ccc; padding:6px 6px; text-align:right;min-width:53px;width:inherit;letter-spacing: -0.00em; white-space: nowrap; font-size: 12px;}
h2.title {}
	
p#desc {font-size: 1.3rem;margin-bottom: 20px;}

.highcharts-container input {display:none}

#buttons {margin-bottom: 20px;padding-top: 10px;font-size: 1.2rem;}
#buttons:after {content:"";display:block;clear:both;}
#buttons ul {list-style: none;padding: 0;margin: 0;}
#buttons ul li {display: block;	float: left;	margin: 0 4px 0 0;	padding: 0;}
#buttons ul li#adjst {	margin-top: 12px;}
#buttons ul li:nth-child(3) {	margin-top: 12px;}
#buttons img {vertical-align: middle;}
#buttons .text-left img { max-height:36px; width:auto}
#buttons a {text-decoration: none;color: #666;font-size:1.1rem;}
#buttons a:hover {text-decoration: underline;}
.btns { text-align:center; margin:30px 0}
.btns input { color:#fff; border:2px solid #555; text-align:center; line-height:26px;width: 10em; margin: 0 5px; background-color: #555;border-radius:20px;-webkit-appearance: none;;}
label { font-size: 1.4rem;}

main .tab  li a.active {opacity: 1;}
main .col5 li a.active {opacity: 1;}


@media screen and (max-width:500px) {
#buttons {margin:0 0 20px;}
#desc, h2.title, h3.h3Tit {	margin:0 0 0;}
.btns input {width:150px;-webkit-appearance: none;margin-bottom: 1em;;}
}

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

.gt-holder:before {content: "";display:block;clear: both;}
@media screen and (max-width: 750px){
main .graph {display:block;}
}

.text-right {float: right;}

#nav3 li a:not(.individual-guide__block) {text-decoration:none !important;font-size: 12px;display: block; padding:16px 0;color: #222;background-color:#f2f4f4 ;height:100%;border: 1px solid #fff;border-left:0}

#nav3 {margin-bottom: 12px;text-align: center;display: table;width:100%}
#nav3 ul {list-style: none;padding: 0;margin: 0 auto;display: table-row;}
#nav3 ul li { display: table-cell;padding: 0;position: relative;vertical-align:middle;width:14.1%;}
#nav3 ul li:first-child a {;border-radius: 25px 0 0 25px;}
#nav3 ul li:last-child a {border-radius:0 25px 25px 0;}
#nav3 li a.active {color: #fff !important;position: relative; background-color:#3f4444;}
#nav3 li a:hover {color: #fff !important;position: relative; background-color:#3f4444;}
.table-scroll table {width: 100%;}

@media screen and (max-width:750px) {
.text-right {float: none;text-align: center;}
.text-left  {float: none;text-align: center;}
#buttons .text-left ul li { display: inline-block; float: none;margin: 0 0 0 1em;}
#nav3 ul li {width:18.82555555%;}
}

@media screen and (max-width:750px) {
#na3 {  margin: 0 20px 12px; width: -webkit-fill-available; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#nav3 li a.menu.active:after {margin-top:10px;}
#nav3 li a:not(.individual-guide__block) {font-size:1.05rem;white-space:nowrap;letter-spacing:-0.08em}
#nav3 ul li {width:25%;display:table-cell;vertical-align:middle;margin-bottom: 0;}
#nav3 ul {width:100%;display:flex;    flex-wrap: wrap;border-top: 1px solid #ccc}
#nav3 li a:not(.individual-guide__block) {border-left: 1px solid #ccc !important; border-bottom: 1px solid #ccc; border-top: none; border-right: none;}
#nav3 ul li:first-child a {border-left:none !important;border-radius:0;}
#nav3 ul li:last-child a {border-radius:0;border-right:1px solid #ccc !important}
#nav3 ul li:nth-child(5) a {border-left: none !important;}
}


.table-container table { margin:20px 0 }
.table-container th { border:1px solid #ccc; padding:6px 2px; background-color:#f2f2f2; font-size: 1.2rem; font-weight: bold; text-align: center;} 
.table-container td { border:1px solid #ccc; padding:6px 2px; text-align:right; font-size: 1.2rem;background-color:#fff;}



@media screen and (max-width: 999px){
.table-container {margin:0 20px !important}
.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;display: table-cell !important;}
.table-scroll table td {display: table-cell !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: #7A7766;border-radius: 10px;}

[class*="table-scroll"]::-webkit-scrollbar-thumb:horizontal {background: #7A7766;border-radius: 10px;}

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



.slick-dots {display:none !important}
.tab {  margin-left:0 !important;}
.tab li {  margin-left:0 !important;}

#graph-newest, #graph-cf, #graph-segment  {width:860px;max-width:860px;}
@media screen and (max-width:860px) {
#graph-newest, #graph-cf, #graph-segment  {width:100%;}	
}
.container .h3Tit {}
.container {}

.note {font-weight: normal; font-size: 80%;}



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

.xls-download:after { content: url(img/icon_xls.png); vertical-align: sub;}
.png-download:after { content: url(../images/icon_png.png); vertical-align: sub;zoom: 50%;}
.jpg-download:after { content: url(../images/icon_jpg.png); vertical-align: sub;zoom: 50%;}
.download:after {  content: url(img/icon_pdf.png); vertical-align: sub;}


.ifja {margin:20px auto 0;text-align: center;}
.ifja li:before {content:"";display:none !important}
main .container .row .ifja a:not(.individual-guide__block) {  text-decoration:none!important;}
.ifja li {list-style: none; display: inline;}
.ifja li a {width: 45%; display: inline-block; line-height: 50px; border: 1px solid #ccc; border-radius: 5px;padding: 0 !important;}
.ifja li.active a, .ifja.ifrs li:nth-child(1) a {color:#fff !important;background-color: #ccc}
main .container .row .jsTabGroup .tab li span.jgaap {  display: inline-block;  font-size: 1.8rem;   width: 100%;  float: left;  text-align: center;  line-height: 50px;   font-weight: bold;    text-decoration: none !important; border-bottom: 6px solid #444;}


@media screen and (max-width:500px) {
	.ifja li a {width: 40%;}
}

#graph-newest {min-height:inherit !important;}
main p { margin-bottom:40px;}
.table-container {  max-width: 1000px;  margin: 0 auto;}


@media screen and (min-width: 501px){
.menu .spOnly { display: none;}
}
.check-container br {display:none}

.graph-container { padding-bottom:1em;}
.annotation {display: none;}