.esdm-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 25px;
  font-size: 15px;
}

.esdm-table th, .esdm-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

.esdm-table th {
  background: #f5f5f5;
  font-weight: bold;
}

.esdm-buttons {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}

.esdm-btn {
  display: inline-block;
  background: linear-gradient(180deg, #ff9b3d 0%, #ff811a 90%);
  color: #fff !important;
  padding: 6px 10px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}

.esdm-btn.green {
  background: linear-gradient(180deg, #06C755 0%, #3dc75e 90%);
}

.esdm-btn:hover {
  opacity: 0.9;
}

.active { color: #2e7d32; font-weight: bold; }
.inactive { color: #888; font-style: italic; }

@media (max-width: 768px) {
  .esdm-table-wrapper {
    overflow-x: auto;
  }
  .esdm-table {
    min-width: 600px;
  }
}


.esdm-site {
  text-align: center;
}

.esdm-icon {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 6px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  border: 1px solid #eee;
}


/* === 配信状況列のアイコン表示 === */
.esdm-status {
  text-align: center;
}

.esdm-status-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-bottom: 5px;
}

.esdm-status .active {
  color: #2e7d32;
  font-weight: bold;
}

.esdm-status .inactive {
  color: #999;
  font-weight: bold;
  font-style: normal; /* イタリック解除 */
}

/* === 配信してない行をグレー背景に === */
.esdm-inactive-row {
  background-color: #f3f3f3;
}

/* === お得情報欄のスタイル === */
.esdm-note {
  text-align: left;
  line-height: 1.6;
  word-break: break-word;
}

.esdm-note .red {
  color: #e60012;
  font-weight: bold;
}