@charset "UTF-8";

/* ============================================================
   編集ガイド（このファイルを触る前に読む）
   ------------------------------------------------------------
   1. ベースCSS(_assets/css/...)は直接編集しない。必ず当ファイルで上書きする。
      ※ _assets は全ブランド共通。編集すると他ブランドに波及する。

   2. 「上書きが効かない」ときは !important を足す前に読み込み順を疑う。
      当ファイルは header.jsp の <head> で読まれる。一方、下記のベースCSSは
      ページ本文内(JSP)で読まれるため当ファイルより後読みになり、
      同じ詳細度だとベース側が勝つ。
        - catalogList_template.css     … elm_catalogList_template.jsp / elm_view-history.jsp
        - view-history.css             … elm_view-history.jsp
        - smp-content-coordinate.css   … coordinate/detail.jsp ほか
      この場合の定石は .site_underarmour を2回書いて詳細度を1つ上げること。
        例) [data-icon-layout="overlay"].site_underarmour.site_underarmour .catalogList ...
      :not() や :has() は詳細度を上げない（中身が * や要素のときは 0）ので注意。

   3. !important はベース側が !important のとき、または UIkit / Swiper /
      ブラウザ既定など CSS 以外の要因を打ち消すときだけ使う。
      使うときは「何に勝つための !important か」をコメントに残す。

   4. 面を増やすときはセレクタを既存のグループへ足す。同じ宣言を別ブロックに
      書き足すと打ち消し合いになり、どれが効いているか追えなくなる。
   ============================================================ */

/* ============================================================
   0. UAブランドフォント (@font-face)
   ※TTF直参照。url は本CSS(common/css/sp/)からの相対 = common/font/
   ============================================================ */
@font-face {
  font-family: "UAText";
  src: url("../../font/UAText-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* UATextはascentが極端に大きく文字が下がるため、Noto Sans JP相当のメトリクスへ正規化 */
  ascent-override: 116%;
  descent-override: 28.8%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "UAText";
  src: url("../../font/UAText-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  ascent-override: 116%;
  descent-override: 28.8%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "UAText";
  src: url("../../font/UAText-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
  ascent-override: 116%;
  descent-override: 28.8%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "UAText";
  src: url("../../font/UAText-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
  ascent-override: 116%;
  descent-override: 28.8%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "UACommand";
  src: url("../../font/UA-UACommand.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "UAControl";
  src: url("../../font/UA-UAControl.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "UADefy";
  src: url("../../font/UA-UADefy.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "UADemand";
  src: url("../../font/UA-UADemand.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "UADisrupt";
  src: url("../../font/UA-UADisrupt.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "UATechnical";
  src: url("../../font/UATechnical-DemiMono.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "UAReact";
  src: url("../../font/UA%20React.ttf") format("truetype");
  font-display: swap;
}

/* ============================================================
   1. 基本設定
   ============================================================ */
:root {
  /* ブランド色 */
  --ua-black: #1d1d1d;
  --ua-white: #fff;
  --ua-accent: #e51b24;
  --ua-red: #DC0019;
  --ua-alert: #a6192e;
  /* グレー系 */
  --ua-dark-gray: #333;
  --ua-mid-gray: #555;
  --ua-text-gray: #5f5f5f;
  --ua-gray-light: #aaa;
  --ua-light-gray: #ccc;
  --ua-bg-light-gray: #f0f0f0;
}

body {
  font-family: 'UAText', 'Noto Sans JP', sans-serif !important;
  text-underline-offset: 3px;
  color: var(--ua-black);
}
html {
  scroll-padding-top: 80px;
}
/* #headerInformation（api-headerInfo.js が出す全サイト共通のお知らせ。情報セキュリティ体制の告知など）は表示する */
/* コンテンツ本文の文字色 */
#usage_guide,
#terms {
  color: var(--ua-text-gray) !important;
}
/* パンくず：1行で横スクロール（折り返さない） */
.breadcrumbs ul {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
}
.breadcrumbs ul::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}
.breadcrumbs ul li {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
}
/* コーデ詳細：_assets/smp-content-coordinate.css の #contents_ver4 .breadcrumbs li{display:none} を
   打ち消し、他ページと同じ1行スクロールに揃える（詳細度 1,2,1 > 1,1,1） */
.site_underarmour #contents_ver4 .breadcrumbs ul {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.site_underarmour #contents_ver4 .breadcrumbs ul::-webkit-scrollbar {
  display: none;
}
.site_underarmour #contents_ver4 .breadcrumbs li {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  white-space: nowrap;
}
/* 先頭(TOP)の前の「>」を消す（_assets/smp-content-coordinate.css の .breadcrumbs li:before{content:'>'} 由来） */
.site_underarmour .breadcrumbs li:first-child::before {
  content: none !important;
  display: none !important;
}
/* コーデ詳細: UAはJSP側が区切りを <i class="ph ph-caret-right"> で出すため base の '>' と二重になる。
   アイコンを持つ li だけ :before を消す（アイコンを出さないコーデ一覧では base の '>' が必要なので残す） */
.site_underarmour .breadcrumbs li:has(> .ph-caret-right)::before {
  content: none !important;
  display: none !important;
}

/* 利用規約 olの番号を非表示・ぶら下がりインデント */
#terms .memberagree-1 ol {
  list-style: none;
  padding-left: 0;
}
#terms .malist1 ol > li {
  padding-left: 1em;
  text-indent: -1em;
}
#terms .malist2 ol > li {
  padding-left: 3em;
  text-indent: -3em;
}
#terms .malist1 ol > li > ol > li {
  padding-left: 3em;
  text-indent: -3em;
}

/* 利用規約 条文見出し */
#terms .memberagree-1 h2 {
  color: var(--ua-black) !important;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;
}
#terms h3 {
  color: var(--ua-black) !important;
}
#terms .static_contents_title {
  color: var(--ua-black) !important;
}
.lc-slideMenu .point-expiry {
  font-size: 12px;
}
.static_contents_title {
  font-size: 20px;
  letter-spacing: normal;
  padding: 40px 0;
  font-weight: bold;
}

/* ============================================================
   2. SP お知らせスライダー
   ============================================================ */
.ua-sp-notice-bar {
  background-color: #333;
  padding: 8px 12px;
}
.ua-sp-notice-bar .top-utility-bar__notice {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ua-sp-notice-bar.is-ready .top-utility-bar__notice {
  opacity: 1;
}
.ua-sp-notice-bar .top-utility-bar__notice-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #999;
  font-size: 14px;
  background: none;
  border: none;
  padding: 0;
  flex-shrink: 0;
}
.ua-sp-notice-bar .top-utility-bar__notice-arrow:hover {
  color: var(--ua-white);
}
.ua-sp-notice-bar .top-utility-bar__notice-slider {
  overflow: hidden;
  position: relative;
  height: 20px;
  flex: 1 1 0;
  min-width: 0;
}
.ua-sp-notice-bar .top-utility-bar__notice-track {
  display: flex;
  transition: transform 0.3s ease;
}
.ua-sp-notice-bar .top-utility-bar__notice-item {
  flex: 0 0 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  color: #eaeaea;
  font-size: 12px;
  line-height: 20px;
}
.ua-sp-notice-bar .top-utility-bar__notice-item a {
  color: #eaeaea;
  transition: color 0.2s;
  /* text-decoration: underline;
  text-underline-offset: 5px; */
}
.ua-sp-notice-bar .top-utility-bar__notice-item a:hover {
  color: var(--ua-white);
  text-decoration: none;
}

/* ============================================================
   3. SP ヘッダーバー
   ============================================================ */
.ua-sp-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: var(--ua-black);
  width: 100%;
  height: 56px;
  padding: 0;
}
.ua-sp-header__inner {
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 12px;
  gap: 12px;
}

/* ハンバーガーボタン */
#lc-slideMenuOpen,
.lc-header__menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  color: var(--ua-white);
  font-size: 20px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  flex-shrink: 0;
  padding: 0;
}
.ua-sp-header .lc-header__menu-btn {
  position: relative;
}
.ua-sp-header .lc-header__menu-btn .iconNotification {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

/* ロゴ */
.ua-sp-header__logo {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.ua-sp-header__logo a {
  display: flex;
  align-items: center;
}
.ua-sp-header__logo img {
  height: 20px;
  width: auto;
  display: inline-block;
}
.ua-sp-header__logo-text {
  font-family: 'UAText', sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: var(--ua-white);
  letter-spacing: normal;
}

/* 検索バー */
.ua-sp-header__search-wrap {
  width: 100%;
}
.ua-sp-header__search {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 10px;
  margin: 0 auto;
  min-width: 0;
  cursor: pointer;
  border-radius: 16px;
  background: var(--ua-white);
  max-width: 150px;
}
.ua-sp-header__search input.ua-sp-header__search-input {
  flex: 1;
  background: transparent;
  border: none !important;
  outline: none;
  color: var(--ua-gray-light);
  font-size: 13px !important;
  padding: 0;
  min-width: 0;
  -webkit-appearance: none;
  appearance: none;
  pointer-events: none;
  box-shadow: none !important;
  height: auto;
}
.ua-sp-header__search-input::placeholder {
  color: #888;
}
.ua-sp-header__search-icon {
  color: var(--ua-gray-light);
  font-size: 14px;
  flex-shrink: 0;
}

/* アイコンボタン（ユーザー・カート） */
.ua-sp-header__icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--ua-white);
  font-size: 18px;
  text-decoration: none;
  flex-shrink: 0;
}
.ua-sp-header__user {
  margin-left: auto;
}
.ua-sp-header__cart {
  position: relative;
}
.ua-sp-header__cart-badge {
  position: absolute;
  top: 0;
  right: -2px;
  min-width: 16px;
  height: 16px;
  background: var(--ua-red);
  color: var(--ua-white);
  font-family: 'UAText', sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  padding: 0 4px;
  display: none;
}
.ua-sp-header__cart-badge:not(:empty) {
  display: block;
}

/* ============================================================
   4. SP グローバルナビ
   ============================================================ */
.ua-sp-gnav {
  background: var(--ua-black);
  border-top: 1px solid #333;
}
.ua-sp-gnav__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ua-sp-gnav__list::-webkit-scrollbar {
  display: none;
}
.ua-sp-gnav__item {
  flex-shrink: 0;
}
.ua-sp-gnav__label {
  display: block;
  padding: 14px;
  font-size: 13px;
  font-weight: bold;
  color: var(--ua-white);
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  border: none;
  background: none;
  font-family: inherit;
}
.ua-sp-gnav__item.is-active .ua-sp-gnav__label {
  color: var(--ua-white);
}
.ua-sp-gnav__item.is-active .ua-sp-gnav__label::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  height: 2px;
  background: var(--ua-white);
}

/* ドロップダウンリスト */
.ua-sp-gnav__drop {
  display: none;
  background: var(--ua-black);
  border-top: 1px solid #333;
  position: absolute;
  z-index: 11;
  width: 100%;
  /* URL バー込みの 100vh だと Android で最下部の閉じるボタンが画面外に出るので
     可能なら 100dvh（dynamic viewport height）を優先 */
  max-height: calc(100vh - 100%);
  max-height: calc(100dvh - 100%);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 閉じるボタン(fixed・実高約54px)に最下部のリンクが隠れないよう逃げを確保 */
  padding-bottom: 60px;
}
.ua-sp-gnav__drop.is-open {
  display: block;
}
.ua-sp-gnav__drop-list {
  display: none;
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.ua-sp-gnav__drop-list.is-active {
  display: block;
}

.ua-sp-gnav__drop-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px;
  font-size: 13px;
  font-weight: normal;
  color: var(--ua-white);
  text-decoration: none;
}
.ua-sp-gnav__drop-list li:not(.ua-sp-gnav__drop-img) a:after {
  content: "\e13a"; /* Phosphor caret-right */
  font-family: "Phosphor";
  font-size: 16px;
  line-height: 1;
  margin-left: 8px;
}
.ua-sp-gnav__drop-list li a:active {
  background: #2a2a2a;
}
.ua-sp-gnav__drop-list li strong a {
  font-weight: bold;
  font-size: 16px;
}
.ua-sp-gnav__drop-sep {
  border-top: 1px solid #333;
  margin-top: 4px;
  padding-top: 4px;
}
.ua-sp-gnav__drop-sep strong {
  display: block;
  padding: 12px 16px 4px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  color: #999;
}
/* <strong> の中に <a> がある場合は、<a> 側の padding と二重にならないようリセットしてヘッダ文字を <a> に当てる */
.ua-sp-gnav__drop-sep:has(a) strong {
  padding: 0;
}
.ua-sp-gnav__drop-sep strong a {
  padding: 12px 16px 4px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  color: #fff;
}

/* メガメニュー展開時：スクロールロック＋ナビ以降のコンテンツを非表示 */
body.ua-sp-gnav-open {
  position: fixed;
  width: 100%;
  overflow: hidden;
}
body.ua-sp-gnav-open .ua-sp-gnav ~ * {
  display: none !important;
}
/* メガメニュー展開時：ナビより前のヘッダー類も非表示にしてgnavを画面最上部へ */
body.ua-sp-gnav-open .ua-sp-notice-bar,
body.ua-sp-gnav-open header,
body.ua-sp-gnav-open #info_box_top {
  display: none !important;
}
/* body が position:fixed; top:-scrollY に固定されているため、ナビ自体を viewport トップに固定する */
body.ua-sp-gnav-open .ua-sp-gnav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

/* メガメニュー内画像 */
.ua-sp-gnav__drop-img {
  padding: 12px 0;
}
.ua-sp-gnav__drop-img a {
  display: block;
}
.ua-sp-gnav__drop-img img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
}

/* メガメニュー閉じるボタン */
.ua-sp-gnav__close {
  display: block;
  width: 100%;
  padding: 16px 0;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border: none;
  border-top: 1px solid #333;
  cursor: pointer;
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  position: fixed;
  bottom: 0;
  border-radius: 0;
  /* 背後がうっすら透けるブラー背景（backdrop-filter 非対応環境は半透明のみ） */
  background: rgba(99, 99, 99, 0.15);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

/* ============================================================
   5. SP 検索モーダル（全画面表示）
   ============================================================ */
.remodal-wrapper .ua-search-remodal {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100vh;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--ua-black);
  background: var(--ua-white);
}
.ua-search-remodal .remodal__content {
  padding: 0;
  border-radius: 0;
  max-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/* 検索フォームをモーダル上部に固定 */
.ua-search-remodal #search_mini_form {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 12px 16px;
  background: var(--ua-black);
}
/* サジェスト〜現在の条件エリア */
.ua-search-remodal #suggest2 {
  position: static !important;
  background: var(--ua-white);
  border-top: none !important;
}
/* 現在の条件: スタイルは smp-common-boem_style.css の .output_suggest .currentCondition_*
   をそのまま利用。UA モーダル固有の差分のみここで上書きする */
.ua-search-remodal .remodal__close {
  position: fixed;
  top: 22px;
  right: 18px;
  color: var(--ua-white);
  font-size: 20px;
  z-index: 30;
}
.ua-search-remodal .search_box {
  width: calc(100% - 40px);
}
.ua-search-remodal .lc-search__word {
  border: none !important;
  font-size: 14px;
  top: 0;
  height: 38px;
}
.ua-search-remodal .lc-search__word::placeholder {
  color: #888 !important;
}
.ua-search-remodal .form-container.lc-search {
  border: none !important;
  height: 38px;
}
.ua-search-remodal .lc-search__btn {
  border-left: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* remodal背景オーバーレイ（content-order.css等の .remodal-overlay{白!important} に勝つため .site_underarmour で詳細度を上げる） */
.site_underarmour .remodal-overlay {
  background: rgba(43, 46, 56, 0.9) !important;
}

/* ============================================================
   6. スライドメニュー（lc-slideMenu系）
   ============================================================ */

/* オーバーレイ */
.lc-slideMenu-overlay {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* --- ヘッダー（ログイン・新規会員登録） --- */
.lc-slideMenu__header {
  font-size: 16px !important;
  background: var(--ua-black) !important;
  color: var(--ua-white) !important;
  font-weight: bold !important;
  display: flex;
  align-items: center;
}
.lc-slideMenu__header--passive {
  border-bottom: 1px solid #333;
}
.lc-slideMenu__header--register::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("https://media.aws.locondo.jp/underarmourstatic/common/img/logo-underarmour-white.svg") center / contain no-repeat;
  margin-right: 8px;
  flex-shrink: 0;
}

/* ログイン済みヘッダー */
.lc-slideMenu__header--active {
  display: block !important;
  line-height: 1.6;
  padding-left: 20px;
  position: relative;
  overflow: hidden;
}
.lc-slideMenu__header--active.icon-user_login::before {
  content: none !important;
  display: none !important;
}
.lc-slideMenu__header--active.icon-user_login::after {
  content: '' !important;
  display: block !important;
  position: absolute;
  right: -50%;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("https://media.aws.locondo.jp/underarmourstatic/common/img/logo-underarmour-white.svg") center / contain no-repeat;
  opacity: 0.1;
  pointer-events: none;
}

/* --- リンクスタイル --- */
.lc-slideMenu__list a,
.lc-slideMenu__list .title {
  color: var(--ua-black) !important;
}
.lc-slideMenu__top .lc-slideMenu__list a,
.lc-slideMenu__lists--first .lc-slideMenu__list a,
.lc-slideMenu__lists--first .lc-slideMenu__list .title {
  font-weight: bold !important;
  font-size: 14px !important;
}
.lc-slideMenu__list.accordion .title {
  font-weight: bold !important;
  color: var(--ua-black) !important;
  font-size: 14px !important;
}

/* --- 区切り線 --- */
.lc-slideMenu__lists::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0 !important;
  width: 100% !important;
  height: 1px;
  background: var(--ua-bg-light-gray) !important;
}

/* --- セクション小見出し（HELP / ABOUT US） --- */
.lc-slideMenu__section-heading {
  font-size: 12px;
  color: #888;
  background: var(--ua-bg-light-gray);
  padding: 12px 16px;
  font-weight: normal;
}

/* --- アコーディオン +/- アイコン --- */
.lc-slideMenu__list.accordion .title.trg.arw {
  position: relative;
  padding-right: 40px;
}
.lc-slideMenu__list.accordion .title.trg.arw::after {
  content: '+' !important;
  font-family: 'UAText', sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: var(--ua-black);
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: none !important;
  border: none !important;
  width: auto;
  height: auto;
  transition: transform 0.2s;
}
.lc-slideMenu__list.accordion .title.trg.arw.open {
  background-color: #f0f0f0;
}
.lc-slideMenu__list.accordion .title.trg.arw.open::after {
  content: '−' !important;
}
/* ハンバーガーのリンク・見出しは基本 14px に統一 */
.lc-slideMenu__list a,
.lc-slideMenu__list .title {
  font-size: 14px !important;
  line-height: 1.25;
}
.lc-slideMenu__childList.nav-head {
  font-weight: bold !important;
}
/* リンクなし見出し（<strong>のみ）: 薄いグレー・小さめ */
.lc-slideMenu__childList.nav-head strong {
  display: block;
  /* 上下均等でクリック領域を広げる。右はアイコン(+/-)用に余白確保 */
  padding: 15px 40px 15px 0;
  font-size: 12px;
  font-weight: bold;
  /* letter-spacing: normal; */
  /* 閉じている時は黒、開いている時はグレー（is-open は .nav-head 側に付与） */
  color: var(--ua-black);
}
.lc-slideMenu__childList.nav-head.is-open strong {
  color: #aaa;
}
/* リンクあり見出し（<a>あり） */
.lc-slideMenu__childList.nav-head a {
  font-size: 14px !important;
  font-weight: bold !important;
  letter-spacing: normal;
  padding: 12px 0;
}
.lc-slideMenu__childList a {
  padding: 12px 0;
}

