/* .link-banner {
  display: inline-block;
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.link-banner:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.link-banner img {
  display: block;
  width: 100%;
  height: auto;
} */

/* ===========================
   Owl Café 華々しい開店バナー
=========================== */
.banner-wrap {
  position: relative;
  display: inline-block;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.banner-wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.banner-wrap img {
  display: block;
  width: 100%;
  height: auto;
}

/* ---------------------------
   リンクエリア設定
--------------------------- */

/* 全体リンク：ホームページ */
.home-link {
  position: absolute;
  inset: 0; /* 全面クリック可 */
}

/* 右下リンク：予約フォーム */
.stay-link {
  position: absolute;
  right: 4%; /* 右端からの距離 */
  bottom: 5%; /* 下端からの距離 */
  width: 26%; /* 横幅（右下の小画像に合わせる） */
  height: 28%; /* 縦幅（右下の小画像に合わせる） */
  cursor: pointer;
}

/* デバッグ確認用（クリック範囲を可視化する時だけ有効） */
/*
.stay-link {
  background: rgba(255, 0, 0, 0.3);
}
*/