/* ===== 6分割グリッド =====
     通常カード: 2列分 = 3枚並び
     featured: 3列分 = 2枚並び
  ===== */
  #barcode-index{
    display:grid !important;
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
  }

  /* 通常カードは3枚並び */
  #barcode-index > .mts-card{
    grid-column:span 2;
  }

  /* SPだけ1列 */
  @media (max-width: 767px){
    #barcode-index{
      grid-template-columns:1fr !important;
    }
    #barcode-index > .mts-card{
      grid-column:auto;
    }
  }

  /* ===== カード本体 ===== */
  #barcode-index .mts-card{
    --mts-primary:#0b3a73;
    --mts-primary-2:#0a2f5e;
    --mts-bg:#ffffff;
    --mts-muted:#f3f6fa;
    --mts-border:#e6eaf0;
    --mts-text:#132033;
    --mts-sub:#516071;

    position:relative;
    display:grid !important;
    grid-template-columns:96px 1fr !important;
    gap:12px !important;
    padding:10px !important;
    background:var(--mts-bg) !important;
    border:1px solid var(--mts-border) !important;
    border-radius:12px !important;
    text-decoration:none !important;
    color:var(--mts-text) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
    min-width:0 !important;
  }
  #barcode-index .mts-card::before{
    content:"";
    position:absolute;
    left:0; top:0;
    width:4px; height:100%;
    background:var(--mts-primary);
    border-radius:12px 0 0 12px;
  }
  #barcode-index .mts-card:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 30px rgba(0,0,0,.10) !important;
    border-color:#d9e2ee !important;
  }

  /* ===== 画像 ===== */
  #barcode-index .mts-card__media{
    background:var(--mts-muted) !important;
    border-radius:10px !important;
    overflow:hidden !important;
    height:128px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
  }
  #barcode-index .mts-card__img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    display:block !important;
  }

  /* ===== テキスト ===== */
  #barcode-index .mts-card__content{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    min-width:0 !important;
    gap:4px !important;
  }
  #barcode-index .mts-card__kicker{
    font-weight:800 !important;
    font-size:14px !important;
    letter-spacing:.03em !important;
    color:var(--mts-primary) !important;
    margin:0 !important;
  }
  #barcode-index .mts-card__title{
    font-weight:900 !important;
    font-size:19px !important;
    line-height:1.2 !important;
    margin:0 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:1 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  #barcode-index .mts-card__desc{
    margin:0 !important;
    font-size:14px !important;
    line-height:1.34 !important;
    color:var(--mts-sub) !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    min-height: calc(14px * 1.34 * 2) !important;
  }

  /* ===== CTA ===== */
  #barcode-index .mts-card__cta{
    margin-top:6px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:9px 12px !important;
    border-radius:10px !important;
    background:var(--mts-primary) !important;
    color:#fff !important;
    font-weight:900 !important;
    font-size:14px !important;
    width:max-content !important;
  }
  #barcode-index .mts-card:hover .mts-card__cta{
    background:var(--mts-primary-2) !important;
  }
  #barcode-index .mts-card__icon{
    width:15px !important;
    height:15px !important;
  }

  /* ===== featured 2枚だけ2列並び ===== */
  #barcode-index .mts-card--featured{
    grid-column:span 3;
    grid-template-columns:125px 1fr !important;
  }

  #barcode-index .mts-card--featured .mts-card__media{
    width:125px !important;
    height:125px !important;
    aspect-ratio:1 / 1;
  }

  #barcode-index .mts-card--featured .mts-card__img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }

  @media (max-width: 640px){
    #barcode-index .mts-card{
      grid-template-columns:84px 1fr !important;
      gap:10px !important;
    }
    #barcode-index .mts-card__media{
      height:120px !important;
    }
    #barcode-index .mts-card__title{
      font-size:18px !important;
    }

    #barcode-index .mts-card--featured{
      grid-column:auto;
      grid-template-columns:84px 1fr !important;
    }
    #barcode-index .mts-card--featured .mts-card__media{
      width:auto !important;
      height:120px !important;
      aspect-ratio:auto;
    }
  }

 /* =========================================================
     barcode-products-combined.css
     /barcode/products/ 用 追記一式
     - 注目製品カード（4列）
     - 課題から探すカード
     - 基礎知識記事カード
     - 行間・均等割付・ボタン崩れ対策込み
     ========================================================= */

  .mts-barcode-pickup{
    margin:36px 0 20px;
  }
  .mts-barcode-pickup *,
  .mts-barcode-problem *{
    box-sizing:border-box;
  }

  .mts-barcode-pickup__block{
    margin:0 0 34px;
  }

  .mts-barcode-pickup__head,
  .mts-barcode-problem__head{
    margin:0 0 14px;
  }

  .mts-barcode-pickup__eyebrow,
  .mts-barcode-problem__eyebrow{
    margin:0 0 6px;
    color:#0b3a73 !important;
    font-weight:900 !important;
    font-size:13px !important;
    letter-spacing:.06em !important;
    text-align:left !important;
  }

  .mts-barcode-pickup__title,
  .mts-barcode-problem__title{
    margin:0 !important;
    color:#132033 !important;
    font-weight:900 !important;
    font-size:28px !important;
    line-height:1.18 !important;
    text-align:left !important;
    letter-spacing:0 !important;
  }

  .mts-barcode-pickup__desc,
  .mts-barcode-problem__desc{
    margin:8px 0 0 !important;
    color:#516071 !important;
    font-size:14px !important;
    line-height:1.7 !important;
    text-align:left !important;
    text-justify:auto !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
  }

  /* =========================================================
     1) 注目製品カード（4列）
     ========================================================= */

  .mts-barcode-pickup .mts-prod-grid4{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    column-gap:18px !important;
    row-gap:34px !important;
    align-items:stretch !important;
    padding-bottom:6px !important;
  }

  @media (max-width: 960px){
    .mts-barcode-pickup .mts-prod-grid4{
      grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width: 640px){
    .mts-barcode-pickup .mts-prod-grid4{
      grid-template-columns:1fr !important;
      row-gap:26px !important;
    }
  }

  .mts-barcode-pickup .mts-prod-card{
    --mts-primary:#0b3a73;
    --mts-primary-2:#0a2f5e;
    --mts-ink:#132033;
    --mts-sub:#516071;
    --mts-bg:#f3f6fa;
    --mts-border:#e6eaf0;
    --mts-shadow:0 14px 34px rgba(12,25,45,.12);
    --mts-shadow-hover:0 18px 40px rgba(12,25,45,.16);
    --card-min-h:560px;
    --cat-fs:12px;
    --cat-lh:1.2;
    --name-fs:21px;
    --name-lh:1.15;

    position:relative;
    min-height:var(--card-min-h);
    background:var(--mts-bg);
    border:1px solid #dbe3ee;
    border-radius:14px;
    padding:14px 14px 12px;
    box-shadow:var(--mts-shadow);
    display:flex;
    flex-direction:column;
    gap:10px;
    overflow:hidden;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .mts-barcode-pickup .mts-prod-card:hover{
    transform:translateY(-2px);
    box-shadow:var(--mts-shadow-hover);
    border-color:#cfd9e6;
  }
  .mts-barcode-pickup .mts-prod-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#0b3a73;
  }

  .mts-barcode-pickup .mts-prod-card__badge{
    position:absolute;
    left:12px;
    top:12px;
    z-index:2;
    font-weight:900 !important;
    font-size:12px !important;
    letter-spacing:.03em !important;
    padding:6px 10px !important;
    border-radius:8px !important;
    box-shadow:0 8px 18px rgba(12,25,45,.10);
    color:#fff !important;
    text-align:center !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }
  .mts-barcode-pickup .mts-prod-card__badge--handy{ background:#2453a6; }
  .mts-barcode-pickup .mts-prod-card__badge--dpm{ background:#0b3a73; }
  .mts-barcode-pickup .mts-prod-card__badge--fixed{ background:#2453a6; }
  .mts-barcode-pickup .mts-prod-card__badge--vision{ background:#1f6f5b; }

  .mts-barcode-pickup .mts-prod-card__head{
    box-sizing:border-box;
    padding-top:34px;
    padding-bottom:2px;
    height:146px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:6px;
    text-align:center;
  }

  .mts-barcode-pickup .mts-prod-card__cat{
    margin:0 !important;
    font-size:var(--cat-fs) !important;
    line-height:var(--cat-lh) !important;
    color:#0b3a73 !important;
    font-weight:800 !important;
    text-align:center !important;
    text-justify:auto !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    min-height:calc(var(--cat-fs) * var(--cat-lh) * 2);
  }

  .mts-barcode-pickup .mts-prod-card__name{
    margin:0 !important;
    font-size:var(--name-fs) !important;
    line-height:var(--name-lh) !important;
    color:#132033 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-justify:auto !important;
    word-spacing:0 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    min-height:calc(var(--name-fs) * var(--name-lh) * 2);
  }

  .mts-barcode-pickup .mts-prod-card__media{
    background:#fff;
    border:1px solid #e6eaf0;
    border-radius:12px;
    padding:10px;
    height:230px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .mts-barcode-pickup .mts-prod-card__img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    display:block;
  }

  .mts-barcode-pickup .mts-prod-card__cta,
  .mts-barcode-pickup .mts-prod-card__cta:link,
  .mts-barcode-pickup .mts-prod-card__cta:visited{
    margin-top:2px;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    text-decoration:none !important;
    background:linear-gradient(180deg, #0b3a73 0%, #0a2f5e 100%) !important;
    background-color:#0b3a73 !important;
    color:#fff !important;
    border-radius:999px !important;
    padding:12px 14px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    line-height:1.2 !important;
    box-shadow:0 10px 20px rgba(11,58,115,.18) !important;
    border:none !important;
  }
  .mts-barcode-pickup .mts-prod-card__cta:hover{
    filter:brightness(1.03);
  }
  .mts-barcode-pickup .mts-prod-card__cta span{
    color:inherit !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
  }
  .mts-barcode-pickup .mts-prod-card__ctaIcon{
    width:22px !important;
    height:22px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.18) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    line-height:1 !important;
    color:#fff !important;
    flex:0 0 22px !important;
  }

  .mts-barcode-pickup .mts-prod-card__points{
    margin:0 !important;
    padding:0 2px 0 18px !important;
    color:#516071 !important;
    text-align:left !important;
    text-justify:auto !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
    display:block !important;
  }
  .mts-barcode-pickup .mts-prod-card__points,
  .mts-barcode-pickup .mts-prod-card__points li{
    font-size:12px !important;
    line-height:1.5 !important;
  }
  .mts-barcode-pickup .mts-prod-card__points li{
    margin:0 0 6px !important;
    text-align:left !important;
    letter-spacing:0 !important;
  }

  .mts-barcode-pickup .mts-prod-card__chips{
    margin-top:auto;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    padding-top:4px;
  }
  .mts-barcode-pickup .mts-chip{
    font-size:12px !important;
    font-weight:900 !important;
    color:#132033 !important;
    background:#e9edf3 !important;
    border:1px solid #dde4ee !important;
    border-radius:6px !important;
    padding:4px 8px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    letter-spacing:0 !important;
    text-align:left !important;
  }

  /* =========================================================
     2) 課題から探すカード
     ========================================================= */

  .mts-barcode-problem{
    margin:24px 0 38px;
  }

  .mts-problem-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
    align-items:stretch;
  }
  @media (max-width: 960px){
    .mts-problem-grid{
      grid-template-columns:1fr;
    }
  }

  .mts-problem-card{
    --mts-primary:#0b3a73;
    --mts-primary-2:#0a2f5e;
    --mts-bg:#ffffff;
    --mts-border:#e6eaf0;
    --mts-text:#132033;
    --mts-sub:#516071;

    position:relative;
    min-height:262px;
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:18px 18px 16px;
    background:var(--mts-bg);
    border:1px solid var(--mts-border);
    border-radius:14px;
    color:var(--mts-text);
    box-shadow:0 12px 28px rgba(0,0,0,.08);
    overflow:hidden;
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .mts-problem-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#0b3a73;
  }
  .mts-problem-card:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(0,0,0,.11);
    border-color:#d7e0eb;
  }

  .mts-problem-card__top{
    display:grid;
    grid-template-columns:68px 1fr;
    gap:14px;
    align-items:flex-start;
  }

  .mts-problem-card__iconWrap{
    display:flex;
    align-items:center;
    justify-content:center;
    width:68px;
    height:68px;
    border-radius:16px;
    background:linear-gradient(180deg, #eaf1fb 0%, #dfe9f7 100%);
    border:1px solid #d8e2f0;
  }
  .mts-problem-card__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:999px;
    background:#0b3a73;
    color:#fff !important;
    font-weight:900 !important;
    font-size:13px !important;
    letter-spacing:.04em !important;
    text-transform:uppercase;
    box-shadow:0 8px 18px rgba(11,58,115,.18);
    white-space:nowrap !important;
  }
  .mts-problem-card__icon--vision{
    background:#1f6f5b;
  }
  .mts-problem-card__icon--env{
    background:#7a4d12;
  }

  .mts-problem-card__kicker{
    margin:0 0 4px !important;
    color:#0b3a73 !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    text-justify:auto !important;
    word-spacing:0 !important;
    word-break:normal !important;
    white-space:normal !important;
  }
  .mts-problem-card__title{
    margin:0 !important;
    color:#132033 !important;
    font-size:22px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    text-align:left !important;
    text-justify:auto !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
    font-feature-settings:"palt" 0 !important;
    font-kerning:none !important;
  }
  .mts-problem-card__text{
    margin:0 !important;
    color:#516071 !important;
    font-size:14px !important;
    line-height:1.75 !important;
    text-align:left !important;
    text-justify:auto !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
    font-feature-settings:"palt" 0 !important;
    font-kerning:none !important;
  }

  .mts-problem-card__chips{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:2px;
  }
  .mts-problem-chip{
    font-size:12px !important;
    font-weight:900 !important;
    color:#132033 !important;
    background:#e9edf3 !important;
    border:1px solid #dde4ee !important;
    border-radius:6px !important;
    padding:4px 8px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    letter-spacing:0 !important;
    text-align:left !important;
  }

  .mts-problem-card__actions{
    margin-top:auto;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding-top:4px;
  }

  .mts-problem-card__cta,
  .mts-problem-card__cta:link,
  .mts-problem-card__cta:visited{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:46px !important;
    padding:11px 14px !important;
    border-radius:999px !important;
    text-decoration:none !important;
    background:linear-gradient(180deg, #0b3a73 0%, #0a2f5e 100%) !important;
    background-color:#0b3a73 !important;
    color:#fff !important;
    border:none !important;
    font-weight:900 !important;
    font-size:14px !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    box-shadow:0 10px 20px rgba(11,58,115,.16) !important;
    text-align:center !important;
  }
  .mts-problem-card__cta:hover{
    filter:brightness(1.03);
  }
  .mts-problem-card__cta span{
    color:inherit !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }
  .mts-problem-card__ctaIcon{
    width:22px !important;
    height:22px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.18) !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    line-height:1 !important;
    flex:0 0 22px !important;
  }

  .mts-problem-card__cta--sub,
  .mts-problem-card__cta--sub:link,
  .mts-problem-card__cta--sub:visited{
    background:#eef3f9 !important;
    background-color:#eef3f9 !important;
    color:#0b3a73 !important;
    border:1px solid #dbe5f1 !important;
    box-shadow:none !important;
  }
  .mts-problem-card__cta--sub span{
    color:#0b3a73 !important;
  }
  .mts-problem-card__cta--sub .mts-problem-card__ctaIcon{
    background:rgba(11,58,115,.08) !important;
    color:#0b3a73 !important;
  }

  /* =========================================================
     3) 基礎知識記事カード
     ========================================================= */

  .mts-barcode-pickup .mts-card-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
    align-items:stretch;
  }
  @media (max-width: 960px){
    .mts-barcode-pickup .mts-card-grid{
      grid-template-columns:1fr;
    }
  }

  .mts-barcode-pickup .mts-card{
    position:relative;
    display:grid;
    grid-template-columns:96px 1fr;
    gap:12px;
    padding:10px;
    background:#fff;
    border:1px solid #e6eaf0;
    border-radius:12px;
    text-decoration:none !important;
    color:#132033 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.08);
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .mts-barcode-pickup .mts-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    background:#0b3a73;
    border-radius:12px 0 0 12px;
  }
  .mts-barcode-pickup .mts-card:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 30px rgba(0,0,0,.10);
    border-color:#d9e2ee;
  }
  .mts-barcode-pickup .mts-card:focus-visible{
    outline:3px solid rgba(11,58,115,.25);
    outline-offset:3px;
  }

  .mts-barcode-pickup .mts-card__media{
    background:#f3f6fa;
    border-radius:10px;
    overflow:hidden;
    height:128px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .mts-barcode-pickup .mts-card__symbol{
    width:58px;
    height:58px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#0b3a73;
    color:#fff !important;
    font-size:20px !important;
    font-weight:900 !important;
    letter-spacing:.04em !important;
    box-shadow:0 8px 20px rgba(11,58,115,.18);
  }

  .mts-barcode-pickup .mts-card__content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    gap:4px;
  }
  .mts-barcode-pickup .mts-card__kicker{
    font-weight:800 !important;
    font-size:14px !important;
    letter-spacing:0 !important;
    color:#0b3a73 !important;
    margin:0 !important;
    text-align:left !important;
  }
  .mts-barcode-pickup .mts-card__title{
    font-weight:900 !important;
    font-size:19px !important;
    line-height:1.28 !important;
    margin:0 !important;
    text-align:left !important;
    text-justify:auto !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-feature-settings:"palt" 0 !important;
    font-kerning:none !important;
  }
  .mts-barcode-pickup .mts-card__desc{
    margin:0 !important;
    font-size:14px !important;
    line-height:1.55 !important;
    color:#516071 !important;
    text-align:left !important;
    text-justify:auto !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:calc(14px * 1.55 * 2);
    font-feature-settings:"palt" 0 !important;
    font-kerning:none !important;
  }

  .mts-barcode-pickup .mts-card__cta,
  .mts-barcode-pickup .mts-card__cta:link,
  .mts-barcode-pickup .mts-card__cta:visited{
    margin-top:6px;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:9px 12px !important;
    border-radius:10px !important;
    background:#0b3a73 !important;
    color:#fff !important;
    font-weight:900 !important;
    font-size:14px !important;
    line-height:1.2 !important;
    width:max-content;
    text-decoration:none !important;
    border:none !important;
    letter-spacing:0 !important;
  }
  .mts-barcode-pickup .mts-card:hover .mts-card__cta{
    background:#0a2f5e !important;
  }

  /* =========================================================
     共通：テーマの均等割り付け等を無効化
     ========================================================= */

  .mts-barcode-pickup a,
  .mts-barcode-problem a{
    text-decoration:none !important;
  }

  .mts-barcode-pickup p,
  .mts-barcode-pickup h2,
  .mts-barcode-pickup h3,
  .mts-barcode-pickup li,
  .mts-barcode-problem p,
  .mts-barcode-problem h2,
  .mts-barcode-problem h3,
  .mts-barcode-problem li,
  .mts-barcode-problem a{
    text-align:left !important;
    text-justify:auto !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
  }

  /* =========================================================
     Responsive
     ========================================================= */

  @media (max-width: 640px){
    .mts-barcode-pickup .mts-prod-card{
      --card-min-h:520px;
      --name-fs:21px;
    }
    .mts-barcode-pickup .mts-prod-card__head{
      height:134px;
      padding-top:36px;
    }
    .mts-barcode-pickup .mts-prod-card__media{
      height:210px;
    }

    .mts-barcode-pickup__title,
    .mts-barcode-problem__title{
      font-size:24px !important;
    }

    .mts-problem-card{
      min-height:auto;
      padding:16px 16px 14px;
    }
    .mts-problem-card__top{
      grid-template-columns:58px 1fr;
      gap:12px;
    }
    .mts-problem-card__iconWrap{
      width:58px;
      height:58px;
      border-radius:14px;
    }
    .mts-problem-card__icon{
      width:38px;
      height:38px;
      font-size:12px !important;
    }
    .mts-problem-card__title{
      font-size:20px !important;
    }
    .mts-problem-card__actions{
      flex-direction:column;
    }
    .mts-problem-card__cta{
      width:100%;
    }

    .mts-barcode-pickup .mts-card{
      grid-template-columns:84px 1fr;
      gap:10px;
    }
    .mts-barcode-pickup .mts-card__media{
      height:120px;
    }
    .mts-barcode-pickup .mts-card__title{
      font-size:18px !important;
    }
  }