@charset "UTF-8";
/* ========== ========== ==========
個別部
========== ========== ========== */
.store {
  margin-bottom: min(calc(180 / var(--base-width-pc) * 100vw), 180px);
  position: relative;
}
.store_title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(186.67px, calc(280 / var(--base-width-pc) * 100vw), 280px);
  height: clamp(40px, calc(60 / var(--base-width-pc) * 100vw), 60px);
  border-radius: 4px;
  border: solid 1px #999999;
  color: #999999;
  font-size: 16px;
  font-weight: bold;
}
.store_titles {
  display: flex;
  gap: 10px;
  margin-bottom: 60px;
}
.store_title.-active {
  border: none;
  background-color: var(--color-main);
  color: white;
}
.store .sectionSubTitle {
  margin-bottom: 40px;
}
.store_areas {
  display: none;
}
.store_areas.-active {
  display: block;
}
.store_area_title {
  color: var(--color-main);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.store_area_ul {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(26.67px, calc(40 / var(--base-width-pc) * 100vw), 40px);
  margin-bottom: 60px;
}
.store_area_li {
  width: calc((100% - clamp(26.67px, calc(40 / var(--base-width-pc) * 100vw), 40px) * 2) / 3 - 0.2px);
}
@media screen and (max-width: 768px) {
  .store_area_li {
    width: calc((100% - clamp(26.67px, calc(40 / var(--base-width-pc) * 100vw), 40px)) / 2 - 0.2px);
  }
}
.store_area_li_link {
  text-decoration: none;
  color: black;
}
.store_area_li_image {
  border-radius: 8px;
  margin-bottom: clamp(13.33px, calc(20 / var(--base-width-pc) * 100vw), 20px);
  aspect-ratio: 1969/992;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.store_area_li_name {
  font-weight: bold;
  letter-spacing: 0.05rem;
  font-size: clamp(14px, 1.1111111111vw, 16px);
}

/* 個別部ここまで
---------- ---------- */