@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.Lesportsac_hitrip {
  --color-white: #fff;
  --color-black: #000;
  --color_bg-gray: #f5f5f5;
  --color_bg-pink: #ffd6d9;
  --color_bg-yellow: #eed575;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  /* font-feature-settings: "palt"; */
  overflow: clip;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - others
//////////////////////////////////////////////////////////////////////////////////////////////

/* ==============================
//  店舗一覧（店舗詳細）
============================== */
.store__detail,
.store__detail-flagship {
  display: flex;
  flex-direction: column;
  width: var(--inner-width);
  margin: 0 auto min(50 * 100vw/1400, 50px);
}
.store__region-name {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: min(20 * 100vw/1400, 20px) 0;
  font-size: min(18 * 100vw/1400, 18px);
  line-height: 1;
  font-weight: var(--fw-bold);
  color: var(--color-black);
  border-bottom: 1px solid var(--color-black);
  cursor: pointer;
}
.store__region-name h2 {
  line-height: 1;
  font-weight: var(--fw-bold);
  color: var(--color-black);
}
.store__detail-flagship .store__region-name,
.store__detail-online .store__region-name {
  display: block;
  cursor: initial;
}
.store__detail-flagship .store__detail-link,
.store__detail-link.store__detail-link-flagship {
  width: min(115 * 100vw/1400, 115px);
  margin-left: auto;
}
.store__detail-online .store__detail-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: min(20 * 100vw/1400, 20px);
  margin: min(20 * 100vw/1400, 20px) auto 0;
  width: var(--inner-width);
}
.store__detail-online .store__detail-list li {
  border-left: 1px solid #f1f1f1;
}
.store__detail-online .store__detail-list li:nth-child(4n) {
  border-right: 1px solid #f1f1f1;
}
.store__detail-online .store__detail-list a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.store__detail-online .store__detail-image {
  padding: min(10 * 100vw/1400, 10px);
}
.store__detail-shop .store__detail-item {
  display: grid;
  align-items: center;
  grid-template-columns: min(282 * 100vw/1400, 282px) minmax(0, 1fr) min(
      190 * 100vw/1400,
      190px
    );
  padding: min(20 * 100vw/1400, 20px) 0;
  font-size: min(14 * 100vw/1400, 14px);
  border-top: 1px #efefef solid;
}
.store__detail-shop .store__detail-item:first-of-type {
  border-top: 0px;
}
.store__detail-block {
  display: flex;
  flex-direction: column;
  row-gap: min(10 * 100vw/1400, 10px);
}
.store__detail-name {
  line-height: 1.5;
}
.store__detail-member {
  margin-top: min(10 * 100vw/1400, 10px);
  font-weight: var(--fw-bold);
}
.store__detail-link {
  display: flex;
  column-gap: min(10 * 100vw/1400, 10px);
  height: min(35 * 100vw/1400, 35px);
}
.store__detail-link > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--color-white);
  background-color: var(--color-black);
}
@media (max-width: 767px) {
  .store__detail,
  .store__detail-flagship {
    /* row-gap: calc(60*100vw/750); */
    width: calc(690 * 100vw / 750);
    margin: 0 auto calc(50 * 100vw / 750);
  }
  .store__region-name {
    padding: calc(20 * 100vw / 750) 0;
    font-size: calc(36 * 100vw / 750);
    text-align: left;
  }
  /* .store__region-name::after {
    right: calc(30*100vw/750);
    width: calc(20*100vw/750);
    height: calc(20*100vw/750);
  } */
  .store__detail-flagship .store__detail-link,
  .store__detail-link-flagship.store__detail-link-flagship {
    width: calc(136 * 100vw / 750);
    margin: 0 0 0;
  }
  .store__detail-online .store__detail-list {
    width: initial;
    border-right: 1px #efefef solid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: calc(0 * 100vw / 750);
    margin-top: calc(60 * 100vw / 750);
    border-top: 1px solid #f1f1f1;
  }
  .store__detail-online .store__detail-list > li {
    border-bottom: 1px #efefef solid;
  }
  .store__detail-online .store__detail-list li:nth-child(4n) {
    border-right: 0;
  }
  .store__detail-online .store__detail-list a {
    padding: calc(15 * 100vw / 750);
  }
  .store__detail-online .store__detail-image {
    padding: min(10 * 100vw/1400, 10px);
  }
  .store__detail-shop .store__detail-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: calc(20 * 100vw / 750);
    padding: calc(60 * 100vw / 750) 0;
    font-size: calc(24 * 100vw / 750);
    line-height: 1.25;
    align-items: initial;
    text-align: left;
  }
  .store__detail-block {
    row-gap: calc(20 * 100vw / 750);
  }
  .store__detail-name {
    font-size: calc(28 * 100vw / 750);
    font-weight: var(--fw-bold);
  }
  .store__detail-member {
    margin-top: min(10 * 100vw/1400, 10px);
    font-weight: var(--fw-bold);
  }
  .store__detail-link {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: calc(10 * 100vw / 750);
    width: calc(300 * 100vw / 750);
    height: calc(54 * 100vw / 750);
    margin: initial;
  }
  .store__detail-link > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--color-white);
    background-color: var(--color-black);
  }
}

/* hero */
.hero .hero-ttl {
  font-size: min(28 * 100vw/1400, 28px);
  line-height: 1.5625;
  font-weight: bold;
  text-align: center;
}

.hero .hero-txt {
  width: 60%;
  margin: min(25 * 100vw/1400, 25px) auto min(100 * 100vw / 1400, 100px);
  font-size: min(18 * 100vw/1400, 18px);
  line-height: 1.5625;
  text-align: justify;
}

.hero .hero-txt a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .hero .hero-ttl {
    font-size: calc(36 * 100vw / 750);
  }

  .hero .hero-txt {
    width: calc(690 * 100vw / 750);
    margin: calc(25 * 100vw / 750) auto calc(50 * 100vw / 750);
    font-size: calc(24 * 100vw / 750);
  }
}

/* notice */
.notice .notice-ttl {
  font-size: min(24 * 100vw/1400, 28px);
  line-height: 1.5625;
  font-weight: bold;
  text-align: center;
}

.notice .notice-txt {
  width: 60%;
  margin: min(25 * 100vw/1400, 25px) auto min(100 * 100vw / 1400, 100px);
  font-size: min(16 * 100vw/1400, 18px);
  line-height: 1.5625;
  text-align: justify;
}

@media (max-width: 767px) {
  .notice .notice-ttl {
    font-size: calc(32 * 100vw / 750);
  }

  .notice .notice-txt {
    width: calc(690 * 100vw / 750);
    margin: calc(25 * 100vw / 750) auto calc(50 * 100vw / 750);
    font-size: calc(22 * 100vw / 750);
  }
}

/* store */
.store__detail__ttl {
  font-size: min(28 * 100vw/1400, 28px);
  line-height: 1.5625;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 767px) {
  .store__detail__ttl {
    font-size: calc(36 * 100vw / 750);
  }
}

/* link */
.link {
  margin-top: min(25 * 100vw/1400, 25px);
  margin-bottom: min(100 * 100vw/1400, 100px);
  font-size: min(24 * 100vw/1400, 24px);
  line-height: 1.5625;
  text-align: center;
}

.link a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .link {
    margin-top: calc(25 * 100vw / 750);
    margin-bottom: calc(100 * 100vw / 750);
    font-size: calc(32 * 100vw / 750);
  }
}
