/*
	"data.css"
*/
@charset "UTF-8";


/* ------------------------------ */


.data {
	background-color:	white;
	border-left:		1px solid var(--color-gray-300);
	border-right:		1px solid var(--color-gray-300);
	font-size:			0.875rem;
	margin:				0 auto;
	min-height:			calc(100vh - var(--header-height));
	width:				var(--main-content-width);
	padding:			1rem 1.5rem 1.5rem 1.5rem;
}
@media screen and (min-width:1px) and (max-width:80rem) {
	.data {
		border-left:	none;
		min-width:		100%;
		padding:		1rem;
		width:			100%;
	}
}

select.year {
	width:				5rem;
}
select.month {
	width:				3rem;
}
select.date {
	width:				6rem;
}

/* パンくずリスト */
.data .breadcrumb {
	margin-bottom:		0.5rem;
	margin-left:		0.5rem;
}
.data .breadcrumb a {
	color:				#214DB5;
}

/* ページタイトル */
.data .page_title {
	border-top:			3px solid #214DB5;
	border-bottom:		1px dotted #214DB5;
	color:				var(--color-primary-600);
	padding:			0.625rem 1rem 0.625rem 1rem;
	height:				auto;
	min-height:			4.75rem;
	font-weight:		normal;
	margin:				0 0 1rem 0;
}
@media screen and (min-width:1px) and (max-width:800px) {
	.data .page_title {
		min-height:				3rem;
		padding:				0.5rem 0.75rem 0.5rem 0.75rem;
		margin:					0 0 0.75rem 0;
	}
}
.data .page_title h1 {
	color:				var(--color-primary-600);
	display:			inline-block;
	font-size:			2.25rem;
	font-weight:		normal;
	margin:				0;
}
.data .page_title > span:nth-child(2) {
	font-size:			1.6rem;
}
.data .page_title > :nth-child(3) {
	font-size:			1rem;
	margin-left:		1rem;;
	white-space:		nowrap;
}
@media screen and (min-width:1px) and (max-width:800px) {
	.data .page_title h1 {
		font-size:				1.125rem;
		font-weight:			bold;
	}
	.data .page_title > span:nth-child(2) {
		font-size:				1rem;
	}
}


/* フロートウィンドウ */
.fltwnd {
	background-color:	white;
	border:				solid 2px #4E7ADE;
	display:			none;
	height:				500px;
	left:				50%;
	padding:			0.5rem;
	position:			fixed;
	top:				50%;
	transform:			translate(-50%, -50%);
	width:				500px;
	z-index:			10;
}
@media screen and (min-width:1px) and (max-width:500px) {
	.fltwnd {
		width:			330px;
	}
}
.inner_box_ttl {
	background-color:	#001166;
	color:				white;
	font-size:			1.125rem;
	height:				2rem;
	line-height:		2rem;
	margin-bottom:		5px;
	text-align:			center;
}
.inner_box {
	font-size:			0.875rem;
	height:				calc(100% - 36px);
	overflow-y:			scroll;
}
.inner_box > table {
	width:				100%;
}
.inner_box table td:nth-child(1) {
	background-color:	#C0CDEA;
	font-weight:		bold;
	white-space:		nowrap;
}
@media screen and (min-width:1px) and (max-width:500px) {
	.inner_box table td:nth-child(1) {
		font-size:		0.75rem;
	}
	.inner_box table td:nth-child(2) {
		font-size:		0.75rem;
	}
}
.inner_box article > div {
	margin-bottom:		0.625rem;
}
.inner_box article > div:nth-child(1) {
	background-color:	#C0CDEA;
	padding:			3px;
}
.inner_box article > div:nth-child(1) .title {
	color:				#016;
	font-size:			1.125rem;
	font-weight:		bold;
}
.inner_box article > div:nth-child(1) .date {
	text-align:			right;
}

