/* ==========================================
   別バージョン：帯の中にカード版（ver1.0 2026/10/20）
   style.css のあとに読み込む。
   写真の帯（画面の端から端まで）の上に、入会登録のカードを少し透かして置く
   ========================================== */

/* 写真の帯 */
.p-photo-band {
  background-color: #1d2b5c;
  background-image: url("../img/bg-hoshizora.webp");
  background-size: cover;
  background-position: center 45%;
  text-align: center;
}

@media (max-width: 767px) {
  .p-photo-band {
    background-image: url("../img/bg-hoshizora-sp.webp");
  }
}

/* 少し透けるカード（後ろの写真がうっすら見える） */
.p-photo-band .p-entry {
  margin-top: 0;
  border-top: none;   /* 上の緑の線は外す */
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 0 8px 32px rgba(8, 14, 40, 0.35);
}

/* ボタン：金の地に深緑の文字で目立たせる（コントラスト 5.6:1） */
.p-photo-band .c-btn {
  background-color: #e3b14a;
  box-shadow: 0 6px 18px rgba(227, 177, 74, 0.4);
  color: var(--color-main-dark);
}

@media (hover: hover) {
  .p-photo-band .c-btn:hover {
    background-color: #f0c768;
  }
}