@charset "utf-8";
.stockist {
  padding-bottom: 100px;
}
.stockist__wrap {
  width: 600px;
}
.stockist__area {
  position: relative;
  margin-top: 90px;
}
.stockist__area:before {
  content: ' ';
  display: block;
  position: absolute;
  top: -45px;
  left: 0;
  width: 10px;
  height: 0;
  border-top: 1px solid #000;
}
.stockist__area:first-child {
  margin-top: 0;
}
.stockist__area:first-child:before {
  display: none;
}
.stockist__region {
  margin-bottom: 40px;
  font-family: 'Roboto', sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
}
.stockist__ttl {
  font-family: 'Roboto', sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
}
.stockist__list {
  margin-top: 34px;
}
.stockist__list:after {
  content: ' ';
  display: block;
  clear: both;
}
.stockist__item {
  margin-top: 22px;
}
.stockist__item:first-child {
  margin-top: 0;
}
.stockist__name,
.stockist__address,
.stockist__phone {
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
  line-height: 1.545454545454545;
  letter-spacing: 0.02em;
}
.stockist__name a,
.stockist__address a,
.stockist__phone a {
  text-decoration: underline;
  -webkit-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 240ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.stockist__name a:hover,
.stockist__address a:hover,
.stockist__phone a:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
@media screen and (max-width: 736px) {
  .stockist {
    padding-bottom: 26.666666666666668vw;
  }
  .stockist__wrap {
    width: auto;
  }
  .stockist__area {
    margin-top: 29.333333333333332vw;
  }
  .stockist__area:before {
    top: -14.666666666666666vw;
    width: 4vw;
  }
  .stockist__ttl {
    font-size: 3.733333333333333vw;
  }
  .stockist__list {
    margin-top: 10vw;
  }
  .stockist__item {
    margin-top: 8vw;
  }
  .stockist__name,
  .stockist__address,
  .stockist__phone {
    font-size: 3.066666666666666vw;
    line-height: 1.739130434782609;
  }
  .stockist__name a,
  .stockist__address a,
  .stockist__phone a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .stockist__name a:hover,
  .stockist__address a:hover,
  .stockist__phone a:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}