@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700;900&display=swap";
@import"https://use.typekit.net/evb4tml.css";
html {
  overflow-y: auto;
  width: 100%;
  height: 100%
}
* {
  min-height: 0;
  min-width: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box !important;
  padding: 0;
  scroll-behavior: smooth
}
img {
  max-width: 100%;
  height: auto
}
button {
  border: 0;
  background: none
}
button:hover {
  opacity: .8
}
body, header, main, footer, section, div, nav, p, a, h1, h2, h3, h4, ul, ol, li, form, input, span {
  padding: 0;
  margin: 0;
  border: none;
  list-style: none !important;
  list-style-type: none !important;
  text-decoration: none
}
body {
  width: 100%;
  writing-mode: horizontal-tb !important;
  -ms-writing-mode: lr-tb !important;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 400;
  box-sizing: border-box;
  color: #000
}
h1.page__title.text-center, .sp {
  display: none !important
}
.pc {
  display: block
}
section#shop {
  width: 100%;
  margin: 5% auto 10%;
  padding-bottom: 10%;
  text-align: center;
  font-size: 15px
}
#shop h1 {
  font-size: 16px;
  font-weight: 400
}
#shop h2 {
  font-size: 18px;
  font-weight: 400;
  width: 85%;
  max-width: 1000px;
  margin: 7em auto 2em;
  position: relative;
  letter-spacing: .05em;
  padding-bottom: .6em;
  border-bottom: 1px solid #000
}
#shop #select {
  display: flex;
  justify-content: center;
  margin: 2em auto
}
#shop #select > div {
  box-sizing: border-box;
  border-right: 1px solid #000
}
#shop #select > div a {
  display: block;
  padding: 0 3em
}
#shop #select > div:nth-last-of-type(1) {
  border-right: 0px solid #000
}
#shop .area {
  width: 100%;
  max-width: 1000px;
  margin: 7em auto 2em
}
#shop .area .address {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 80% !important;
  max-width: 900px;
  margin: 2em auto
}
#shop .address > div {
  text-align: left;
  line-height: 1.8em
}
#shop .address > div span {
  display: block
}
#shop .address > div:nth-of-type(1) {
  width: 33%;
  box-sizing: border-box;
  padding-right: 1em
}
#shop .address > div:nth-of-type(2) {
  width: 3em
}
#shop .address > div:nth-of-type(3) {
  width: calc(38% - 3em);
  box-sizing: border-box;
  padding-right: 1em
}
#shop .address > div:nth-of-type(4) {
  width: 7em;
  box-sizing: border-box;
  padding-right: 1em
}
#shop .address > div:nth-of-type(5) {
  width: calc(25% - 5em)
}
@media screen and (max-width:999px) {
  #shop .address {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 80% !important;
    max-width: 900px;
    margin: 3em auto !important
  }
  #shop .address > div {
    line-height: 1.8em;
    text-align: left
  }
  #shop .address > div:nth-of-type(1) {
    width: 100%
  }
  #shop .address > div:nth-of-type(2) {
    width: 3em
  }
  #shop .address > div:nth-of-type(3) {
    width: calc(70% - 3em);
    box-sizing: border-box;
    padding-right: 1em
  }
  #shop .address > div:nth-of-type(4) {
    width: 7em
  }
  #shop .address > div:nth-of-type(5) {
    width: calc(30% - 5em);
    text-align: left
  }
}
@media screen and (max-width:864px) {
  #shop #select > div a {
    display: block;
    padding: 0 2.5em
  }
}
@media screen and (max-width:768px) {
  .sp {
    display: block !important
  }
  .pc {
    display: none !important
  }
  section#shop {
    font-size: 2.6vw !important
  }
  #shop #select > div a {
    display: block;
    padding: 0 2em
  }
  #shop .address {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 80%;
    max-width: 900px;
    margin: 3em auto
  }
  #shop .address > div {
    line-height: 1.8em;
    text-align: left
  }
  #shop .address > div:nth-of-type(1) {
    width: 100%
  }
  #shop .address > div:nth-of-type(2) {
    width: 3em
  }
  #shop .address > div:nth-of-type(3) {
    width: calc(100% - 3em);
    box-sizing: border-box;
    padding-right: 0
  }
  #shop .address > div:nth-of-type(4) {
    width: 7em
  }
  #shop .address > div:nth-of-type(5) {
    width: calc(100% - 5em);
    text-align: left
  }
}
/*# sourceMappingURL=/s/files/1/0789/3368/8612/files/shop.css.map?v=1693819415 */