@charset "utf-8";

/*-----------------------------------------------------------------------------------------------> ▼ .general <--*/
/*
table.general td div:not(.success):not(.failure):not(.inline_menu),
table.general td.free a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

table.general td.t_left div {
	text-align: left;
}

table.general td.short div {
	text-align: center;
}

table.general .free a.disabled {
	border: 1px dashed #ddd;
	color: #aaa;
}

table.general td.free {
	padding: 0 5px;
	text-align: left;
}

table.general td.wrap {
	padding: 5px 10px 3px;
	line-height: 1.4em;
	text-align: left;
}

table.general td.alert {
	color: #d00;
	font-weight: bold;
}

table.general .failed,
table.general .failed > div {
	color: var(--failure);
	font-weight: bold;
}


@media (width <= 768px) {
	table.general.smart td:not(.free) {
		width: calc(100% / 3);
		max-width: auto;
		padding: 3px;
		line-height: 22px;
	}
	
	table.general.smart input[type="submit"] {
		width: 100% !important;
		line-height: 21px;
	}
}

@media (width <= 767px) {
	table.general th.sm_last {
		border-right: none;
	}

	table.general td.sm_last {
		border-right: none;
	}
}

@media (width <= 500px) {
	table.general .free {
		display: ;
	}
}

@media (hover: hover) and (pointer: fine) {
	table.general * {
		transition: var(--transition);
	}

	table.general th a:hover {
		text-decoration: underline;
	}

	table.general .free a:not(.disabled):hover {
		color: var(--theme);
		border-color: var(--theme);
	}
}

@media print {
}
*/

/*------------------------------------------------------------------------------------------------ ▼ .header <--*/

table.header,
table.header thead,
table.header tbody,
table.header tfoot,
table.header tr,
table.header th,
table.header td {
	border-collapse: collapse;
	border-spacing: 0;
}

table.header input,
table.header select,
table.header button {
	margin-top: 0;
}

/*----------------------------------------------------------------------- ▼ font <--*/

@media (769px <= width) {
	table.header th,
	table.header th a {
		font-size: 12px;
	}
}

@media (width <= 768px) {
}

table.header {
	margin: 15px 15px 0 0;
	border-radius: var(--border_radius);
	background: #fff;
	outline: 1px solid #ddd;
	outline-offset: -1px;
	overflow: hidden;
}

table.header tr:nth-of-type(n + 3) {
	border-top: var(--border);
}

table.header th,
table.header th div,
table.header td,
table.header td div {
	text-align: center;
}

table.header th {
	padding: 10px 0;
	background: #ddd;
}

table.header th,
table.header th a {
	line-height: ;
	text-align: center;
}

table.header tr th:not(:first-child) {
	border-left: 1px solid #fff;
}

table.header tr:not(:first-of-type) th {
	border-top: 1px solid #fff;
}

table.header td:not(:first-child) {
	border-left: 1px dotted #ddd;
}

table.header td:not(.free) {
	width: 100px;
	max-width: 100px;
	padding: 0 5px;
	line-height: 32px;
}

/*----------------------------------------------------------------------- ▼ セル幅 <--*/

table.header td.min {
	width: 60px;
	max-width: 60px;
	padding: 0;
}

table.header td.middle {
	width: 150px;
	max-width: 150px;
}

table.header td.double {
	width: 200px;
	max-width: 200px;
}

table.header td.triple {
	width: 300px;
	max-width: 300px;
}

@media (width <= 1280px) {
	table.header:not(.header) td.double:not(.fix),
	table.header:not(.header) td.triple {
		width: 150px;
		max-width: 150px;
	}
}

table.header td.free {
	padding: 5px;
	text-align: left;
}

table.header td.free a,
table.header td.free button,
table.header td.free input[type="submit"] {
	line-height: 20px !important;
	margin-right: 0;
	border-radius: var(--border_radius_light);
}

table.header form {
	padding: 0 !important;
	border: none;
	box-shadow: none;
}

/*----------------------------------------------------------------------- ▼ .result <--*/

table.header div.result {
	display: flex;
	padding: 5px 0;
}