@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/Poppins-Regular_subset.woff2") format("woff2");
}
@font-face {
  font-family: 'Poppins';
  font-weight: 500;
  font-display: swap;
  src: url("/css/fonts/Poppins-Medium_subset.woff2") format("woff2");
}
@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  font-display: swap;
  src: url("/css/fonts/Poppins-Bold_subset.woff2") format("woff2");
}
.pagetitle-logo {
  min-height: 4.5vw;
  height: 100%;
  margin-right: 1vw;
}
@media only screen and (max-width: 767px) {
  .pagetitle-logo {
    height: 15vw;
    margin-right: 2vw;
  }
}

.title-intro {
  color: #D7000F;
  padding-top: 3.9154267815vw;
}
.title-intro::before {
  content: "";
  display: block;
  width: 3.602192639vw;
  height: 2px;
  background-color: #D7000F;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .title-intro::before {
    width: 12.2666666667vw;
  }
}

.casestudy-area {
  border-top: 1px solid #F5F1F1;
}
@media only screen and (max-width: 767px) {
  .casestudy-area {
    padding-top: 8vw;
  }
}

.strength-area .text-link {
  text-decoration: underline;
}

.genre-area {
  background-color: #F5F1F1;
}
.genre-area .title-genre {
  text-align: center;
  position: relative;
  padding-top: 3.9154267815vw;
}
.genre-area .title-genre::before {
  content: "";
  display: block;
  width: 3.602192639vw;
  height: 2px;
  background-color: #D7000F;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .genre-area .title-genre::before {
    width: 12.2666666667vw;
  }
}
.genre-area .list-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4.4635865309vw;
}
.genre-area .list-wrap li {
  width: 23.4925606891vw;
}
@media only screen and (max-width: 767px) {
  .genre-area .list-wrap li {
    width: 47%;
  }
}
.genre-area .list-wrap li img {
  border-radius: 1.5661707126vw;
}

.shop-area {
  margin: 4.6985121378vw 0;
}
@media only screen and (max-width: 767px) {
  .shop-area {
    margin: 10.6666666667vw 0;
  }
}
.shop-area .shop-heading {
  text-align: center;
}
.shop-area .shop-heading .title {
  font-size: 3.7588097103vw;
  font-weight: bold;
  color: #D7000F;
  display: block;
}
@media only screen and (max-width: 767px) {
  .shop-area .shop-heading .title {
    font-size: 9.6vw;
  }
}
@media print, screen and (min-width: 768px) {
  .shop-area .photo-wrap img {
    width: 58.1049334377vw;
  }
}
.shop-area .text-wrap {
  margin: auto;
  font-weight: 500;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .shop-area .text-wrap {
    line-height: 1.8;
  }
}
@media print, screen and (min-width: 768px) {
  .shop-area .text-wrap .address-wrap {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area .text-wrap .address-wrap .flex-sp {
    justify-content: space-between;
    align-items: end;
  }
}
.shop-area .text-wrap .map-link {
  background-color: #231815;
  border-radius: 30px;
  color: #F5F1F1;
  padding: 0px 0.626468285vw 0.1566170713vw;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .shop-area .text-wrap .map-link {
    padding: 0.2666666667vw 1.6vw 0.8vw;
    margin-bottom: 0.7vw;
  }
}
.shop-area .text-wrap .map-link img {
  position: relative;
  top: -0.1566170713vw;
  margin-right: 0.3915426782vw;
  width: 0.7830853563vw;
}
@media only screen and (max-width: 767px) {
  .shop-area .text-wrap .map-link img {
    width: 2.1333333333vw;
    margin-right: 1.0666666667vw;
  }
}
.shop-area .text-wrap .list-wrap li {
  display: inline-block;
}
@media print, screen and (min-width: 768px) {
  .shop-area .text-wrap .list-wrap li {
    margin: 0 10px;
  }
}
@media print, screen and (min-width: 768px) {
  .shop-area .text-wrap dl {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area .text-wrap dt {
    width: 6em;
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area .text-wrap dd {
    padding-left: 6em;
  }
}

.about-area .flex-wrap {
  display: flex;
  justify-content: space-between;
}
.about-area .text-wrap {
  flex: 1;
}

/*# sourceMappingURL=page_liquor.css.map */