@charset "utf-8";

/*---------------------------------------------------------------------------------------------------------------------------------- .general <--*/

/*----------------------------------------------------------------------> ▼ .general <--*/

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

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

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

@media (769px <= width) {
	table.general,
	table.general thead,
	table.general tbody,
	table.general tfoot,
	table.general tr,
	table.general th,
	table.general td {
		
	}

	table.general th,
	table.general th a {
		font-size: 12px;
	}
}

@media (width <= 768px) {
	table.general,
	table.general thead,
	table.general tbody,
	table.general tfoot,
	table.general tr,
	table.general th,
	table.general td {
		
	}
}

/*----------------------------------------------------------------------> ▼ .general <--*/

table.general {
	width: 100%;
	border-radius: var(--border_radius);
	background: #fff;
	outline: 1px solid #ddd;
	outline-offset: -1px;
	overflow: hidden;
}

table.general {
	margin-top: 15px;
}

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

table.general tr.copy td,
table.general tr.copy td div {
	color: #3aa;
}

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

table.general th {
	padding: 7px 0;
	background: #ddd;
}

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

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

table.general td.no_padding {
	padding: 0;
}

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

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

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

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

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

table.general td.t_center > div {
	text-align: center !important;
}

table.general td.t_right > div {
	text-align: right !important;
}

@media (width <= 1280px) {
	/*
	table.general td:not(.free) {
		width: 180px;
		max-width: 180px;
	}
	*/
}

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

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

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

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

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

table.general td.quadruple {
	width: 400px;
	max-width: 400px;
}

table.general td.quintuple {
	width: 500px;
	max-width: 500px;
}

table.general td.long {
	width: 900px;
	max-width: 900px;
}

table.general td.full {
	width: 100%;
	max-width: 100%;
}

@media (width <= 1366px) {
	table.general td.double,
	table.general td.triple,
	table.general td.quadruple,
	table.general td.quintuple,
	table.general td.long, 
	table.general td.full {
		width: 150px;
		max-width: 150px;
	}
}

/*----------------------------------------------------------------------> ▼ .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.near,
table.general td.near * {
	color: #f00;
	font-weight: bold;
	background: #fee;
}

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 {
	margin-top: 15px;
}

table.header td {
	border:;	
}

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;
}

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

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

table.general tr.result td {
	padding: 5px;
}

/*----------------------------------------------------------------------> ▼ .list <--*/

table.list {
}

table.list td,
table.list a,
table.list td div {
}

@media (width <= 767px) {
	table.list .flee {
		display: none;
	}
}

@media (hover: hover) and (pointer: fine) {
	table.list tr:hover {
		background: var(--theme_hover_light);
	}

	table.list tr:hover td {
		border-color: #ddd;
	}

	table.list th {
		transition: var(--transition);
	}

	table.list th a:hover {
		background: #ccc;
		text-decoration: underline;
	}
}