/*
	画面が小さい時に、テーブルを横スクロールするための wrapper
	<table> に直接 overflow-x を指定しても効かないため。
*/
.table_wrap {
	max-width:			100%;
	overflow-x:			auto;
	width:				fit-content;

	/* オーバーフローしていないのにスクロールバーが出る場合があったので */
	overflow-y:			hidden;
}

.data_btns {
	margin:				0.5rem 0rem 0.5rem 0rem;
	white-space:		nowrap;
}
@media screen and (min-width:1px) and (max-width:500px) {
	.data_btns {
		display:		inline-block;
	}
}
.data_btns button {
	background:			#fffbf6;
	background:			-moz-linear-gradient(top, #fffbf6 0%, #f2ece2 100%);
	background:			-webkit-linear-gradient(top, #fffbf6 0%,#f2ece2 100%);
	background:			linear-gradient(to bottom, #fffbf6 0%,#f2ece2 100%);
	border:				solid 1px gray;
	filter:				progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbf6', endColorstr='#f2ece2',GradientType=0 );
	padding:			5px;
	transition:			0.2s ease-in-out;
	vertical-align:		middle;
	-o-transition:		0.2s ease-in-out;
	-moz-transition:	0.2s ease-in-out;
	-webkit-transition:	0.2s ease-in-out;

	border-radius: 3px;
	border: 1px solid #b1a694;
	cursor: pointer;
	margin: 0;
	min-width:			64.5px;

	height:				43px;
}

.data_btns .err {
	margin-left:		1rem;
}

#data_sb .cond_wrap {
	display:			flex;
	gap:				1rem;
}
@media screen and (min-width: 1px) and (max-width: 1150px) {
	#data_sb .cond_wrap {
		flex-wrap:		wrap;
	}
}



.cond {
	border:				solid 1px gray;
	background-color:	#FDF9F3;
	display:			inline-block;
	height:				fit-content;
	width:				max-content;
}
@media screen and (min-width: 1px) and (max-width: 1150px) {
	.cond {
		width:			auto;
	}
}
.cond > table > tbody > tr {
	vertical-align:		top;
}
.cond > div {
	display:			inline-block;
	vertical-align:		top;
	letter-spacing:		0rem;
}
.cond .exp {
	color:				#222;
	font-size:			0.625rem;
	text-align:			center;
}
.cond #period_year {
	width:				2.5rem;
}
.cond #period_year_fr,
.cond #period_year_to {
	width:				3rem;
}
.cond input[type=text] {
	padding:			2px;
	width:				12rem;
}

/*
	SB データで表示するメニュー
*/

.data_submenu {
	margin:				0.5rem 0 0.25rem 0;
}
.data_submenu_ul {
	display:			flex;
	flex-wrap:			wrap;
	gap:				0.5rem;
}
.data_submenu a {
	border:				solid 1px var(--color-primary-600);
	border-radius:		0.315rem;
	color:				var(--color-primary-600);
	cursor:				pointer;
	display:			block;
	font-size:			0.875rem;
	padding:			0.25rem 0.5rem;
	text-align:			center;
	width:				max-content;
}
.data_submenu a.active {
	background-color:	var(--color-primary-600);
	border:				1px solid transparent;
	color:				var(--color-text-inverse);
	opacity:			0.7;
}
.data_submenu a:hover {
	background-color:	var(--color-primary-500);
	color:				white;
}
@media screen and (min-width:1px) and (max-width:800px) {
	.data_submenu a {
		font-size:			0.75rem;
		padding:			0.125rem 0.25rem;
	}
}



.sb_dtl,
.sb_sales,
.uri_dtl,
.dt5p_stock,
.po_dtl,
.po_news {
	background-color:	#4C70C3;
	border-radius:		5px;
	color:				white;
	cursor:				pointer;
	display:			block;
	margin:				2px 0px;
	padding:			1px 3px;
	text-align:			center;
	text-decoration:	none;
	white-space:		nowrap;
}

