.icon-01,
.icon-02,
.icon-03,
.icon-04,
.icon-05 {
  display: inline-flex;
  align-items: center;
}

.icon-01:before,
.icon-02:before,
.icon-03:before,
.icon-04:before,
.icon-05:before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  transform: translateY(1px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.icon-01:before {
  background-image: url(/contents/shoplist/img/icon_01.svg);
}

.icon-02:before {
  background-image: url(/contents/shoplist/img/icon_02.svg);
}

.icon-03:before {
  background-image: url(/contents/shoplist/img/icon_03.svg);
}

.icon-04:before {
  background-image: url(/contents/shoplist/img/icon_04.svg);
}

.icon-05:before {
  background-image: url(/contents/shoplist/img/icon_05.svg);
  transform: translateY(0);
}

.store-info {
  max-width: 120px;
  width: 100%;
}

.store-anchor-nav-section {
  padding-top: 0;
}

.rur-accordion > .rur-display-flex.rur-flex-wrap-wrap.rur-gap-md {
  align-items: flex-start;
}

/* Avoid double-thick borders between stacked accordions. */
.rur-layout-main .rur-display-flex.rur-flex-direction-column > .rur-accordion {
  border-top: none;
}

.rur-layout-main .rur-display-flex.rur-flex-direction-column > .rur-accordion:first-of-type {
  border-top: var(--rur-border-width-default) var(--rur-color-border-primary) solid;
}

.js-accordion-btn {
  -webkit-appearance: none;
  appearance: none;
  align-items: center;
  background-color: transparent;
  border: 0;
  display: inline-flex;
  gap: 4px;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

.js-accordion-btn:active,
.js-accordion-btn:focus,
.js-accordion-btn:focus-visible {
  background-color: transparent;
  outline: none;
  box-shadow: none;
}

.js-accordion-btn::before {
  background-image: url(/contents/shoplist/img/arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  height: 20px;
  transition: none;
  width: 20px;
}

.js-accordion-btn.is-open::before {
  transform: rotate(180deg);
}

.store-detail-panel {
  display: none;
}

.store-detail-panel > .rur-display-flex {
  align-items: flex-start;
}

.store-detail-panel > .rur-display-flex > dd {
  flex: 1 1 0%;
  min-width: 0;
}

.store-detail-panel.is-open {
  display: flex;
}

.rur-layout-main .rur-button-primary-blue-sm {
  background-color: #196097;
  border-color: #196097;
}

.rur-layout-main .rur-button-primary-blue-sm:hover.rur-button-primary-blue-sm:not([disabled]),
.rur-layout-main .rur-button-primary-blue-sm:active.rur-button-primary-blue-sm:not([disabled]),
.rur-layout-main .rur-button-primary-blue-sm:focus-visible {
  background-color: #174c71;
  border-color: #174c71;
}

.rur-layout-main a.rur-button-primary-blue-sm {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.rur-layout-main .rur-text-link-md,
.rur-layout-main .rur-text-link-md:link,
.rur-layout-main .rur-text-link-md:visited,
.rur-layout-main .rur-text-link-md:active,
.rur-layout-main .rur-text-link-md:focus-visible,
.rur-layout-main .rur-anchor-link,
.rur-layout-main .rur-anchor-link:link,
.rur-layout-main .rur-anchor-link:visited,
.rur-layout-main .rur-anchor-link:active,
.rur-layout-main .rur-anchor-link:focus-visible {
  color: #196097;
}

.rur-layout-main .rur-text-link-md:hover,
.rur-layout-main .rur-anchor-link:hover {
  color: #174c71;
}

.rur-layout-main .rur-anchor-link::after {
  background-color: #196097;
}

.rur-layout-main .rur-anchor-link:hover::after {
  background-color: #174c71;
}

.rur-layout-main .store-url-link,
.rur-layout-main .store-url-link:link,
.rur-layout-main .store-url-link:visited {
  display: inline;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.rur-layout-main .store-url-link svg {
  display: inline-block;
  margin-left: 4px;
  vertical-align: text-bottom;
}

.rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link),
.rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link):link,
.rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link):visited {
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  position: relative;
  top: -3px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link) svg {
  display: inline-block;
  margin-left: 4px;
  vertical-align: baseline;
  position: relative;
  top: 3px;
}

.rur-anchor-link{
  background-color: var(--rur-color-white) !important; 
}

.store-width {
  width: 32.7%;
}

.store-width-960 {
  max-width: var(--rur-sizing-960);
  margin: 0 auto;
  width: 100%;
}
.width864 {
  max-width: 864px;
  margin: 0 auto;
  width: 100%;
}

.store-width-half {
  width: 48.9%;
}

@media (max-width: 819px) {
    .rur-layout-page-header .rur-text-ja-secondary-sm {
      font-size: var(--rur-typography-ja-text-md-font-size, 14px);
    }
    .store-width {
        width: 48%;
    }
    .store-width-half {
        width: 100%;
    }
    .rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link),
    .rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link):link,
    .rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link):visited {
      display: inline;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      position: relative;
      top: -5px;
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    .rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link) svg {
      display: inline-block;
      margin-left: 4px;
      vertical-align: baseline;
      position: relative;
      top: 5px;
    }
}

@media (max-width: 389px) {
    .rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link).is-wrapped,
    .rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link).is-wrapped:link,
    .rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link).is-wrapped:visited {
      top: 0;
    }

    .rur-layout-main .store-detail-panel a.rur-text-link-md:not(.store-url-link).is-wrapped svg {
      top: 0;
      vertical-align: text-bottom;
    }
}

@media (min-width: 820px) and (max-width: 900px) {
    .store-width-half {
        width: 48.7%;
    }
}

@media (min-width: 1980px) {
    .rur-layout-container {
        max-width: 1400px !important;
    }
    .store-width-half {
        width: 32.5%;
    }

}