@charset "utf-8";

.spOnly{display:none;}
.clear {
	clear:both;
}
/*フォント指定*/
div.comGraphTermCheck,
div.comGraphTermButton,
div.GraphTermButton{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino kaku GothicPro','メイリオ','Meiryo','MS Pゴシック','MS PGothic',sans-serif;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	アクセシビリティ
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*変更202312*/
input, select, textarea {
	font-size:1.2rem;/*変更202312*/
}
/*HighChart*/
/*グラフの裏に隠れている項目チェックボックス：非表示*/
.highcharts-a11y-proxy-group{
	display:none;
}
/*アクセシビリティ:キーボード操作*/
label:focus-visible,
a:focus-visible,
input:focus-visible,
button:focus-visible,
div.comTableWrap:focus-visible{
	outline-offset: 2px;
    outline: 2px solid #000000!important;
}
.highcharts-a11y-proxy-group{
	display:none;
}

/*変更202312*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	期間ボタン アクセシビリティ
	リンクに下線をつけるため、共通ボタン使えず
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.GraphTermButton{
    margin-left: 16px;
}
.GraphTermButton ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
}
.GraphTermButton ul li {
	width:33%;
	width:calc(100%/3);		
	width:-webkit-calc(100%/3);
	width:-moz-calc(100%/3);		
    min-height: 28px;
    max-width: 160px;
    margin: 5px 0;
    background-color: #F0F2F4;
    border-top: solid 1px #DEE2E5;
    border-bottom: solid 1px #DEE2E5;
    border-left: solid 1px #DEE2E5;
    cursor: pointer;
}
.GraphTermButton ul li:last-child button{
    border-right: solid 1px #DEE2E5;
}
.GraphTermButton ul li button{
	color: #333333;
	font-size:1.2rem;
	line-height:1.6;	
}
.GraphTermButton ul li button{
    display: -webkit-flex;
    display: flex;
    padding: 1px 0 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-around;
}
/*選択&HOVER状態*/
.GraphTermButton ul li button:hover{
    background-color: #F0F2F4;
	text-decoration: underline;
}
.GraphTermButton ul li input[type="button"]:hover{
    background-color: #F0F2F4;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】メニュー①
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	.com_menu01{
		line-height:1.8;
		background: #eceff1;/*変更202312*/
	}
	.com_menu01#listQHidden .tabPC a,
    .com_menu01#listAHidden .tabPC a{
		background: #FFFFFF;
	}
    /*選択状態*/
	.com_menu01#listQHidden .tabPC a.tabA,
    .com_menu01#listAHidden .tabPC a.tabQ{
		background: #323334;
		border-bottom: 3px #323334 solid;
	}
		 /*下矢印アイコン変更202310*/
    .com_menu01#listAHidden .tabPC a{
		position: relative;
		display: inline-block;
		text-decoration: none;
	}
	.com_menu01#listQHidden .tabPC a.tabQ::after,
	.com_menu01#listQHidden .tabPC a.tabA::after,
	.com_menu01#listAHidden .tabPC a.tabQ::after,
	.com_menu01#listAHidden .tabPC a.tabA::after{
		content: '';
		width: 6px;
		height: 6px;
		border: 0;
		border-bottom: solid 1px #333;
		border-right: solid 1px #333;
		position: absolute;
		top: 50%;
		margin-top: -6px;
		margin-left:10px;
		transform: rotate(45deg);	
	}
	.com_menu01#listQHidden .tabPC a.tabA::after,
	.com_menu01#listAHidden .tabPC a.tabQ::after{
		border-bottom: solid 1px #fff;
		border-right: solid 1px #fff;
	}
	.com_menu01#listQHidden .tabPC a::after{/*変更202312*/
		content: '';
		width: 6px;
		height: 6px;
		border: 0;
		border-bottom: solid 1px #333;
		border-right: solid 1px #333;
		position: absolute;
		top: 50%;
		margin-top: -6px;
		margin-left:10px;
		transform: rotate(45deg);
    }	
	.com_menu01 .list {
        margin:5px auto 40px;
    }
	.com_menu01 .list a{
		position: relative;
		display: inline-block;
		vertical-align: middle;
        padding: 10px;
        width: 50%;
    	font-size:1.6rem;/*変更202312*/
		color:#333333;
		text-decoration: none;	
        text-align: left;
		background: #eceff1;
		border-bottom:none;/*変更202312*/
    }
	 /*下矢印アイコン202310*/
	.com_menu01 .list a::after{
		content: '';
		width: 6px;
		height: 6px;
		border: 0;
		border-bottom: solid 1px #333;
		border-right: solid 1px #333;
		position: absolute;
		top: 50%;
		margin-top: -6px;
		margin-left:10px;
		transform: rotate(45deg);
    }
	/*縦線(奇数aタグの前のみ）*/
	.com_menu01 .list a:nth-child(even)::before{
		content:"";
		display:block;
		width:1px;
		height:18px;
		background-color:#333333;
		position:absolute;
		top:8px;
		left:0;
    }
	.com_menu01 .list a:hover{
		color:#333333;
		text-decoration: underline;/*変更202312*/
	}
	 .com_menu01 .list a.naviCur{
		color:#333333;
        border-bottom: none;/*変更202312*/
        background:#eceff1;/*変更202312*/
    }

    .com_menu01 .tabPC a{
		color:#333333;
		font-size:1.6rem;/*変更202312*/		
    }
	.com_menu01 .tabPC a:hover{
		color:#333333;	
		text-decoration: underline!important;/*変更202312*/
    }
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】ボタン
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	/*サブメニュー*/
	.com_button{
		line-height:1.8;
	}
    .com_button .link {
		font-size:1.3rem;/*変更202312*/		
    }
    .com_button .link:hover{
        text-decoration: underline;/*変更202312*/
    }

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】パーツタイトル①　タイトル文字左に縦線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
	.comSubTitle1 {
		font-size:2.0rem;/*変更202312*/			
        font-weight: normal;
	}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】会計基準	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
	div.comAccountingBase{
		margin-top:10px;
		font-size:1.3rem;/*変更202312*/
	}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】エクセルダウンロード 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

	div.comExcelDL a{
		font-size:1.3rem;/*変更202312*/
		text-decoration: none;/*変更202312*/
		color:#0063b2;
	}
	div.comExcelDL a:hover {
		text-decoration: underline;/*変更202312*/
	}

	div.comExcelDL{
		margin:0 5px 5px 0;	/*Accessibility*/
		height:auto;		
		/*	line-height:30px;*/
		text-align:right;
	}
	div.comExcelDL .icon-xls {
		top: 10px;
		width: 25px;
 		height: 22px;		
		margin-left: 3px;
		vertical-align: -5px;
	}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】単位表示
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	div.comUnitTxt{
		margin-top:0;
		margin-bottom:8px;
		font-size:1.3rem;/*変更202312*/
	}
	
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】グラフ期間指定（チェックボックス　＆　ボタン）
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	div.comGraphTermCheck label{
		font-size:1.3rem;/*変更202312*/
	}
	
	div.comGraphTermCheck input{
		position:relative;/*変更202312*/
		top:-2px;/*変更202312*/
	}
	div.comGraphTermCheck div{
		padding:8px 2px 0 2px;
	}
		/*ボタン*/
	div.comGraphTermButton div{
		line-height:1.8;
	}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】テーブル
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	.comTableWrap table{
		font-size:1.4rem;/*変更202312*/
	}
	
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】注釈　※表下
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	.comAtt {
		margin: 10px 0 0 20px;
	}
	.comAtt ul li {
		text-indent: -2em;
		font-size:1.2rem;/*変更202312*/
	}