.data_result {
	color:				black;
	font-size:			0.875rem;
	margin-bottom:		2rem;
}
.data_result thead {
	background-color:	#dbdbdb;
}
.data_result tbody {
	cursor:				pointer;
}
.data_result td {
	word-break:			break-all;
}

#data_sb .data_result thead td,
#data_po .data_result thead td {
	text-align:			center;
	white-space:		nowrap;
}
#data_sb .data_result tbody td:nth-child(1) {
	padding:			4px 2px;
	vertical-align:		top;
}
#data_sb .data_result tbody td:nth-child(4),
#data_sb .data_result tbody td:nth-child(5) {
	text-align:			right;
}

#data_sb .data_result table tr {
	cursor:				default;
}

#data_5p_stock {
	background-color:	white;
	border:				solid 2px #4E7ADE;
	font-size:			1.6rem;
	height:				200px;
	padding:			1rem;
}
#data_5p_stock > div:nth-child(1) {
	background-color:	#C0CDEA;
	font-size:			1.2rem;
	padding-left:		0.2rem;
}
#data_5p_stock > div:nth-child(2) {
	background-color:	#C0CDEA;
	color:				#016;
	font-size:			1.8rem;
	font-weight:		bold;
	padding:			0.5rem;
}
#data_5p_stock .stock {
	margin:				auto;
	left:				0px;
	top:				100px;
	width:				400px;
	height:				5rem;
	text-align:			center;
	right:				0px;
	position:			absolute;
}
#data_5p_stock .stock div:first-child {
	font-size:			1.8rem;
}
#data_5p_stock .stock div:last-child {
	font-size:			1.2rem;
}

#data_5p .data_result thead {
	text-align:			center;
}
#data_5p .data_result tbody {
	cursor:				default;
}

#data_5p .data_result tbody tr td:nth-child(1) {
	white-space:		nowrap;
}
#data_5p .data_result tbody tr td:nth-child(2) {
	white-space:		nowrap;
}
#data_5p .data_result tbody tr td:nth-child(3) {
	max-width:			15rem;
	min-width:			15rem;
	width:				15rem;
}
#data_5p .data_result tbody tr td:nth-child(4) {
	text-align:			center;
	white-space:		nowrap;
}
#data_5p .data_result tbody tr td:nth-child(6) {
	max-width:			15rem;
	min-width:			15rem;
	width:				15rem;
}
#data_5p .data_result tbody tr td:nth-child(5),
#data_5p .data_result tbody tr td:nth-child(7) {
	text-align:			center;
}
#data_5p .data_result tbody tr td:nth-child(8) {
	white-space:		nowrap;
}
#data_5p .data_result tbody tr td:nth-child(8) span:nth-child(1),
#data_5p .data_result tbody tr td:nth-child(8) span:nth-child(3) {
	display:			inline-block;
	text-align:			right;
	width:				4rem;
}
#data_5p .data_result tbody tr td:nth-child(8) span:nth-child(2) {
	margin:				0 3px;
}
#data_5p .data_result tbody tr td:nth-child(8) span:nth-child(2) {
	text-align:			center;
}
#data_5p .data_result tbody tr td:nth-child(9) {
	padding:			0 5px;
	text-align:			right;
	white-space:		nowrap;
}

.data .filter {
	border-bottom:		dotted 2px gray;
	cursor:				pointer;
	display:			inline-block;
	line-height:		100%;
}

.not_repaid {
	color:				#214DB5;
}

.inv {
	margin-top:			5px;
}

.inv > tbody > tr {
	cursor:				pointer;
}

.inv > tbody table {
	border-collapse:	collapse;
	color:				#555;
	display:			none;
	width:				100%;
}

.inv > tbody table > tbody > tr > td:nth-child(1) {
	padding-left:		1rem;
}

.inv > tbody table tr {
	background-color:	window;
}

.inv > tbody table tr:hover {
	background-color:	#FDF9F3;
}

