@charset "UTF-8";

/* タブの基本スタイル */
#tabs {
  display: flex;
  gap: 5px;
}
.tab {
  padding: 10px;
  cursor: pointer;
  background-color: #eee;
  border: 1px solid #ccc;
}
.tab.active {
  background-color: #ddd;
  font-weight: bold;
}
.tab-content {
  display: none;
  margin-top: 10px;
  color: black;
}
.tab-content.active {
  display: block;
}
/* PC用表示 */
#pc-contents { display: block; }
#sp-contents { display: none; }
/* スマホ用表示 */
@media screen and (max-width: 768px) {
  #pc-contents { display: none; }
  #sp-contents { display: block; }
  .member{width: 100%; margin-bottom: 1rem;}
  th{width: 10%; white-space: nowrap;}
}

.img-btn {
	width :100px;
	height:30px;
}
th {
  white-space: nowrap;
}
.nowrap {
  white-space: nowrap;
}
.gray-row {
    background-color: #ccc; /* 明るいグレー */
}
.orange-cell {
	background-color:#FFA500	
}
h1 {
        color:#CC55CC;
}
.new{
	position: relative;
	top: 3px;
	margin-left: 5px;
	width : 50px;
	height: 20px;
}
.live{
        position: relative;
        top: 3px;
        margin-left: 5px;
        margin-right: 5px;
        width : 50px;
        height: 20px;
}