/* --------------------------------------------------
 * 注釈：英語
 * -------------------------------------------------- */
	.comAtt_EN {
		margin: 10px 0 0 16px;
		text-align: left;
	}
	.comAtt_EN ul li {
		margin: 0 0 2.4em 1em;/*変更202312*/
		text-indent: -1.8em;
		line-height: 1.25em;
		color:#000000;
		font-size:1.2rem;/*変更202312*/
	}
	.comAtt_EN::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}

/* --------------------------------------------------
 * フッタ：決算データシート
 * -------------------------------------------------- */	
	.dataDetail{
		margin:30px 0 20px 10px;
		text-align:left;
		font-size:1.3rem;/*変更202312*/
	}
	.dataDetail a{
		color:#0063b2;
		text-decoration: underline;	
	}
	.dataDetail a:hover{
		text-decoration: none;
	}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】 footer(ご利用上の注意）
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	div.comFooterLink .arrow-right{
		margin-top:-4px;
		
	}
	div.comFooterLink a{
		font-size:1.4rem;/*変更202312*/
		text-decoration: none;/*変更202312*/
	}
	div.comFooterLink a:hover{
		text-decoration: underline;/*変更202312*/
		color:#333333;/*変更202312*/
	}
	div.comCopyLight{
		font-size:1.1rem;/*変更202312*/		
	}

/* --------------------------------------------------
 * タイトル
 * -------------------------------------------------- */
.headline-h2 {
	position:relative;
	margin-top:60px;
	font-size:2.8rem;/*変更202312*/		
	line-height:1.5;
	padding-bottom:10px;
	text-align: left;
	font-family:"FrutigerNeueLTW1G-Medium","FP-ヒラギノUD角ゴ StdN W5";
	font-weight: normal;
}

.headline-h2:before {
	content:"";
	display:block;
	width:100%;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#535557;
}
.headline-h2:after {
	content:"";
	display:block;
	width:240px;
	height:2px;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#237CD5;
}
/* --------------------------------------------------
 * ｸﾞﾗﾌと表注釈
 * -------------------------------------------------- */
	.ann{/*変更202312*/
		margin-top:5px;
		padding-left:15px;
		text-align:left;
		color:#333333;		
		font-size:1.2rem;
	}
/* --------------------------------------------------
 * 経営成績indent
 * -------------------------------------------------- */

.td_indent{
	padding-left:20px!important;
	text-indent: -1.1rem!important;	
}

/*■■■以下配当で使用■■■*/
/* --------------------------------------------------
 * 文章
 * -------------------------------------------------- */
.text-m {
	margin-top:20px;
	font-family:"FrutigerNeueLTW1G-Regular","FP-ヒラギノUD角ゴ StdN W3";
	font-size:1.6rem;/*変更202312*/
	line-height:1.8;
	text-align: left;
}

/* --------------------------------------------------
 * グラフ 幅・高さ
 *  ※※Premium_graphPrint.js にも幅・高さ設定あり※※
 * -------------------------------------------------- */
#JS_Graph_Data_Radio{
	margin-top: 10px;
}
div[id^="commonGraph"] {
	width: 100%;
	height: 420px;
}