/* UA: ハンバーガー子リスト全体の余白 */
.site_underarmour .lc-slideMenu__childLists {
  padding: 8px 15px 12px 15px;
}

/* SP スライドメニュー 第2階層アコーディオン: strong型 nav-head（グループ見出し）を開閉トグルに。
   初期折りたたみ・子の表示制御は ua-global-nav.js が担当。ここは見た目(+/−アイコン)のみ。
   ※ <a>型 nav-head（すべてのアイテム/titleHref）はリンクのためトグル対象外（アイコンなし） */
.lc-slideMenu__childList.nav-head:has(strong) {
  position: relative;
  cursor: pointer;
}
/* +/− アイコンは親アコーディオン(.title.trg.arw::after: right16px/20px)と同サイズ・同right位置に揃える */
.lc-slideMenu__childList.nav-head:has(strong)::after {
  content: '+';
  font-family: 'UAText', sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: #888;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform .2s;
}
.lc-slideMenu__childList.nav-head.is-open:has(strong)::after {
  content: '−';
}
/* strong見出し配下の子（折りたたみ対象）: 開閉をアニメーション（JSが nav-open をトグル） */
.lc-slideMenu__childList.nav-collapsible {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .3s ease, opacity .25s ease;
}
.lc-slideMenu__childList.nav-collapsible.nav-open {
  max-height: 80px;
  opacity: 1;
}

/* --- JAPAN アコーディオン（変更/閉じる） --- */
.lc-slideMenu__list.accordion.ua-country-accordion .title.trg.arw::after {
  content: '変更' !important;
  font-size: 11px !important;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
}
.lc-slideMenu__list.accordion.ua-country-accordion .title.trg.arw.open::after {
  content: '閉じる' !important;
}
.ua-country-accordion .lc-slideMenu__childLists {
  padding-left: 0 !important;
}
.ua-country-accordion .lc-slideMenu__childList {
  padding-left: 0 !important;
}
.ua-country-accordion .lc-slideMenu__childList a {
  padding-left: 16px !important;
}

/* --- 国旗アイコン --- */
.ua-country-flag {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-right: 8px;
}
.ua-country-flag svg {
  display: block;
}

/* --- フリーテキスト・ロゴ --- */
.lc-slideMenu__freetext,
.lc-slideMenu__bottom {
  border-top: 1px solid var(--ua-bg-light-gray);
}
.lc-slideMenu__freetext-logo {
  margin-bottom: 16px;
}
.lc-slideMenu__freetext-logo img {
  height: 24px;
  width: auto;
}

/* ============================================================
   7. SP カタログ・商品リスト
   ============================================================ */

/* スライダー（ページネーション）— UA トップ風 pill */
.catalog_useSlider .uk-slider-nav {
  margin-bottom: 10px;
  align-items: center;
  gap: 0 !important;
}
.catalog_useSlider .catalogList_item .uk-slider-nav li {
  padding: 3px;
}
.catalog_useSlider .uk-slider-nav a {
  width: 6px;
  height: 6px;
  background: #cfcfcf;
  border: none;
  border-radius: 999px;
  display: block;
  opacity: 1 !important;
  transition: width 0.4s ease, background-color 0.3s ease;
}
.catalog_useSlider .uk-slider-nav .uk-active a {
  width: 18px;
  background: #1d1d1d;
  opacity: 1 !important;
}
.site_underarmour .catalog_useSlider .catalogList_item .uk-slidenav {
  display: none !important;
}
/* 行間 30px のうち 10px をカード内側(padding)に持たせる。
   SP 一覧のカードは content-visibility:auto（search-result.jsp・ITCRE-106）でカード外の描画が切られるため、
   価格行からはみ出すクイックビューボタン（smp_quickview.css の 30px・top:-4px）の下端が見切れるのを防ぐ */
.site_underarmour .catalog_useSlider .catalogList_item {
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.site_underarmour .catalogList_item .config-colortip_list {
  display: block !important;
}
.site_underarmour .config-colortip_list {
  padding: 0 0 8px 0;
}
.site_underarmour .config-colortip_list_item span::before {
  width: 15px;
  height: 15px;
  border-radius: 0;
}

/* 検索結果ヘッド・ソート */
.site_underarmour .sortResult.-default {
  width: 130px;
}
.site_underarmour .searchResultHead .searchtotalResult {
  font-size: 20px;
  font-weight: bold;
}
.site_underarmour .searchResultHead .searchtotalResult small {
  font-weight: normal;
}

/* カタログ商品テキスト */
.site_underarmour .commodity_viewerReco .product-text .priceLine p,
.site_underarmour .product-text .special_price,
.site_underarmour .product-text .regular_price {
  font-weight: bold !important;
  font-size: 16px !important;
  margin-bottom: 0;
}
.site_underarmour .product-text .special_price .-proper {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
}
/* セール価格の色を UA レッドで上書き（基底 .product-text .special_price{color:#FF0030} 対策） */
.site_underarmour .product-text .special_price {
  color: var(--ua-red);
}
/* カート等のベース指定 .catalogList_item .product-text .priceLine>p.special_price{color:var(--sale)}
   は詳細度が上で、かつ --sale が解決されず黒字になるため UA レッドで上書きする。
   下のアウトレット指定(.-outlet/黒)より詳細度が高くなるため :not(.-outlet) で除外する */
.site_underarmour .catalogList_item .product-text .priceLine > p.special_price:not(.-outlet) {
  color: var(--ua-red);
}
/* アウトレット価格(.-outlet)は黒字にする。ただしアウトレット＋セール時は中の
   .-sale(赤)/.-proper(#999) が自前の色を持つため、それらは維持され赤字のまま。
   （outlet単体は <p> 直下テキストなのでこの color が効く） */
.site_underarmour .product-text .special_price.-outlet {
  color: #1d1d1d;
}
.site_underarmour .catalogList_item .product-text .special_price span.-proper {
  display: inline;
  color: #999;
}
.site_underarmour .product-text .commodityName {
  font-size: 12px;
  line-height: 1.5;
  color: var(--ua-black) !important;
  white-space: normal !important;
  text-overflow: unset !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.site_underarmour .catalogList_item .product-text .commodityName {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 6px;
}
/* 商品名と価格の間のジェンダー・スポーツ表記（search_tag_gender/sports 由来） */
.site_underarmour .product-text .catalog-genderSports {
  font-size: 11px;
  line-height: 1.4;
  color: #888;
  /* font-weight: bold; */
  margin-bottom: 6px;
}
.site_underarmour .catalog-genderSports:empty {
  display: none;
}

/* カタログレビューサマリー */
.site_underarmour .rating_catalog_summary_score {
  /* font-size: 13px; */
  font-weight: bold;
}
.site_underarmour .rating_catalog_summary_count {
  /* letter-spacing: normal; */
}
/* レビュー星の点数・件数(rating_summary_score/count)は商品詳細のみ表示。
   カタログ/レコ/関連商品(.rev_catalog_summary_block内)ではDOM出力のうえCSSで非表示。
   検索結果/スタッフレビューは別クラス(rating_catalog_summary_*)のため影響なし。 */
/* 一時的に表示（非表示を解除）
.site_underarmour .rev_catalog_summary_block .rating_summary_score,
.site_underarmour .rev_catalog_summary_block .rating_summary_count {
  display: none;
}
*/

.site_underarmour .history_item .catalogList > li {
  width: calc((100% - 2px) / 2.5);
}

/* ============================================================
   8. SP 商品詳細
   ============================================================ */

/* --- 特集商品画像の縦横比を保つ --- */
.p-product-special img {
  height: auto;
}

/* --- お気に入りアイテムボタン（メイン画像右下に配置） --- */
.site_underarmour .mainImage-carousel {
  position: relative;
}
.site_underarmour .mainImage-carousel .btn_favoriteItem_count {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 10;
}
/* --- サムネイル一覧（横スクロール） --- */
.site_underarmour #wrap_mainImage-thumbList {
  padding: 15px 0;
}
.site_underarmour .mainImage-thumbList {
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 15px;
  gap: 5px;
}
.site_underarmour .mainImage-thumbList::-webkit-scrollbar {
  display: none;
}
.site_underarmour .mainImage-thumbList > figure {
  flex: 0 0 45px !important;
  width: 45px;
  border: none;
  border-radius: 4px;
}
.site_underarmour .mainImage-thumbList > figure.active {
  border: 1px solid var(--ua-black);
  border-radius: 4px;
}
@media (max-width: 769px) {
  .site_underarmour .mainImage-thumbList .has-video:after {
    width: 30px;
    height: 30px;
  }
}
/* --- 関連アイテムモーダル起動ボタン（メイン画像右上の円形アイコン） --- */
.site_underarmour .mainImage-container {
  position: relative;
}
.site_underarmour .ua-related-trigger {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 20px;
  color: var(--ua-white);
  background: var(--ua-black);
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
  cursor: pointer;
}
.site_underarmour .ua-related-trigger:active {
  opacity: 0.8;
}
/* --- 関連アイテムモーダル（下から出てくるボトムシート） --- */
.site_underarmour #ua-related-modal {
  padding: 0;
}
.site_underarmour #ua-related-modal .uk-modal-dialog {
  position: fixed;            /* フレックス中央寄せを無効化し下部に固定 */
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  max-height: 80vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 12px 12px 0 0;
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}
.site_underarmour #ua-related-modal.uk-open .uk-modal-dialog {
  transform: translateY(0);
  padding: 30px 0;
}
.site_underarmour .ua-related-modal__heading {
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  margin: 0 0 16px 16px;
  color: var(--ua-black);
}
/* 関連アイテム: modal_cartInBtn__reco-list と同様の横スクロール */
.site_underarmour .ua-related-modal__body #related_product {
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
/* モーダル側の見出しを使うため、関連アイテムセクション内の見出しは非表示 */
.site_underarmour .ua-related-modal__body #related_product .heading {
  display: none;
}
.site_underarmour .ua-related-modal__body #related_product::-webkit-scrollbar {
  display: none;
}
.site_underarmour .ua-related-modal__body .catalogList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: visible;
  gap: 2px;
  margin: 0;
  padding: 0 15px;
  list-style: none;
}
.site_underarmour .ua-related-modal__body .catalogList::before,
.site_underarmour .ua-related-modal__body .catalogList::after {
  content: none;
  display: none;
}
.site_underarmour .ua-related-modal__body .catalogList .catalogList_item {
  position: relative;
  flex: 0 0 160px;
  width: 160px;
  margin: 0;
  box-sizing: border-box;
}
.site_underarmour .ua-related-modal__body .catalogList_item .product-image img {
  width: 100%;
  height: auto;
}
.site_underarmour .ua-related-modal__body .catalogList_item .brandName {
  font-size: 11px;
  margin: 6px 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.site_underarmour .ua-related-modal__body .catalogList_item .commodityName {
  font-size: 11px;
  line-height: 1.3;
  margin: 0 0 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- カラーセレクター --- */
.site_underarmour .different_color_list {
  margin: 15px 0;
  padding: 10px 15px;
}
.site_underarmour .different_color_list > .heading {
  font-weight: normal;
}
/*
.site_underarmour .different_color_list > .heading::before {
  content: 'カラー';
}
*/
/* UA SP: 商品アイコン一覧 (.item-icons) */
.site_underarmour .item-icons {
  display: flex;
  justify-content: flex-start;
  padding: 0 15px;
  margin-bottom: 8px;
  font-size: 0;
}
/* ベースCSS(smp-content-product.css)の .item-icons li / li:before を上書き */
.site_underarmour .item-icons li {
  background-color: #f8f8f8;
  padding: 0 4px;
  width: auto;
  min-width: 43px;
}
.site_underarmour .item-icons li:before {
  padding: 0 4px;
  font-size: 10px;
  /* line-height: 16px; */
  color: #7989a5;
  font-weight: 500;
  font-family: 'Noto Sans JP';
  /* background-color: #f8f8f8; */
  transform: translate(-50%, -50%) scale(.9);
}

/* UA SP: 色違いバリエーション
   ベース CSS の #color-selector li (50px 固定 + inline-block) では
   バリエーション数が多いときにサムネイルが重なって見える問題があるため
   flex レイアウトに変更し、各サムネイルを 74px 幅で横スクロールさせる */
.site_underarmour #color-selector {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.site_underarmour #color-selector li {
  flex: 0 0 74px;
  width: 74px;
  min-width: 74px;
  margin-right: 0;
}
.site_underarmour #color-selector li a {
  display: block;
  width: 100%;
  height: inherit;
  border-radius: 4px;
  overflow: hidden;
}
/* UA SP: カラーサムネイルの画像アスペクト比を 5/6 で揃える */
.site_underarmour #smp_main_content.product #different_color_list .color-selector a img {
  aspect-ratio: 5 / 6;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.site_underarmour .purchaseLimitNotice {
  padding: 10px 8px 6px;
  background: #fff6f6;
}
.site_underarmour .purchaseLimitNotice .insertto.primary {
  font-weight: bold;
  color: #dc0619;
}

/* --- 商品名 --- */
.site_underarmour .product > .product-name {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

/* --- 価格エリア --- */
.site_underarmour .priceArea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.site_underarmour .secretPrice {
  padding: 0 0 4px 0;
  display: inline-block;
  color: #dc0619;
  border: none;
  margin: 0;
}
.site_underarmour .priceArea .price_section {
  display: flex;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 8px;
}
.site_underarmour .priceArea .price_section #rev_summary_block {
  margin-left: auto;
}
.site_underarmour .priceArea .wrap_price {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 8px;
}
.site_underarmour .priceArea .price,
.site_underarmour .priceArea .special_price {
  font-weight: bold;
}
.site_underarmour #mrkSalesPrice {
  display: inline-block;
}
.site_underarmour #mrkSalesPrice::first-letter {
  font-size: 16px;
}
.site_underarmour .special_price {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 0;
}
.site_underarmour .special_price .-proper {
  order: 1;
}
.site_underarmour .special_price > span:not(.-proper) {
  font-weight: bold !important;
  color: var(--ua-red);
  font-size: 16px;
}
.site_underarmour .priceArea .special_price > span:not(.-proper) {
  font-size: 26px;
}
.site_underarmour .priceArea .price-suffixTax {
  font-weight: normal;
}

/* セール時の価格レイアウト */
.site_underarmour .priceArea .makerPrice {
  font-size: 12px;
  font-weight: normal;
  color: var(--ua-text-gray);
  margin-bottom: 4px;
}
.site_underarmour .priceArea .makerPrice .makerPrice_label {
  /* display: none; */
  color: #888;
}
/* セール時の「通常価格：」ラベルは非表示（メーカー希望小売価格のラベルは表示） */
.site_underarmour .priceArea .makerPrice.-discount .makerPrice_label {
  display: none;
}
/* UA: 会員価格ラッパーの幅を inherit に（基底 #priceArea .-memberPrice{width:100%} を打ち消し） */
.site_underarmour #priceArea .-memberPrice {
  width: inherit;
}
.site_underarmour .price_box .priceDown {
  color: #dd071b;
}
/* SPECIAL PRICE/OUTLET時の価格は基底(23px/赤)を打ち消して通常色・26pxに */
.site_underarmour .priceArea .priceDown+.price {
  color: var(--text);
  font-size: 26px;
}
.site_underarmour .priceArea .priceDown {
  background: #ffeaea;
  padding: 1px 5px;
  border-radius: 2px;
  font-weight: bold;
}
.site_underarmour .priceArea .makerPrice .old_price {
  text-decoration: line-through;
}
.site_underarmour .priceArea .discountRate {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: var(--ua-red);
  padding: 4px 0;
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  background: var(--ua-white);
  margin-left: 0;
}
.site_underarmour .priceArea .discountedPrice {
  display: inline-block;
  margin-bottom: 14px;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--ua-black);
  background-color: #fef4f4;
  border-radius: 3px;
  position: relative;
  text-align: center;
}
.site_underarmour .priceArea .discountedPrice:before {
  display: none;
}
.site_underarmour .priceArea .discountedPrice em {
  color: var(--ua-red);
  font-style: normal;
}
.site_underarmour .priceArea .discountedPrice .notice a {
  font-size: 10px;
  color: var(--ua-black);
}

/* --- ポイント --- */
.site_underarmour .note_point {
  text-align: left;
  font-size: 14px;
  color: var(--ua-red);
}
.site_underarmour .customerCommodityPoint {
  font-weight: bold;
}
/* paidyウィジェット: 両端に余白 */
.site_underarmour ._paidy-promotional-messaging {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
/* paidyウィジェット: 375px以下で縮小 */
@media (max-width: 375px) {
  .site_underarmour ._paidy-promotional-messaging {
    transform: scale(.9);
    transform-origin: left;
    padding-left: 15px !important;
  }
}

/* --- レビューサマリー（価格横） --- */
#rev_summary_block,
.rev_catalog_summary_block {
  display: flex !important;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
}
/* content-catalog.cssが読まれないページ(商品詳細の関連アイテム等)でも表示できるよう
   寸法/位置も自己完結で指定（base smp-content-catalogと同値・画像だけ黒スプライト） */
.site_underarmour .rev_catalog_summary_block .rating_catalog_summary_Box {
  display: inline-block;
  width: 66px;
  height: 12px;
  background: url(https://media.aws.locondo.jp/_assets/img/sp/icon_stars_black.png) no-repeat left bottom;
  background-size: 66px 24px;
}
.site_underarmour .rev_catalog_summary_block .rating {
  height: 12px;
  text-indent: -9999px;
  background: url(https://media.aws.locondo.jp/_assets/img/sp/icon_stars_black.png) no-repeat left top;
  background-size: 66px 24px;
}
.site_underarmour .rev_catalog_summary_block .rating_summary_score {
  font-weight: bold;
  /* font-size: 13px; */
}
.site_underarmour #rev_summary_block .rating_summary_Box {
  margin: inherit;
}
.site_underarmour #rev_summary_block > a {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.site_underarmour #rev_summary_block .rating_summary_score {
  font-size: 13px;
  font-weight: bold;
  margin: 0 4px;
}
.site_underarmour #rev_summary_block .rating_summary_count {
  letter-spacing: normal;
  color: var(--ua-black);
}

/* --- 商品メタ情報（商品番号・カラー） --- */
.ua-product-meta {
  background: #faf8f4;
  padding: 10px 15px;
  font-size: 13px;
  margin: 15px;
}
.ua-product-meta__row {
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 1.6;
}
.ua-product-meta__label {
  flex-shrink: 0;
  width: 5em;
  font-size: 11px;
}
.ua-product-meta__value {
  font-weight: bold;
  font-size: 12px;
}

