@charset "UTF-8";

/*****************************
guide-sec
*****************************/
.guide-sec  {
  padding: 0 0 10rem;
}
.guide-sec .txtwrap {
  background: url(../../images/page/sister-shops/bg-txtwrap.webp) no-repeat center / cover;
  margin-bottom: 5rem;
  padding: 6rem 2rem;
  position: relative;
}
.guide-sec .txtwrap::before {
  background: rgba(0,0,0,.6);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.guide-sec .txtwrap .ttl {
  border-color: #fff;
  color: #fff;
  position: relative;
}
.guide-sec .txtbox {
  color: #fff;
  font-weight: bold;
  position: relative;
}
.guide-sec .shopinfobox {
  margin-bottom: 5rem;
}
.guide-sec .shopinfobox dl {
  display: flex;
  flex-wrap: wrap;
}
.guide-sec .shopinfobox dt {
  width: 120px;
}
.guide-sec .shopinfobox dd {
  width: calc(100% - 120px);
}
.guide-sec .mapbox {
  aspect-ratio: 2/1.5;
}
.guide-sec .mapbox iframe {
  height: 100%;
  width: 100%;
}
.guide-sec .imgbox ul {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.guide-sec .imgbox li:nth-child(1) {
  width: 100%;
}
.guide-sec .imgbox li:nth-child(2) {
  width: calc(50% - .25rem);
}
.guide-sec .imgbox li:nth-child(3) {
  width: calc(50% - .25rem);
}