/* --------------------------------------------------
 * グラフ操作
 * -------------------------------------------------- */
.graphTerm {
	margin: 0 3px 0 3px !important;
	text-align: center;
}
.graphTerm ul {
	list-style-type: none;
}
.graphTerm li {
	float: left;
	margin: 0 10px 5px 10px  !important;
}
.graphTerm input.radioPlain {
	position: relative;
	top: 1px;
}
.graphTerm li label {
	cursor: pointer;
	font-size: 11px;
	color: #333;
}


/* --------------------------------------------------
 * グラフ操作（ボタン）
 * -------------------------------------------------- */
.graphTermButton {
	width:100%;
	margin-left:14px;
	background:#f60;
	margin-bottom:50px;
}
.graphTermButton div {
	cursor: pointer;
	float:left;
	width:120px;
	margin:5px 0;
	padding:3px 0 2px 0;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;		
	background-color: #e3edfd;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #000000;
}
.graphTermButton div:last-child {
	border-right:solid 1px #000000;
}
.graphTermButton div input {
	width:100%;
	cursor: pointer;
	color:#000;
}
.graphTermButton div:hover {
	background-color: #bacdea;
}

/* --------------------------------------------------
 * 表
 * -------------------------------------------------- */
.tableWrap table{
	position: relative;
	width: 100%;
	color: #000000;
	font-size: 1.3rem;/*変更202312*/
	text-align: right;
}
/* --------------
 * 英語フォント設定
 * -------------- */
.enFont {
	font-family: -apple-system, BlinkMacSystemFont, Arial, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif!important;
}
/* --------------
 * td 全体設定
 * -------------- */
.tableWrap table td {
	padding: 10px 6px;
	width: 20%;
	min-width: auto;
	vertical-align: middle;
	line-height: 1.1;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.tbleWrap table td.tableValignMiddle {
	height: 30px;
	padding: 5px 2px!important;
}
.tableWrap table tr:first-child td,             /*最初の1行目*/
.tableWrap table td.fixed {                      /*最初の1列目*/
	padding: 10px 6px;
}
 /*td NOWRAP設定 */
.tableWrap table td {
	white-space: nowrap;
}
.tableWrap table td.fixed {   /*最初の1列目*/
	white-space:inherit;
}

/*td 幅設定*/
.tableWrap table td {
	width: 6%;
	min-width: 60px;
}
.tableWrap table td.fixed {  /*最初の1列目*/
	width: 23%;
	min-width: auto;
	max-width: none;
}

/*最初の列（左1列）*/
.tableWrap table tr td:first-child {
	padding: 10px 6px;
	text-align: left;
	background: #e0e6fc;
	border-right: none; 
}	
/*最初の行（1行目）*/
.tableWrap table tr:first-child td {
	color: #fff;
	background: #777;
	line-height: 1.1;
	text-align: center;
}

/* --------------------------------------------------
 * 注釈文
 * -------------------------------------------------- */
.notes {
	margin-top: 5px;
	font-size: 1.1rem;
	color: #333;
	line-height: 20px;
}
.notes p {
	padding-left: 2em;
	text-indent: -2em;
	line-height: 20px;
}
.notes_en {
	margin-top: 5px;
	font-family: -apple-system, BlinkMacSystemFont, Arial, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif!important;
	font-size: 11px;
	color: #333;
	line-height: 20px;
}
.notes_en p {
	padding-left: 2em;
	text-indent: -2em;
	line-height: 20px;
}
.termnotes {
	margin: -10px 0 10px 8px;
	font-size: 1.1rem;
	color: #333;
}
.termnotes_en {
	margin: -10px 0 10px 8px;
	font-family: -apple-system, BlinkMacSystemFont, Arial, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif!important;
	font-size: 1.1rem;
	color: #333;
}



/* --------------------------------------------------
 * フッタご利用上の注意
 * -------------------------------------------------- */
.disclaimer {
	display: block;
	margin-top: 15px!important;
	margin-bottom: 5px!important;
	color: #2d2d2d!important;
}
.disclaimer .disclaimer_list {
	float: left;
	background: url(../../image/9984/Dividend_icon_arrow_gray_right.png) no-repeat left 3px;
}
.disclaimer .disclaimer_list a{
	padding-left: 10px !important;
	font-size: 1.2rem;
	text-decoration: none;
	color: #2d2d2d !important;
}
.disclaimer .disclaimer_list a:hover {
	text-decoration: underline;
}
.disclaimer:after {
	content: "";
	display: block;
	clear: both;
}