/* ---------------------------------------------------------
   Recommend・観光スポット・グルメ・イベント共通CSS
---------------------------------------------------------- */

/* エリアボタン群 */
.location_buttonCont {
  display: flex;
  flex-wrap: wrap;
}

.location_button {
  width: fit-content;
  border: 1px solid #7d7d7d;
  margin: 0.5em;
  border-radius: 2em;
}

.location_button a {
  color: #757575;
  display: inline-block;
  padding: 0.5em 2em;
}

.location_button a:hover {
  text-decoration: none !important;
  opacity: 0.8;
}

/* スライダー調整（slick.js利用時） */
.slider-nav .slick-track {
  transform: unset !important;
}

/* 写真共通 */
.innerPhoto {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-bottom: 1px solid #ccc;
}

/* 写真下テキスト */
.photoName {
  color: #000;
  font-size: 0.9rem;
  padding: 6px 0;
  min-height: 70px;
}

/* カテゴリタグコンテナ */
.categoryTags {
  position: absolute;
  top: 6px;
  left: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-width: calc(100% - 12px);
}

/* 各カテゴリタグ */
.categoryTag {
  color: #fff;
  font-size: 0.75em;
  padding: 2px 6px;
  border-radius: 4px;
  white-space: nowrap;
}

/* タグ色別 */
.tag-facility {
  background: #0072bc;
}
.tag-gourmet {
  background: #d96a00;
}
.tag-event {
  background: #e2421f;
}
.tag-hotel {
  background-color: #008b8b;
  color: #fff;
}