/* アパマンショップ2店舗の広告の上に重ねる、指さしの手の印(src/components/owner/ShopAdImage.astro)。
   トップの店舗紹介と、スマホ下の固定ボタンの部屋探しで共有する。
   「募集物件はこちら」の右下に、動かさずに置く(たいち 11/08「動いてない手が固定であるだけでいい」) */
.ad-visual {
  position: relative;
  display: block;
}
.ad-visual img {
  display: block;
  width: 100%;
  height: auto;
}
.ad-hand {
  position: absolute;
  /* 広告の「募集物件はこちら」の右下(画像の幅に対する割合で置くので、どの大きさでも同じ所) */
  left: 60.5%;
  top: 46%;
  width: max(24px, 8.5%);
  color: #0d3a8e; /* 広告の紺に合わせた縁の色 */
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
  pointer-events: none;
}
/* 部屋探しの広告は高さが40px前後と低いので、手を少し小さく上に置いて広告の中に収める */
.bar-rooms-list .ad-hand {
  top: 36%;
  width: 20px;
}
.ad-hand svg {
  display: block;
  width: 100%;
  height: auto;
}