#src_url {
	padding-left:		7rem;
	text-indent:		-7rem;
}
.msg {
	font-size:			1.1rem;
	margin-top:			5px;
	padding-left:		1rem;
	word-break:			break-all;
}

.fixed_table {
	border-collapse:	collapse;
	color:				var(--color-text-primary);
}

.fixed_table > thead {
	font-weight:		bold;
}

.fixed_table > tbody {
	border-left:		solid 1px gray;
	border-bottom:		solid 1px gray;
	overflow-y:			scroll;
}

.fixed_table > tbody > tr:hover {
	background-color:	#FDF9F3;
}

.fixed_table > tbody > tr > td {
	border-top:			solid 1px gray;
	border-right:		solid 1px gray;
	border-bottom:		solid 1px gray;
	word-wrap:			break-word;
}

.cond_tbl {
	border-collapse:	collapse;
}
@media screen and (min-width:1px) and (max-width:500px) {
	.cond_tbl {
		font-size:			0.875rem;
	}
}


.cond_tbl > tbody > tr > td {
	border:				solid 1px gray;
	min-height:			3rem;
	padding:			2px 5px;
	vertical-align:		middle;
}
.cond_tbl label {
	margin-right:		1rem;
}
.cond_tbl > tbody > tr > td:nth-child(1) {
	background-color:	#4C70C3;
	color:				white;
}
.cond_tbl #compname {
	max-width:			20rem;
	width:				100%;
}

#data_sb_sdgs .inv .to {
	cursor:				default;
	font-size:			1.2rem;
}
#data_sb_sdgs .inv .to_name {
	margin-top:			5px;
	text-indent:		2rem;
}
#data_sb_sdgs .inv .to_no {
	text-indent:		4rem;
}

.shibori {
	cursor:				pointer;
}
.shibori span:nth-child(2) {
	background-color:	#FFFFA0;
	display:			none;
}
#keitai_dtl,
#sdgs_dtl,
#kakuduke_dtl {
	display:			none;
	color:				black
}
#keitai_dtl label,
#sdgs_dtl label {
	color:				black;
	margin-left:		1rem;
	white-space:		nowrap;
}
#kakuduke_dtl label {
	color:				black;
	margin-right:		0.5rem;
}
#keitai_sel, #keitai_rst,
#sdgs_sel, #sdgs_rst,
#kakuduke_sel, #kakuduke_rst {
	height:				2.5rem;
	padding:			0px 20px;
}

#keitai_dtl .koubo_child,
#keitai_dtl .tokyo_child {
	margin-left:		3rem;
}

#kakuduke tbody tr {
	vertical-align:		top;
}

#kakuduke tbody td {
	text-align:			left;
}

#kakuduke thead {
	background-color:	#f0f0f0;
	text-align:			center;
	color:				black;
}

#kakuduke input[type="checkbox"] {
	margin-right:		2px;
}

.tatekara {
	line-height:		1rem;
	text-align:			center;
	transform:			rotate(90deg);
}

.show_eb,
.show_sb,
.show_heikin,
.show_dual,
.show_kawase {
	display:			none;
}

.font12 {
	font-size:			1.2rem;
}

#data_cpjoukyou .data_result {
	border:				solid 1px #214DB5;
	color:				var(--color-text-primary);
	font-size:			1.07rem;
	line-height:		1.8;
	padding:			1rem;
}

.cmt {
	font-size:			0.875rem;
	min-height:			1rem;
}


.divtbl {
	background-color:	#EAF4F6;
}
.divtbl > div:nth-child(1) {
	text-align:			center;
	width:				100%;
}
.divtbl > div:nth-child(2) {
	display:			table;
}
.divtbl > div:nth-child(2) > div {
	display:			table-row;
}
.divtbl > div:nth-child(2) > div > div {
	display:			table-cell;
}

#data_sb_sdgs .msg {
	background-color:	transparent;
}

.inv tbody td {
	background-color:	transparent!important;
	font-weight:		normal!important;
}

