body {
  font-family: sans-serif;
  margin: 20px;
  color: #333;
  line-height: 1.5;
}

h1, h2 {
  border-bottom: 2px solid #ddd;
  padding-bottom: 5px;
}

section {
  margin-bottom: 30px;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 5px;
}

/* 上部スクロールバー：幅を100%に固定してはみ出しを防止 */
.top-scrollbar {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 5px;
}

/* 本体のスクロールテーブル領域：幅を100%に固定してはみ出しを防止 */
.table-container {
  width: 100%;
  overflow-x: auto;
}

table {
  min-width: 1200px;
  border-collapse: collapse;
  background: #fff;
  margin-top: 0;
}

th, td {
  border: 1px solid #ccc;
  padding: 8px 12px;
  text-align: left;
}

th {
  background-color: #eee;
}

input[type="text"],
input[type="date"],
select,
textarea {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  margin-bottom: 15px;
  box-sizing: border-box;
}

button {
  padding: 8px 15px;
  background-color: #007BFF;
  color: #fff;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

button:hover {
  background-color: #0056b3;
}

.nav-link {
  margin-bottom: 15px;
  display: inline-block;
}

a.waku {				/* ピンク */
	display       : block;
	border-radius : 20px;          /* 角丸       */
	margin-bottom: 10px; 
	text-align    : center;      /* 文字位置   */
	cursor        : pointer;     /* カーソル   */
	padding       : 10px 10px;   /* 余白       */
	border: 1px solid #ffb2ff; 
}