/* --- 商品アクションボタン（サイズガイド・商品サイズ・コーディネート 等） --- */
.site_underarmour .ua-product-actions {
  display: flex;
  gap: 10px;
  margin: 20px 15px;
}
.site_underarmour .ua-product-actions__btn {
  padding: 8px 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: inherit;
  color: #1e88e5;
  background: var(--ua-white);
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.ua-product-actions__btn:active {
  opacity: 0.7;
}
/* JS で is-hidden が付いたアクションボタンは非表示 */
.ua-product-actions__btn.is-hidden {
  display: none !important;
}

/* --- カートボタン --- */
.site_underarmour .product .initCartBtn button {
  font-size: 16px;
  font-weight: bold;
  color: var(--ua-white);
  background-color: var(--ua-red);
  height: 54px;
}
.site_underarmour .product .fixedCartBtn button {
  height: 54px;
  color: var(--ua-white);
  background-color: var(--ua-red);
  font-size: 16px;
  font-weight: bold;
}
.site_underarmour .product .fixedCartBtn button i:before {
  display: none;
}
.site_underarmour .modalCart_triggerBtn {
  margin-bottom: 20px;
}

/* --- 在庫切れ時の再入荷リクエスト案内 --- */
.ua-restock-notice {
  font-size: 12px;
  line-height: 1.5;
  margin: 0 15px;
}
.ua-restock-notice__highlight {
  color: var(--ua-red);
  font-weight: bold;
}
.site_underarmour p.replacedmsg {
  color: var(--ua-black);
  margin: 12px 0;
  font-size: 14px;
}
.site_underarmour .replacedmsgWrap p a,
.site_underarmour .replacedmsgWrap p a:link {
  color: var(--ua-red);
  text-decoration: underline;
  text-underline-offset: 6px;
}

/* SP UA: レコメンド/レビュー各面の下マージンを統一（.commodity_viewerReco 含む） */
.site_underarmour .related_product,
.site_underarmour .recommend-unit,
.site_underarmour #recommendarea-item,
.site_underarmour .reco_product,
.site_underarmour .reco_topsellers,
.site_underarmour .reco_topsellers_category,
.site_underarmour .history_item,
.site_underarmour .commodity_cms,
.site_underarmour .concierge-reviews,
.site_underarmour .newArrival_item,
.site_underarmour .commodity_viewerReco {
  margin-bottom: 40px;
}

/* SP UA: 商品詳細下部レコメンドの横スクロールエリアが、まれに縦にドラッグでつまめて
   要素自体が縦方向に動いてしまう問題への対処。
   overflow-y:hidden で要素の縦スクロールを無効化するだけ（トップページの横スクロールと同じ）。
   ※ touch-action:pan-x は使わない。それだとカルーセル上での縦スワイプ＝画面全体の縦スクロールまで
     無効になってしまうため。overflow-y:hidden なら縦スワイプはページに伝わり画面縦スクロールは効く。 */
.site_underarmour .related_product .catalogList,
.site_underarmour .recommend-unit .catalogList,
.site_underarmour #recommendarea-item .catalogList,
.site_underarmour .reco_product .catalogList,
.site_underarmour .reco_topsellers .catalogList,
.site_underarmour .reco_topsellers_category .catalogList,
.site_underarmour .history_item .catalogList,
.site_underarmour .newArrival_item .catalogList,
.site_underarmour .commodity_viewerReco .catalogList,
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .catalogList {
  /* 縦バー防止: 商品詳細系は「縦にドラッグでつまめる」対策、カタログ下部は base の overflow:scroll の縦成分打ち消し */
  overflow-y: hidden;
  /* スクロールバーはトップ(.ua-tc-scroll)と同様に非表示（スワイプは可） */
  scrollbar-width: none;
}
.site_underarmour .related_product .catalogList::-webkit-scrollbar,
.site_underarmour .recommend-unit .catalogList::-webkit-scrollbar,
.site_underarmour #recommendarea-item .catalogList::-webkit-scrollbar,
.site_underarmour .reco_product .catalogList::-webkit-scrollbar,
.site_underarmour .reco_topsellers .catalogList::-webkit-scrollbar,
.site_underarmour .reco_topsellers_category .catalogList::-webkit-scrollbar,
.site_underarmour .history_item .catalogList::-webkit-scrollbar,
.site_underarmour .newArrival_item .catalogList::-webkit-scrollbar,
.site_underarmour .commodity_viewerReco .catalogList::-webkit-scrollbar,
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .catalogList::-webkit-scrollbar {
  display: none;
}
/* 商品詳細「このアイテムを使ったコーディネート」(base smp-content-coordinate.css:1919 overflow-x:scroll) も同様に非表示 */
.site_underarmour #recommend__coordinate .coordinate__2col {
  scrollbar-width: none;
}
.site_underarmour #recommend__coordinate .coordinate__2col::-webkit-scrollbar {
  display: none;
}

/* --- セクション見出し --- */
.site_underarmour .related_product .heading,
.site_underarmour .product_video .heading,
.site_underarmour .reco_product .heading,
.site_underarmour .reco_topsellers_category .heading,
.site_underarmour .reco_topsellers .heading,
.site_underarmour .history_item .heading,
.site_underarmour .commodity_cms .heading,
.site_underarmour .commodity_viewerReco .heading,
.site_underarmour .newArrival_item .heading,
.site_underarmour .recommend__coordinate-model .heading,
.site_underarmour .review_head .heading {
  text-align: left;
  padding: 0 15px;
  font-weight: bold;
  font-size: 16px !important;
  color: var(--ua-black) !important;
}
.site_underarmour .couponInfo .sectionHeading {
  font-size: 17px;
  color: var(--ua-black);
  margin-bottom: 12px;
  text-align: left;
  padding: 0;
  font-weight: bold;
}
.ua-medialink-heading {
  text-align: left;
  padding: 0 15px;
  font-weight: bold;
  font-size: 16px;
  margin-top: 40px;
}
.site_underarmour .medialink ul {
  display: flex;
  font-size: 0;
  margin: 10px auto 10px 0;
}

/* --- クーポン・限定セール情報 --- */
.site_underarmour .couponInfo-item .endTime,
.site_underarmour .couponInfo-item .couponCode,
.site_underarmour .couponInfo-item .conditionSet,
.site_underarmour .limitedSaleInfo-item .endTime,
.site_underarmour .commodityType_note .endTime {
  font-size: 12px;
  margin-bottom: 3px;
  line-height: 1.6;
  color: var(--ua-black);
}
.site_underarmour .couponhead {
  margin-bottom: 0;
  background-color: var(--ua-red);
}

/* --- 商品基本情報・属性 --- */
.site_underarmour .product_basicInfoLink {
  background: #faf8f4;
}
.site_underarmour .product_basicInfoLink a {
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: normal;
}
.site_underarmour .category_link dd li:nth-last-child(2)::after {
  content: "/";
  padding: 0 5px 0 10px;
  color: #c7c7c7;
}
.site_underarmour #product_attr dl {
  overflow: hidden;
  margin-bottom: 8px;
  margin-top: 8px;
  line-height: 140%;
  display: flex;
  padding-right: 10px;
}
.site_underarmour #product_attr dt {
  margin-right: 4px;
  min-width: 10em;
  font-size: 11px;
}
/* product_basicInfoLink: dt 内 span 後ろの " : " を非表示 */
.site_underarmour #product_attr .product_basicInfoLink dt {
  font-size: 0;
}
.site_underarmour #product_attr .product_basicInfoLink dt > span {
  display: inline-block;
  min-width: 6em;
  font-size: 11px;
}
/* その他属性: dd 先頭の "：" を非表示（basicInfoLink 内 dd は除外） */
.site_underarmour #product_attr > dl > dd::first-letter {
  font-size: 0;
}
.product_description {
  font-size: 14px;
}

/* --- パンくず --- */
#commodity-breadcrumbsList {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
#commodity-breadcrumbsList ul {
  padding: 10px 15px;
  margin-left: 0 !important;
  border-top: 1px solid var(--ua-bg-light-gray);
}
#commodity-breadcrumbsList ul li::after {
  content: '' !important;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  display: inline-block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  margin: 0 8px;
  padding: 0 !important;
}
#commodity-breadcrumbsList ul li:last-child::after {
  content: '';
  display: none;
}
#commodity-breadcrumbsList ul li:last-child {
  margin-right: 15px;
}

/* --- お問い合わせ・タブ --- */
.site_underarmour .wrap_inquiry_link {
  border-bottom: none;
  margin-bottom: 0px;
}
.site_underarmour .product_text_tab_area {
  margin-top: 40px;
}
.site_underarmour .inquiry_link button {
  color: var(--ua-black);
  border: 1px solid var(--ua-black);
}

/* --- セクション見出し（タブ・関連商品 等） --- */
.site_underarmour h3.product-specs,
.site_underarmour #recommend h3,
.site_underarmour #review_detail h3,
.site_underarmour #related_product h3,
.site_underarmour .tab_area_size h3 {
  color: var(--ua-white);
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 120%;
  background: var(--ua-black);
  padding: 8px 15px;
}

/* --- サイズ詳細表示 --- */
.product_text_without_size_detail {
  border-bottom: 1px solid var(--ua-bg-light-gray);
  display: block;
}
.product h3.product-specs {
  color: var(--ua-white);
  font-size: 13px;
  background: #121212;
  padding: 8px 15px;
  display: none;
}

/* --- レビュー詳細 --- */
.site_underarmour .rateType dt {
  color: var(--ua-black);
  margin-bottom: 5px;
  margin-right: 10px;
  font-weight: bold;
}
.site_underarmour .rateType dd {
  color: var(--ua-black);
  width: fit-content;
  display: inline-flex;
  justify-content: flex-end;
}
.site_underarmour .review_container .rateType span {
  background: #1d1d1d;
  color: #fff;
  padding: 4px 10px;
  border-radius: 4px;
  font-weight: bold;
}
.site_underarmour .review_container .ratingBox {
  float: inherit !important;
  margin: 7px 0 0 8px !important;
}
/* 商品詳細レビュー：総合評価(#rev_summary_block)と各レビュー(.review_container)の星を黒スプライトに（base /both/icon_stars_1608.png をUA上書き。harleydavidsonと同方式） */
.site_underarmour #rev_summary_block .rating_summary_Box,
.site_underarmour #rev_summary_block .rating,
.site_underarmour .review_container .ratingBox,
.site_underarmour .review_container .rating {
  background-image: url(https://media.aws.locondo.jp/_assets/img/both/icon_stars_black.png);
}

/* --- レビュー本文 --- */
.site_underarmour .review_container pre,
.site_underarmour #concierge-reviews pre {
  font-family: 'UAText', 'Noto Sans JP', sans-serif !important;
}
.site_underarmour #user_reviews pre,
.site_underarmour #concierge-reviews pre,
.site_underarmour #locondo_rev_contents_block pre {
  margin-bottom: 10px;
  font-size: 14px;
}
/* 各レビューはグレーのカード表示にする（base smp-content-product-koichi.css:2934 は罫線区切り）。
   padding/border は :first-child 等の同詳細度ルール(同css:2938, 5587)にも勝つ必要があるため !important */
.site_underarmour .review li.review_container {
  background: #f8f8f8;
  padding: 15px !important;
  border-radius: 10px;
  border: none !important;
}
/* 未表示のレビュー（height:0）は、中の要素の上マージンが外へはみ出して1件約12pxずつ積み重なり、
   1件目のカードの下に大きな空白ができていたため、overflow:hidden ではみ出しを止める */
.site_underarmour .review li.review_container:not(.is-visible):not(.is-expanded):not(:first-child) {
  overflow: hidden;
}
/* 続きを読むのグラデーションはカード背景(#f8f8f8)に合わせる（base は白へのグラデ） */
.site_underarmour .readtext .readmore {
  background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgb(248 248 248 / 50%), #f8f8f8) repeat scroll 0 0;
}
/* ショップからの返信はグレーカードの中で白ブロックにする（base は margin-top のみ） */
.site_underarmour .review .review_reply {
  background: #ffffff;
  padding: 15px;
  border-radius: 10px;
}

/* ============================================================
   9. カートインモーダル
   ============================================================ */

/* --- modalCart 本体 --- */
.site_underarmour .modalCart .sizeConfigGroup .modCartBtn button,
.site_underarmour .modalCart .sizeConfigGroup .modCartBtn a {
  border: 1px solid var(--ua-red);
  background-color: var(--ua-red);
  font-size: 14px;
  font-weight: bold;
}
.site_underarmour .modalCart .addCart_feedback .buttonToCart a {
  background-color: var(--ua-white);
  color: var(--ua-red);
}
.site_underarmour .modalCart .addCart_feedback .feedbackText {
  color: var(--ua-red);
}
.site_underarmour .modalCart .-js-element-heading {
  display: block;
}
.site_underarmour .modalCart .modaltitle {
  font-size: 18px;
  padding: 20px 0 20px 12px;
  margin: 0;
  background: var(--ua-black);
  color: var(--ua-white);
}
.site_underarmour .modalCart .uk-modal-close.-top {
  top: 8px;
}
.modalCart .commoditySizelist .heading .textGroup {
  font-weight: bold;
}

/* --- modal_cartInBtn ボタン横並び --- */
.site_underarmour #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btnGroup {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  padding: 0 15px;
  margin: 0 -30px;
}
.site_underarmour #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btnGroup .modal_cartInBtn__btn,
.site_underarmour #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btnGroup .modal_cartInBtn__text {
  flex: 1;
  margin: 0;
}
.site_underarmour #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btnGroup .modal_cartInBtn__btn a {
  display: block;
  background: var(--ua-red);
  color: var(--ua-white);
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  padding: 14px 8px;
  line-height: 1;
}
.site_underarmour #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btnGroup .modal_cartInBtn__text {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ua-black);
  color: var(--ua-white);
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  padding: 14px 8px;
  line-height: 1;
  cursor: pointer;
}
.site_underarmour #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btnGroup .modal_cartInBtn__text:hover {
  text-decoration: none;
}

/* --- modal_cartInBtn「よく一緒に買われているアイテム」 --- */
.site_underarmour .modal_cartInBtn__reco {
  margin: 0 -30px 20px -30px;
  background: var(--ua-bg-light-gray);
  padding: 30px 0px;
  text-align: left;
}
.site_underarmour .modal_cartInBtn__reco-title {
  padding: 0 15px 10px 15px;
  font-size: 14px;
  font-weight: bold;
  color: var(--ua-black);
  margin: 0;
}
.site_underarmour .modal_cartInBtn__reco-list {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 0 15px 4px;
  scrollbar-width: none;
}
.site_underarmour .modal_cartInBtn__reco-list::-webkit-scrollbar {
  display: none;
}
.site_underarmour .modal_cartInBtn__reco-list .catalogList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: visible;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site_underarmour .modal_cartInBtn__reco-list .catalogList::before,
.site_underarmour .modal_cartInBtn__reco-list .catalogList::after {
  content: none;
  display: none;
}
.site_underarmour .modal_cartInBtn__reco-list .catalogList .catalogList_item {
  position: relative;
  flex: 0 0 140px;
  width: 140px;
  margin: 0;
  box-sizing: border-box;
}
.site_underarmour .modal_cartInBtn__reco-list .catalogList .catalogList_item a {
  padding-bottom: 0;
}
.site_underarmour .modal_cartInBtn__reco-list .catalogList_item .product-image img {
  width: 100%;
  height: auto;
}
.site_underarmour .modal_cartInBtn__reco-list .catalogList_item .brandName {
  font-size: 11px;
  margin: 6px 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.site_underarmour .modal_cartInBtn__reco-list .catalogList_item .commodityName {
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- スケルトンローディング --- */
@keyframes ua-skeleton-shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.site_underarmour .modal_cartInBtn__skeleton .modal_cartInBtn__skeleton-image {
  background: linear-gradient(90deg, #e8e8e8 25%, #f3f3f3 50%, #e8e8e8 75%);
  background-size: 200% 100%;
  animation: ua-skeleton-shimmer 1.4s infinite;
  border-radius: 2px;
  width: 100%;
  aspect-ratio: 1 / 1;
}

/* ============================================================
   10. クイックビュー
   ============================================================ */
.site_underarmour .quickviewBox > .inner > .heading {
  font-weight: bold;
}
.site_underarmour .quickviewBox .mainCommodityImage [data-text-brand_name] {
  display: none;
}
.site_underarmour .quickviewBox .mainCommodityImage [data-text-commodity_name] {
  font-size: 14px;
  font-weight: normal;
  color: #999;
  line-height: 1.5;
  text-align: left;
}
.site_underarmour .quickviewBox .commoditySizelist .cartBtn button {
  background-color: var(--ua-red);
}
.site_underarmour .quickviewBox .commoditySizelist .cartBtn .out-of-stock,
.site_underarmour .quickviewBox .commoditySizelist .cartBtn .beforeSale {
  color: #aaa;
  background-color: #eee;
  border: none;
  border-radius: 2px;
}
.site_underarmour .quickviewBox .cartBtn .unsalable {
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  height: 40px;
  line-height: 38px;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background-color: var(--ua-red);
  border: 1px solid var(--ua-red);
  color: #fff;
  border-radius: 3px;
}
.site_underarmour .quickviewBox .qv_addCart_feedback .buttonToCart {
  color: var(--ua-red);
  border-color: var(--ua-red);
}
.site_underarmour .quickviewBox .qv_addCart_feedback .feedbackText {
  color: var(--ua-red);
}
.site_underarmour .quickviewBox .commoditySizelist .heading .textGroup .price,
.site_underarmour .quickviewBox .commoditySizelist .size {
  letter-spacing: normal;
}
.site_underarmour .quickviewBox .commoditySizelist .heading .textGroup {
  font-weight: bold;
}
.site_underarmour .quickviewBox .commoditySizelist .heading .linkToCommodity a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8em;
  height: 3em;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background: #1d1d1d;
  border-radius: 2px;
}

/* ============================================================
   11. SP フッターナビ（アコーディオン）
   ============================================================ */
.site_underarmour footer {
  padding: 0 0 0px 0;
}
.site_underarmour .confirm footer {
  margin-top: 40px;
}
/* 商品詳細ページのみ footer の margin-top を 0 に（#smp_main_content.product は商品詳細のマーカー、footer は body 直下の兄弟） */
.site_underarmour #smp_main_content.product ~ footer {
  margin-top: 0;
}
.ua-footer-nav {
  background: var(--ua-bg-light-gray);
  border-top: 1px solid #d0d0d0;
}
.ua-footer-nav__lists {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ua-footer-nav__list {
  border-bottom: 1px solid #d0d0d0;
}
.ua-footer-nav__list .title.trg.arw {
  position: relative;
  display: block;
  padding: 16px 40px 16px 16px;
  font-size: 14px;
  font-weight: bold;
  color: var(--ua-black);
  cursor: pointer;
}
.ua-footer-nav__list .title.trg.arw::after {
  content: '+' !important;
  font-family: 'UAText', sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: var(--ua-black);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none !important;
  border: none !important;
  width: auto;
  height: auto;
  right: 18px;
}
.ua-footer-nav__list .title.trg.arw.open {
  background: #e6e6e6;
}
.ua-footer-nav__list .title.trg.arw.open::after {
  content: '−' !important;
}
.ua-footer-nav__childLists {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
  background: var(--ua-bg-light-gray);
}
.ua-footer-nav__childLists li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}
.ua-footer-nav__childLists li a:after {
  content: "\e13a"; /* Phosphor caret-right */
  font-family: "Phosphor";
  font-size: 16px;
  line-height: 1;
  margin-left: 8px;
}
.ua-footer-nav__childLists li a:active {
  color: var(--ua-black);
}

/* ============================================================
   12. SP フッター
   ============================================================ */

/* --- Newsletter --- */
.ua-footer-newsletter {
  background-color: var(--ua-black);
  padding: 20px 20px 24px;
}
.ua-footer-newsletter__title {
  font-weight: bold;
  font-size: 16px;
  color: var(--ua-white);
  margin-bottom: 16px;
  line-height: 1.4;
}
.ua-footer-newsletter__form {
  margin: 0;
}
.ua-footer-newsletter__input-wrap {
  display: flex;
  gap: 0;
}
footer .ua-footer-newsletter__input {
  flex: 1 !important;
  height: 36px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  color: var(--ua-black) !important;
  background: var(--ua-white) !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.ua-footer-newsletter__input::placeholder {
  color: var(--ua-text-gray);
}
footer .ua-footer-newsletter__btn {
  width: 75px;
  height: 36px;
  background-color: var(--ua-text-gray);
  color: var(--ua-white);
  font-weight: normal;
  font-size: 12px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  white-space: nowrap;
  border-radius: 0;
}
.ua-footer-newsletter__btn:active {
  opacity: 0.7;
}
.ua-footer-newsletter__note {
  font-weight: normal;
  font-size: 12px;
  color: #d9d9d9;
  line-height: 18px;
  margin-top: 12px;
}
.ua-footer-newsletter__note a {
  color: #d9d9d9;
  text-decoration: underline;
}

/* --- Newsletter メッセージ --- */
.ua-footer-newsletter .footer-newsletter-message {
  margin-top: 10px;
  padding: 12px;
  font-size: 12px;
  background: var(--ua-white);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ua-footer-newsletter .footer-newsletter-message .icon_close {
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
  background: #eee;
  padding: 6px;
}

/* --- Brand Section --- */
.ua-footer-brand {
  background-color: var(--ua-black);
  border-top: 1px solid #555;
  padding: 30px 20px 24px;
  text-align: center;
}
.ua-footer-brand__logo {
  margin-bottom: 8px;
}
.ua-footer-brand__logo img {
  display: inline-block;
  height: 32px;
  width: auto;
}
.ua-footer-brand__tagline {
  font-family: 'UAText', sans-serif;
  font-style: italic;
  font-size: 11px;
  color: #d0d0d0;
  line-height: 20px;
  margin-bottom: 20px;
}
.ua-footer-brand__sns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ua-footer-brand__sns li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--ua-white);
  font-size: 32px;
  text-decoration: none;
  transition: opacity 0.2s;
}
.ua-footer-brand__sns li a:active {
  opacity: 0.6;
}

/* --- Legal Section --- */
.ua-footer-legal {
  background-color: var(--ua-black);
  border-top: 1px solid #555;
  padding: 16px 20px 20px;
  text-align: center;
}
.ua-footer-legal__links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
}
.ua-footer-legal__links li a {
  font-size: 10px;
  color: #d9d9d9;
  text-decoration: underline;
  line-height: 32px;
}
.ua-footer-legal__copy {
  font-family: 'UAText', sans-serif;
  font-size: 10px;
  color: var(--ua-bg-light-gray);
  line-height: 32px;
}

