/**
 * Archive CSS: 店舗一覧
 *
 * @package noras theme
 * @author shirako
 * @link https://norasinc.jp
 */

/* ========================================
   店舗一覧アーカイブページ
   ======================================== */

.ly_archiveShop {
  padding: var(--section-padding-block) var(--section-padding-inline) var(--section-padding-bottom);
  background-color: var(--color-white);
}

.bl_archiveShop_inner {
  max-width: var(--max-width-content);
  margin-inline: auto;

}

.ly_archiveShop .bl_shopList_tabs {
  display: flex;
}

.bl_shopList_tab {
  width: 100%;
  background-color: var(--color-cream-dark);
}

.ly_archiveShop .bl_shopList_panelWrap {
  background-color: var(--color-gold);
  padding-inline: 16px;
  padding-block: 20px 48px;
  border-radius: 0 0 16px 16px;
}

.ly_archiveShop .bl_shopCard_body {
  background-color: var(--color-cream);
}

.ly_archiveShop .bl_shopCard_actions {
  background-color: #fff;
  border-radius: 12px;
}

.bl_shopCard_btns {
  max-width: unset;
}

.bl_shopCard_address {
  margin-bottom: 16px;
}

/* ========================================
   タブレット (768px以上)
   ======================================== */

@media screen and (min-width: 768px) {
  .ly_archiveShop {
    padding-inline: var(--space-2xl);
  }

  .bl_archiveShop_inner {
    padding-inline: 20px;
  }

  .ly_archiveShop .bl_shopList_panelWrap {
    padding-inline: 20px;
    padding-block: 48px 80px;
    border-radius: 0 0 40px 40px;
  }
}

/* ========================================
   PC (1024px以上)
   ======================================== */

@media screen and (min-width: 1024px) {
  .bl_archiveShop_inner {
    padding-inline: 40px;
  }

  .ly_archiveShop {
    padding-block: var(--section-padding-block) var(--section-padding-bottom);
    padding-inline: var(--space-3xl);
  }
}