/* 入札・落札情報ページ用 */
@charset "utf-8";

table.summary {
	border-collapse: collapse;
}
table.summary th,
table.summary thead th,
table.summary tfoot th {
	background: #ececec;
	border: 1px solid #d7d7d7;
	padding: 10px 5px;
	vertical-align: middle;
}
table.summary td,
table.summary thead + tbody td {
	border: 1px solid #d7d7d7;
	padding: 10px 5px;
	text-align: left;
	letter-spacing: 0;
	vertical-align: middle;
}
table.summary tr:nth-child(2n+1) {
	background: #F7F7F7;
}
table.summary td:nth-child(3n) {
	text-align: center;
}
table.summary td:last-child {
	text-align: right;
}
table .pref {
	/* background: #FFF; */
	/* border: 1px solid #000; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
}
/* 入札方式 */
.contract {
	/* background: #ECECEC; */
	/* border-radius: 2px; */
	/* color: #FFF; */
	font-size: 0.9em;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 15px;
	width: auto;
	min-width: 50px;
}
/* bidding：一般競争 */
/* .contract.bidding {
	background: #76C486;
} */
/* voluntary：随意契約 */
/* .contract.voluntary {
	background: #7586AE;
} */
/* planning：企画競争 */
/* .contract.planning {
	background: #76B2C4;
} */
/* open：オープンカウンター */
/* .contract.open {
	background: #7599ae;
	font-size: 10px;
} */
.date {
	font-size: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: center;
	line-height: 15px;
	width: auto;
}
time {
	font-size: inherit;
}
@media screen and (max-width: 834px) {
	.xscroll table.summary {
		width: 600px;
		margin: 5px 0 20px;
	}
	.xscroll .expandup {
		width: 600px;
		& summary {
			width: calc(100vw - 16.5px);
		}
	}
	table .pref {
		line-height: 20px;
		margin-bottom: 2px;
	}
	table .agency {
		white-space: normal;
	}
	colgroup col {
		&:first-child {
			width: 100px;
		}
		&:nth-child(3) {
			width: 70px;
		}
	}
	details.expandup summary {
		box-shadow: none;
	}
}



details table.summary {
	font-size: 15px;
	& :is(th, td) {
		padding: 10px 5px;
	}
}

details {
	&.expandup {
		transition: none;
		padding-bottom: 70px;
		& > summary {
			background: #fff;
			border: 1px solid #d7d7d7;
			border-radius: 0;
			box-sizing: border-box;
			font-size: 16px;
			font-weight: bold;
			justify-content: start;
			align-items: center;
			flex-direction: row-reverse;
			margin: auto;
			padding: 1em;
			position: relative;
			bottom: 0;
			left: 0;
			right: 0;
			text-indent: 0;
			min-height: 35px;
			width: 100%;
			&::before {
				position: absolute;
				margin: auto 0;
				top: -1px;
				right: 20px;
				left: auto;
				width: 12px;
				height: 12px;
			}
			&::after {
				content: none;
			}
			&::after {
				content: none;
			}
		}
	}
	&[open].expandup {
		padding-bottom: 0;
		max-height: 5000px;
		/* transition: all 0; */
		& > summary {
			&::after {
				content: none;
			}
		}
	}
}