/* ============================================================
   SP 検索モーダル — カテゴリ導線
   ============================================================ */
.ua-search-remodal #ua-search-category h4 {
  color: var(--ua-text-gray);
  font-size: 13px;
  line-height: 36px;
  font-weight: normal;
  text-align: left;
  padding: 0 16px 0 18px;
  background-color: #f5f5f5;
  margin: 0;
}
.ua-search-remodal #ua-search-category .ua-search-category__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 12px 16px;
  margin: 0;
  list-style: none;
}
.ua-search-remodal #ua-search-category .ua-search-category__list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 12px;
  font-size: 13px;
  color: var(--ua-black);
  background: var(--ua-white);
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  text-decoration: none;
}
.ua-search-remodal #ua-search-category .ua-search-category__list li a:active {
  background: var(--ua-bg-light-gray);
}

/* ============================================================
   13. SP 検索モーダル — 人気キーワード
   ============================================================ */
/* TODO: 以下を common-header.css に移植 */
#ua-popular-keywords h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f5f5f5;
  color: var(--ua-text-gray);
  font-size: 12px;
  line-height: 1.5;
  padding: 10px 16px;
  border: none;
  font-weight: normal;
}
.ua-popular-keywords__term-switch {
  display: flex;
  gap: 12px;
}
.ua-popular-keywords__term {
  font-family: 'UAText', sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ccc;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.ua-popular-keywords__term.is-active {
  color: var(--ua-black);
}
.ua-popular-keywords__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 16px;
  list-style: none;
  margin: 0;
}
.ua-popular-keywords__tags li a {
  display: inline-block;
  padding: 6px 12px;
  font-size: 11px;
  color: var(--ua-black);
  background: var(--ua-bg-light-gray);
  border-radius: 100px;
  text-decoration: none;
  white-space: nowrap;
}
.ua-popular-keywords__tags li a:active {
  background: #e0e0e0;
}

/* ============================================================
   14. UA スタッフレビュー
   ============================================================ */
.site_underarmour .ua-staff-review {
  margin: 30px 0 50px 0;
  padding: 0 15px;
}
.site_underarmour .ua-staff-review__heading {
  font-size: 16px;
  font-weight: bold;
  color: var(--ua-black);
  margin: 0 0 16px;
}
.site_underarmour .ua-staff-review__body {
  display: block;
}
.site_underarmour .ua-staff-review__body + .ua-staff-review__body {
  margin-top: 40px;
}
/* 3 件目以降は初期非表示 */
.site_underarmour .ua-staff-review .ua-staff-review__body:nth-of-type(n+3) {
  display: none;
}
.site_underarmour .ua-staff-review.is-expanded .ua-staff-review__body:nth-of-type(n+3) {
  display: block;
}
.site_underarmour .ua-staff-review__more-wrap {
  text-align: center;
  margin-top: 32px;
}
.site_underarmour .ua-staff-review__more-btn {
  display: block;
  width: 100%;
  padding: 14px 24px;
  background: var(--ua-white);
  color: var(--ua-black);
  border: 1px solid var(--ua-black);
  border-radius: 4px;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
/* SP: 本文＋もっと見るボタンまで含めてグラデでマスク、さらに表示で全表示 */
.site_underarmour .ua-staff-review__content-section {
  position: relative;
}
.site_underarmour .ua-staff-review__masked {
  position: relative;
  max-height: 6.5em;
  overflow: hidden;
}
.site_underarmour .ua-staff-review__masked::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5em;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  pointer-events: none;
}
.site_underarmour .ua-staff-review__content-section.is-text-expanded .ua-staff-review__masked {
  max-height: none;
}
.site_underarmour .ua-staff-review__content-section.is-text-expanded .ua-staff-review__masked::after {
  display: none;
}
.site_underarmour .ua-staff-review__expand-wrap {
  margin-top: 8px;
}
.site_underarmour .ua-staff-review__expand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--ua-white);
  color: #333;
  text-align: center;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  padding: 20px 0;
  cursor: pointer;
  border: none;
  text-decoration: none;
  -webkit-appearance: none;
  appearance: none;
}
.site_underarmour .ua-staff-review__expand:hover {
  opacity: 0.8;
}
.site_underarmour .ua-staff-review__expand::after {
  content: "add_circle";
  font-family: 'Material Symbols Outlined';
  font-size: 24px;
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
  color: var(--main-color);
  margin-left: 0.1em;
}
.site_underarmour .ua-staff-review__content-section.is-text-expanded .ua-staff-review__expand-wrap {
  display: none;
}
.site_underarmour .ua-staff-review__profile-section {
  padding: 0 10px 0 0;
}
/* 投稿画像（SP：横スクロール） */
/* underarmour では「!」アイコンを非表示 */
.site_underarmour .free-shipping a.underFreeshipping:before,
.site_underarmour .couponContainer .text:before {
  display: none;
}

/* UIkit lightbox 内の前後/閉じるボタン（レビューモーダルスライドショー） */
.site_underarmour .uk-position-medium {
  max-width: calc(100% - (30px * 2));
  margin: 15px;
  border-radius: 50%;
}
.site_underarmour .ua-staff-review__images {
  margin: 16px -15px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.site_underarmour .ua-staff-review__images::-webkit-scrollbar {
  display: none;
}
.site_underarmour .ua-staff-review__images-list {
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
.site_underarmour .ua-staff-review__images-item {
  flex: 0 0 40%;
  margin: 0;
  padding: 0;
}
.site_underarmour .ua-staff-review__images-item a {
  display: block;
  overflow: hidden;
  border-radius: 8px;
}
.site_underarmour .ua-staff-review__images-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 関連アイテム：横スクロールカルーセル（トップの商品カードUIを流用） */
.site_underarmour .staff-review-detail__related-items {
  margin-top: 20px;
  padding: 0 15px;
}
.site_underarmour .staff-review-detail__section-heading {
  padding: 12px 0 8px;
}
.site_underarmour .staff-review-detail__related .staff-review-detail__section-heading {
  padding: 20px 0 8px;
}
.site_underarmour .staff-review-detail__related-carousel {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
  scrollbar-width: none;
}
.site_underarmour .staff-review-detail__related-carousel::-webkit-scrollbar {
  display: none;
}
.site_underarmour .staff-review-detail__related-carousel .catalogList_item {
  flex: 0 0 auto;
  /* 商品詳細の .catalogList>li（幅 calc((100% - 2px)/2.5)・gap 2px）と同等 */
  width: calc((100% - 2px) / 2.5);
  scroll-snap-align: start;
}
/* アイコン/画像の見た目は catalogList_template.css（カタログと同じ overlay ベース）に委ねる。
   ここで .product-image img やアイコンを独自に上書きすると base と競合して崩れるため指定しない。 */
/* 関連アイテムのレビュー星：トップ(.underarmourTop)と同じ黒スプライト寸法で表示 */
.site_underarmour .staff-review-detail__related-carousel .rev_catalog_summary_block .rating_catalog_summary_Box {
  display: inline-block;
  width: 66px;
  height: 12px;
  background: url(https://media.aws.locondo.jp/_assets/img/sp/icon_stars_black.png) no-repeat left bottom;
  background-size: 66px 24px;
}
.site_underarmour .staff-review-detail__related-carousel .rev_catalog_summary_block .rating {
  height: 12px;
  text-indent: -9999px;
  background: url(https://media.aws.locondo.jp/_assets/img/sp/icon_stars_black.png) no-repeat left top;
  background-size: 66px 24px;
}

/* プロフィール */
.site_underarmour .ua-staff-review__profile {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  background: #f5f5f5;
  padding: 8px;
  border-radius: 4px;
}
.site_underarmour .ua-staff-review__avatar {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.site_underarmour .ua-staff-review__profile-info p {
  font-size: 14px;
  line-height: 1.75;
  margin: 0;
  color: var(--ua-black);
}
.site_underarmour .ua-staff-review__name {
  font-weight: bold;
}

/* 評価軸 */
.site_underarmour .ua-staff-review__axes {
  list-style: none;
  margin: 30px 0px;
  padding: 0;
  display: grid;
  gap: 26px;
}
.site_underarmour .ua-staff-review__axis {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: 20px;
}
.site_underarmour .ua-staff-review__axis-label {
  font-size: 13px;
  font-weight: bold;
  color: var(--ua-black);
}
.site_underarmour .ua-staff-review__axis-scale {
  position: relative;
}
.site_underarmour .ua-staff-review__axis-min,
.site_underarmour .ua-staff-review__axis-max {
  position: absolute;
  top: -14px;
  font-size: 10px;
  color: #888;
  white-space: nowrap;
  right: 0;
}
.site_underarmour .ua-staff-review__axis-min {
  left: 0;
}
.site_underarmour .ua-staff-review__axis-dots {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 14px;
}
.site_underarmour .ua-staff-review__axis-dots::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 4px;
  right: 4px;
  height: 1px;
  background: #d0d0d0;
  transform: translateY(-50%);
}
.site_underarmour .ua-staff-review__axis-dots li {
  position: relative;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d0d0d0;
}
.site_underarmour .ua-staff-review__axis-dots[data-value="1"] li:nth-child(1),
.site_underarmour .ua-staff-review__axis-dots[data-value="2"] li:nth-child(2),
.site_underarmour .ua-staff-review__axis-dots[data-value="3"] li:nth-child(3),
.site_underarmour .ua-staff-review__axis-dots[data-value="4"] li:nth-child(4),
.site_underarmour .ua-staff-review__axis-dots[data-value="5"] li:nth-child(5) {
  width: 12px;
  height: 12px;
  background: var(--ua-black);
}

/* コンテンツ */
.site_underarmour .ua-staff-review__title {
  font-size: 15px;
  font-weight: bold;
  color: var(--ua-black);
  margin: 40px 0 15px;
}
.site_underarmour .ua-staff-review__text p,
.site_underarmour .ua-staff-review__text pre {
  font-size: 13px;
  line-height: 1.8;
  color: var(--ua-black);
  margin: 0 0 14px;
}
/* レビューが <pre> で挿入される場合: 表示領域からはみ出さないよう折り返し */
.site_underarmour .ua-staff-review__text pre {
  font-family: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.site_underarmour .ua-staff-review__more {
  display: block;
  width: 100%;
  margin-top: 16px;
  padding: 14px 0;
  background: var(--ua-black);
  color: var(--ua-white);
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
}
.site_underarmour .ua-staff-review__more:active {
  opacity: 0.7;
}

/* ============================================================
   15. カートページ
   ============================================================ */

/* レコメンド見出しはSP16pxに統一（UA汎用 .lc-u-h2 の17px!importantを枠限定で上書き。検索下部・商品詳細は既に16px） */
.site_underarmour .cartPage :is(.cart-ranking, .cart-favorite, .cart-recently, .cart-recentry) .lc-u-h2 {
  font-size: 16px !important;
}
/* お気に入りのスケルトンはロード後(スライダー: SP2.15枚・gap2px・左右15px)のカード寸法に合わせる。画像はサムネと同じ正方形 */
.site_underarmour .cartPage .cart-favorite .ua-reco-skeleton__item {
  flex: 0 0 auto;
  width: calc((100vw - 34px) / 2.15);
  min-width: 0;
  margin-right: 2px;
}
.site_underarmour .cartPage .cart-favorite .ua-reco-skeleton__item .product-image {
  aspect-ratio: 1 / 1;
}
/* 「カートに入れる」は両端10px内側に（margin-top:auto(下端揃え)を潰さないよう左右だけ指定） */
.site_underarmour .cartPage .cart-favorite .lc-row > li > .lc-btn {
  margin-left: 10px;
  margin-right: 10px;
}
/* 見出し行とカードの間隔も商品詳細(15px)に合わせる */
.site_underarmour .cartPage :is(.cart-ranking, .cart-favorite, .cart-recently) .lc-flexBox {
  margin-bottom: 15px;
}
/* 数量セレクトの高さ（base smp-common-boem_style.css:144 は 22px） */
.site_underarmour select.amount_select {
  height: 25px;
}
/* カート本体と先頭レコメンドの境界に40px。「直前の兄弟がレコメンドでない最初のレコメンド」にだけ
   効くため、b→dash 0件で「よく一緒に」が消えた場合はベストセラーが自動で40pxを引き継ぐ */
.site_underarmour .cartPage :not(:is(.cart-ranking, .cart-favorite, .cart-recently)) + :is(.cart-ranking, .cart-favorite, .cart-recently) {
  margin-top: 40px;
}
/* レコメンド同士の縦間隔を商品詳細下部と同じ40pxに（base .lc-section の padding:30px 0 を置き換え） */
.site_underarmour .cartPage :is(.cart-ranking, .cart-favorite, .cart-recently) {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 40px;
}
/* カートのレコメンド見出し横の「一覧」リンクは非表示 */
.site_underarmour .cartPage :is(.cart-ranking, .cart-favorite, .cart-recently, .cart-recentry) .lc-flexBox .lc-u-text-14 {
  display: none;
}
/* 横スクロールレコメンド(ベストセラー/お気に入り/最近チェック): base(smp-content-cart_order-koichi.css)の
   .catalogList{overflow-x:scroll} は縦バーも出る(yがauto計算)ため縦を抑止し、
   スクロールバー自体もトップ(.ua-tc-scroll)と同様に非表示にする。
   ※お気に入りだけコンテナが .catalogList ではなく .lc-row--scroll(style_boem.css:5975) */
.site_underarmour .cartPage :is(.cart-ranking, .cart-recently) .catalogList,
.site_underarmour .cartPage .cart-favorite .lc-row--scroll {
  overflow-y: hidden;
  scrollbar-width: none;
}
.site_underarmour .cartPage :is(.cart-ranking, .cart-recently) .catalogList::-webkit-scrollbar,
.site_underarmour .cartPage .cart-favorite .lc-row--scroll::-webkit-scrollbar {
  display: none;
}
/* --- ページ全体・見出し --- */
.site_underarmour .cart.cartPage {
  padding-bottom: 60px;
}
.site_underarmour .lc-u-title {
  font-size: 18px;
  color: var(--ua-black);
  font-weight: bold;
}
.site_underarmour .lc-u-h2 {
  font-weight: bold;
  font-size: 17px !important;
  color: var(--ua-black) !important;
  margin: 0;
}
/* view-history（最近チェックしたアイテム等）の見出し */
.site_underarmour .view-history .lc-u-h2 {
  text-align: center;
  font-size: 18px !important;
  font-weight: bold;
  color: var(--ua-black) !important;
  padding: 20px 0;
  margin: 0;
}
/* view-history: 選択中タブのラベルを太字に（base の view-history.css:97 は opacity のみ指定） */
.site_underarmour .catalog.view-history .tab.is-active span {
  font-weight: bold;
}
/* view-history・ランキングページ: カードのテキスト部の余白
   （base smp-content-catalog-koichi.css:3515 の padding-left:5px を上書き） */
.site_underarmour .catalog.view-history .product-text,
.site_underarmour .ua-ranking-page .product-text {
  width: 100%;
  padding: 8px 8px 0 8px;
}
/* view-history: カードは2列。base(view-history.css:25)が3列を指定するため詳細度を上げて上書きする */
.site_underarmour .catalog.view-history .catalogList_item {
  width: calc(calc(100% - 2px) / 2);
}
.site_underarmour .lc-section.cart-ranking .lc-flexBox,
.site_underarmour .lc-section.cart-favorite .lc-flexBox,
.site_underarmour .lc-section.lc-section--noBorder.cart-recently .lc-flexBox {
  align-items: center;
  margin-bottom: 15px;
}
/* カート：768px以上でセクション余白を調整（UA・カートのみ） */
@media screen and (min-width: 768px) {
  .site_underarmour .cartPage .lc-section {
    padding-top: 40px;
    padding-bottom: 0px;
  }
}

/* --- カート商品リスト --- */
.site_underarmour .cart-table .salesPrice span {
  font-weight: bold;
  font-size: 16px;
}

/* --- ギフト・返品ステータスフラグ（カート内でスタイルを統一） --- */
.site_underarmour .cart-table .giftFlag,
.site_underarmour .cart-table .resaleFlag {
  display: inline-block;
  color: #666;
  padding: 0.3em 0.4em;
  margin: 0 2px 2px 0;
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: normal;
  background-color: #f2f2f2 !important; /* smp-content-cart_order-koichi.css の #c7c7c7 !important に勝つ */
  white-space: nowrap;
  vertical-align: middle;
}
.site_underarmour .cart-table .giftFlag[data-gift="unavailable"] {
  color: var(--ua-red);
}
.site_underarmour .cart-table .resaleFlag.notReturnable,
.site_underarmour .cart-table .resaleFlag.multiplePurchase {
  color: var(--ua-red) !important;
}
/* giftFlag / oneshot-limit / purchase-limit の ::before の「※」を無効化 */
.site_underarmour .giftFlag::before,
.site_underarmour .oneshot-limit::before,
.site_underarmour .purchase-limit::before {
  content: none;
  margin-right: 0;
}

/* --- 送料表示 --- */
.site_underarmour .free-shipping .underFreeshipping {
  border: none;
  padding: 12px 8px;
}

/* --- 集計表（orderPrice-table）・注釈 --- */
.site_underarmour .grandTotal {
  display: none;
}
.site_underarmour .orderPrice-table th {
  font-size: 16px;
}
.site_underarmour .orderPrice-table .totalprice_subtotal-header {
  font-size: 18px !important;
  padding-bottom: 20px;
  font-weight: bold;
}
.site_underarmour .orderPrice-table td[name="totalPrice"],
.site_underarmour .orderPrice-table td[name="totalGiftPrice"],
.site_underarmour .orderPrice-table td[name="amountTax"] {
  vertical-align: top;
  text-align: right;
  font-size: 20px;
  letter-spacing: normal;
  font-weight: bold;
}
.site_underarmour .order-total-attention,
.site_underarmour .message_order .order-total-attention {
  margin: 0 0 16px 0;
}
/* ギフト注記: 表示中グループのギフト不可有無で出し分け（判定はJSが .cart_shop に
   is-gift-unavailable を付与。分割配送の切替にも連動）。
   なし=通常案内 gift-notes--default / あり=削除案内 gift-notes--unavailable。
   SP base の #cart_00000000 等(id詳細度)を !important で上書きする */
.site_underarmour .cart_shop .gift-notes--default {
  display: block !important;
  font-weight: normal;
}
.site_underarmour .cart_shop .gift-notes--unavailable {
  display: none !important;
}
.site_underarmour .cart_shop.is-gift-unavailable .gift-notes--default {
  display: none !important;
}
.site_underarmour .cart_shop.is-gift-unavailable .gift-notes--unavailable {
  display: block !important;
  font-weight: normal;
}
/* confirm(決済)ページ: 「まとめてラッピング」(option data-type="04") が選択されている
   giftId セレクトは操作不可にする。JS不要・選択状態に追従（disabledと違い値も送信される）。 */
.site_underarmour .commodityItem select[name="giftId"]:has(option[data-type="04"]:checked) {
  pointer-events: none;
  opacity: 0.6;
  background-color: #f5f5f5;
}
/* confirm(決済)ページ: 商品ごとのギフト不可ラベル（他アイコン .resaleFlag と揃える） */
.site_underarmour .commodityItem .giftFlag {
  color: #999;
  font-size: 11px !important;
  margin: 4px 4px 0 0;
}
/* confirm(決済)ページ: ギフト関連の注記（ギフト不可 / まとめてラッピング） */
.site_underarmour .ua-gift-unavailable-notice,
.site_underarmour .ua-gift-matome-notice {
  margin: -8px 0 12px;
  color: #666;
  font-size: 1.2rem;
  line-height: 1.6;
}
/* スタッフサムネイルのプレースホルダ背景 */
.site_underarmour .coordinate__catalog__user-img-clip {
  background: #f6f6f6;
}
/* スタッフサムネイルは上揃え（base smp-content-coordinate.css:712 は vertical-align:middle） */
.site_underarmour .coordinate__catalog__user-img {
  vertical-align: top;
}
.site_underarmour .coordinate-detail__user-img a {
  background: #f6f6f6;
}
/* コーデ一覧ページのパンくずに左余白（#contents_ver4 > #coordinate を持つページのみ） */
.site_underarmour #contents_ver4:has(> #coordinate) > .breadcrumbs {
  margin-left: 10px;
}
/* ポイントが使えるのはApp版のみのため、現状非表示 */
.site_underarmour .points-only {
  display: none;
}

/* --- お気に入り（cart-favorite） --- */
.site_underarmour .cart-favorite .lc-btn--primary {
  font-weight: bold;
  font-size: 12px;
  background: var(--ua-red);
}
.site_underarmour .cart-favorite .lc-item__price {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-top: 3px;
  font-weight: bold;
}
.site_underarmour .cart-favorite .lc-item__price__old {
  font-weight: normal;
  font-size: 12px;
  margin-left: 5px;
  order: 1;
}
.site_underarmour .lc-item__price__special {
  color: var(--ua-red);
}
/* お気に入り画像を前後のベストセラー/チェックしたアイテム(catalogList)と同じ 5/6 比率・object-fit に揃える */
.site_underarmour #fav .lc-item__image,
.site_underarmour #fav .lc-item__image img,
.site_underarmour #fav .lc-item__image:before {
  aspect-ratio: 5 / 6;
}
.site_underarmour #fav .lc-item__image {
  display: flex;
  align-items: center;
  position: relative;
}
.site_underarmour #fav .lc-item__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* --- 最近チェックしたアイテム --- */
.site_underarmour .cart-recently .catalogList_item .product-text {
  display: block;
}

/* --- ボタン --- */
.site_underarmour .lc-btn--primary {
  background: var(--ua-black);
  font-weight: bold;
}
.site_underarmour .lc-btn--iconL [class^="icon-"]:before {
  display: none;
}
.site_underarmour .lc-section__inner.new_steplink button.newregist.newregistBtn {
  padding: 0;
}
/* ============================================================
   16. 決済（注文確認）ページ
   ============================================================ */
.site_underarmour .deliveryMethoddivall__note {
  margin: 12px 0 0;
  padding: 8px 0 0 1em;
  text-indent: -1em;
  font-size: 12px;
  color: var(--ua-text-gray);
  line-height: 1.6;
}
.site_underarmour .js-getPoint {
  color: var(--ua-red);
}
.site_underarmour .acquirePoint {
  font-weight: bold;
}
/* 各種選択UIボタン共通: bold */
.site_underarmour .confirm .btn-confirm,
.site_underarmour .confirm .delivery_date_inner button,
.site_underarmour .confirm .select_address_inner button,
.site_underarmour .confirm .select_payment_inner button,
.site_underarmour .confirm .point_coupon_inner button {
  font-weight: bold;
}
.site_underarmour .confirm .btn-confirm,
.site_underarmour .btn-confirm {
  background: var(--ua-red);
}
.site_underarmour .confirm .delivery_date_inner button,
.site_underarmour .confirm .select_address_inner button,
.site_underarmour .confirm .select_payment_inner button,
.site_underarmour .confirm .point_coupon_inner button {
  background-color: var(--ua-black);
  color: #fff;
  border: none;
}
.site_underarmour #deliverySelect {
  padding-top: 0;
}
.site_underarmour #deliverySelect dt.deli-title {
  display: none;
}
.site_underarmour .delivery_date .deli-shippingFreeMsg {
  margin: 10px 0 0;
  font-size: 1.2rem;
  color: #fff;
  background: #00aa52;
  text-align: center;
  padding: 8px;
  font-weight: bold;
}
.site_underarmour .confirm .select_address h3,
.site_underarmour .confirm .select_payment h3,
.site_underarmour .confirm .delivery_date h3,
.site_underarmour .confirm .point_coupon h3,
.site_underarmour .confirm .gift_message h3,
.site_underarmour .confirm .items_in_cart h3,
.site_underarmour .confirm .select_coin h3,
.site_underarmour .confirm .locondo_coupon h3,
.site_underarmour .confirm .locondo_point h3 {
  font-weight: bold;
}
.site_underarmour #shopping-cart-totals-table .total {
  font-weight: bold;
}
.site_underarmour .edit_btn button {
  font-weight: bold;
}
.site_underarmour .order-total-table .new_steplink button {
  font-weight: bold;
  background: var(--ua-red);
}
.site_underarmour input[name="deliveryChargeId"]:checked + label .deliveryNameText {
  font-weight: bold !important;
}
/* ============================================================
   17. 注文完了ページ
   ============================================================ */

