/* @font-face {
   font-family: 'gokuboso';
   src: url('webfonts/chogokubosogothic_5.ttf') format("opentype");} */

* {
margin: 0px;
padding: 0px;
}


html {
/*	  scroll-behavior: smooth;*/
    scroll-padding-top: 72px;
}


body{
  font-size: 16px;
  font-family: "Meiryo";
 /* font-family: Verdana,sans-serif;*/
  width: 100%;


}

header{
  height:72px;
  background-color:#0066CC;
  position:fixed;
  color: white;
  width: 100%;
  display: block;
  z-index:1000;
  font-family: "ＭＳ ゴシック";

  }

  .site-header{
   position: fixed;
  }

main{

  height:100%;
   display: flex;
  flex-direction: column;


/* height: 500px; */

}

a.link{
display:block;
height:20px;
}
div.samplepage{
	margin-top:150px;
}

div.info{
	margin-top:150px;
}

th.half{
	 background:blue;
}

/*.index{
 text-align:center;
  font-family: "sans-serif";
}

p.maintopic{
	font-size:24px;
	font-weight:bold;
	margin-top:50px;
}

p.hosoku{
font-size:18px;
}
p.jikeiretu{
	font-size:20px;
	font-weight:bold;
	margin-top:10px;
}
p.pcsite{
	font-size:24px;
	font-weight:bold;
	color:blue;
}
#companyname{
font-size:24px;
margin-top:50px;
font-weight:bold;
}
*/
.originalDiv{

	margin-bottom: 15px;
	width:100%;

}

.originalDiv > td{
	margin-left: 0%;
	margin-bottom: 15px;
	white-space: nowrap;
}



#explanation > p{
  font-size: 14px;
  word-break:keep-all;
  margin-left: 5%;
   margin-bottom: 0.3%;
   margin-top: 1%;

}
#explanation {
height:100px;
width:100%;
  margin-bottom:5%;
   padding-top:75px;
  position:fixed;
    z-index:500;
     display: block;
     background:white;
     border-bottom:3px dashed #00008B;


}

#explanation_anual {
height: 220px;
 margin-top:72px;
width:100%;
  margin-bottom:5%;
  position:fixed;
    z-index:auto;
     display: block;
     background:white;
     border-bottom:3px dashed #00008B;


}

#rightPage{


	margin-left:15%;

	 margin-top:200px;
}

#rightPage_financial{
	float:left;
	  box-sizing: border-box;
	  margin-top:152px;


}

h1.anchor {
    display: block;
    padding-top: 300px;
    margin-top: -300px;
}
h1.anchorquarter {
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}

.category_div{
margin-left:3%;
}



.category_div ul li{

	display: inline;
	font-size:20px;
	border-radius: 20px;


}



.category_div ul li a{
	text-decoration:none;
	color:white;
	font-size:18px;
	margin:10px;



	}

.category_div_anual{
	 width:100%;
}

.category_div_anual ul li{

	display: inline;
	font-size:100%;
	border-radius: 20px;
}
.category_div_anual ul{
white-space: nowrap;
}



.category_div_anual ul li a{
	text-decoration:none;
	color:white;
	font-size:80%;
	margin:10px;



	}



#category1{
	 background:#ff9500;

}
#category2{
	 background:#f62e36;
}

#category3{
	 background:#b5b5ac;
}

#category4{
	 background:#009bbf;
}

#category5{
	 background:#00bb85;
}

#category6{
	 background:#c1a470;
}

#category7{
	 background:#8f76d6;
}

#category8{
	 background:#00ac9b;
}
#category9{
	 background:#8300E0;
}


#category10{
	 background:#0082C3;
}

#category11{
	 background:#008C8A;
}

#category12{
	 background:#147A14;
}
#category13{
	 background:#83A21A;
}
#category14{
	 background:#C60000;
}
#category15{
	 background:#B90054;
}
#category16{
	 background:#C75299;
}
#category17{
	 background:#D17700;
}
#category18{
	 background:#813100;
}

#category100{
	background:#000066;
}


