.head_container {
	padding: 16px;
	display: flex;
	justify-content: space-between;
}

.head_item1 {
	font-size: 16px;
	color: orange;
}

.head_item2 {
	text-align: center; /* テキストを中央に */
	font-size: 24px;
	font-weight: bold;
	color: indigo;
}

.head_item3 {
	color: black;
	font-size: 16px;
	padding: 2px;
}

.common-style {
    display: 		none;
	font-size:		14pt;
	background-color:blue;
	color:			white;
	height:			50px;
	border: 		none;
	border-radius: 	5px;
	transition: 	transform 0.1s ease-in-out; /* アニメーションで自然に */
}
.common-style:active {
    transform: translateY(3px); /* 押し下げたように見せる */
    box-shadow: 1px 1px 0px 0px rgb(3, 52, 3);
} 


main {
	text-align: center;
}

ul {
	list-style-type: none;
	text-align: center;
}

li {
	display:inline-block;
	width: 180px;
	text-align: center;
	border-left: 1px dotted black;
	color: gray;
}

#channel {
	border-right: 1px dotted black;
}

#cell {
    gap: 2px;
    font-family: "ヒラギノ角ゴ ProN", "メイリオ", "Osaka", "MS PGothic", sans-serif;
}

table td {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

/* ======================================= */

.titleContainer {
	display: flex; /* 横並びにする */
	align-items: center; /* 縦方向の中央揃え */
	justify-content: center; /* 横方向の中央揃え */
	height: 30px;
	margin-top: 20px;
	margin-bottom: 15px;
}

input {
	font-size: 16px;
	padding: 10px;
	width: 300px;
	margin-right: 10px; /* 右側の余白 */
}

textarea {
	font-size: 12pt;
	padding: 10px;
}

.tooltip-box {
	position: absolute;
	font-size: 9pt;
	background: rgb(82, 128, 90);
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
	text-align: left;
	max-width: 300px; /* 適度な幅を設定 */
    word-wrap: break-word; /* 長い単語を折り返す */
    white-space: pre-wrap; /* 改行を反映 */

	display: none;
}

/* =============================================== */
.tabs {
    width: 840px;
    margin: 20px auto;
    font-family: Arial, sans-serif;
}

/* タブのボタン */
.tab-buttons {
    display: flex;
    
}

.tab-button {
    flex: 1;
    padding: 10px;
    border: none;
    background: #eee;
    cursor: pointer;
    font-size: 16px;

	border-bottom: 2px solid #ccc;
}

.tab-button.active {
    background: white;
    border-left: 2px solid #007bff;
	border-top: 2px solid #007bff;
	border-right: 2px solid #007bff;
	border-bottom: 0;
    font-weight: bold;
}

/* タブの内容 */
.tab-content {
    display: none;
    padding: 15px;
    border: 1px solid #ccc;
    background: white;
}

/* 初期表示のタブ */
.tab-content.active {
    display: block;
}

/* =============================================== */
.custom-file-upload {
    display: inline-block;
	margin-left: 15px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}
.custom-file-upload:hover {
    background-color: #0056b3;
}
#fileName {
    margin-left: 10px;
    color: #555;
}