/* お買い忘れ枠は親(.complete__contents{padding:0 16px})の内側で、スライダーの左右15pxと
   二重余白になるため、負マージンで親paddingを打ち消して他ページと同じ「画面端から15px」に揃える */
.site_underarmour .complete__contents .wrap_orderComplete_recommend {
  margin-left: -16px;
  margin-right: -16px;
}
/* 全幅化に伴い見出しには左右15pxを持たせる */
.site_underarmour .complete__contents .wrap_orderComplete_recommend .thanksbuy {
  padding: 0 15px;
}
.site_underarmour .wrap_orderComplete_recommend .catalogList>li {
  width: calc(100% / 2.5) !important;
}
.site_underarmour .wrap_orderComplete_recommend .thanksbuy {
  text-align: left !important;
}
.site_underarmour .wrap_orderComplete_recommend .catalogList {
  gap: 2px;
}
.site_underarmour .complete__contents.message_order .complete__contents--ttl {
  font-size: 16px;
  font-weight: bold;
  color: var(--ua-black);
}
.site_underarmour .box-share-social a.link {
  display: block;
  background: var(--ua-black);
  font-weight: bold;
}

/* ============================================================
   18. お気に入りページ
   ============================================================ */
.site_underarmour .favorite_list .product-text > .priceWrap {
  order: 2;
  margin: 6px 0;
}
/* お気に入り一覧のセール価格を UA-RED に（base: #ed143d） */
.site_underarmour .favorite_list .product-text .special_price {
  color: var(--ua-red);
  font-size: 16px !important;
}
.site_underarmour .favorite_list .favoriteList_item_cart button {
  background: var(--ua-red);
  border-radius: 4px;
}
.site_underarmour .favorite_list .favoriteList_item_cart button:hover {
  background-color: var(--ua-red);
  opacity: 0.7;
}
.site_underarmour .favorite_list .favoriteList_item_feedback .buttonToCart a {
  color: var(--ua-red);
  border: 1px solid;
}
.site_underarmour .favorite_list .favoriteList_item_feedback .feedbackText {
  font-size: 11px;
  color: var(--ua-red);
  display: block;
  text-align: center;
}
.site_underarmour .favorite-list .block_favoriteList_control .item-num {
  border-right: none;
}
/* 購入済みを隠すフィルタ適用中は件数を太字に */
.site_underarmour .favorite-list:has(.item-hidePurchased) .block_favoriteList_control .item-num {
  font-weight: bold;
}
/* お気に入り：アイテム / チームメイト タブ（deliveryTab を共用） */
.site_underarmour .deliveryTab.ua-favorite-tab {
  display: table;
  width: 100%;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  margin: 0 0 20px;
}
.site_underarmour .deliveryTab.ua-favorite-tab li {
  display: table-cell;
  width: 50%;
  text-align: center;
  font-size: 15px;
  background: #eee;
  border-bottom: 1px solid #ccc;
  color: var(--ua-text-gray);
}
.site_underarmour .deliveryTab.ua-favorite-tab li:first-of-type {
  border-right: 1px solid #ccc;
}
.site_underarmour .deliveryTab.ua-favorite-tab li a {
  display: block;
  padding: 16px;
  color: var(--ua-text-gray) !important;
  text-decoration: none !important;
}
.site_underarmour .deliveryTab.ua-favorite-tab li.is-active {
  background: var(--ua-white);
  border-bottom: none;
}
.site_underarmour .deliveryTab.ua-favorite-tab li.is-active a {
  color: var(--ua-black) !important;
  font-weight: bold;
}
.site_underarmour .deliveryTab.ua-favorite-tab li a:hover {
  background: #f5f5f5;
}
.site_underarmour .deliveryTab.ua-favorite-tab li.is-active a:hover {
  background: var(--ua-white);
}

/* ============================================================
   19. マイページ・ログアウト・その他
   ============================================================ */
.site_underarmour .submeny-mypage_qr {
  display: none;
}
.site_underarmour .lc-list.submeny-mypage {
  padding-bottom: 20px;
}
.site_underarmour .lc-list.submeny-mypage > li {
  border: none;
}
/* --- 注文履歴 --- */
.site_underarmour .page_orderHistory .wrap-heading,
.site_underarmour .page_other-site-order-history .wrap-heading {
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
/* オンラインストア / 店舗でのご注文 ボタン */
.site_underarmour .page_orderHistory .wrap-heading .heading_navi,
.site_underarmour .page_other-site-order-history .wrap-heading .heading_navi {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
}
.site_underarmour .page_orderHistory .wrap-heading .heading_navi li a,
.site_underarmour .page_other-site-order-history .wrap-heading .heading_navi li a {
  display: block;
  padding: 8px 20px;
  border: 1px solid var(--ua-black);
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--ua-black);
  background: var(--ua-white);
  text-decoration: none;
}
.site_underarmour .page_orderHistory .wrap-heading .heading_navi li a.active,
.site_underarmour .page_other-site-order-history .wrap-heading .heading_navi li a.active {
  background: var(--ua-black);
  color: var(--ua-white);
}
/* 25年9月以前のご注文はこちら */
.site_underarmour .page_orderHistory .wrap-heading .link_otherSiteOrderHistory {
  align-self: flex-end;
  font-size: 12px;
}
.site_underarmour .page_orderHistory .wrap-heading .link_otherSiteOrderHistory a {
  width: inherit;
  color: var(--ua-text-gray);
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* 件数表示（text-align/color は共通 smp-content-mypage.css で指定済み） */
.site_underarmour .mypage.page_orderHistory .count {
  margin-bottom: 15px;
}
/* メインコンテンツ先頭の見出し（注文履歴・注文詳細など） */
.site_underarmour #smp_main_content:not(.product) h2:first-child {
  font-weight: bold;
  text-align: center;
}
/* 生年月日 select はバリデーションエラーで .attention が付いても黒字のまま
   （共通CSSの .attention{color:#d00} を UA限定で打ち消す。エラーは下部メッセージで示す） */
.site_underarmour select[name^="birthDate"].attention {
  color: #000 !important;
}
/* 会員登録：未成年者向け保護者同意の案内文 */
.site_underarmour .registAgree-minorNote {
  text-align: left;
  line-height: 1.75;
  color: #666;
  margin: 10px 0 0 0;
}
/* customer-account の見出し */
.site_underarmour .mypage.customer-account h2 {
  font-weight: bold;
  text-align: center;
}
.site_underarmour .customer-account .confirmBtnGroup {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
  gap: 10px;
}
/* 会員情報変更：パスワード変更ボタン（白背景・黒ボーダー） */
.site_underarmour .formBlock.changepassword input[type="button"] {
  background: var(--ua-white);
  color: var(--ua-black);
  border: 1px solid var(--ua-black);
  border-radius: 4px;
}
.site_underarmour .detail_container {
  margin-top: 10px;
}
.site_underarmour .orderHistoryItem .commodityList {
  padding-bottom: 8px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 8px;
}
.site_underarmour .orderHistoryItem .totalPrice {
  display: flex;
  height: 40px;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0 10px;
  padding: 0 0 10px 0;
  font-size: 14px;
  color: var(--ua-black);
  border: none;
}
.site_underarmour .orderHistoryItem .totalPrice strong {
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: normal;
}
.site_underarmour .orderHistoryItem .deliveryData {
  padding: 0px 15px 5px 15px;
}
/* 「ご注文から4日以内に発送」の場合は隣の「お届け予定」ラベルを非表示 */
.site_underarmour .js_deliverySchedule[data-schedule="ご注文から4日以内に発送"] + .word {
  display: none;
}
.site_underarmour .orderHistoryItem .btnToOrderDetail {
  background: var(--ua-black);
  border-color: var(--ua-black);
  color: var(--ua-white);
  font-weight: bold;
}
.site_underarmour .orderHistoryItem .btnToOrderDetail a {
  color: var(--ua-white);
}
.site_underarmour .orderHistoryItem .btnToOrderDetail,
.site_underarmour .orderHistoryItem .btnGroup .btnToWanco {
  border-radius: 4px;
}
/* 旧サイト注文(/mypage/other-site-order-history)では店舗購入向けの要素を非表示にする。
   - commodityHead: 店舗名・獲得予定ポイント
   - .btnToWanco.-storeBuy: 「店舗へお問い合わせください」ボタン
   ページング描画のJS(jquery.real-store-order-history-sp.js)が historyCondition の分岐を持たず
   旧サイト注文にも出してしまうため。店舗購入ページはコンテナに .real-store が付くので除外する */
.site_underarmour .page_other-site-order-history:not(.real-store) .orderHistoryItem .commodityHead,
.site_underarmour .page_other-site-order-history:not(.real-store) .orderHistoryItem .btnToWanco.-storeBuy {
  display: none;
}
/* 店舗購入: 店舗名・獲得予定ポイントブロックの体裁（baseにスタイル無し） */
.site_underarmour .orderHistoryItem .commodityHead {
  margin: 15px 15px;
}
/* 一覧の上余白を詰める（margin:0 15px は base:41 と同値のため padding だけ上書き） */
.site_underarmour .page_orderHistory .order_history,
.site_underarmour .page_other-site-order-history .order_history {
  padding-top: 0;
}
/* 旧サイト注文・店舗購入: 問い合わせボタンは全幅（base smp-content-mypage-orderHistory.css:389 は width:64px） */
.site_underarmour .page_other-site-order-history .orderHistoryItem .btnGroup .btnToWanco {
  width: 100%;
}
/* 店舗購入: 問い合わせボタン(btnToWanco)は出さない。「店舗へお問い合わせください」(-storeBuy)のみ表示 */
.site_underarmour .page_other-site-order-history.real-store .orderHistoryItem .btnGroup .btnToWanco:not(.-storeBuy) {
  display: none;
}
/* 店舗購入: 「店舗へお問い合わせください」の上余白を詰める（base smp-content-mypage-orderHistory.css:398 は 12px） */
.site_underarmour .orderHistoryItem .btnGroup .btnToWanco.-storeBuy {
  margin-top: 0;
}
/* 価格・数量の文字色（display/font-weight は base:187 が同値で指定済みのため色だけ上書き） */
.site_underarmour .orderHistoryItem .commodity .textGroup .price,
.site_underarmour .orderHistoryItem .commodity .textGroup .amount {
  color: #1d1d1d;
}
.site_underarmour .orderHistoryItem .commodityHead .storeName {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  color: #444444;
  margin-bottom: .3em;
}
/* 旧サイト注文・店舗購入: ページング下の件数表示は右寄せ（コンテナは両ページ共通クラス） */
.site_underarmour .page_other-site-order-history .count {
  text-align: right;
  padding: 15px;
}
.site_underarmour .deliveryTab li.is-active a {
  color: var(--ua-black);
  font-weight: bold;
}
.site_underarmour .order-detail-no {
  font-size: 14px;
  font-weight: normal;
}
.site_underarmour .order_detail {
  border: none;
}
.site_underarmour .order_detail h3,
.site_underarmour .customerInformation h3,
.site_underarmour .giftService_paymentMethod h3,
.site_underarmour .shippingAddress h3,
.site_underarmour .shippingInfomation h3 {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 12px;
  font-weight: normal;
  color: var(--ua-text-gray);
  font-size: 12px;
}
.site_underarmour .order_detail h3::after,
.site_underarmour .customerInformation h3::after,
.site_underarmour .giftService_paymentMethod h3::after,
.site_underarmour .shippingAddress h3::after,
.site_underarmour .shippingInfomation h3::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #e0e0e0;
}
.site_underarmour .order_detail dl,
.site_underarmour .order_detail ul {
  overflow: hidden;
  line-height: 165%;
  margin-bottom: 20px;
  color: var(--ua-black);
  font-size: 13px;
}
.site_underarmour .order-total-table table {
  width: 100%;
  font-size: 14px;
  line-height: 1.3;
}
.site_underarmour .order-total-table table .total {
  font-weight: bold;
  font-size: 16px;
}
.site_underarmour .order-total-table table .-fee {
  padding-top: 4px;
}
.site_underarmour .modifiedAddress_notice a {
  text-decoration: underline;
}
.site_underarmour .mypage .back_link a {
  display: block;
  margin: 0 0 30px 0;
  border: 1px solid var(--ua-black);
  border-radius: 4px;
  color: var(--ua-black);
  font-weight: normal;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
}
.site_underarmour .mypage .back_link a:before {
  display: none;
}
.site_underarmour .orderHistoryItem .status strong[data-status="未出荷"] {
  color: var(--ua-red);
}
.site_underarmour .orderHistoryItem .status strong[data-status="出荷済み"] {
  color: #2e7d32;
}
.site_underarmour .exchange_text {
  line-height: 1.5;
}
.site_underarmour .logoutPage {
  padding-bottom: 60px;
  line-height: 1.5;
}

