/*================================
  shop-list
=================================*/
/*----- page-common -----*/
html {
  scroll-behavior: smooth;
}
.main-area.shoplist{
  font-family: acumin-pro, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400;
  --color-red: #7C1F2D;
  --color-gold: #977547;
  --color-white: #fff;
  --color-nomal: #333333;

  width: 100%;
  padding-top: 0;
}
.main-area.shoplist .main-inner{
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .pc_only{
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .sp_only{
    display: none;
  }
}

.main-area.shoplist .shop-menu__inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 0 -18px;
}
.main-area.shoplist .font-en-sans{
  font-family: var(--font-effra);
  font-weight: var(--fontweight-medium);
}

/*----- shopListContent -----*/
#shopListContent img{
  width: 100%;
}
#shopListContent .shoplist__list{
  width: 100%;
  margin-bottom: calc(160*(100vw/750));
}
#shopListContent .shoplist__ttl{
  color: var(--color-nomal);
  font-family: var(--font-orpheus);
  font-weight: var(--fw-regular);
  font-size: calc(82*(100vw/750));
  letter-spacing: 0;
  text-align: center;
  margin: calc(67*(100vw / 750)) auto calc(36*(100vw / 750));
}
#shopListContent .shoplist__list-cont{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgb(192, 166, 148 ,7%);
  text-align: center;
  padding: calc(100*(100vw/750)) 0 calc(110*(100vw/750));
  margin-bottom: calc(80 * (100vw / 750)); /* 2025/01/29 追加 */
}
#shopListContent .shopList-cont__ttl{
  color: var(--color-gold);
  font-family: var(--font-ja);
  font-weight: var(--fontweight-bold);
  font-size: calc(36*(100vw/750));
  line-height: 1.2222222222;
  letter-spacing: 0.06em;
  margin-bottom: calc(50*(100vw/750));
}
#shopListContent .shopList-cont__new{
  display: block;
  color: var(--color-red);
  font-family: var(--font-orpheus);
  font-weight: var(--fontweight-medium);
  font-size: calc(33*(100vw/750));
  line-height: 1.7575757576;
  letter-spacing: 0.06em;
  margin: calc(26*(100vw/750)) auto calc(16*(100vw/750));
}
#shopListContent .shopList-cont__address{
  font-family: var(--font-ja);
  font-weight: var(--fontweight-regular);
  font-size: calc(28*(100vw/750));
  line-height: 2;
  letter-spacing: 0.06em;
  margin-bottom: calc(18*(100vw/750));
}
#shopListContent .shopList-cont__tel{
  font-family: var(--font-effra);
  font-weight: var(--fontweight-medium);
  font-size: calc(28*(100vw/750));
  line-height: 2;
  letter-spacing: 0.06em;
}
#shopListContent .shopList-cont__open{
  font-size: calc(28*(100vw/750));
  line-height: 2;
  letter-spacing: 0.06em;
  margin-bottom: calc(52*(100vw/750));
}
#shopListContent .shopList-cont__map{
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white);
  background-color: var(--color-gold);
  font-size: calc(28*(100vw/750));
  letter-spacing: 0.06em;
  width: calc(300*(100vw/750));
  height: calc(76*(100vw/750));
}
#shopListContent .shopList-cont__map a{
  display: inline-block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


/*--------------------------------
  shop-list for desktop
--------------------------------*/
@media screen and (min-width: 768px) {
  /*----- shopListContent -----*/
  #shopListContent .shoplist__ttl{
    font-size: 4.1rem;
    margin: 2.4rem auto 2.2rem;
  }
  #shopListContent .shoplist__list{
    width: 89.333%;
    margin: 0 auto;
  }
  #shopListContent .shoplist__list-cont{
    padding: 4.8rem 0 6rem;
    margin: 0 auto 7rem;
  }
  #shopListContent .shopList-cont__ttl{
    font-size: 2rem;
    line-height: 2.2;
    margin-bottom: 2rem;
  }
  #shopListContent .shopList-cont__new{
    font-size: 1.7rem;
    line-height: 1.7647058824;
    margin: 0.2rem auto 1.2rem;
  }
  #shopListContent .shopList-cont__address{
    font-size: 1.5rem;
    margin-bottom: 1.3rem;
  }
  #shopListContent .shopList-cont__tel{
    font-size: 1.5rem;
  }
  #shopListContent .shopList-cont__open{
    font-size: 1.5rem;
    margin-bottom: 3rem;
  }
  #shopListContent .shopList-cont__map{
    font-size: 1.5rem;
    width: 15rem;
    height: 3.4rem;
  }
}