/* 擬似PR枠テスト(2026-08-30〜)。対象9エリアの投稿にだけ読み込まれる。
   ★本文のstyle.cssには足さない=他143エリアに1バイトも影響を出さないため。 */

/* 最上部のピン枠。無償・ランダム選定なので「PR」も「おすすめ」も名乗らせない。
   読者が「並びの一部」と誤解しないよう、背景色と枠で視覚的に切り離すだけにする。 */
.gm-wrap .gm-pin {
  background: #fbf8f1;
  border: 2px solid #e6dcc4;
  border-radius: 12px;
  padding: 12px 12px 1px;
  margin: 0 0 8px;
}
.gm-wrap .gm-pin .gm-card {
  margin-bottom: 12px;
}
/* 「ここから通常掲載」の区切りは2026-08-30に廃止(K指摘。食べログ等も入れておらず、
   広告であることはPRラベルと背景色で足りる)。過去版のページが残っていても崩れないよう最小限だけ残す。 */
.gm-wrap .gm-pin-sep {
  font-size: .78rem;
  color: #8b8b8b;
  text-align: center;
  margin: 0 0 20px;
}

/* 並び替えUI(JSが作る。JS無効なら存在しない=初期表示順のまま) */
.gm-wrap .gm-sort-ui {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
}
.gm-wrap .gm-sort-label {
  font-size: .84rem;
  color: #555;
  font-weight: 700;
}
.gm-wrap .gm-sort-btn {
  font-size: .84rem;
  line-height: 1.2;
  color: #2e7d4f;
  background: #ffffff;
  border: 1px solid #cfe0d5;
  border-radius: 999px;
  padding: 8px 14px;
  cursor: pointer;
  font-family: inherit;
}
.gm-wrap .gm-sort-btn:hover {
  background: #f3f8f4;
}
.gm-wrap .gm-sort-btn.on {
  background: #2e7d4f;
  border-color: #2e7d4f;
  color: #ffffff;
  font-weight: 700;
}
.gm-wrap .gm-sort-note {
  font-size: .74rem;
  color: #8b8b8b;
  width: 100%;
  margin: 0;
}

/* 擬似PR枠のラベルは2026-08-30に廃止(K指摘=無償なので「PR」とは名乗らせず、提携店と同じ「おすすめ」にする)。
   有料で売り始めたら、その枠にだけ PR ラベルを戻す。 */
/* 比較表の固定ブロック(PR枠・おすすめ枠)と並び替え対象の境目 */
.gm-wrap .gm-table tbody.gm-tsortable tr:first-child td {
  border-top: 2px solid #d7ded7;
}