/* ============================================================
   20. スライドメニュー アニメーション短縮 (0.4s → 0.2s)
   ============================================================ */
.site_underarmour .lc-slideMenu,
.site_underarmour .lc-slideMenu.active {
  transition: .2s;
}
.site_underarmour .lc-slideMenu.active .lc-slideMenu__close {
  transition: .2s .2s;
}
.site_underarmour .user_info input {
  outline: none;
  border: 1px solid #ddd;
  padding: 8px;
  border-radius: 4px;
}
.site_underarmour .back_link {
  padding: 0;
}
.site_underarmour .back_link a {
  display: block;
  position: relative;
  margin: 40px 0;
  border: 1px solid var(--ua-black);
  border-radius: 4px;
  color: var(--ua-black);
  font-weight: normal;
  text-align: center;
  padding: 14px 20px;
  text-decoration: none;
}
.site_underarmour .back_link a:before {
  display: none;
}
.site_underarmour .back_link a:after {
  left: 20px;
}

/* ============================================================
   21. UAマイページ (SP)
   ============================================================ */
/* タイトル: マイページ */
.site_underarmour .mypage_main .mypage_title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: var(--ua-black);
  padding: 20px 0;
  margin: 0;
}
.site_underarmour .mypage_main .mypageCont {
  background: var(--ua-bg-light-gray);
}
.site_underarmour .mypage_main .statusBlock {
  padding: 40px 15px;
}
.site_underarmour .mypage_main .statusBlock .heading {
  font-size: 18px;
  text-align: left;
  color: var(--ua-black);
  font-weight: bold;
  background: none;
  margin: 0 0 15px 0;
}
.site_underarmour .mypage_main .mypage_noveltyDrawing,
.site_underarmour .mypage_main .mypage_newmessage,
.site_underarmour .mypage_main .mypage_review {
  border: 1px solid var(--ua-red);
  color: var(--ua-red);
  background: var(--ua-white);
  font-weight: normal;
  /* baseのline-height/padding都合でテキストが下寄りに見えるためflexで上下左右中央に */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25em; /* flex化でテキストと件数(.large)の間のスペースが詰まるため */
}
.site_underarmour .mypage_main .mypage_review .reviewNum.large,
.site_underarmour .mypage_main .mypage_noveltyDrawing .large,
.site_underarmour .mypage_main .mypage_newmessage .large {
  font-size: 20px;
  letter-spacing: normal;
  font-weight: bold;
}
/* ステータスグループ (累計ポイント + UA REWARDS) */
.site_underarmour .ua-mypage__statusGroup {
  background: none;
  border-radius: 4px;
  padding: 0;
  margin: 16px 0;
}
/* 累計ポイント */
.site_underarmour .ua-mypage__points {
  background: var(--ua-white);
  border-radius: 4px;
  padding: 24px 16px 20px;
  text-align: center;
}
.site_underarmour .ua-mypage__points-heading {
  display: block;
  font-size: 13px;
  color: var(--ua-text-gray);
  margin-bottom: 8px;
}
.site_underarmour .ua-mypage__points-amount {
  margin: 0 0 10px 0;
  font-weight: bold;
  color: var(--ua-black);
  letter-spacing: normal;
}
.site_underarmour .ua-mypage__points-amount strong {
  font-size: 34px;
  font-weight: bold;
}
.site_underarmour .ua-mypage__points-amount .unit {
  font-size: 13px;
  font-weight: normal;
  margin-left: 4px;
}
.site_underarmour .ua-mypage__points-expire {
  margin: 6px 0 12px;
  font-size: 13px;
  font-weight: normal;
  color: var(--ua-black);
}
.site_underarmour .ua-mypage__points-expire span {
  font-weight: bold;
}
.site_underarmour .ua-mypage__points-links {
  display: flex;
  justify-content: center;
  gap: 16px;
  font-size: 12px;
}
.site_underarmour .ua-mypage__points-links a {
  color: var(--ua-text-gray);
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* UA REWARDS バナー */
.site_underarmour .ua-mypage__rewards {
  display: block;
  background: var(--ua-white);
  border-top: 2px solid var(--ua-bg-light-gray);
  padding: 24px 0 0;
  margin: 24px -16px 0;
  text-align: center;
  text-decoration: none;
  color: var(--ua-black);
}
.site_underarmour .ua-mypage__rewards-link {
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--ua-black);
}
.site_underarmour .ua-mypage__rewards-logo {
  display: block;
  max-width: 160px;
  height: auto;
  margin: 0 auto;
}
.site_underarmour .ua-mypage__rewards-text {
  margin: 0;
  font-size: 12px;
  color: var(--ua-black);
  line-height: 1.6;
}
/* レビュー投稿 */
.site_underarmour .ua-mypage__review {
  display: block;
  background: var(--ua-white);
  border-radius: 4px;
  padding: 24px 16px;
  margin: 12px 0;
  text-align: center;
  color: var(--ua-black);
}
.site_underarmour .ua-mypage__review-link a {
  color: var(--ua-black);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.site_underarmour .ua-mypage__review-heading {
  display: block;
  font-size: 13px;
  color: var(--ua-text-gray);
  margin-bottom: 8px;
}
.site_underarmour .ua-mypage__review-count {
  margin: 0;
  font-weight: bold;
  color: var(--ua-black);
}
.site_underarmour .ua-mypage__review-count strong {
  font-size: 34px;
  font-weight: bold;
  margin-right: 4px;
}
.site_underarmour .ua-mypage__review-count .unit {
  font-size: 13px;
  font-weight: normal;
  margin-left: 4px;
}
.site_underarmour .ua-mypage__review-link {
  margin: 8px 0 0;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* 主要メニュー (2列カード) */
.site_underarmour .ua-mypage__menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  list-style: none;
  margin: 24px 15px;
  padding: 0;
}
.site_underarmour .ua-mypage__menu li {
  margin: 0;
  padding: 0;
}
.site_underarmour .ua-mypage__menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 12px 8px;
  border: 1px solid var(--ua-black);
  border-radius: 4px;
  color: var(--ua-black);
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  background: var(--ua-white);
}
/* レビュー投稿ページ ポイント情報リンク (BOEM 共通CSS の text-decoration:none を上書き) */
.site_underarmour .rev_point_historyLink a,
.site_underarmour .rev_point_linkToGuide a {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.site_underarmour .rev_point_linkToGuide a:after {
  background: var(--ua-white);
  padding: 2px;
}
.site_underarmour h2.rev_item {
  font-size: 16px;
  font-weight: bold;
}
.site_underarmour h2.rev_item .notice_small_txt {
  display: none;
}
.site_underarmour .post_alert_container h4 {
  color: var(--ua-black);
  font-weight: bold;
}
.site_underarmour .review_btn button {
  border-radius: 4px;
  color: var(--ua-white);
  background-color: var(--ua-black);
  font-size: 15px;
  border: none;
  font-weight: bold;
  width: 100%;
  margin-bottom: 20px;
  padding: 16px 0;
}
.site_underarmour .review_wrapper h3 {
  background: var(--ua-black);
  color: var(--ua-white);
  font-weight: bold;
}
.site_underarmour .review_wrapper.confirm h2 {
  font-size: 18px;
  padding: 0 15px 10px;
  font-weight: bold;
  text-align: center;
}
.site_underarmour .review_wrapper.confirm .wrapper .caution {
  color: var(--ua-red);
  border: 1px solid var(--ua-red);
  font-size: 12px;
}
.site_underarmour .confirm button.start {
  font-weight: bold;
}
/* UA はコインを使用しないため、領収書のコイン利用行を非表示 */
.site_underarmour .receipt__coin {
  display: none;
}
/* 返品/交換ボタン */
.site_underarmour .order_return a {
  background: var(--ua-black);
  border-color: var(--ua-black);
  color: var(--ua-white);
}
/* マイページ系（submeny-mypage が存在するページ）はフッターの上余白をなくす */
.site_underarmour:has(.submeny-mypage) .lc-footer {
  margin-top: 0;
}
/* ノベルティ抽選応募 (draw-entry): 規約同意のラベルを縦並びにする */
.site_underarmour .mypage.draw-entry #terms_message label {
  display: block;
}

/* ============================================================
   22. 商品詳細：UA モーダル（payment / giftwrap / point）
   ============================================================ */
/* --- 共通: ダイアログ枠・見出し・閉じるボタン --- */
.site_underarmour [id^="ua-modal-"] .uk-modal-dialog {
  width: calc(100% - 30px);
  max-width: 480px;
  margin: 15px;
  border-radius: 8px;
  padding: 24px 20px;
  background: var(--ua-white);
  color: var(--ua-black);
}
.site_underarmour #ua-modal-sizeguide .uk-modal-dialog {
  min-height: 80vh;
}
.site_underarmour [id^="ua-modal-"] h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 16px;
}
.site_underarmour [id^="ua-modal-"] .uk-modal-close-default {
  color: var(--ua-black);
  top: 8px;
  right: 8px;
}
/* --- 共通: タイポグラフィ --- */
.site_underarmour [id^="ua-modal-"] p,
.site_underarmour [id^="ua-modal-"] ul {
  font-size: 13px;
  line-height: 1.7;
}
.site_underarmour [id^="ua-modal-"] ul {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.site_underarmour [id^="ua-modal-"] ul.ua-modal-point__list {
  margin-top: 0;
}
.site_underarmour [id^="ua-modal-"] a {
  text-decoration: underline;
}

/* --- お支払いモーダル --- */
.site_underarmour .ua-modal-payment__list {
  margin-top: 16px;
}
.site_underarmour .ua-modal-payment__list li {
  margin-top: 20px;
}
.site_underarmour .ua-modal-payment__list li:first-child {
  margin-top: 0;
}
.site_underarmour .ua-modal-payment__list li img {
  display: block;
  height: auto;
  margin: 8px 0 0 1em;
  max-width: 100%;
}
.site_underarmour .ua-modal-payment__list li:nth-of-type(1) img { width: 220px; }
.site_underarmour .ua-modal-payment__list li:nth-of-type(2) img { width: 66px; }
.site_underarmour .ua-modal-payment__list li:nth-of-type(3) img { width: 140px; }
.site_underarmour .ua-modal-payment__list li:nth-of-type(4) img { width: 140px; margin-top: 0; }
.site_underarmour .ua-modal-payment__list li:nth-of-type(5) img { width: 90px; } /* PayPay(正方形ロゴ) */
.site_underarmour .ua-modal-payment__list li:nth-of-type(6) img { width: 90px; } /* d払い(正方形ロゴ) */
/* PayPay は利用開始まで1か月以上かかるため、PayPay の行（5行目）のロゴの下に注釈（JSP のリリースを待たずに出すため CSS で表示。開始後に削除） */
.site_underarmour .ua-modal-payment__list li:nth-of-type(5)::after {
  content: "※12月以降にご利用いただけます。";
  display: block;
  margin: 8px 0 0 1em;
  font-size: 12px;
}
.site_underarmour .ua-modal-payment a {
  margin-top: 24px;
  display: block;
}

/* --- ギフトラッピングモーダル --- */
.site_underarmour .ua-modal-giftwrap__list li {
  margin-top: 8px;
}
/* 「・」始まりの注記が折り返したときにテキスト先頭で揃うぶら下がりインデント（画像liは除く） */
.site_underarmour .ua-modal-giftwrap__list li:not(:first-child) {
  padding-left: 1em;
  text-indent: -1em;
}
.site_underarmour .ua-modal-giftwrap__list li:first-child {
  margin-top: 0;
  margin-bottom: 12px;
}
.site_underarmour .ua-modal-giftwrap__list li img {
  display: block;
  width: 100%;
  height: auto;
}
.site_underarmour .ua-modal-giftwrap__price {
  font-weight: bold;
}
.site_underarmour .ua-modal-giftwrap__caution {
  font-weight: bold;
  margin-top: 16px !important;
}
.site_underarmour .ua-modal-giftwrap__nowrap {
  text-decoration: underline;
  white-space: nowrap;
}
/* ギフトページ(/pages/gift)への導線ボタン（UA共通の黒背景・白文字） */
.site_underarmour .ua-modal-giftwrap__btn {
  display: block;
  text-align: center;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #1d1d1d;
  border: none;
  border-radius: 4px;
  text-decoration: none !important;
  transition: opacity 0.2s;
  margin: 20px auto;
}
.site_underarmour .ua-modal-giftwrap__btn:hover {
  opacity: 0.7;
}

/* --- ポイントモーダル --- */
.site_underarmour .ua-modal-point p {
  margin: 12px 0 0;
}
.site_underarmour .ua-modal-point p:first-of-type {
  margin-top: 0;
}
.site_underarmour .ua-modal-point__links {
  margin: 12px 0;
}
.site_underarmour .ua-modal-point__list li {
  margin-top: 8px;
  padding-left: 1em;
  text-indent: -1em;
}
.site_underarmour .ua-modal-point__list li:first-child {
  margin-top: 0;
}

/* お気に入りリスト: VisitorFavoriteList の React モジュール由来の要素を非表示 */
.site_underarmour [class*="index-module__pJcyQW__BreadCrumbs"],
.site_underarmour [class*="index-module__zVJOza__VisitorFavoriteListHeader"] {
  display: none;
}
/* お気に入り一覧ページ内のみ StaffStart の TabButtons を非表示 */
.site_underarmour .favorite-item [class*="index-module__qtbW3W__TabButtons"] {
  display: none;
}

/* StaffStart のフィルタ(並び替え)を親ラッパーごと非表示。
   ハッシュ付きクラス名に依存せず、安定した id を子に持つ親を :has で狙う */
.site_underarmour :has(> #ss-1-filter-label) {
  display: none !important;
}
/* StaffStart のお気に入りボタンを非表示（ハッシュに依存しない部分一致） */
.site_underarmour [class*="FavoriteButtonContainer"] {
  display: none !important;
}
.site_underarmour #ss-staffList {
  padding: 20px 15px;
}
.site_underarmour #ss-staffDetail {
  padding: 0 15px;
}

/* ============================================================
   23. 検索結果下部・0件時のレコメンド（UA）
   ・既存のランキング/閲覧履歴と同じ「一行スライダ」レイアウト
   ・見出しは 18px / 700 / #1d1d1d / border: none
   ============================================================ */
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) {
  margin: 40px 0 0;
}
/* レコメンド同士の縦間隔は商品詳細下部(各面 margin-bottom:40px)と同じにする */
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .brand_category_ranking,
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .recently_viewed_item,
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .zeroResult_recommend_item,
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .wrap_recently_viewed_item,
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .wrap_brand_category_ranking,
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .wrap_random_recommend_item {
  padding: 0;
  margin-bottom: 40px;
}
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .wrap_brand_category_ranking .heading,
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .wrap_recently_viewed_item .heading,
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .wrap_random_recommend_item .heading,
.site_underarmour .wrap_brand_category_ranking .heading,
.site_underarmour .wrap_recently_viewed_item .heading,
.site_underarmour .wrap_random_recommend_item .heading {
  font-size: 16px !important;
  font-weight: bold;
  color: #1d1d1d;
  margin: 0 0 15px; /* 見出しとカードの間隔。商品詳細(baseの.heading margin-bottom:15px)に合わせる */
  border: none;
  padding: 0 15px;
  text-align: left !important;
}
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) :is(.brand_category_ranking, .recently_viewed_item, .zeroResult_recommend_item) .catalogList .catalogList_item,
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .random_recommend_item .catalogList .catalogList_item {
  width: calc((100% - 40px) / 2);
  flex-grow: 0;
  flex-shrink: 0;
}
.site_underarmour .sequence_count.-bottom {
  border-bottom: 1px solid #eee;
}
.site_underarmour .category_explanation {
  display: none !important;
}
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) .random_recommend_item .catalogList .catalog-campaignGroup {
  visibility: visible !important;
}
/* UA: ランキングバッジを丸に（トップページと統一） */
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) :is(.brand_category_ranking, .random_recommend_item) .catalogList .badge {
  width: 24px;
  height: 24px;
  min-width: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 50%;
  background-color: rgb(65 62 59 / .15);
  color: #333;
  padding: 0;
  top: 4px;
  left: 4px;
}
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) :is(.brand_category_ranking, .random_recommend_item) .catalogList .badge em {
  color: inherit;
}
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) :is(.brand_category_ranking, .random_recommend_item) .catalogList .catalogList_item:nth-child(1) .badge {
  background: #c2aa62;
  color: #fff;
}
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) :is(.brand_category_ranking, .random_recommend_item) .catalogList .catalogList_item:nth-child(2) .badge {
  background: #b1b1b5;
  color: #fff;
}
.site_underarmour :is(.catalog_bottom_contents, .catalog_zero_result_contents) :is(.brand_category_ranking, .random_recommend_item) .catalogList .catalogList_item:nth-child(3) .badge {
  background: #b9886d;
  color: #fff;
}
/* カタログ下部ランキング(brand_category_ranking)の上部アイコンをランキングバッジ分下げる（全カードでバッジ表示のため無条件） */
[data-icon-layout="overlay"].site_underarmour .brand_category_ranking .catalogList .product-icon:not(.-bottom) {
  top: 30px;
}

/* 「店舗在庫なし」の表示 — デフォルトは visibility: hidden でレイアウト保持のみだが
   UA は文言を視認できるようにする */
.site_underarmour .trgShowStorestock-hidden,
.site_underarmour .storestock.-hidden {
  visibility: visible;
}
.site_underarmour .stock-remaining,
.site_underarmour .data_last_item {
  color: var(--ua-red);
}
/* 決済/カートの割引・ポイントバック表記を UA-RED に（base smp-content-cart_order-koichi.css: #FF0030） */
.site_underarmour .discount,
.site_underarmour .textPointback {
  color: var(--ua-red);
}
.site_underarmour .modalCart .sizeConfigGroup .storestock {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  width: 5.5em;
  max-height: 48px;
  padding: 0;
  border-radius: 3px;
  color: #fff;
  background: var(--text);
}
.site_underarmour .modalCart .sizeConfigGroup .storestock.-hidden {
  display: inline-flex;
  border: 1px solid #ccc;
  background: #f0f0f0;
  color: #666;
  text-align: center;
  opacity: 1;
}
.site_underarmour .modalCart .sizeConfigGroup .storestock span {
  text-align: center;
  font-size: 11px;
  line-height: 1.4;
  color: #fff;
  font-weight: normal;
}
.site_underarmour .modalCart .sizeConfigGroup .storestock.-hidden span {
  color: #888;
  line-height: 1.3;
}

/* カート追加エラーモーダル内の「カートを見る」ボタンは UA SP でも非表示 */
.site_underarmour .addCart_error_message .btnToCart {
  display: none;
}
/* カート追加エラーモッセージの本文スタイル */
.site_underarmour .addCart_error_message .errors {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  color: #1d1d1d;
  font-weight: bold;
  text-align: left;
}

/* 商品画像アイコン直下の余白を詰める */
.site_underarmour .wrap_img_icon {
  margin-bottom: 0;
}

/* お気に入り表示状態のサイズリスト行では店舗在庫表示も非表示 (.modCartBtn と同じ扱い)
   既存の `.site_underarmour .modalCart .sizeConfigGroup .storestock.-hidden { display: inline-flex }`
   よりスペシフィシティを上げるため、 .modalCart .sizeConfigGroup までネスト指定 */
.site_underarmour .modalCart .modalCart_inner.-isFavorite .sizeConfigGroup .storestock,
.site_underarmour .modalCart .modalCart_inner.-isFavorite .sizeConfigGroup .storestock.-hidden {
  display: none;
}

/* カートモーダル内のサブタイトル */
.site_underarmour .modalCart .modaltitleSub {
  display: block;
  padding: 14px;
  margin: 0;
  font-size: 13px;
  font-weight: normal;
  color: #00834b;
  background: #ffffff;
}