#toc {

  top: 180px;
  left: 0;
  height: calc(100% - 165px);
  width: 15%;
  position: fixed;
  background: white;
  color: black;
  font-family: MyFont;
  font-size: 14px;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 30;

}


#toc .fa-angle-right{
  margin-left: 10px;
}
#toc .toc-active {
  background:#EEEEEE;
  box-shadow: inset -5px 0px 10px -5px #000;
}

#toc::-webkit-scrollbar{
  width: 12px;
}
#toc::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777;
}
#toc::-webkit-scrollbar-thumb{
  background: #aaa;
  border-radius: 10px;
  box-shadow: none;

}
#toc::-webkit-scrollbar:horizontal{
  width: 8px;
  height: 10px;
}

#toc::-webkit-scrollbar-thumb:horizontal{
  background: #aaa;
  border-radius: 10px;
  box-shadow: none;
  height: 8px;
  width: 8px;

}





h1{
  font-size: 17px;
  line-height:150%;
  font-weight: normal;
  margin-left:3%;
  margin-bottom:2px;

  }
h2{
  font-size: 17px;
   line-height:150%;
    font-weight: normal;
     margin-left:3%;

}
h3{
  font-size: 20px;
 line-height:200%;
  font-weight: normal;
   margin-left:3%;
}

h4{
  font-size: 16px;
 line-height:200%;
  font-weight: normal;
   margin-left:3%;
}

input{
	display: none;
}



.shadow {
margin:0 2% 0.5% 5%;
  width:80px;
  font-size:12px;
  color:#FFFFFF;
  text-align:center;
  display:block;
  padding:10px 0 10px;
  background:#20B2AA;
  border-radius:5px;
  box-shadow:1px 1px #1A6EA0;
}

.shadow2 {
margin:0 2% 0.5% 1%;
  width:150px;
  font-size:12px;
  color:#FFFFFF;
  text-align:center;
  display:block;
  padding:10px 0 10px;
  background:#20B2AA;
  border-radius:5px;
  box-shadow:1px 1px #1A6EA0;
}


.shadow:active {
  box-shadow: 2px 2px 5px #fc894d;
 background:black;
}

.shadow2:active {
  box-shadow: 2px 2px 5px #fc894d;
 background:black;
}
.xbrlTable{
margin-left: 3%;
margin-bottom: 5%;
min-width: max-content;

  width: 62%;

  color:	black;
 border-left:1px solid gray;
 border-right:1px solid gray;

border-collapse: collapse;
}








#sm{
  font-size: 9px;
}


.xbrlTable thead>tr{

  	background:black;
  	border:1px solid black;
  	color:white;
  	border-collapse: collapse;

}



.xbrlTable td{
	color:black;
	border-bottom:1px solid black;
	padding:.3em 1em;
  word-break: keep-all;
  font-size:12px;
  border-left:1px solid gray;



}

.xbrlTable td.group {
	border-left:none;
}


.xbrlTable p{
  word-wrap:break-word;
}
.xbrlTable p:contains("計"){
  font-weight:bold;
}



.xbrlTable td.category {
  text-align: left;
}

.xbrlTable td.empty_category {
  text-align: left;
  border-left:none;

}

/**
.xbrlTable tr:has(td.total) {
  border-top:double 2px black;
 border-bottom:solid 2px black;
  padding: 5px;

}

.xbrlTable td.total > p {
	font-weight:bold;

	}
	**/


.xbrlTable td.number {
  text-align: right;
}



#tableLists p.notDisplay{
	color:red;

	font-size:15px;
	margin-left:30px;
}




.xbrlTable tr>th {
white-space: nowrap;

text-align:center;

font-size: 12px;

  font-family: MyFont;
}



#tableLists p{
	 clear:left;
	font-size:12px;

}

/* .undisplay{
	display:none;
} */



#toc > div > ul{
  position: absolute;
  left: 0;
}
#toc ul{
  list-style-type: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size:14px;

  left: 0;


}
.toc-src{
	display:flex;
  flex-flow: column;
}

.button{
display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color:#FF6E00;
  border:#FF6E00;
  background:white;
  transition: .4s;
  font-size:13px;


}
.button:focus {
	outline:0;
}



