hr {
  margin: 1.6rem 0;
  opacity: .1;
}

footer {
  font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 68px !important;

}

footer.py-4 {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}

footer p {
  margin-bottom: 1.6rem;
}

footer p.mt-3 {
  margin-top: 1.6rem !important;
}

footer p.mb-2 {
  margin-bottom: 0.8rem !important;
}

footer .inx-text-s {
  font-size: 1.28rem;
}

footer .inx-text-exs {
  font-size: 0.96rem;
}

footer .inx-text-bold {
  font-weight: 700;
}

footer .inx-footer-shop-box dl {
  padding-left: 0;
}

@media (min-width: 576px) {
  footer .inx-footer-shop-box dl {
    border-left: none;
  }
}

@media (max-width: 575.98px) {
  footer .inx-footer-shop-box dl {
    border-top: none;
  }
  footer .inx-footer-shop-box:last-of-type dl {
    border-bottom: none;
  }
}

footer .inx-footer-shop-box dt {
  line-height: 1.5;
}

footer .inx-footer-shop-box dd {
  line-height: 1.8em;
}

footer .inx-footer-shop-box dd.inx-text-bold {
  font-weight: 700;
}

footer .inx-footer-shop-box dd a.inx-icon-map {
  padding-left: 0;
}

footer .inx-footer-shop-box dd a.inx-icon-map::before {
  position: static;
}

@media (min-width:768px) {
  footer .inx-footer-shop-box {
    border-left: 2px #333 solid;
  }
}
@media (max-width:575.98px) {
  footer .inx-footer-shop-box {
    border-top: 2px #333 solid;;
    padding-top: 1rem;
  }

  footer .inx-footer-shop-box:last-of-type {
    border-bottom: 2px #333 solid;;
    padding-bottom: 1rem;
  }
}

footer .inx-footer-info-ul {
  padding: 0.32rem;
}

.btn_area {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  z-index: 100;
  align-items: stretch;
}

.btn_area > div {
  width: 33.3333333%;
  display: flex;
  align-items: center;
}

.btn_area .coupon {
  background-color: #2FB6AA;
}

.btn_area .contact {
  background-color: #E60012;
}

.btn_area .line {
  background-color: #00B900;
}

.btn_area .insta {
  background: url("../img/common/btn_insta.png") no-repeat center center;
  background-size: 100%;
  background-color: #AD338D;
  min-height: 60px;
}

.btn_area > div > a {
  font-weight: bold;
  padding: 5px 0;
  display: block;
  width: 100%;
  text-align: center;
  color: #FFF;
  text-decoration: none;
}

.btn_area > div > a:hover {
  opacity: 1;
}

.btn_area > div > a > img {
  width: 100%;
}

.btn_area > div.coupon > a > img {
  width: 70%;
  max-width: 90px;
}

.btn_area > div.line {
  display: none;
}

.btn_area .insta > a {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

@media screen and (max-width: 568px) {
  .btn_area .coupon {
    background-color: #EA6176;
  }

  .btn_area > div.line {
    display: block;
  }

  .btn_area > div.contact {
    display: none;
  }

  .btn_area > div > a > img {
    width: 50%;
    max-width: 60px;
  }
  .btn_area .insta {
    background: url("../img/common/icon_instagram.png") no-repeat center center;
    background-size: 65px;
    background-color: #AD338D;
  }
}

.icon-renewal {
  position: absolute;
  display: inline-block;
  width: 80px;
  height: 30px;
  background-image: url(../img/common/icon-renewal.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -35px;
  left: 0;
  top: -5px;
  left: 70px;
}

.inx-pegetop {
  bottom: 100px;
}

.bg-blue {
  background-color: #00A8E6;
}

.bg-pink {
  background-color: #F03973;
}