/* ポイント交換注文ラベル（注文履歴の合計pt横に表示） */
.point-exchange-tag {
  display: inline-flex;
  margin-left: 8px;
  padding: 3px 6px;
  font-size: 11px;
  line-height: 1.6;
  color: #b8860b;
  border: 1px solid #b8860b;
  background: #fff;
  border-radius: 3px;
  white-space: nowrap;
  vertical-align: middle;
  align-items: center;
  font-weight: normal;
}

/* ============================================================
 * 24. UA REWARDS LOCKER（マイページのポイント交換対象アイテム）
 * カタログカードをスワイパーなしの横スクロールで配置
 * （top の #main_content .top-newitem .catalogList 相当を移植）
 * ============================================================ */
.site_underarmour .ua-rewards-locker {
  margin-bottom: 40px;
}
.site_underarmour .ua-rewards-locker .heading {
  font-size: 18px;
  text-align: left;
  color: var(--ua-black);
  font-weight: bold;
  background: none;
  margin: 40px 15px 15px 15px;
}
/* ポイント交換品なのでセール/クーポン等のキャンペーンバッジは非表示 */
.site_underarmour .ua-rewards-locker .catalog-campaignGroup li {
  display: none;
}
.site_underarmour .ua-rewards-locker .catalogList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 2px;
  padding: 0 4.8vw;
  margin: 0;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.site_underarmour .ua-rewards-locker .catalogList::-webkit-scrollbar {
  display: none;
}
.site_underarmour .ua-rewards-locker .catalogList_item {
  flex-shrink: 0;
  width: 37.333vw;
  margin: 0;
  list-style: none;
}
.site_underarmour .ua-rewards-locker .catalogList_item > a {
  display: block;
  position: relative;
  text-decoration: none;
  color: var(--ua-black);
}
.site_underarmour .ua-rewards-locker .product-image {
  aspect-ratio: 5 / 6;
  overflow: hidden;
  background: #f0f0f0;
}
.site_underarmour .ua-rewards-locker .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 商品一覧の評価スコア・件数を非表示 → 一時的に表示（非表示を解除）
.site_underarmour .rating_catalog_summary_score,
.site_underarmour .rating_catalog_summary_count {
  display: none;
}
*/

/* 商品詳細のリコメンド（catalogList_template利用：これも見/人気/最近チェック）のレビュー星バー。
   .underarmourTop 以外でも星画像が出るよう明示（検索結果に影響しないよう対象コンテナに限定） */
.site_underarmour :is(#viewerRecoList, #modal_cartInBtn_recoList, #history, #category_ranking_list, #brand_ranking_list, .viewHistoryList, #cartRemind, #cart_ranking, #orderComplete_recommend) .rev_catalog_summary_block {
  margin-top: 6px;
}
.site_underarmour :is(#viewerRecoList, #modal_cartInBtn_recoList, #history, #category_ranking_list, #brand_ranking_list, .viewHistoryList, #cartRemind, #cart_ranking, #orderComplete_recommend) .rev_catalog_summary_block .rating_catalog_summary_Box {
  display: inline-block;
  width: 66px;
  height: 12px;
  background: url(https://media.aws.locondo.jp/_assets/img/sp/icon_stars_black.png) no-repeat left bottom;
  background-size: 66px 24px;
}
.site_underarmour :is(#viewerRecoList, #modal_cartInBtn_recoList, #history, #category_ranking_list, #brand_ranking_list, .viewHistoryList, #cartRemind, #cart_ranking, #orderComplete_recommend) .rev_catalog_summary_block .rating {
  height: 12px;
  text-indent: -9999px;
  background: url(https://media.aws.locondo.jp/_assets/img/sp/icon_stars_black.png) no-repeat left top;
  background-size: 66px 24px;
}

/* トップ商品カードのお気に入りトリガー（Phosphor heart-fill・グレー） */
.site_underarmour .catalogList_item,
.site_underarmour .catalog-item {
  position: relative;
}
/* SP カートページ限定：catalogList の li 幅を 156px に（#smp_main_content.cartPage は cart-top-area で開き bottom-area で閉じる。ranking/favorite/recently の catalogList は全てこの中） */
.site_underarmour #smp_main_content.cartPage .catalogList > li {
  width: 156px !important;
}
.site_underarmour .ua-fav-heart {
  border: none !important;
  display: block !important;
  position: absolute !important;
  top: inherit !important;
  right: 8px;
  bottom: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 2;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23cccccc' d='M178,32c-20.65,0-38.73,8.88-50,23.89C116.73,40.88,98.65,32,78,32A62.07,62.07,0,0,0,16,94c0,70,103.79,126.66,108.21,129a8,8,0,0,0,7.58,0C136.21,220.66,240,164,240,94A62.07,62.07,0,0,0,178,32Z'/%3E%3C/svg%3E") no-repeat center center !important;
  background-size: 16px auto !important;
}
/* quickview.css の .catalogList_item .trgFavItem{display:none!important} に勝つため3クラスで表示 */
.site_underarmour .catalogList_item .ua-fav-heart,
.site_underarmour .catalog-item .ua-fav-heart {
  display: block !important;
  right: 8px;
}
/* 商品一覧 ページャの下境界線 */
.site_underarmour .catalog_menu .pager {
  border-bottom: 1px solid #e5e5e5;
}

/* ============================================================
   25. 商品カードアイコン（overlay レイアウト）
   ============================================================ */
/* お気に入り一覧(mypage/favorite-list の .favorite_list)・カート内お気に入り(/cart/ の .cart-favorite) の
   overlay アイコンを PC(underarmour_common-style.css)と同一デザインに揃える。
   SP はカードが狭く 1 行に 2 個程度しか収まらないため、3 つ目以降が 2 行目に落ちたら
   コンテナを height:20px + overflow:hidden で 1 行固定し、丸ごと非表示にする（半端な見切れ防止）。
   ※.cart-favorite は base(catalogList_template.css:991-1053)にも旧定義があるが、当SP-UAファイルが後読みのため本定義が勝つ。
   ※.catalogList 側だけ .site_underarmour を重ねて詳細度を上げている。base(catalogList_template.css)は
     elm_catalogList_template.jsp / elm_view-history.jsp がページ本文内で読み込む＝head の当ファイルより
     後読みになるため、同詳細度では base(同css:977 #ACBBC9/9px)が勝ってしまうため。 */
[data-icon-layout="overlay"].site_underarmour .favorite_list .product-icon > li,
[data-icon-layout="overlay"].site_underarmour .favorite_list .product-icon > span,
[data-icon-layout="overlay"].site_underarmour .cart-favorite .product-icon > li,
[data-icon-layout="overlay"].site_underarmour .cart-favorite .product-icon > span,
[data-icon-layout="overlay"].site_underarmour.site_underarmour .catalogList .product-icon > li,
[data-icon-layout="overlay"].site_underarmour.site_underarmour .catalogList .product-icon > span,
[data-icon-layout="overlay"].site_underarmour :is(.underarmourTop, .ua-ranking-page) .catalog-item .product-icon > li,
[data-icon-layout="overlay"].site_underarmour :is(.underarmourTop, .ua-ranking-page) .catalog-item .product-icon > span {
  border: none;
  color: #7989a5;
  font-size: 10px;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  min-width: 30px;
  transform: scale(.9);
}
/* カタログ: ベースCSS(.product-icon>li)の width:56px に「BEST HIT!」等の長いラベルが収まらず
   2行になるため、幅可変＋折り返し禁止にする（お気に入り一覧は下の個別調整で対応済み） */
[data-icon-layout="overlay"].site_underarmour.site_underarmour .catalogList .product-icon > li,
[data-icon-layout="overlay"].site_underarmour :is(.underarmourTop, .ua-ranking-page) .catalog-item .product-icon > li {
  width: auto;
  padding: 0 4px;
  white-space: nowrap;
}

/* お気に入り一覧のアイコンは個別調整（上の overlay グループより後置＝同特異度で勝つ） */
[data-icon-layout="overlay"].site_underarmour .favorite_list .product-icon > li {
  background: #fff;
  padding: 0 4px;
  color: #7989a5;
  font-size: 9px;
  font-weight: 600;
  max-width: initial;
  width: auto;
  overflow: visible;
  text-overflow: clip;
  min-width: 34px;
}
@media (max-width: 769px) {
  .site_underarmour :where([data-icon-layout="overlay"]) .catalogList .product-icon > li {
    min-width: 34px;
  }
}
[data-icon-layout="overlay"].site_underarmour .favorite_list .product-icon.-bottom,
[data-icon-layout="overlay"].site_underarmour .cart-favorite .product-icon.-bottom,
[data-icon-layout="overlay"].site_underarmour.site_underarmour .catalogList .product-icon.-bottom,
[data-icon-layout="overlay"].site_underarmour :is(.underarmourTop, .ua-ranking-page) .catalog-item .product-icon.-bottom {
  margin: 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 6px;
  /* base(smp-content-catalog-koichi.css) の transform:scale(.9) を打ち消し、トップと大きさを揃える */
  transform: none;
  /* 1行分の高さに固定。収まらないアイコン（3つ目以降）は2行目へ折り返し→overflow:hiddenで非表示 */
  height: 20px;
  overflow: hidden;
}
/* 子要素(li/span)が無い空の場合は高さ・余白を出さない（:emptyは空白文字で判定できないため:hasで判定） */
[data-icon-layout="overlay"].site_underarmour .favorite_list .product-icon.-bottom:not(:has(> *)),
[data-icon-layout="overlay"].site_underarmour .cart-favorite .product-icon.-bottom:not(:has(> *)),
[data-icon-layout="overlay"].site_underarmour.site_underarmour .catalogList .product-icon.-bottom:not(:has(> *)),
[data-icon-layout="overlay"].site_underarmour :is(.underarmourTop, .ua-ranking-page) .catalog-item .product-icon.-bottom:not(:has(> *)) {
  display: none;
}
/* お気に入り(cart-favorite)の手動アイコン(-bottom)は base の画像オーバーレイ(position:absolute)を解除し、
   通常フロー(サイズとカートに入れるボタンの間)に表示する。オート(non-bottom)のオーバーレイは維持 */
[data-icon-layout="overlay"].site_underarmour .cart-favorite .product-icon.-bottom {
  position: static;
}
[data-icon-layout="overlay"].site_underarmour .favorite_list .product-icon.-bottom > li,
[data-icon-layout="overlay"].site_underarmour .favorite_list .product-icon.-bottom > span,
[data-icon-layout="overlay"].site_underarmour .cart-favorite .product-icon.-bottom > li,
[data-icon-layout="overlay"].site_underarmour .cart-favorite .product-icon.-bottom > span,
[data-icon-layout="overlay"].site_underarmour.site_underarmour .catalogList .product-icon.-bottom > li,
[data-icon-layout="overlay"].site_underarmour.site_underarmour .catalogList .product-icon.-bottom > span,
[data-icon-layout="overlay"].site_underarmour :is(.underarmourTop, .ua-ranking-page) .catalog-item .product-icon.-bottom > li,
[data-icon-layout="overlay"].site_underarmour :is(.underarmourTop, .ua-ranking-page) .catalog-item .product-icon.-bottom > span {
  margin: 0;
  padding: 0;
  transform: inherit;
  flex: 0 0 auto;
  white-space: nowrap;
  box-sizing: border-box;
  height: 20px;
  line-height: 16px;
}
/* ランキング: 上部アイコン(.-bottom以外)の位置調整 */
[data-icon-layout="overlay"].site_underarmour :is(.underarmourTop, .ua-ranking-page) .catalog-item .product-icon:not(.-bottom) {
  position: absolute;
  top: 42px;
  left: 5px;
}
/* ============================================================
   26. 商品カード上部アイコンの表示可否（面ごとの許可リスト）
   ============================================================ */
/* 商品カードの上部アイコン(.product-icon)の表示可否。
   面ごとにベースCSSの指定がバラバラで表示が揃わなかったため、いったん一括非表示にしたうえで
   表示する面だけを明示的に戻す方式にしている（面を増やすときは下の例外リストに追加する）。
   表示する面:
     - 検索/カテゴリの一覧本体 .......... #catalog_list
     - トップ .......................... .underarmourTop / .ua-ranking-page
     - 検索/カテゴリ下部のレコメンド .... .catalog_bottom_contents / .catalog_zero_result_contents
     - 商品詳細 ........................ #product_contents(PC) / #smp_main_content.product(SP)
     - カート .......................... .cart-favorite / .cart-ranking / .cart-recentry(PC) / .cart-recently(SP)
     - お気に入り一覧 .................. .favorite_list
     - 注文完了(お買い忘れ) ............ #orderComplete_recommend
     - 閲覧履歴(/catalog/view-history) . .viewHistoryList
   手動アイコン(.-bottom)は対象外でどの面でも表示する。
   面ごとに多数のベースCSSが display を指定しているため !important で一括非表示にし、
   表示する面だけ詳細度を上げた例外＋!important で戻す */
[data-icon-layout="overlay"].site_underarmour .product-icon:not(.-bottom) {
  display: none !important;
}
[data-icon-layout="overlay"].site_underarmour #catalog_list .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour .underarmourTop .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour .ua-ranking-page .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour .catalog_bottom_contents .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour .catalog_zero_result_contents .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour #product_contents .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour #smp_main_content.product .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour .cart-favorite .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour .cart-ranking .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour .cart-recentry .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour .cart-recently .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour .favorite_list .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour #orderComplete_recommend .product-icon:not(.-bottom),
[data-icon-layout="overlay"].site_underarmour .viewHistoryList .product-icon:not(.-bottom) {
  display: inline-flex !important;
}

/* カタログ一覧: 上部アイコン(SALE等)の絶対配置の基準を a タグにする。
   a はインラインのままだとレイアウト(高さ)を持たず、Safari で .product-icon が
   静的位置（画像直下＝.-bottom の手動アイコンと重なる位置）に落ちるため、
   商品画像を包む a を block + relative にして基準要素にする。 */
[data-icon-layout="overlay"].site_underarmour .catalogList a:has(> .product-image) {
  position: relative;
  display: block;
}

/* ============================================================
   27. 面をまたぐ個別上書き（商品カードまわり）
   ============================================================ */
/* 未ログイン時の会員価格SALEバッジ(icon_discountRate.-memberprice)は非表示。
   上部アイコン(icon_sale)とSALE表記が二重になるため。出力元は共通テンプレート
   elm_catalogList_template_campaign_group.jsp、カタログは elm_catalog_campaign_group.jsp と
   search-boem(-sp).js の icon_memberPrice（いずれも全ブランド共通のためJSP/JSは触らずUAのCSSで消す） */
.site_underarmour .catalog-campaignItem.-discount:has(> .icon_discountRate.-memberprice),
.site_underarmour li:has(> .icon_memberPrice) {
  display: none;
}
/* 商品カードの価格行を全幅に */
.site_underarmour .product-text .priceLine {
  width: 100%;
}

/* ▼ ハートを価格行(priceLine)に内包する安定配置（bottom起点をやめ、商品名行数・レビュー有無に影響されない）
   priceLine直下にハートがある場合のみ適用。未移行テンプレ（</a>外のハート）は従来配置のまま。 */
.site_underarmour .priceLine:has(> .ua-fav-heart) {
  position: relative;
  padding-right: 24px;
}
.site_underarmour .priceLine > .ua-fav-heart {
  position: absolute !important;
  right: 0;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%);
}

/* トップの星評価（商品一覧の星バーを移植。UAは .rev_catalog_summary_block がデフォルト非表示のためトップで表示） */
.underarmourTop .rev_catalog_summary_block {
  display: block;
  margin-top: 8px;
  text-align: left;
}
.underarmourTop .rev_catalog_summary_block .rating_catalog_summary_Box {
  display: inline-block;
  width: 66px;
  height: 12px;
  background: url(https://media.aws.locondo.jp/_assets/img/sp/icon_stars_black.png) no-repeat left bottom;
  background-size: 66px 24px;
}
.underarmourTop .rev_catalog_summary_block .rating {
  height: 12px;
  text-indent: -9999px;
  background: url(https://media.aws.locondo.jp/_assets/img/sp/icon_stars_black.png) no-repeat left top;
  background-size: 66px 24px;
}

/* お気に入りモーダルの見出し（SP） */
.site_underarmour .modal_favItemAdd .heading h2 {
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
  background: #1d1d1d;
  color: #fff;
}

/* お気に入りログイン誘導ボックスのログインボタン（SP）
   クイックビュー内は共通 smp_quickview.css の .quickviewBox .boxToLogin .btn-login a（color:#111）が勝って
   黒地に黒文字になるため、.site_underarmour .quickviewBox 付きで詳細度を上げる */
.boxToLogin .btn-login a,
.site_underarmour .quickviewBox .boxToLogin .btn-login a {
  display: inline-block;
  width: 50%;
  padding: 1em;
  font-size: 14px;
  text-decoration: none;
  border-radius: 2px;
  font-weight: bold;
  color: #fff;
  background-color: #1d1d1d;
}

/* 商品一覧（quickviewページ）はクイックビュー起動を表示。favmodal CSS を全UAで読むため、その hide(!important) を上書き */
.site_underarmour .catalogList_item .trgQuickView {
  display: block !important;
}



/* 商品詳細レビューの投稿画像リンクを inline-block に */
.site_underarmour .review_image a {
  display: inline-block;
}

/* ============================================================
   28. ソーシャルログイン（SocialPlus）— descente スタイル流用（SP）
   Apple/Google は Phosphor フォント、LINE は descente の既存SVGを流用。
   .snsWrap の基本レイアウトは共通 smp-content-line.css 由来。
   ============================================================ */
#socialPlus {
  margin: 10px 0 30px;
}
.loginPage #socialPlus {
  padding: 0 15px;
}
#socialPlus .socialPlus-title {
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 12px;
}
#socialPlus .socialPlus-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
#socialPlus .socialPlus-list li {
  width: calc(50% - 5px);
}
.socialPlus-list #AmazonSignInButton {
  margin: 0;
  width: 100% !important;
}
#socialPlus .socialPlus-list li a {
  display: block;
  border-radius: 2px;
  color: #fff;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  position: relative;
  font-size: 14px;
  text-decoration: none;
}
#socialPlus .socialPlus-list li.line a {
  background: #06c755;
}
#socialPlus .socialPlus-list li.line a:before {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  -webkit-mask-image: url(//media.aws.locondo.jp/descentestatic/common/img/icon_login_line.svg);
  mask-image: url(//media.aws.locondo.jp/descentestatic/common/img/icon_login_line.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #fff;
  position: absolute;
  left: 10px;
  top: calc(50% - 10px);
}
#socialPlus .socialPlus-list li.apple a {
  background: #161616;
}
#socialPlus .socialPlus-list li.apple a:before {
  content: '\e516'; /* Phosphor apple-logo */
  font-family: 'Phosphor';
  font-size: 20px;
  line-height: 1;
  color: #fff;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#socialPlus .socialPlus-list li.google a {
  color: #b3b3b3;
  border: 1px solid #b3b3b3;
  background: #fff;
}
#socialPlus .socialPlus-list li.google a:before {
  content: '\e292'; /* Phosphor google-logo（色は a の color #b3b3b3 を継承） */
  font-family: 'Phosphor';
  font-size: 20px;
  line-height: 1;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#socialPlus .socialPlus-list li.facebook a {
  background: #1877F2;
}
#socialPlus .socialPlus-list li.facebook a:before {
  content: '\e226'; /* Phosphor facebook-logo */
  font-family: 'Phosphor';
  font-size: 20px;
  line-height: 1;
  color: #fff;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#socialPlus .socialPlus-list li.x a {
  background: #000;
}
#socialPlus .socialPlus-list li.x a:before {
  content: '\e4bc'; /* Phosphor x-logo */
  font-family: 'Phosphor';
  font-size: 20px;
  line-height: 1;
  color: #fff;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#socialPlus .socialPlus-list li.yahoo a {
  background: #f03;
}
#socialPlus .socialPlus-list li.yahoo a:before {
  content: '';
  width: 30px;
  height: 16px;
  display: block;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 239.76 125.02'%3E%3Cpath d='M138.25,112.43c-.21,3.18-.37,5.62-.56,8.62H52.37l.92-7c5.38-.73,10.81-1.2,16.13-2.26,8.4-1.68,9.75-3.58,9.75-12.15,0-3.67-.42-7.4.08-11,1.47-10.36-2.19-18.6-8.85-26.35-11-12.77-21.75-25.73-31.89-39.15-7-9.33-15.94-13.43-27.22-13.77C7.68,9.3,4.09,8.48,0,7.91L1.16,0H91.82l-1.3,7.28L61.66,9.73c14.06,18.61,27.26,36.09,40.88,54.14,13.14-12.52,28.75-21.8,40.66-37.31-7.15-1.13-13.1-2.19-19.08-3-6.84-.92-7.08-1.1-6.75-8.67h76.84c-2.18,4.17-3.48,8.45-9.33,8.86-14.22,1-25.89,7.73-36.38,16.94s-21.41,18.53-32.08,27.84a15.68,15.68,0,0,0-5.55,13.28c.36,8.16.37,16.35.22,24.51-.06,3.58,1.37,4.47,4.68,4.59C123.06,111.19,130.34,111.87,138.25,112.43Z'/%3E%3Cpath d='M196.93,94.31,182.09,89.8c8-26.18,15.93-52,24-78.54l33.63,10.27Z'/%3E%3Cpath d='M185.61,125,166,119.25l7-16.24,19.6,6.17Z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 239.76 125.02'%3E%3Cpath d='M138.25,112.43c-.21,3.18-.37,5.62-.56,8.62H52.37l.92-7c5.38-.73,10.81-1.2,16.13-2.26,8.4-1.68,9.75-3.58,9.75-12.15,0-3.67-.42-7.4.08-11,1.47-10.36-2.19-18.6-8.85-26.35-11-12.77-21.75-25.73-31.89-39.15-7-9.33-15.94-13.43-27.22-13.77C7.68,9.3,4.09,8.48,0,7.91L1.16,0H91.82l-1.3,7.28L61.66,9.73c14.06,18.61,27.26,36.09,40.88,54.14,13.14-12.52,28.75-21.8,40.66-37.31-7.15-1.13-13.1-2.19-19.08-3-6.84-.92-7.08-1.1-6.75-8.67h76.84c-2.18,4.17-3.48,8.45-9.33,8.86-14.22,1-25.89,7.73-36.38,16.94s-21.41,18.53-32.08,27.84a15.68,15.68,0,0,0-5.55,13.28c.36,8.16.37,16.35.22,24.51-.06,3.58,1.37,4.47,4.68,4.59C123.06,111.19,130.34,111.87,138.25,112.43Z'/%3E%3Cpath d='M196.93,94.31,182.09,89.8c8-26.18,15.93-52,24-78.54l33.63,10.27Z'/%3E%3Cpath d='M185.61,125,166,119.25l7-16.24,19.6,6.17Z'/%3E%3C/svg%3E") no-repeat center / contain;
  background-color: #fff;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#socialPlus .socialPlus-text {
  margin-top: 15px;
  font-size: 10px;
  line-height: 1.75;
  color: #777;
  padding-left: 1em;
  text-indent: -1em;
}
#socialPlus .socialPlus-text a {
  text-decoration: underline;
}
/* ============================================================
   29. ログイン / 会員登録 / 外部サービスID連携
   ============================================================ */