#tableLists p.yajirushi{
	margin-left: 50px;
	margin-top:10px;
	float:left;
	font-weight:bold;
	color:black;
	font-size:30px;
display: inline-block;

}

.financial_note{
margin-left: 50px;
	float:left;
	font-size:12px;
display: inline-block;
}

.blue{
	text-decoration:underline solid 3px #00CCFF;


}



#tableLists{
	display:block;
/*	float:left;
	margin-top:100px;
	margin-left:20px;
*/
	position:relative;
	top:100px;
	left:30px;
	z-index:10;
  width: 100%;


}

#tableLists_anual{
	display:block;
	/* float:left; */
	margin-top:200px;
	margin-left:20px;
}

#copybutton{
 display: inline-block;
}

.not_latest{


}


p.header1{
	 font-size: 18px;
	  font-weight: bold;
 line-height:200%;

   margin-left:3%;
    font-family:  "メイリオ";
}

p.dataExample{
	font-size: 16px;
	  font-weight:normal;
 line-height:200%;
  font-weight: normal;
   margin-left:5%;
    font-family:  "メイリオ";
}

img.samplePicture{

	  margin-left:10%;
	width: 50%;
	 margin-top:2%;


}




a>.dataExample:link {
 color: #0000EE;
 text-decoration: underline;
}

a>.dataExample:visited {
 color: #551A8B;
 text-decoration: underline;
}



a>.dataExample:active {
 color: #FF0000;
 text-decoration: underline;
}

p.commentB{
	font-size: 18px;
	margin-top:2%;
	 margin-left:10%;
	 font-family:  "メイリオ";
	 font-weight:bold;

}

p.commentS{
	font-size: 12px;
	margin-top:2%;
	 margin-left:10%;
	 font-family:  "メイリオ";


}

p.comment{
	font-size: 16px;
	margin-top:2%;
	 margin-left:10%;
	 font-family:  "メイリオ";

}

div.suii{
display: flex;
margin-top:10px;
}



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

  /* TOCを非表示にするのはOK */
  #toc {
    display: none;
  }

  html {
    scroll-padding-top: 56px;
  }


  header {
    height: 56px;
    font-size: 14px;
  }

  #explanation,
  #explanation_anual {
    position: static;
    height: auto;
    margin-top: 10px;
  }





  p.maintopic {
    font-size: 1.5rem;
    margin-top: 20px;
  }

  p.hosoku,
  p.comment,
  p.commentS,
  p.commentB,
  p.dataExample {
    font-size: 14px;
    margin-left: 5%;
  }

  .xbrlTable {
    width: 100%;
    overflow-x: auto;
    display: block;
    min-width: max-content;
    -webkit-overflow-scrolling: touch;
  }

  .xbrlTable thead > tr {
    font-size: 12px;
  }

  .xbrlTable td {
    font-size: 12px;
    white-space: nowrap;
  }

  .xbrlTable {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

  img.samplePicture {
    max-width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: 10px;
  }

  .category_div ul li a,
  .category_div_anual ul li a {
    font-size: 14px;
    margin: 5px;
  }




}

.display_none {
	display:none;

	}

.target{
	display:none;
}
.target.is-appear {
  display:block;
}


button.fixed_btn {

bottom: 50px;
right: 20px;
z-index: 1000;
display: block;
text-align: center;
vertical-align: middle;
position: fixed;
text-decoration: none;
width: 200px;
height:50px;
margin: auto;
background: #27acd9;
font-weight: bold;
color: #fff;
 border:3px solid #fff;
border-radius: 100vh;
box-shadow: 10px 10px 10px rgba(0,0,0,0.3);

}
button.fixed_btn:hover {
	color: #27acd9;
	background:  #fff;
	border:3px solid #27acd9;
	transform: translateY(3px);
	box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}

div.analysis{
  margin-top:100px;
  margin-left:10%;
  width:80%;
  border:1px solid black;
  padding:10px;
  border-radius:10px;
  background-color:white;
  font-family:"Meiryo",sans-serif;
}
@media screen and (max-width: 639px) {
.nav__item{
  display: none;


}}