.error-message {
	color: #ff0000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}
.zipError{
	color: #ff0000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

.left-border {
    border-left:solid 1px #dddddd;
}

.ui-dialog-buttonset{
   width: 100%;
   display: flex;
   display: -webkit-flex;
   text-align: center;
   justify-content: center;
}
input[type=checkbox] {
  transform: scale(1.3);
}


.sortableArea {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ui-state-default {
    margin: 0 3px 3px 3px;
    padding: 0.3em;
    padding-left: 1em;
    font-size: 15px;
    font-weight: bold;
	height: 2.2em;
}

.ui-state-highlight {
    height: 2.2em;
    border: dotted 2px #0000ff;
}

.smart_vlive_key_table td {
	padding: 3px 5px;
}

.scrollable-table {
	width: 100%; /* テーブル全体の幅 */
	height: 700px; /* スクロール可能にしたい高さ */
	overflow-y: auto; /* 縦方向にスクロールを許可 */
	overflow-x: hidden; /* 横方向のスクロールは隠す */
	border-collapse: collapse; /* ボーダーの重複を防ぐ */

}

.scrollable-th, .scrollable-td {
	border: 1px solid #ccc; /* セルにボーダーを付ける */
	padding: 8px;
	text-align: left;
}
.scrollable-th {
	background-color: #f2f2f2; /* ヘッダーの背景色 */
	position: sticky; /* スクロール時にヘッダを固定 */
	top: 0; /* 固定する位置をトップに設定 */
	z-index: 1; /* 他の要素の下に隠れないようにする */
}
.bi-arrow-down-up.asc::before {
    content: '\F148'; /* 上矢印 (Bootstrapアイコンコード) */
	font-weight:bold;
}
.bi-arrow-down-up.desc::before {
    content: '\F128'; /* 下矢印 (Bootstrapアイコンコード) */
	font-weight:bold;
}
th i:hover {
    color: #007bff;
    cursor: pointer;
	font-weight:bold;
}