.prsn {
	font-variant :		jis83;
	border:				1px solid #214DB5;
	border-radius:		5px;
	color:				#214DB5;
	font-size:			0.75rem;
	margin-left:		3px;
	padding:			0px 3px 0px 3px;
}

.sb_sdgs {
	font-variant :		jis83;
	border:				1px solid #2bb32b;
	border-radius:		5px;
	color:				#2bb32b;
	font-size:			0.75rem;
	margin-left:		5px;
	padding:			0px 3px 0px 3px;
}

.sdgs_clk {
	cursor:				pointer;
}

.sdgs_gt {
	background-color:	#2bb32b;
	border-radius:		50%;
	color:				white;
	font-size:			8px;
	font-weight:		bold;
	padding:			0px 2px 0px 4px;
	margin-left:		3px;
	vertical-align:		middle;
}

.sb_sales_link {
	text-align:			right;
}
.sb_sales_link a {
	color:				blue;
	margin-right:		1rem;
	text-decoration:	underline;
}

#data_sb_sdgs .sdgs_subttl {
	background-color:	white;
	font-size:			1.6rem;
	font-weight:		bold;
	text-align:			center;
	white-space:		nowrap;
	overflow:			hidden;
	text-overflow:		ellipsis;
}
#data_sb_sdgs td {
	font-weight:		normal;
	padding:			2px;
	word-break:			break-all;
}

#data_sb_sdgs .sdgs_info {
	margin-bottom:		1rem;
}
#data_sb_sdgs .sdgs_info a {
	display:			inline-block;
	text-decoration:	none;
	color:				blue;
}
#data_sb_sdgs .sdgs_info {
	width:				calc(100% - 3px);
}
#data_sb_sdgs .sdgs_info tbody {
	border:				none;
}
#data_sb_sdgs .sdgs_info tbody tr:hover {
	background-color:	white;
}
#data_sb_sdgs .sdgs_info td {
	border-top:			none;
	border-left:		none;
	border-right:		none;
	border-bottom:		solid 1px lightgray;
	vertical-align:		top;
}
#data_sb_sdgs .sdgs_info td:first-child {
	width:				9rem;
	background-color:	white;
	white-space:		normal;
}

.teishutsu_bi {
	white-space:		nowrap;
}

.selecting_sb {
	display:			none;
	background-color:	#4DCFE0;
	border-radius:		5px;	
	color:				white!important;
	font-weight:		bold;
	letter-spacing:		2px;
	padding:			0 5px;
}

#data_sb .data_result table tbody .copy_tr {
	background-color:	#BBEDF3!important;
}

.doc {
	background-color:	transparent;
	color:				blue;
	cursor:				pointer;
	font-size:			14px;
	text-decoration:	underline;
}

.copy_zid {
	background-color:	#fde2e6;
	border-radius:		5px;
	cursor:				pointer;
	font-size:			0.875rem;
	margin-bottom:		1px;
	padding:			0px 5px;
	text-align:			center;
}

.mod_star {
	background-color:	#fde2e6;
	border-radius:		5px;
	font-size:			0.875rem;
	padding:			0px 5px;
	text-align:			center;
}

.mod_star_lt,
.mod_star_rt {
	cursor:				pointer;
}

.changed_star {
	background-color:	#f0f0f0;
}

.sdgs_info_url {
	margin-right:		1rem;
}

.col_sb_mng {
	max-width:			20rem;
	min-width:			20rem;
	white-space:		normal!important;
}

.gold_star {
	color:				#FFC000;
}

.gray_star {
	color:				#DAE3F3;
}

.star_place {
	letter-spacing:		-2px;
}

.cmt {
	color:				blue;
}
.err {
	color:				red;
}

/* ------------------------------ */
/* データポータル（データトップ画面） */

#data_top {
	background-color:		transparent;
	border:					none;
	max-width:				var(--main-content-width);
	min-width:				0;
	width:					100%;
}

