﻿@charset "utf-8";
/* --------------------------------------------------
   common
-------------------------------------------------- */
.fixed-box {
	/* margin-top: 20px; */
	overflow-x: auto;
}
/* --------------------------------------------------
   default
-------------------------------------------------- */
.fixed-box table th {
	background-color: var(--sw-background-color-1);
	font-weight: bold;
    /*width: auto !important;*//* デモ用 */
    min-width: 3rem;
}
.fixed-box table th,
.fixed-box table td {
	padding: 10px 4px;
	border: 1px solid var(--sw-border-color-1);
	font-size: var(--sw-text-size-s);
	line-height: 1.25;
}
.fixed-box table th {
	background-color: var(--sw-background-color-1);
}
.fixed-box table td {
	text-align: right;
	white-space: nowrap;
}
.fixed-box table th.fixed + td {
	text-align: center;
}

/* --------------------------------------------------
   tableA
-------------------------------------------------- */
.fixed-box[data-layout-type='a'] table {
	/* border-collapse: separate; */
    /* border-spacing: 0 2px; */
}
.fixed-box[data-layout-type='a'] table th,
.fixed-box[data-layout-type='a'] table td {
	/* padding: 10px 5px;
	white-space:nowrap;
	font-size: var(--sw-text-size-ss);
	line-height: 1.25; */
}
.fixed-box[data-layout-type='a'] table th {
	/* color: var(--sw-text-color-0);
	background-color: var(--sw-background-color-2); */
}
.fixed-box[data-layout-type='a'] table td {
	/* text-align: right;
	background-color: var(--sw-background-color-1);
	width: calc(100vw / 6); */
}
.fixed-box[data-layout-type='a'] table td {
	text-align: right !important;
}
.fixed-box[data-layout-type='a'] table th.fixed {
	position: sticky;
	/* top: 0;
	left: 0; */
	text-align: left;
	/* display: flex;
	justify-content: space-between; */
	/* width: auto;
	min-width: 230px;
	white-space: break-spaces; */
}
/* .fixed-box[data-layout-type='a'] table .fixed >* {
	flex: 0 0 auto;
} */
.fixed-box[data-layout-type='a'] table .fixed > span {
	white-space: nowrap;
	float: right;
}
.fixed-box[data-layout-type='a'] table .fixed > span::before {
	content: '（';
}
.fixed-box[data-layout-type='a'] table .fixed > span::after {
	content: '）';
}
.fixed-box[data-layout-type='a'] table thead .fixed {
	justify-content: flex-end;
	text-align: right;
}
.fixed-box[data-layout-type='a'] table thead .fixed > span {
	font-size: var(--sw-text-size-ss);
}

/* --------------------------------------------------
   tableB
-------------------------------------------------- */
.fixed-box[data-layout-type='b'] table td {
	text-align: right !important;
}
.fixed-box[data-layout-type='b'] table th.fixed {
	text-align: left;
}
.fixed-box[data-layout-type='b'] table .fixed > span {
	white-space: nowrap;
}
.fixed-box[data-layout-type='b'] table .fixed > span::before {
	content: '（';
}
.fixed-box[data-layout-type='b'] table .fixed > span::after {
	content: '）';
}
.fixed-box[data-layout-type='b'] table thead .fixed {
	font-size: 0px;
}

/* --------------------------------------------------
   tableC
-------------------------------------------------- */
.fixed-box[data-layout-type='c'] table td {
	text-align: right !important;
}
.fixed-box[data-layout-type='c'] table th.fixed {
	/* position: sticky;
	top: 0;
	left: 0;
	border-left: none; */
	text-align: left;
	min-width: 130px;
}
/* .fixed-box[data-layout-type='c'] table .fixed:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 99%;
	border-top: 1px solid var(--sw-border-color-0);
	z-index: -1;
} */
/* .fixed-box[data-layout-type='c'] table thead .fixed:before {
	border-top: none;
} */
.table-unit {
	/* margin-top: 1rem; */
	font-size: var(--sw-text-size-ss);
	text-align: right;
}
.table-unit + .fixed-box[data-layout-type='c'] {
	margin-top: 0;
}

