.map-section__content-text {
    text-align: center;
    margin-top: 16px;
    font-size: 1.1em;
}

.map-section__image-decoration {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    user-select: none;
    pointer-events: none;
}

.map-section__selector-items {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 16px 32px;
    background-color: #fff;
    border-radius: 16px;
    margin-top: -22px;
}

.map-section__image-item-more {
    display: none;
}

.map-section__selector-decoration {
    width: 48%;
    margin-left: -8px;
}

.map-section__selector {
    width: fit-content;
    margin-left: auto;
    margin-top: -140px;
    position: relative;
}

.map-section__selector-item-text {
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: -0.2em;
    font-weight: 600;
}

.map-section__selector-item-header {
    font-size: 1.5em;
    line-height: 1;
    font-weight: 600;
}

.map-section__selector-item {
    text-align: center;
    padding: 8px;
    border-radius: 50%;
    color: #fff;
    aspect-ratio: 1 / 1;
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.map-section__image {
    margin-top: 16px;
    background: url("../../img/map_background.png") no-repeat;
    background-size: 100% 100%;
    padding: 32px 0;
}

.map-section__selector-item-wood {
    background-color: #8b5844;
}

.map-section__selector-item-forest {
    background-color: #364e3b;
}

.map-section__selector-item-sky {
    background-color: #84c1e3;
}

.map-section__selector-item-water {
    background-color: #4694d1;
}

.map-section__selector-item-fire {
    background-color: #a50223;
}

.map-section__images-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 48px;
    margin-top: 48px;
    grid-auto-flow: row;
}

.map-section__selector-container-sp {
    display: none;
}

.map-section__image-item-hide {
    display: none !important;
}

.map-section__selector-item {
    cursor: pointer;
    user-select: none;
}

.map-section__selector-item-disabled {
    background-color: #ddd !important;
}

.map-section__image-item-image {
    aspect-ratio: 4 / 3;
    width: 100%;
    position: relative;
    border-radius: 0 64px 0 0;
    overflow: hidden;
}

.map-section__image-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.map-section__image-item-title-container {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-left: 12px;
}

.map-section__image-item-title-category {
    display: none;
    color: #fff;
    margin-right: 8px;
}

.map-section__image-item-title-category-fire {
    background-color: #a50223;
}

.map-section__image-item-title-category-wood {
    background-color: #8b5844;
}

.map-section__image-item-title-category-sky {
    background-color: #84c1e3;
}

.map-section__image-item-title-category-forest {
    background-color: #364e3b;
}

.map-section__image-item-title-category-water {
    background-color: #4694d1;
}

.map-section__image-item-title {
    font-size: 1.5em;
}

.map-section__image-item-title-location {
    font-size: 1.1em;
}

.map-section__image-item-text {
    margin: 0 12px;
    font-size: 1.1em;
}

/* 画像とテキストの“間”に帯を強制表示（ZOIカード限定） */
a.map-section__image-item.map-section__image-item-forest
  > .map-section__image-item-image::after{
  content: "近日オープン予定" !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;

  margin-top: 10px !important;     /* 画像の直下に帯 */
  padding: 10px 12px !important;
  text-align: center !important;

  font-weight: 700 !important;
  font-size: clamp(14px, 2.1vw, 18px) !important;
  letter-spacing: .08em !important;
  color: #fff !important;

  background: rgba(0,0,0,.55) !important;
  border-radius: 6px !important;
  pointer-events: none !important;  /* クリックの邪魔をしない */
}

/* 念のため：画像要素の表示をブロック化（行間の混入を防ぐ） */
a.map-section__image-item.map-section__image-item-forest
  > .map-section__image-item-image > img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
}