/*
Theme Name: gensen_tcd050_child
Template: gensen_tcd050
*/

/* 共通デザイン */
.member-only-badge {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

/* ★ サムネイル用：絶対配置で左上に重ねる */
.badge-thumb {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 4px 8px;
  border-radius: 4px;
  z-index: 5;
}

/* ★ タイトル下用：普通のインライン表示 */
.badge-inline {
  position: static;      /* 重要：absolute を無効化 */
  display: inline-block;
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 4px;
}

/* ランク別の色（共通） */
.member-only-badge.badge-bronze   { background:#cd7f32; color:#fff; }
.member-only-badge.badge-silver   { background:#c0c0c0; color:#000; }
.member-only-badge.badge-gold     { background:#ffd700; color:#000; }
.member-only-badge.badge-platinum { background:#e5e4e2; color:#000; }
.member-only-badge.badge-black    { background:#000000; color:#fff; }

/* 会員限定メッセージをセンター寄せ */
.member-only-message {
  font-size: 20px;
  font-weight: 700;
  margin: 20px 0;
  color: #333;
  text-align: center; /* ←中央揃え */
}

/* ログインボタン（青色系 & センタリング） */
.login-button-wrapper {
  text-align: center; /* ←ボタンの中央寄せ */
  margin-top: 10px;
}

.login-button {
  display: inline-block;
  background: #007bff;
  color: #fff !important; /* ←これが重要 */
  padding: 12px 28px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none !important; /* ←青色リンク下線を防ぐ */
}

.login-button:hover {
  background: #0066d4; /* 少し濃い青 */
}