.main_cont {
	display:				flex;
	flex-direction:			column;
	gap:					2rem;
}

.data_sect_ttl {
	font-size:				1.25rem;
	margin-bottom:			1rem;
}

/* 企業別ファイナンス　検索ボックス */
#srch_cross_form {
	display:				flex;
	gap:					0.5rem;
	margin-bottom:			0.75rem;
	max-width:				400px;
	width:					100%;
}

/* 入力欄（input type="search"）のスタイル */
.srch_cross_input {
	background-color:		var(--color-background);
	border:					1px solid var(--color-gray-200);
	border-radius:			0.25rem;
	outline:				none;
	padding:				0.625rem 0.5rem 0.625rem 0.75rem;
	transition:				border-color 0.2s, box-shadow 0.2s;
	width:					100%;
}
.srch_cross_input:focus {
	outline:				2px solid var(--color-primary-600);
	box-shadow:				0 0 0 3px rgba(var(--color-rgb-primary-100), 0.15);
}
/* input[type="search"] で入力時に右端に出てくる × ボタン */
.srch_cross_input::-webkit-search-cancel-button {
	/* デフォルトの見た目を解除 */
	appearance:					none;
	-webkit-appearance:			none;

	/* サイズを指定 */
	background-color:			var(--color-primary-400);
	cursor:						pointer;
	height:						1rem;
	width:						1rem;

	mask:						url("../img/icon/close.svg") no-repeat center / contain;
	-webkit-mask:				url("../img/icon/close.svg") no-repeat center / contain;
}


/* 検索ボタン */
.srch_cross_btn {
	align-items:			center;
	background-color:		var(--color-primary-600);
	border:					none;
	border-radius:			0.25rem;
	color:					var(--color-text-inverse);
	cursor:					pointer;
	display:				inline-flex;
	gap:					0.375rem;
	justify-content:		center;
	padding:				0.625rem 1rem;
	transition:				background-color 0.2s, transform 0.1s;
	white-space:			nowrap;
}
.srch_cross_btn:hover {
	background-color:		var(--color-primary-700);
}
.srch_cross_btn:active {
	transform:				scale(0.97);
}

.data_item_cat {
	background-color:		var(--color-primary-100);
	border-radius:			0.5rem;
	color:					var(--color-primary-600);
	display:				block;
	font-size:				0.875rem;
	padding:				0.125rem 0.25rem;
	width:					fit-content;
}

.data_item_cont {
	width:					100%;
}

.data_item_ul {
	display:				grid;
	grid-template-columns:	repeat(4, 1fr);
	gap:					1rem;
	width:					100%;
}
@media screen and (min-width:1px) and (max-width:800px) {
	.data_item_ul {
		grid-template-columns:	repeat(3, 1fr);
	}
}
@media screen and (min-width:1px) and (max-width:500px) {
	.data_item_ul {
		grid-template-columns:	repeat(2, 1fr);
	}
}

.data_item_link {
	border:					1px solid var(--color-gray-200);
	border-radius:			0.65rem;
	display:				grid;
	grid-template-rows:		auto auto 1fr auto;
	height:					100%;
	padding:				1rem;
	width:					100%;
}
.data_item_ttl {
	font-size:				1.25rem;
	margin:					0.5rem 0;
}
.data_item_desc {
	font-size:				0.875rem;
	line-height:			1.6;
}
@media screen and (min-width:1px) and (max-width:500px) {
	.data_item_desc {
		font-size:			0.75rem;
	}
}

.data_item_detail_btn {
	background-color:		rgba(var(--color-rgb-primary-600), 0.8);
	color:					var(--color-text-inverse);
	font-size:				0.875rem;
	margin-top:				1rem;
	width:					fit-content;
}

/* .card:hover {
	box-shadow:					0 10px 30px rgba(0,0,0,0.1);
	transform:					scale3d(1.01, 1.01, 1.01);
} */

.comment > div > span {
	display:				table-row;
}