/* マイページ「他サービスIDとの連携」 */
.mypage .snsWrap--socialPlus-text {
  font-size: 12px;
  line-height: 1.5;
  padding: 0 15px 0 calc(15px + 1em);
  text-indent: -1em;
  margin-bottom: 20px;
}
.mypage .snsWrap--socialPlus-text a {
  text-decoration: underline;
}
.mypage .snsWrap {
  border-top: 0;
  padding: 0 15px;
}
.mypage .snsWrap .snsWrap--list-ttl {
  overflow: visible;
}
.mypage .snsWrap .snsWrap--list-ttl:before {
  min-width: 32px;
}
.mypage .snsWrap .snsWrap--list-ttl.line:before {
  content: '';
  width: 20px;
  height: 20px;
  margin-top: -5px;
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
  background: url(//media.aws.locondo.jp/descentestatic/common/img/icon_login_line_green.svg) left no-repeat;
}
.mypage .snsWrap .snsWrap--list-ttl.amazon:before {
  content: '\e96c'; /* Phosphor amazon-logo */
  font-family: 'Phosphor';
  font-size: 20px;
  line-height: 1;
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
  color: #FF9900;
}
.mypage .snsWrap .snsWrap--list-ttl.apple:before {
  content: '\e516'; /* Phosphor apple-logo */
  font-family: 'Phosphor';
  font-size: 20px;
  line-height: 1;
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
}
.mypage .snsWrap .snsWrap--list-ttl.google:before {
  content: '\e292'; /* Phosphor google-logo */
  font-family: 'Phosphor';
  font-size: 20px;
  line-height: 1;
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
}
.mypage .snsWrap .snsWrap--list-ttl.facebook:before {
  content: '\e226'; /* Phosphor facebook-logo */
  font-family: 'Phosphor';
  font-size: 22px;
  line-height: 1;
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
  color: #1877F2;
}
.mypage .snsWrap .snsWrap--list-ttl.x:before {
  content: '\e4bc'; /* Phosphor x-logo */
  font-family: 'Phosphor';
  font-size: 20px;
  line-height: 1;
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
  color: #000;
}
.mypage .snsWrap .snsWrap--list-ttl.yahoo:before {
  content: '';
  width: 30px;
  height: 12px;
  margin-right: 12px;
  margin-left: -5px;
  display: inline-block;
  vertical-align: middle;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 239.76 125.02'%3E%3Cpath d='M138.25,112.43c-.21,3.18-.37,5.62-.56,8.62H52.37l.92-7c5.38-.73,10.81-1.2,16.13-2.26,8.4-1.68,9.75-3.58,9.75-12.15,0-3.67-.42-7.4.08-11,1.47-10.36-2.19-18.6-8.85-26.35-11-12.77-21.75-25.73-31.89-39.15-7-9.33-15.94-13.43-27.22-13.77C7.68,9.3,4.09,8.48,0,7.91L1.16,0H91.82l-1.3,7.28L61.66,9.73c14.06,18.61,27.26,36.09,40.88,54.14,13.14-12.52,28.75-21.8,40.66-37.31-7.15-1.13-13.1-2.19-19.08-3-6.84-.92-7.08-1.1-6.75-8.67h76.84c-2.18,4.17-3.48,8.45-9.33,8.86-14.22,1-25.89,7.73-36.38,16.94s-21.41,18.53-32.08,27.84a15.68,15.68,0,0,0-5.55,13.28c.36,8.16.37,16.35.22,24.51-.06,3.58,1.37,4.47,4.68,4.59C123.06,111.19,130.34,111.87,138.25,112.43Z'/%3E%3Cpath d='M196.93,94.31,182.09,89.8c8-26.18,15.93-52,24-78.54l33.63,10.27Z'/%3E%3Cpath d='M185.61,125,166,119.25l7-16.24,19.6,6.17Z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 239.76 125.02'%3E%3Cpath d='M138.25,112.43c-.21,3.18-.37,5.62-.56,8.62H52.37l.92-7c5.38-.73,10.81-1.2,16.13-2.26,8.4-1.68,9.75-3.58,9.75-12.15,0-3.67-.42-7.4.08-11,1.47-10.36-2.19-18.6-8.85-26.35-11-12.77-21.75-25.73-31.89-39.15-7-9.33-15.94-13.43-27.22-13.77C7.68,9.3,4.09,8.48,0,7.91L1.16,0H91.82l-1.3,7.28L61.66,9.73c14.06,18.61,27.26,36.09,40.88,54.14,13.14-12.52,28.75-21.8,40.66-37.31-7.15-1.13-13.1-2.19-19.08-3-6.84-.92-7.08-1.1-6.75-8.67h76.84c-2.18,4.17-3.48,8.45-9.33,8.86-14.22,1-25.89,7.73-36.38,16.94s-21.41,18.53-32.08,27.84a15.68,15.68,0,0,0-5.55,13.28c.36,8.16.37,16.35.22,24.51-.06,3.58,1.37,4.47,4.68,4.59C123.06,111.19,130.34,111.87,138.25,112.43Z'/%3E%3Cpath d='M196.93,94.31,182.09,89.8c8-26.18,15.93-52,24-78.54l33.63,10.27Z'/%3E%3Cpath d='M185.61,125,166,119.25l7-16.24,19.6,6.17Z'/%3E%3C/svg%3E") no-repeat center / contain;
  background-color: #f03;
}
.mypage .snsWrap .snsWrap--list-sts {
  margin-right: 10px;
}
.mypage .snsWrap .snsWrap--connect a {
  display: block;
  background: #222;
  color: #fff !important;
  text-decoration: none !important;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #222;
  width: 8em;
  text-align: center;
  font-weight: bold;
}
.mypage .snsWrap .snsWrap--connect.on a {
  background: #fff;
  color: #222 !important;
}

/* ログイン：UIkit uk-accordion でソーシャルボタン類を開閉（デフォルト閉。開閉アニメーションはUIkitが担当） */
.site_underarmour #socialPlus .uk-accordion {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* +/− マーカーはUIkit標準（.uk-accordion-title::before）に任せる */
.site_underarmour #socialPlus .uk-accordion-title {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  background: #f5f5f5;
  padding: 15px;
  border-radius: 4px;
}
.site_underarmour #socialPlus .uk-accordion-content {
  margin: 0;
}

/* ============================================================
   30. 面をまたぐ個別上書き（ここから下は面ごとの小さな調整）
   ============================================================ */
/* お問い合わせリンク（黒ボタン） */
.site_underarmour #inquiry_link {
  margin: 20px 15px 20px !important;
}
.site_underarmour #inquiry_link a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  color: #ffffff;
  width: 100%;
  font-size: 13px;
  font-weight: normal;
  height: 44px;
  padding-left: 16px;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #1d1d1d;
  border-radius: 4px;
  text-decoration: none;
  background: #1d1d1d;
}
/* 住所変更ボタン（base: _assets/css/sp/smp-content-mypage-search-address.css）を UA だけ拡大 */
.site_underarmour .btn_modifiedAddress {
  padding: 12px 10px;
  font-size: 14px;
}
/* お気に入り件数バッジ（base: _assets/css/style_boem.css 20px）を UA だけ 22px に */
.site_underarmour .lc-list__count {
  width: 22px;
  height: 22px;
}

/* チャットウィジェット z-index */
.site_underarmour #chatplusview {
  z-index: 101;
}

/* 決済ページ: ポイントのみギフト注記 */
.site_underarmour .pointOnlyGiftFlag {
  padding: 0 15px;
  color: #888;
  margin: -28px 0 0 0;
}

/* カート面の商品名も2行クランプ（.product-text .commodityName は上部で対応済。cartPageも明示） */
.site_underarmour .cartPage .catalogList .product-text .commodityName {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal !important;
  line-height: 1.5;
}

/* 商品詳細: 手入力アイコンは省略せず全文表示（base smp-content-product-koichi.css:3354 と同詳細度のため .site_underarmour で上書き） */
.site_underarmour .item-icons .icon-manual {
  width: auto;
  min-width: 40px;
  max-width: 6em;
  padding: 0 4px;
  font-size: 10px;
  line-height: 16px;
  color: #7989a5;
  font-weight: 500;
  font-family: 'Noto Sans JP';
  background-color: #f8f8f8;
}


/* マイページ: すべてのご注文履歴リンクは非表示 */
.site_underarmour .order_history_link {
  display: none;
}

/* 商品詳細: Virtusize インページ(ミニ) の下に余白 */
.site_underarmour #vs-inpage-mini {
  margin-bottom: 15px;
}

/* 商品詳細: Virtusize インページ 左右余白 */
.site_underarmour #vs-inpage {
  margin: 0 15px;
}

/* 商品詳細: Virtusize スマートテーブル 余白 */
.site_underarmour #vs-smart-table {
  margin: 0 15px 40px 15px;
}
/* 商品詳細 サイズ表下の注記リスト */
.site_underarmour .list_notes li {
  line-height: 1.75;
}
/* 購入履歴一覧ボタン */
.site_underarmour .catalog_purchase_history-list-btn a {
  background: #1d1d1d;
  color: #fff;
}
/* UA: カタログ絞り込みモーダルの「割引率」フィルターを非表示 */
.site_underarmour .wrap_filter.offRate {
  display: none;
}
/* UA: 商品情報を持たない絞り込みを非表示（ワイズ/ヒールの高さ/ヒールの形/つま先の形状/筒周り/素材(靴・バッグ)/重さ）
   JSP: common/sp/search/elm_unit-narrowdown.jsp。ヒール等は a.modalLink > dl の構造なので dl を消す */
.site_underarmour .searchFormItem.-shoeWidth,
.site_underarmour .searchFormItem.-heelHeight,
.site_underarmour .searchFormItem.-heelShape,
.site_underarmour .searchFormItem.-tipShape,
.site_underarmour .searchFormItem.-shaftWidth,
.site_underarmour .searchFormItem.-upperMaterial,
.site_underarmour .searchFormItem.-outerMaterialBags,
.site_underarmour .searchFormItem.-weight {
  display: none !important;
}
/* 絞り込みモーダル下部バーの iOS 初回非表示対策は base(smp-content-catalog-koichi.css .searchFilter-bottom)側で
   全BOEM向けに対応済み（bottom:0 デフォルト＋アニメは演出のみ）。UA個別の上書きは撤去 */

/* 検索結果下部の子カテゴリ絞り込み動線 */
.site_underarmour .search_category__childCategories {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  padding: 0 15px;
  margin-bottom: 24px;
  border-top: none;
}
.site_underarmour .search_category__childCategories h3 {
  color: #1d1d1d;
  display: block;
  text-align: left;
  width: 100%;
  /* 前後のランキング見出し（.wrap_brand_category_ranking .heading）と揃える */
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 30px 0px 15px;
}
.site_underarmour .search_category__childCategories__item a {
  display: block;
  padding: 8px 12px;
  background: #F0F0F0;
  font-size: 12px;
  border-radius: 30px;
  margin: 0 4px 8px 0;
  font-weight: bold;
}
.site_underarmour .wrapErrorMsg {
  margin-top: 15px;
}
.site_underarmour .order-detail .order_topSection .order_cancel button {
  background: #fff;
}
/* チェックボックスのチェック時の色を UA だけ変更（base smp-common-boem_style.css: #222） */
.site_underarmour .locondo-checkbox input[type=checkbox]:checked + label:after {
  background-color: #00aa52;
}
/* 「他のおすすめアイテム」スケルトン（API開発中の仮表示。実カードと同じ要素構造を空で出力し枠だけ表示） */
.site_underarmour .ua-reco-skeleton__item {
  pointer-events: none;
}
.site_underarmour .ua-reco-skeleton__item .product-image,
.site_underarmour .ua-reco-skeleton__item .brandName,
.site_underarmour .ua-reco-skeleton__item .commodityName,
.site_underarmour .ua-reco-skeleton__item .regular_price {
  border-radius: 2px;
  background: #eee;
  background-image: linear-gradient(90deg, #ececec 25%, #f5f5f5 37%, #ececec 63%);
  background-size: 400% 100%;
  animation: uaRecoSkeleton 1.4s ease infinite;
}
.site_underarmour .ua-reco-skeleton__item .product-image {
  width: 100%;
  aspect-ratio: 5 / 6;
}
.site_underarmour .ua-reco-skeleton__item .brandName,
.site_underarmour .ua-reco-skeleton__item .commodityName,
.site_underarmour .ua-reco-skeleton__item .regular_price {
  min-height: 12px;
  margin-top: 8px;
}
.site_underarmour .ua-reco-skeleton__item .regular_price {
  width: 50%;
}
@keyframes uaRecoSkeleton {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}
/* アウトレット注記は非表示 */
.site_underarmour .productNotesOutlet {
  display: none !important;
}
/* シークレットセール／アウトレットの返品不可の案内 */
.site_underarmour .ua-secretSale-note,
.site_underarmour .ua-outlet-note {
  border: 1px solid #1d1d1d;
  padding: 12px;
  padding-left: calc(12px + 1em); /* ぶら下げインデント分、左paddingを1em広げる */
  margin: 20px 15px;
  color: #1d1d1d;
  line-height: 1.75;
  font-size: 14px;
  text-indent: -1em; /* 1行目の「※」を左へ出し、折返し行を本文にツラ揃え */
}
.site_underarmour .ua-secretSale-note strong,
.site_underarmour .ua-outlet-note strong {
  color: var(--ua-red);
  font-weight: bold;
}
/* BOEM限定コメント（商品詳細）をUAは枠線＋ぶら下げインデント表示に上書き */
.site_underarmour .limitedBoemComment {
  margin: 30px 15px;
  border: 1px solid #1d1d1d;
  padding: 12px;
  padding-left: calc(12px + 1em); /* ぶら下げインデント分、左paddingを1em広げる */
  color: #1d1d1d;
  line-height: 1.75;
  font-size: 13px;
  text-indent: -1em;
}

/* Amazonペイ会員登録: タブ切替ボタンの高さ調整 */
.site_underarmour .customerRegister-sectionwrap .Register_ChangeTab_btn {
  height: 46px;
  line-height: 44px;
}
/* Amazonペイ(passiveUse)会員登録: 余白リセット */
.site_underarmour .customer-register.amazonpay-passiveUse {
  padding: 0;
}
/* Amazonペイ会員登録: 説明文(amazonRegister_note)の体裁 */
.site_underarmour #amazonSectionWrap .amazonRegister_note {
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
  padding: 20px 0;
  font-size: 14px;
}

/* パスワード再設定(initpassword): 「更新」ボタンと「ログイン画面に戻る」の間隔。
   .mypage .back_link a が margin-top を 0 にしているため密着するのを上書きする */
.site_underarmour .mypage.initpassword .back_link a {
  margin-top: 60px;
}

/* ユニフォームカタログの年度表記。リンクテキストは「ユニフォームカタログ」固定で、年度更新はこの content とリンク先URLの差し替えだけで済ませる（EC footer/スライドメニュー・WP共通） */
.js-ua-uniform-catalog::after {
  content: " 2026";
}

/* UA: 問い合わせモーダル（商品詳細「お問い合わせ」等）のボタン
   共通CSSはログインの文字色 #fff だけ指定し、背景色・枠線色はブランドCSS任せ。UAに指定が無く白地に白文字になっていた */
.site_underarmour .wancoModal_btn {
  color: #1d1d1d;
  border: 1px solid #1d1d1d;
  background-color: #fff;
}
.site_underarmour .wancoModal_btn.wancoModal_btn-login {
  color: #fff;
  background-color: #1d1d1d;
}

/* UA: スタッフ詳細のプロフィール文の行間（STAFF START 側の CSS Modules クラス index-module____kuUG__StaffDetailProfile。
   先方の更新でハッシュ部分が変わっても効くよう、クラス名に StaffDetailProfile を含む要素を対象にする） */
.site_underarmour [class*="StaffDetailProfile"] {
  line-height: 1.75;
}