/*------------------------------------------------------------
SBF IR株主・投資家情報　日本語版　グラフ ShareWithより【version2 2024/12】
[COMMON]
[SP] 
[PC] 
------------------------------------------------------------ */

/*後で消す*/
#ir_wrap #gms_container .graphset .table th,
#ir_wrap #gms_container .graphset .table td,
#ir_wrap #gms_container  .graphset table:not(.tbCore) th:last-child,
 #ir_wrap #gms_container  .graphset table:not(.tbCore) td:last-child {
width: auto;
}


/*------------------------------------------------------------
[COMMON]
------------------------------------------------------------ */
/*ShareWithリセット*/
#ir_wrap #gms_container .column .paragraph.graphset * {
	font-family: inherit !important;
	color: #000 !important;
}

.multiColumn1>.column1,
.multiColumn2>.column1,
.multiColumn2>.column2,
.multiColumn3>.column1,
.multiColumn3>.column2,
.multiColumn3>.column3 {
	margin: 0!important;
}

.multiColumn3+.multiColumn5:before,
.multiColumn5+.multiColumn3:before,
.multiColumn1:before,
.multiColumn2:before,
.multiColumn4:before {
	display: none !important;
}

.highlights-table,
 .highlights-alltable-2nd {
	margin: 0 !important;
}
	#ir_wrap #gms_container .column .paragraph.graphset {
		padding: 0 0 1.5em;
	}

/*基準切り替えタブ --------------------------------*/
#ir_wrap #gms_container ul.ifrs_tab {
	display: flex;
	flex-flow: row nowrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

#ir_wrap #gms_container ul.ifrs_tab li a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	background: #ccc;
}

#ir_wrap #gms_container ul.ifrs_tab .current a {
	text-decoration: none;
	background: #5bc2dc;
}

/*セグメント別/segment/*/
#ir_wrap #gms_container #segment_transition_jg .table,
#ir_wrap #gms_container #segment_transition .table {
	margin: 2em 0 0;
}

#ir_wrap #gms_container #segment_transition_jg .table td,
#ir_wrap #gms_container #segment_transition .table td {
	line-height: 1;
	vertical-align: middle;
}

#ir_wrap .graph_center {
	text-align: center;
}

@media screen and (min-width: 768px) {

	/* -----------------------------------------------------------------
[PC] 
----------------------------------------------------------------- */
	#ir_wrap #gms_container .column .paragraph.graphset {
		font-size: 16px;
		line-height: 1.8;
	}

	#ir_wrap #gms_container .sec_tab {
		width: 1160px;
		margin: 30px auto 0;
	}

	#ir_wrap #gms_container .sec_tab ul.ifrs_tab {
		margin: 10px 0 0 auto;
		width: 60%;
		gap: 6px;
	}

	#ir_wrap #gms_container ul.ifrs_tab li {
		width: calc((100% - 6px) / 2);
	}

	#ir_wrap #gms_container ul.ifrs_tab li a {
		padding: 0 24px;
		height: 40px;
		font-size: 13px;
		line-height: 1.2;
		border-radius: 5px;
	}

	#ir_wrap #gms_container ul.ifrs_tab li a:hover {
		text-decoration: underline;
		background: #5bc2dc;
	}

	#ir_wrap #gms_container .paragraph.graphset {
		max-width: 1000px;
		margin: 2em auto 0;
	}

	/*PC セグメント別/segment/*/
	#ir_wrap #gms_container #segment_transition_jg h3,
	#ir_wrap #gms_container #segment_transition h3 {
		margin: 40px 0 20px;
	}

	#ir_wrap #gms_container #segment_ratio_jg .paragraph.graphset .multiColumn2,
	#ir_wrap #gms_container #segment_ratio .paragraph.graphset .multiColumn2 {
		display: flex;
		flex-flow: row wrap;
		clear: none;
	}

}

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

	/* -----------------------------------------------------------------
[SP] 
----------------------------------------------------------------- */

	#ir_wrap #gms_container .column .paragraph.graphset {
		font-size: 15px;
		line-height: 1.8;
	}

	#ir_wrap #gms_container .paragraph.graphset table {
		width: auto;
	}

	/*[SP] 業績・財務 --------------------------------*/
	#ir_wrap #gms_container .sec_tab {
		width: calc(100% - 30px);
		margin: 20px auto 0;
	}

	#ir_wrap #gms_container .sec_tab ul.ifrs_tab {
		margin: 10px 0 0;
		gap: 0.8vw;
	}

	#ir_wrap #gms_container ul.ifrs_tab li {
		width: calc((100% - 0.8vw) / 2);
	}

	#ir_wrap #gms_container ul.ifrs_tab li a {
		padding: 1.6vw 2.4vw;
		min-height: 45px;
		font-size: 12px;
		line-height: 1.2;
		border-radius: 5px;
	}

	#ir_wrap #gms_container .highlights-table {
		overflow-x: scroll;
	}

	/*SP セグメント別/segment/*/
	#ir_wrap #gms_container #segment_transition_jg h3,
	#ir_wrap #gms_container #segment_transition h3 {
		margin: 30px 0 15px;
	}

	/*SP グラフ画像 スクロール*/
	#ir_wrap figure.sp_scroll {
		overflow-x: scroll;
	}

	#ir_wrap img.sp_scroll_img {
		max-width: none;
	}

}