@charset "utf-8";

.pcOnly{display: block;}
.spOnly{display: none;}



/* --------------------------------------------------
 * 見出し
 * -------------------------------------------------- */
/*共通*/
/* H2 */
.el_sectTtl03 {
	color: #333;
	font-family: "FOT-筑紫ゴシック Pro B";
	font-size: 3rem;
	padding-top: 29.5px;
	margin-top: -0.75rem;
	margin-bottom: 32.5px;
	position: relative;
}
.el_sectTtl03:after {
	content: "";
	background: -webkit-gradient(linear, left top, right top, from(#be1e4a), color-stop(35%, #4c348a), color-stop(58%, #1e174d), color-stop(90%, #56e3ec), to(#99bbeb));
	background: linear-gradient(to right, #be1e4a 0%, #4c348a 35%, #1e174d 58%, #56e3ec 90%, #99bbeb 100%);
	display: block;
	width: 100%;
	height: 2px;
	left: 0;
	top: 0;
	position: absolute;
}

@media screen and (max-width: 768px) {
	.el_sectTtl03 {
		font-size: 2.1rem;
		padding-top: 16.75px;
		margin-bottom: 14.75px;
	}
}
@media print {
	.el_sectTtl03 {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ,", arial, helvetica, clean, sans-serif;
	}
}

/* H3 */
.el_bgGrayTtl{
	background-color: #f4f5f6;
	font-size: 2.4rem;
	font-family: "FOT-筑紫ゴシック Pro B", "TsukuGoPro-B";
	padding-top: 8px;
	padding-bottom: 16px;
	padding-left: 48px;
	margin-bottom: 40px;
	margin-bottom: 20px;
	position: relative;
}

@media screen and (max-width: 768px) {
	.el_bgGrayTtl{
		font-size: 1.7rem;
		margin-bottom: 30px;
		padding-top: 11px;
		padding-bottom: 13px;
		padding-left: 38px;
	}
}

.el_bgGrayTtl::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("../../image/4726/Premium_icon_titlte_h2.png");
	background-size: contain;
	margin-right: 10px;
	position: absolute;
	left: 15px;
	top: 19px;
}

@media screen and (max-width: 768px) {
	.el_bgGrayTtl::before {
		width: 15px;
		height: 15px;
		top: 18px;
	}
}



/* --------------------------------------------------
 * 切替メニュー
 * -------------------------------------------------- */
.submenuWrap {
	margin-bottom: 10px !important;
	width: 100%;
}
.submenuWrap .submenu {
	display: table;
	border-bottom: 2px solid #0064b8;
	width: 100%;
}
.submenuWrap .submenu a{
	display: table-cell;
	padding: 4px 10px !important;
	border-right: 3px solid #fff;
	width: 33.3%;
	height: 50px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.4;
	box-sizing: border-box;
	background: #e7e8ec;
	color: #333;
}
.submenuWrap .submenu a:last-child {
	border-right: none;
}
.submenuWrap .submenu a.naviCur,
.submenuWrap .submenu a:hover {
	background: #0064b8;
	color: #fff;
}



/* --------------------------------------------------
 * 通期・四半期 切替メニュー　別パターン
 * -------------------------------------------------- */
.submenuWrap_2 {
	margin: 0 auto 20px;
	width: 100%;
	max-width: 400px;
}
.submenuWrap_2 .submenu {
	display: table;
	width: 100%;
}
.submenuWrap_2 .submenu a{
	display: table-cell;
	/*display: inline-block;*/
	border-right: 1px solid #fff;
	padding: 10px 5px;
	width: 50%;
	vertical-align: middle;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	box-sizing: border-box;
	background: #e7e8ec;
	color: #333;
}
/*hover*/
.submenuWrap_2 .submenu a.naviCur,
	.submenuWrap_2 .submenu a:hover {
	background: #0064b8;
	color: #fff;
}



/* --------------------------------------------------
 * グラフ 幅・高さ
 *  ※※Premium_graphPrint.js にも幅・高さ設定あり※※
 * -------------------------------------------------- */
div[id^="graph"],
div[id^="commonGraph_Radio"],
div[id^="commonGraph_Radio_Highcharts"],
div[id^="salesGraph_Radio"],
div[id^="salesGraph_Radio_Highcharts"],
div[id^="compositionGraph_Radio"],
div[id^="compositionGraph_Radio_Highcharts"],
div[id^="JS_Graph_Data"]{
	width: 100%;
	height: 410px;
}



/* --------------------------------------------------
 * グラフ操作
 * -------------------------------------------------- */
.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 {
	display: block;
	cursor: pointer;
	font-size: 11px;
	color: #333;
}



/* --------------------------------------------------
 * グラフ注釈
 * -------------------------------------------------- */
div.exClick{
	float:left;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left:18px;
	text-align:left;
	font-size:11px;
	color:#333;
	line-height:1.5;
}



/* --------------------------------------------------
 * テキスト
 * -------------------------------------------------- */
/*単位*/
.unit {
	 text-align: right;
	font-size: 1.4rem !important;
	line-height: 2;
}



/* --------------------------------------------------
 * Table
 * -------------------------------------------------- */
.TableWrap,
.TableWrap_seg {
	margin-bottom: 5px;
}
.TableWrap table,
.TableWrap_seg table {
	position: relative;
	margin-bottom: 6px;
	width: 100%;
	font-size: 15px;
	color: #1f1f1f;
}
/*td NOWRAP設定*/
.TableWrap table td,
.TableWrap_seg table td {
	white-space: nowrap;
}
/*最初の1列目*/
.TableWrap table td.fixed,
.TableWrap_seg table td.fixed {
	white-space:inherit;
}
/*罫線*/
.TableWrap table td,
.TableWrap_seg table td {
	border-top: 1px solid #dadee2;
	border-left: 1px solid #dadee2;
}
.TableWrap table tr td:last-child,
.TableWrap_seg table tr td:last-child {
	border-right: 1px solid #dadee2;
}
.TableWrap table tr:last-child td,
.TableWrap_seg table tr:last-child td {
	border-bottom: 1px solid #dadee2;
}

/* --------------
 * 左項目 固定
 * -------------- */
div.fixed-box {
	width:100%;
	height:100%;
	overflow:auto;
}
.fixed-box table {
	width: 100%;
	border-collapse: collapse;
}
.fixed-box table .fixed {
	position: sticky;
	left: 0;
}
.fixed-box table .fixed:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	/*テスト*/
	border: 1px solid #ddd;
}
.fixed-box table .fixed.combinedColumns_title:before {
	border-right: none;
}

/* -------------
 * 通常の表
 * ------------- */
.TableWrap table{
	text-align: right;
}
/* td PADDING設定*/
.TableWrap table td{
	padding: 16px;
	vertical-align: middle;
	line-height: 1.1;
}
/*最初の1行目*/
.TableWrap table tr:first-child td {
	padding: 8px 16px;
}
/*左項目*/
.TableWrap table td.fixed {
	text-align: left;
	background: #fff;
}
/*ヘッダー*/
.TableWrap table td.headerTop {
	text-align: center;
}
.TableWrap table td.headerTop {
	background: #f4f5f6 !important;
}
/*td 幅設定*/
.TableWrap table td {
	min-width: 100px;
}
/*最初の1列目*/
.TableWrap table td.fixed {
	min-width: 260px;
}

/* -------------
 * セグメントの表
 * ------------- */
.TableWrap_seg table {
	text-align: right;
}
/* td PADDING設定*/
.TableWrap_seg table td {
	padding: 12px 16px;
	vertical-align: middle;
	line-height: 1.1;
}
/*最初の1行目*/
.TableWrap_seg table tr:first-child td {
	padding: 8px 16px;
}
/*左項目*/
.TableWrap_seg table td.fixed {
	padding: 12px 16px 12px 26px;
}
/*左項目>グループ名*/
.TableWrap_seg table td.combinedColumns_title {
	padding: 12px 14px;
	font-weight: bold;
} 
.TableWrap_seg table td.combinedColumns_cell {
	border-left: none;
}
.TableWrap_seg table td.combinedColumns_title,
.TableWrap_seg table td.combinedColumns_cell {
	background: #f4f5f6 !important;
}
/*ヘッダー*/
.TableWrap_seg table td.headerTop {
	text-align: center;
	background: #f4f5f6 !important;
}
/*左項目*/
.TableWrap_seg table td.fixed {
	text-align: left;
	background: #fff;
}
/*td 幅設定*/
.TableWrap_seg table td {
	width: 8%;
	min-width: 60px;
}
/*最初の1列目*/
.TableWrap_seg table td.fixed {
	width: 12%;
	min-width: 200px;
}



/* ------------------------
 * 注釈文
 * ------------------------ */
.attText {
	width: 100%;
	text-align: left;
	margin: 5px 0 10px 0;
	font-size: 13px;
	line-height: 1.5em;
}



/* --------------------------------------------------
 * 財務データ関連 Table
 * -------------------------------------------------- */
/*単位*/
.unitFData {
	width: 100%;
	text-align: right;
	font-size: 15px;
	line-height: 2;
	font-weight: bold;
}
.fDataTableWrap table {
	position: relative;
	width: 100%;
	font-size: 15px;
}
.fDataTableWrap td.tDataPad0 {
	padding: 10px 15px;
}
.fDataTableWrap td.tDataPad1 {
	padding: 10px 15px 10px 30px;
}
.fDataTableWrap td.tDataPad2 {
	padding: 10px 15px 10px 45px;
}
.fDataTableWrap td.tDataPad3 {
	padding: 10px 15px 10px 60px;
}
.fDataTableWrap td.fDataFontBig {
	padding: 15px;
	font-size: 18px;
}