@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
        - content-coordinate.css   … coordinate/detail.jsp ほか
        - content-mypage.css       … submenu-mypage.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/pc/)からの相対 = 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;
  /* レイアウト */
  --header_height: 70px;
  --header_height_is-scroll: 55px;
}

/* フォント指定 */
body {
  font-family: 'UAText', 'Noto Sans JP', sans-serif !important;
  text-underline-offset: 3px;
}
/* #headerInformation（api-headerInfo.js が出す全サイト共通のお知らせ。情報セキュリティ体制の告知など）は表示する */
html {
  scroll-padding-top: 120px;
}

/* コンテンツ本文の文字色 */
#usage_guide,
#terms {
  color: var(--ua-text-gray) !important;
}

/* パンくず */
.breadcrumbs ul li {
  display: inline-flex;
  align-items: center;
}
/* パンくず区切り（Phosphor caret-right） */
.breadcrumbs__caret {
  margin: 0 4px 0 8px;
  font-size: 0.9em;
  color: var(--ua-text-gray);
}

/* 利用規約 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);
  font-weight: bold;
  font-size: 16px;
}

/* コンテンツタイトル */
.static_contents_title {
  padding: 60px 0;
  font-size: 24px;
  letter-spacing: normal;
  text-align: center;
  font-weight: bold;
}

/* ============================================================
   2. お知らせ欄
   ============================================================ */
#info_box_top,
#info_box_bottom {
  background-color: var(--ua-black);
  border-bottom: none;
  color: var(--ua-light-gray);
  font-size: 10px;
}
#info_box_top a {
  color: var(--ua-light-gray);
  transition: color 0.2s;
}
#info_box_top a:hover {
  color: var(--ua-white);
  text-decoration: underline;
}

/* ============================================================
   3. ユーティリティバー（Top Utility Bar）
   ============================================================ */
.top-utility-bar {
  background-color: var(--ua-black);
  color: var(--ua-white);
  font-size: 11px;
  line-height: 1;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  max-width: 1440px;
  margin: 0 auto;
}
/* ユーティリティバーとナビの間のボーダー（画面幅いっぱい） */
.ua-nav-border {
  height: 1px;
  background: var(--ua-white);
  width: 100%;
}

/* 左側：お知らせ（可変幅） */
.top-utility-bar__notice {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 0;
  min-width: 0;
  margin-right: 20px;
  max-width: 500px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.top-utility-bar__notice.is-ready {
  opacity: 1;
}
.top-utility-bar__notice-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #999;
  font-size: 14px;
  transition: color 0.2s;
  background: #444;
  border: none;
  padding: 0;
  flex-shrink: 0;
}
.top-utility-bar__notice-arrow:hover {
  color: var(--ua-white);
}

/* お知らせスライダー */
.top-utility-bar__notice-slider {
  overflow: hidden;
  position: relative;
  height: 20px;
  flex: 1 1 0;
  min-width: 0;
}
.top-utility-bar__notice-track {
  display: flex;
  transition: transform 0.3s ease;
}
.top-utility-bar__notice-item {
  flex: 0 0 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* text-align: center; */
  color: var(--ua-white);
  font-size: 12px;
  line-height: 20px;
}
.top-utility-bar__notice-item a {
  color: var(--ua-white);
  transition: color 0.2s;
}
.top-utility-bar__notice-item a:hover {
  color: var(--ua-white);
  text-decoration: underline;
}

/* 右側：リンク群（固定幅） */
.top-utility-bar__right {
  display: flex;
  align-items: center;
  gap: 28px;
  font-size: 12px;
  flex-shrink: 0;
  white-space: nowrap;
  margin-left: auto;
}
.top-utility-bar__right a {
  color: var(--ua-white);
  transition: opacity 0.2s;
  font-weight: bold;
}
.top-utility-bar__right > a:hover,
.ua-mypage-dropdown > a:hover {
  opacity: 0.6;
}

/* ============================================================
   4. マイページドロップダウン（ユーティリティバー内）
   ============================================================ */
.ua-mypage-dropdown {
  position: relative;
}
.ua-mypage-dropdown > a {
  display: inline-flex;
  align-items: center;
  color: var(--ua-white);
  font-weight: bold;
}
.ua-mypage-dropdown__panel {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 200px;
  padding-top: 8px;
  z-index: 1001;
}
.ua-mypage-dropdown__panel::before {
  content: '';
  display: block;
}
.ua-mypage-dropdown:hover .ua-mypage-dropdown__panel {
  display: block;
}
.ua-mypage-dropdown__list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  background: var(--ua-white);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.ua-mypage-dropdown__list li a {
  display: block;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: normal;
  color: var(--ua-mid-gray) !important;
  text-decoration: none;
}
.ua-mypage-dropdown__list li a:hover {
  color: var(--ua-black) !important;
}

/* 通知メニュー（クーポン / メッセージ / レビュー） */
.ua-mypage-dropdown__list .menu-notificationMenu {
  margin: 0;
  border-top: 1px solid var(--ua-white);
  font-size: 12px;
  min-width: 240px;
}
.ua-mypage-dropdown__list .menu-notificationMenu a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 12px 10px 42px;
  background-color: #f6f6f6;
  font-size: 12px;
  line-height: 1.4;
  color: #333 !important;
  text-decoration: none;
}
.ua-mypage-dropdown__list .menu-notificationMenu a:hover {
  background-color: #efefef;
  color: #333 !important;
}
.ua-mypage-dropdown__list .menu-notificationMenu a:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}
.ua-mypage-dropdown__list .menu-notificationMenu.menu-notificationMenu-newCoupon a:before {
  background-image: url(//media.aws.locondo.jp/_assets/img/both/icon_present.svg);
}
.ua-mypage-dropdown__list .menu-notificationMenu.menu-notificationMenu-unreadMessage a:before {
  background-image: url(//media.aws.locondo.jp/_assets/img/both/icon_wanco.svg);
}
.ua-mypage-dropdown__list .menu-notificationMenu.menu-notificationMenu-ReviewableItem a:before {
  background-image: url(//media.aws.locondo.jp/_assets/img/both/icon_review.svg);
}
.ua-mypage-dropdown__list .menu-notificationMenu a span {
  font-weight: bold;
  color: var(--ua-red);
}
.ua-mypage-dropdown__list .menu-notificationMenu .messageNum,
.ua-mypage-dropdown__list .menu-notificationMenu .reviewNum {
  position: relative;
  margin-left: auto;
  background: #121212;
  color: var(--ua-white) !important;
  border: none;
  padding: 2px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
.ua-mypage-dropdown__list .menu-notificationMenu .messageNum .inner,
.ua-mypage-dropdown__list .menu-notificationMenu .messageNum .js-unreadMessageCount,
.ua-mypage-dropdown__list .menu-notificationMenu .messageNum .inquiry_num {
  color: var(--ua-white) !important;
  background: transparent;
  padding: 0;
  border: none;
  width: auto;
  height: auto;
  font-weight: bold;
}

/* ドロップダウン ユーザーヘッダー */
a.ua-mypage-dropdown__header,
.ua-mypage-dropdown__header {
  display: block;
  padding: 16px;
  background: var(--ua-white);
  color: var(--ua-black);
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  border-bottom: 1px solid #eee;
  z-index: 11;
  position: relative;
}
.ua-mypage-dropdown__name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}
.ua-mypage-dropdown__points {
  font-size: 12px;
  font-weight: normal;
}
.ua-mypage-dropdown__points strong {
  font-weight: bold;
}
#header_ver5 .point-expiry,
.ua-mypage-dropdown__points .point-expiry {
  font-size: 11px;
}
.ua-mypage-dropdown__divider {
  border-top: 1px solid #eee;
  margin-top: 4px;
  padding-top: 4px;
}

/* ============================================================
   5. お気に入りドロップダウン（ナビバー内）
   ============================================================ */
.ua-fav-dropdown {
  position: relative;
}
.ua-fav-dropdown__panel {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: 8px;
  z-index: 1001;
}
.ua-fav-dropdown:hover .ua-fav-dropdown__panel {
  display: block;
}
.ua-fav-dropdown__list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
  background: var(--ua-white);
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  min-width: 160px;
}
.ua-fav-dropdown__list li a {
  display: block;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: normal;
  color: var(--ua-mid-gray);
  text-decoration: none;
  text-align: left;
  white-space: nowrap;
  transition: background-color 0.15s;
}
.ua-fav-dropdown__list li a:hover {
  color: var(--ua-black);
}

/* ============================================================
   6. 国/地域セレクタ（Language Switcher）
   ============================================================ */
.ua-lang-switcher {
  position: relative;
}
.ua-lang-switcher__toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  color: var(--ua-white);
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
  transition: opacity 0.2s;
}
.ua-lang-switcher__toggle:hover {
  opacity: 0.7;
}
/* 国旗アイコン */
.ua-country-flag {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  flex-shrink: 0;
}
.ua-country-flag svg {
  display: block;
}
.ua-lang-switcher__arrow {
  font-size: 8px;
  transition: transform 0.2s;
}
.ua-lang-switcher.is-open .ua-lang-switcher__arrow {
  transform: rotate(180deg);
}

/* ドロップダウン */
.ua-lang-switcher__dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 200px;
  background: var(--ua-white);
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  z-index: 1001;
  overflow: hidden;
}
.ua-lang-switcher.is-open .ua-lang-switcher__dropdown {
  display: block;
}
.ua-lang-switcher__list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.ua-lang-switcher__item {
  line-height: 1;
}
.ua-lang-switcher__item a,
.ua-lang-switcher__item span {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0px 4px 4px;
  font-size: 12px;
  color: var(--ua-mid-gray);
  text-decoration: none;
  transition: background-color 0.15s;
  font-weight: normal;
}
.ua-lang-switcher__item a:hover {
  color: var(--ua-black);
}
.ua-lang-switcher__item.is-active span {
  color: var(--ua-black);
  font-weight: bold;
}
.ua-lang-switcher__viewall {
  border-top: 1px solid #eee;
  margin-top: 4px;
  padding-top: 4px;
}
.ua-lang-switcher__viewall a {
  font-size: 12px;
  padding: 8px 10px;
}

/* ============================================================
   7. ヘッダー本体・ナビ Grid レイアウト
   1行レイアウト: ロゴ | ナビ（中央） | アイコン（右）
   CSS Grid で innerWrap-upper と header_inner_LinkContents を
   1行に統合する（DOM構造は変更しない）
   ============================================================ */

/* ヘッダー全体背景 */
#header_top {
  background: var(--ua-black);
  margin:0 !important;
}
#header_ver5 {
  background: var(--ua-black);
}

#nav_container_common {
  display: block;
  background: var(--ua-black);
  border-bottom: none;
  height: auto !important;
  position: relative;
}
#nav_container_common.uk-sticky-fixed {
  background: var(--ua-black);
  height: auto !important;
}
/* sticky 適用時、コンテンツが隠れないようにプレースホルダーの高さを保証 */
#nav_container_common + .uk-sticky-placeholder,
.uk-sticky-placeholder {
  background: var(--ua-white);
  min-height: 115px;
}

/* ユーティリティバーの下のナビ部分をGridで1行レイアウト */
#nav_container_common .ua-nav-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: 74px;
  align-items: center;
  height: 74px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  transition: height 0.3s, grid-template-rows 0.3s;
}
#nav_container_common.is-shrink .ua-nav-row {
  grid-template-rows: 54px;
  height: 54px;
}

/* innerWrap-upper → display:contents でグリッドに溶け込ませる */
.ua-nav-row .innerWrap-upper {
  display: contents;
}

/* header_inner_LinkContents → display:contents でグリッドに溶け込ませる */
.ua-nav-row .header_inner_LinkContents {
  display: contents;
  height: auto;
  border-bottom: none;
  background: transparent;
}

/* --- ロゴ（グリッド列1） --- */
#nav_container_common h1 {
  grid-column: 1;
  grid-row: 1;
  width: auto;
  flex-shrink: 0;
  margin: 0;
}
#header_top #header_ver5 h1 a {
  background: url("https://media.aws.locondo.jp/underarmourstatic/common/img/logo-underarmour-white.svg") left center no-repeat;
  width: 40px;
  height: 40px;
  background-size: contain;
  margin: 0;
}
#header_ver5 h1 a:hover {
  opacity: 0.7;
}
#nav_container_common.is-shrink #header_ver5 h1 a {
  width: 36px;
  height: 36px;
  margin: 0;
}

/* --- ユーザーアイコン（グリッド列3・右寄せ） --- */
#nav_user {
  grid-column: 3;
  grid-row: 1;
  display: flex;
  gap: 18px;
  position: static;
  margin: 0;
  float: none;
  align-items: center;
  flex-shrink: 0;
}
#nav_container_common.is-shrink #nav_user {
  gap: 16px;
}
#nav_user > li {
  position: relative;
  display: flex;
  align-items: center;
  float: none;
  text-align: center;
}

/* アイコン共通 */
#nav_user #user_login,
#nav_user #user_favorite,
#nav_user #user_cart,
#nav_user #user_help,
#nav_user #searchBox {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}
#nav_user #user_login:hover,
#nav_user #user_favorite:hover,
#nav_user #user_cart:hover,
#nav_user #user_help:hover,
#nav_user #searchBox:hover {
  opacity: 0.7;
}
/* アイコンカラーを白に */
#nav_user #user_login:before,
#nav_user #user_favorite:before {
  color: var(--ua-white) !important;
  padding-top: 0 !important;
  font-size: 25px;
}
#nav_user #user_cart:before {
  content: '' !important;
}
#nav_user #user_cart {
  background: url("https://media.aws.locondo.jp/underarmourstatic/common/img/icon/icon_cart.svg") center no-repeat;
  background-size: 22px 22px;
}
#nav_user #user_help_link span {
  color: var(--ua-white) !important;
}
#nav_user li a:before {
  padding-top: 0 !important;
}
#nav_user .searchbutton:before {
  position: relative;
  top: auto;
  left: 0;
  font-size: 24px;
  color: var(--ua-white);
}

/* カートバッジ */
#user_cart .js-cartCount .inner,
#user_login .js-unreadMessageCount .inner {
  background: var(--ua-red);
  top: 0;
  left: 24px;
}
#user_login .js-unreadMessageCount .inner {
  left: 1px;
  background: none;
}
.iconNotification {
  top: 5px;
  right: -8px;
  left: inherit;
}

/* ユーザードロップダウン（白背景・小パネル） */
#nav_user .Dropdown {
  position: relative;
}
#nav_user .Dropdown .drop {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  width: 216px;
  padding: 16px;
  background: var(--ua-white);
  box-shadow: 0 5px 12px rgb(0 0 0 / 15%);
  border-radius: 4px;
  z-index: 1001;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}
#nav_user .Dropdown:hover .drop {
  visibility: visible;
  opacity: 1;
}
#nav_user .Dropdown #user_help .drop {
  padding: 0;
}
#nav_user .menu-list .menu-item {
  margin-bottom: 20px;
}
#nav_user .menu-list .menu-item a {
  color: var(--ua-black);
}

/* ============================================================
   8. 検索ボックス
   ============================================================ */
#searchBox {
  margin-top: 0;
  position: relative;
}
.search_box .form-container #searchText2 {
  font-size: 16px;
  width: 90%;
}
#searchText::-webkit-input-placeholder {
  color: #ccc !important;
  font-weight: normal;
}

/* ============================================================
   9. ナビゲーションリンク行（header-nav）・メガメニュー
   ============================================================ */
.header-nav {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  float: none;
  justify-content: center;
  margin: 0;
  height: 100%;
}
.header-nav__list {
  font-size: 13px;
  font-weight: bold !important;
  letter-spacing: normal;
  cursor: pointer;
  color: var(--ua-white);
  padding: 0 14px !important;
  line-height: 56px;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.header-nav__list > a {
  display: block;
  white-space: nowrap;
  color: var(--ua-white);
  position: relative;
  transition: opacity 0.2s;
}
/* ホバー時の下線アニメーション */
.header-nav__list > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--ua-white);
  transform: scaleX(0);
  transition: transform 0.2s ease;
}
.header-nav__list:hover > a::after {
  transform: scaleX(1);
}
.header-nav__list > a:hover {
  border-bottom: none !important;
  opacity: 1;
}

/* スクロール時 */
#nav_container_common.is-shrink .header-nav__list {
  font-size: 14px;
  line-height: 35px;
  margin-bottom: 0;
}
.header-nav__list:first-child {
  padding-left: 14px !important;
}

/* メガメニュー（ドロップダウン）
   ※ #nav_container_common が Grid のため、.drop は fixed で
   ビューポート全幅に展開する */
.header-nav__list.Dropdown {
  position: static;
}
.header-nav__list.Dropdown .drop {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  box-sizing: border-box;
  z-index: 999 !important;
  /* メガメニューをダークテーマ化: 背景#1d1d1d・テキスト/リンク#fff。
     パネル内で --ua-black / --ua-mid-gray を #fff に再定義し、内部の見出し・リンク・hover・
     nav-head(!important) まで一括で白にする（is-red のリテラル#c00は据え置き）。 */
  background: #1d1d1d;
  --ua-black: #fff;
  --ua-mid-gray: #eee;
  text-align: left;
  padding: 30px 20px;
  border: none;
  width: 100%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  transition: opacity 0.1s ease, visibility 0.1s ease;
  opacity: 0;
  margin: 0;
}
.header-nav__list.Dropdown:hover .drop {
  visibility: visible;
  /* カーソルが通過しただけで開かないように滞留を待つ（誤爆防止）。
     途中で離れれば :hover が外れて遅延ごとキャンセルされる。
     JS側（メガメニューのオーバーレイ+GSAP）の HOVER_DELAY と同じ値にそろえる */
  transition-delay: 0.3s;
  opacity: 1;
}
.Dropdown .drop .drop_inner {
  display: flex;
  justify-content: center;
  min-width: 1024px;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  gap: 32px;
}

/* メガメニュー展開時のオーバーレイ
   display を明示する: 商品詳細はレビュー欄の lightbox.css が body:after{display:none}（画像プリロード用）を持ち、指定しないと消える */
body.ua-megamenu-open::after {
  display: block;
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 998;
  pointer-events: none;
}
body.ua-megamenu-open #header_top {
  position: relative;
  z-index: 999;
}

/* --- メガメニュー 画像+カラムレイアウト --- */
.Dropdown .drop .drop_inner.mega-menu-layout {
  gap: 0;
}
.mega-menu__image {
  flex: 1 1 0;
  min-width: 150px;
  max-width: 270px;
  margin-right: 40px;
}
.mega-menu__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: opacity 0.2s ease;
  border-radius: 8px;
  margin-bottom: 10px;
}
.mega-menu__image a:hover img {
  opacity: 0.7;
}
.mega-menu__image .mega-menu__column-title a {
  text-decoration: underline;
}
/* すべてのメガメニューを 5 カラム想定の幅で揃える
   カラム数が 5 未満の場合は中央寄せで配置 */
.mega-menu__columns {
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: calc(100% - 310px);
  width: 100%;
}
/* 1 カラム = (親幅 − ギャップ4個分) / 5 で固定
   gap が 20px × 4 = 80px */
.mega-menu__column {
  flex: 0 0 calc((100% - 80px) / 5);
  min-width: 0;
}
.mega-menu__column-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
  color: var(--ua-black);
}
.mega-menu__column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mega-menu__column ul li {
  margin-bottom: 4px;
  line-height: 1.8;
}
.mega-menu__column ul li a {
  font-size: 12px;
  font-weight: normal;
  color: var(--ua-mid-gray);
  transition: color 0.2s;
  text-decoration: none;
}
.mega-menu__column ul li a:hover {
  color: var(--ua-black);
  text-decoration: underline;
}

.header-nav__list.Dropdown .drop ul li a {
  color: var(--ua-mid-gray);
  margin: 0 0 6px;
  display: block;
  border: none;
  font-size: 13px;
  line-height: 1.8;
  transition: color 0.2s;
}
.header-nav__list.Dropdown .drop ul li a:hover {
  color: var(--ua-black);
  text-decoration: underline;
  opacity: 1;
}
.header-nav__list ul li {
  line-height: 20px;
}
.header-nav__list ul li.nav-head {
  font-weight: bold;
  margin-bottom: 12px;
  color: var(--ua-black);
}
.header-nav__list ul li.nav-head a {
  color: var(--ua-black) !important;
  font-size: 13px !important;
}
.header-nav__list ul li.nav-head:not(:first-child) {
  margin-top: 24px;
}

/* PHILOSOPHY ドロップダウン内 */
.Dropdown .drop .drop_col li a {
  color: var(--ua-mid-gray);
}
.Dropdown .drop .drop_col li.-sub a {
  padding-left: 12px;
  font-size: 11px;
}

/* feature画像（キャンペーン等） */
.header-nav__list.feature img {
  display: inline-block;
  width: 60px;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
#nav_container_common.is-shrink .header-nav__list.feature img {
  width: 45px;
}

/* フォールバックの div が UL を壊さないように */
#header-nav-gnav-links {
  display: contents;
}

/* ============================================================
   10. 検索モーダル
   ============================================================ */
.modalSearch {
  background-color: rgba(0, 0, 0, 0.6);
}
.modalSearch .uk-modal-close-full {
  background: none !important;
}
.modalSearch .uk-modal-dialog {
  width: 600px;
  margin: 100px auto;
  padding: 40px;
  padding-top: 50px;
  border-radius: 5px;
}
.modalSearch .search_box {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
/* TODO: 以下 .lc-search 〜 .SuggestCommoditiesList を common-header.css に移植 */
.lc-search {
  padding: 0;
  background-color: var(--ua-white);
  border: none;
  border-bottom: 1px solid var(--ua-gray-light);
  border-radius: 0;
  transition: border-color 0.2s;
}
.lc-search:focus-within {
  border-bottom: 2px solid var(--ua-black);
}
.lc-search__word {
  left: 5px;
}
.lc-search__btn {
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.lc-search__btn:hover {
  opacity: 0.7;
}
.lc-search__btn button {
  padding-top: 0 !important;
  position: absolute;
  right: 0;
  cursor: pointer;
  height: 42px;
}
.output_suggest .SuggestCommoditiesList {
  font-size: 13px;
  color: var(--ua-text-gray);
}
.output_suggest .SuggestCommoditiesList li {
  border-bottom: 1px solid #d0d0d0;
  padding: 1px 0;
}
.output_suggest .SuggestCommoditiesList a {
  vertical-align: top;
  transition: opacity 0.2s;
}
.output_suggest .SuggestCommoditiesList a:hover {
  opacity: 0.7;
}
.SuggestCommoditiesList li a span img {
  width: 60px;
  height: auto;
  aspect-ratio: 5 / 6;
  object-fit: cover;
}
.output_suggest h4.searchHistoryTitle,
.output_suggest h4.brandSuggestTitle,
.output_suggest h4.itemSuggestTitle,
#search_container-searchHistory2 h4.searchHistoryTitle {
  color: var(--ua-text-gray);
  font-size: 12px;
  line-height: 30px;
  font-weight: normal;
  text-align: left;
  padding: 4px 16px 4px 12px;
  background-color: #f4f4f4;
  position: relative;
}

/* 検索サジェスト（.suggestList）: fascinate を参考に移植（word左・type右にカテゴリ表記） */
.output_suggest .suggestList li {
  position: relative;
  border-bottom: 1px solid #eee;
}
.output_suggest .suggestList li a {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 10px 18px;
}
.output_suggest .suggestList .word {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.output_suggest .suggestList .type {
  flex-shrink: 0;
  margin-left: 8px;
  font-size: 12px;
  color: var(--ua-text-gray);
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.output_suggest .suggestList .type i {
  margin-left: 5px;
}

/* 検索モーダル — 人気キーワード */
#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: 30px;
  padding: 4px 16px 4px 12px;
  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;
  transition: color 0.2s;
}
.ua-popular-keywords__term:hover {
  color: #888;
}
.ua-popular-keywords__term.is-active {
  color: var(--ua-black);
}
.ua-popular-keywords__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 18px;
  list-style: none;
  margin: 0;
}
.ua-popular-keywords__tags li a {
  display: inline-block;
  padding: 6px 14px;
  font-size: 12px;
  color: var(--ua-black);
  background: var(--ua-bg-light-gray);
  border-radius: 100px;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.ua-popular-keywords__tags li a:hover {
  background: #e0e0e0;
}

/* 検索モーダル — 検索履歴 */
.modalSearch #search_container-searchHistory2 h4 {
  color: var(--ua-text-gray);
  font-size: 12px;
  line-height: 30px;
  font-weight: normal;
  text-align: left;
  padding: 4px 16px 4px 12px;
  background-color: #f4f4f4;
  position: relative;
}
.modalSearch #search_container-searchHistory2 li {
  position: relative;
  border-bottom: 1px solid #eee;
}
.modalSearch #search_container-searchHistory2 li a {
  font-size: 14px;
  padding: 10px 18px;
  padding-right: 58px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: background-color 0.15s;
}
.modalSearch #search_container-searchHistory2 li a:hover {
  background-color: #fafafa;
}
.modalSearch #search_container-searchHistory2 li.text-noContent {
  padding: 15px;
  color: #888;
}
.modalSearch .deleteHistoryList {
  background: url(https://media.aws.locondo.jp/contents/img/pc/btn-modal-close.png);
  background-size: cover;
  position: absolute;
  width: 22px;
  height: 22px;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  opacity: 0.7;
  cursor: pointer;
}
.modalSearch .deleteHistoryList:hover {
  opacity: 1;
}

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

/* グリッドバナーのボタン文字サイズ（base content-catalog-grid-banner.css:49 は 12px） */
.site_underarmour .grid-banner__btn {
  font-size: 14px;
  font-weight: bold;
}
/* 検索ページのバナー枠を可変幅に（base content-catalog(-koichi).css は width:1024px 固定） */
.site_underarmour #content_banner {
  min-width: 1024px;
  max-width: 1400px;
  width: inherit;
}
/* 入稿バナー(管理画面HTML)の max-width 制限を解除して枠(#content_banner)に追従させる */
.site_underarmour #content_banner .ua-pagehead-banner {
  max-width: inherit;
}

/* カタログスライダー（ページネーション）— UA トップ風 pill */
.catalog_useSlider .uk-slider-nav {
  margin-bottom: 10px;
  align-items: center;
  z-index: 1;
  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;
  transition: width 0.4s ease, background-color 0.3s ease;
}
.catalog_useSlider .uk-slider-nav .uk-active a {
  width: 18px;
  background: #1d1d1d;
}

/* カタログスライダー（catalog_useSlider 商品スライド） */
.catalog_useSlider .catalogList_item .wrap-product-image {
  position: relative;
}
.catalog_useSlider .catalogList_item .product-image:before {
  opacity: 1 !important;
}
.catalog_useSlider .catalogList_item .wrap-product-image .product-mainImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: opacity .2s;
}
.catalog_useSlider .catalogList_item .wrap-product-image:hover .product-mainImg {
  opacity: 0;
  pointer-events: none;
}
.catalog_useSlider .catalogList_item .uk-slider-nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: auto;
  margin-left: 0;
  transform: translateX(-50%);
}
.catalog_useSlider .catalogList_item .uk-dotnav {
  gap: 5px;
}
.catalog_useSlider .catalogList_item .uk-dotnav > * {
  padding: 0;
}
.catalog_useSlider .catalogList_item .uk-slidenav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: var(--ua-white);
  border-radius: 100%;
  opacity: .7;
}
.catalog_useSlider .catalogList_item .uk-slidenav svg {
  width: 8px;
  height: 10px;
  color: #000;
}
.catalog_useSlider .catalogList_item .uk-slidenav:hover {
  opacity: .9;
}
/* 画像1枚（スライドなし）のカードは矢印を最初から出さない。
   UIkit が矢印に hidden を付けるのは JS 初期化後のため、HTML 描画直後に一瞬見えてから消えるのを防ぐ。
   ※カードの a 内に矢印の a がネストしており、ブラウザが a を分割して ul を a で包むため、ul と矢印は兄弟にならない（~ は使えない） */
.catalog_useSlider .catalogList_item .uk-slider-container:not(:has(.uk-slider-items > :nth-child(2))) .uk-slidenav {
  display: none;
}
.catalog_useSlider .catalogList_item .uk-position-small[class*=uk-position-center-left],
.catalog_useSlider .catalogList_item .uk-position-small[class*=uk-position-center-right] {
  transform: translateY(-50%) translateY(-10px);
}
/* 検索結果下部/0件レコメンドのスライダー前後ボタン（半透明丸＋矢印） */
.site_underarmour .search-result .catalog_bottom_contents .uk-slidenav,
.site_underarmour .search-result .catalog_zero_result_contents .uk-slidenav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  opacity: 1;
  transition: background-color 0.2s;
}
.site_underarmour .search-result .catalog_bottom_contents .uk-slidenav:hover,
.site_underarmour .search-result .catalog_zero_result_contents .uk-slidenav:hover {
  background: rgba(255, 255, 255, 0.9);
}
.site_underarmour .search-result .catalog_bottom_contents .uk-slidenav svg,
.site_underarmour .search-result .catalog_zero_result_contents .uk-slidenav svg {
  width: 10px;
  height: 12px;
  color: #1d1d1d;
}

.catalog_useSlider .catalogList_item .uk-position-small {
  max-width: calc(100% - (10px * 2));
  margin: 10px;
}
#contents_ver4 .catalog_useSlider .catalogList_item a:hover img {
  opacity: 1; /* スライド画像を透明化させない */
}
.catalog_useSlider .catalogList_item .product-icon,
.catalog_useSlider .catalogList_item .product-service-icon,
.catalog_useSlider .catalogList_item .catalog-campaignGroup {
  z-index: 1;
}
/* キャンペーンラベル（base: _assets/css/campaignGroup.css）を UA だけ調整 */
.site_underarmour .catalog-campaignGroup {
  top: -19px;
}
.site_underarmour .catalog-campaignGroup > li span {
  padding: 10px .3em;
  font-size: 11px;
}
.site_underarmour .catalog-campaignGroup > li.-discount.-timesale span:before {
  width: 12px;
  height: 12px;
  margin-right: 0.4em;
}
/* 未ログイン時の会員価格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 .commodityName,
.site_underarmour .cartPage .catalogList .product-text .commodityName {
  font-size: 12px !important;
  color: var(--ua-black) !important;
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  line-height: 1.75;
}
.site_underarmour .product-text .regular_price,
.site_underarmour .product-text .special_price {
  font-size: 18px;
  line-height: 1;
  letter-spacing: normal;
  font-weight: bold;
  color: var(--ua-red);
}
/* 通常価格（セールでない）は黒字に戻す。セール価格(.special_price)のみ赤 */
.site_underarmour .product-text .regular_price {
  color: var(--ua-black);
}
/* セール時の「会員価格」は面を問わず常に UA レッド。
   面ごとに別のベースCSSが黒字を当ててくるため、ここで一本化する:
     - 検索/一覧: 直前の .regular_price(黒) と同特異度で負ける（regular_price と special_price が併記される）
     - 商品詳細の閲覧履歴 / カートの最近見た商品: .special_price を黒字にする指定がある（赤字は内側 span 側の想定で、
       span を持たない「会員価格」が黒のまま残る）
     - カートのレコメンド: content-cart-koichi.css が color:var(--sale)!important を当てるが --sale が解決されず黒になる
   上記すべてに勝つため詳細度(0,6,0)＋!important で指定する */
.site_underarmour.site_underarmour .product-text .priceLine .regular_price.special_price,
.site_underarmour.site_underarmour .product-text .priceLine .special_price.member_price {
  color: var(--ua-red) !important;
}
/* 「会員価格」は価格(18px)より小さくする */
.site_underarmour .product-text .regular_price.member_price,
.site_underarmour .product-text .special_price.member_price {
  font-size: 16px;
}
/* アウトレット価格は赤ではなく黒字 */
.site_underarmour .product-text .special_price.-outlet {
  color: var(--ua-black);
}
.site_underarmour .product-text .special_price .-proper {
  display: inline-block;
  color: #999;
  text-decoration-line: line-through;
  font-size: 12px;
  font-weight: normal;
}
.site_underarmour .product_main .catalogList .product-text .priceLine .special_price .-proper {
  display: inline;
}

/* カラーチップ */
.site_underarmour .config-colortip_list {
  padding: 0 0 8px 0;
}
.site_underarmour .config-colortip_list_item span::before {
  width: 16px;
  height: 16px;
  border-radius: 0;
}

/* 検索結果ヘッダー・商品数 */
.site_underarmour .item_number {
  font-size: 30px;
  font-weight: bold;
  color: var(--ua-black);
}
.site_underarmour .item_number small {
  font-size: 14px;
  font-weight: normal;
  padding-left: 4px;
}
.site_underarmour .item_number small:first-child {
  display: none;
}

/* カタログページレイアウト */
.site_underarmour .catalog_breadcrumbs {
  width: inherit;
  min-width: 1024px;
  max-width: 1440px;
  margin-top: 40px;
  padding: 0 20px;
}
/* パンくず区切りを商品詳細と同じ lcicon 矢印に（リテラル「＞」はJSPでUA時のみ非出力）。
   先頭(ホーム)とブランド操作ボタン(.brandDivBtn)には付けない */
.site_underarmour .catalog_breadcrumbs ul li:not(:first-child):not(.brandDivBtn)::before {
  display: inline-block;
  content: "\EA02";
  font-family: 'lcicon';
  padding: 0 0.5em;
}
.site_underarmour #contents_ver4 {
  margin: 30px auto 0;
}
.site_underarmour #contents_ver4.page_search {
  margin: 0 auto;
  min-width: 1024px;
  max-width: 1440px;
  width: inherit;
  padding: 0px 20px;
}
.site_underarmour .page_search .search-result {
  width: inherit;
  min-width: 765px;
  max-width: 1170px;
  /* margin-right: 20px; */
  flex: 1;
}
.site_underarmour .page_search .search-filter {
  margin-right: 30px;
}

/* 絞り込みフィルター見出し */
.site_underarmour .wrap_filter h3,
.site_underarmour .wrap_filter .heading {
  color: var(--ua-black);
  font-weight: bold;
}
/* UA: カタログ絞り込み（左ナビ）の「割引率」フィルターを非表示 */
.site_underarmour .wrap_filter.offRate {
  display: none;
}
/* UA: 商品情報を持たない絞り込みを非表示（ワイズ/ヒールの高さ/ヒールの形/つま先の形状/筒周り/素材(靴・バッグ)/重さ）
   JSP: common/pc/search/search-filter.jsp */
.site_underarmour .wrap_filter.shoeWidth,
.site_underarmour .wrap_filter.heelHeight,
.site_underarmour .wrap_filter.heelShape,
.site_underarmour .wrap_filter.tipShape,
.site_underarmour .wrap_filter.shaftWidth,
.site_underarmour .wrap_filter.upperMaterial,
.site_underarmour .wrap_filter.outerMaterialBags,
.site_underarmour .wrap_filter.weight {
  display: none !important;
}
/* UA: カラー/テクノロジー絞り込みは8件表示＋「もっと見る」で全展開。
   9件目以降は CSS(nth-child) で事前に非表示にし、ロード後の高さカクツキを防ぐ（JSは .is-expanded トグルのみ）。
   ボタン(.ua-filter-more)は常時表示するため :not で除外。liの表示は display:table。 */
.site_underarmour .filter_color > li:nth-child(n+9):not(.ua-filter-more),
.site_underarmour .wrap_filter.searchTag.-technology .filter_SearchTag > li:nth-child(n+9):not(.ua-filter-more) {
  display: none;
}
/* 「もっと見る」押下（JSが .is-expanded を付与）で9件目以降も表示。liの既定は display:table。 */
.site_underarmour .filter_color.is-expanded > li:nth-child(n+9):not(.ua-filter-more),
.site_underarmour .wrap_filter.searchTag.-technology .filter_SearchTag.is-expanded > li:nth-child(n+9):not(.ua-filter-more) {
  display: table;
}
.site_underarmour .ua-filter-more {
  list-style: none;
  width: 100%;
}
.site_underarmour .ua-filter-more__btn {
  appearance: none;
  border: none;
  margin-top: 4px;
  font-size: 12px;
  color: #666;
  /* text-decoration: underline; */
  text-underline-offset: 3px;
  cursor: pointer;
  background: #f5f5f5;
  padding: 4px 6px;
  border-radius: 3px;
  margin: 10px 0;
  width: 100%;
}
.site_underarmour .ua-filter-more__btn:hover {
  opacity: .7;
}

/* 商品カード: 商品名と価格の間のジェンダー・スポーツ表記（search_tag_gender/sports 由来） */
.site_underarmour .catalogList_item .product-text .catalog-genderSports {
  font-size: 12px;
  line-height: 1.4;
  color: #888;
  /* font-weight: bold; */
  margin-bottom: 6px;
}
.site_underarmour .catalog-genderSports:empty {
  display: none;
}

/* ============================================================
   12. レビューサマリー
   ============================================================ */
.site_underarmour #rev_summary_block,
.site_underarmour .rev_catalog_summary_block {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin: 0;
  color: #1d1d1d;
}
.site_underarmour .rating_catalog_summary_score {
  font-weight: bold;
  /* margin: 0 4px; */
  font-size: 13px;
}
/* レビュー星の点数・件数(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 .rev_catalog_summary_block .rating_catalog_summary_Box {
  /* content-catalog.cssが読まれないページ(商品詳細の関連アイテム等)でも表示できるよう
     寸法/位置も自己完結で指定（base content-catalogと同値・画像だけ黒スプライト） */
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 78px;
  height: 15px;
  background: url(https://media.aws.locondo.jp/_assets/img/pc/icon_stars_black.png) no-repeat 0 -15px;
}
.site_underarmour .rev_catalog_summary_block .rating {
  height: 15px;
  text-indent: -9999px;
  background: url(https://media.aws.locondo.jp/_assets/img/pc/icon_stars_black.png) no-repeat 0 0;
}
.site_underarmour .rev_catalog_summary_block .rating_summary_score {
  font-weight: bold;
}
/* 商品詳細レビュー：総合評価(#rev_summary_block)を黒スプライトに（base /both/icon_stars_1608.png をUA上書き。harleydavidsonと同方式） */
.site_underarmour #rev_summary_block .rating_summary_Box,
.site_underarmour #rev_summary_block .rating {
  background-image: url(https://media.aws.locondo.jp/_assets/img/both/icon_stars_black.png);
}
/* 各レビューの評価（.rev_contents .ratingBox / .rating）も黒に（base /pc/icon_stars_1608.png） */
.site_underarmour .rev_contents .ratingBox,
.site_underarmour .rev_contents .rating {
  background-image: url(https://media.aws.locondo.jp/_assets/img/pc/icon_stars_black.png);
}
/* 各レビューの評価スコアバッジ（rateType内）を黒背景・白文字に。
   base(content-product-koichi.css)が :is(...,.site_underarmour) で #ffd765 を同詳細度・後読みで当てているため !important で上書き */
.site_underarmour .rev_contents .rateType .rateScore {
  background: #1d1d1d !important;
  color: #fff;
  padding: 4px 8px !important;
}
.site_underarmour .rating_catalog_summary_count {
  letter-spacing: normal;
  color: var(--ua-black);
}
/* 商品詳細のリコメンド（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: 0px;
}
.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;
}
.site_underarmour #rev_summary_block > a {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.15s;
}
.site_underarmour #rev_summary_block > a:hover {
  opacity: 0.7;
}
.site_underarmour #rev_summary_block .rating_summary_score {
  font-weight: bold;
  margin: 0 4px;
  font-size: 13px;
}
.site_underarmour #rev_summary_block .rating_summary_Box {
  margin: 0;
}
.site_underarmour #rev_summary_block .rating_summary_count {
  letter-spacing: normal;
  color: var(--ua-black);
}

/* ============================================================
   13. 商品詳細
   ============================================================ */

/* パンくずは1行固定。長い商品名(最終li)だけ縮めて…で省略する */
.site_underarmour #breadcrumbsList ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  overflow: hidden;
}
/* clearfix の :after が flex の幽霊アイテムにならないように */
.site_underarmour #breadcrumbsList ul:after {
  content: none;
}
.site_underarmour #breadcrumbsList li {
  flex-shrink: 0;
  white-space: nowrap;
}
.site_underarmour #breadcrumbsList li:last-child {
  /* 「縮める」でなく「残り幅を割り当てる」方式。flex-basis 0 + grow で
     shrink計算(他CSSのwidth/float指定に影響されやすい)に依存せず確実に…が出る */
  flex: 1 1 0;
  width: 0;
  min-width: 0;
  /* 共通パンくず(.breadcrumbs ul li{display:inline-flex}・区切りアイコンの縦位置用)の上書き。
     flexコンテナでは text-overflow が効かない(テキストが匿名flexアイテム化)ため最終liだけ block に戻す */
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

/* --- カラーサムネイル（縦伸び防止） --- */
.site_underarmour .different_color_list .color-selector > li img {
  object-fit: cover;
}
.site_underarmour .color-selector li > a {
  border-radius: 4px;
}
.site_underarmour #product_contents #different_color_list #color-selector li.currentCommodityColor a,
.site_underarmour #product_contents #different_color_list #color-selector li:hover a {
  border: 2px solid #1d1d1d;
  border-radius: 4px;
}
/* カラー/サムネイル hover の在庫ポップアップ（本体＋吹き出し三角）の背景。共通 content-product-koichi.css は #fff */
.site_underarmour .product_thumb_item:hover .popupRelatedStock,
.site_underarmour .color-selector > li:hover .popupRelatedStock,
.site_underarmour .product_thumb_item .popupRelatedStock:after,
.site_underarmour .color-selector .popupRelatedStock:after {
  background: #f0f0f0;
}

/* --- メイン画像サムネイルリスト --- */
.site_underarmour .mainImage-thumbList {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.site_underarmour .mainImage-thumbList figure {
  width: calc((100% - 24px) / 9);
  border-radius: 4px;
}
.site_underarmour .mainImage-thumbList figure.active {
  opacity: 1;
  border: 2px solid #000;
}

/* --- ヘッダー（商品名） --- */
.site_underarmour #product_detail_header {
  background-color: var(--ua-white) !important;
  text-align: left !important;
  padding: 0 !important;
}
/* 商品詳細の右カラム幅（base: _assets/css/pc/content-product-koichi.css 488px）を UA だけ調整 */
.site_underarmour .product_detail {
  width: 468px;
}
.site_underarmour #product_right_container {
  width: 468px;
}
.site_underarmour .product_detail_bottom {
  width: 468px;
}
/* 在庫お知らせボタン（base: _assets/css/pc/content-product-koichi.css）を UA だけ調整 */
.site_underarmour .fav_alert_btn a {
  border-radius: 3px;
  font-weight: bold;
}
.site_underarmour .product_detail .commodityName {
  font-weight: bold;
  font-size: 18px;
  color: var(--ua-black);
}
/* 返品送料・注意書き（base: content-product-koichi.css 11px/#666）を UA だけ調整 */
.site_underarmour .product_main .return_cost,
.site_underarmour .product_main .impropertxt {
  font-size: 12px;
  color: #1d1d1d;
}
/* 購入制限の注記（primary）を UA だけ赤字に */
.site_underarmour .purchaseLimitNotice .insertto.primary {
  font-weight: bold;
  color: #dc0619;
}
/* 購入制限ボックスの背景を UA だけ淡赤に（base: #f6f6f6） */
.site_underarmour .purchaseLimitNotice {
  background-color: #fff6f6;
}

/* --- 価格エリア --- */
/* UA: 会員価格バッジ（SPと配色を統一: 背景#ffeaec / 文字#ff2f42）。基底 .memberPrice を上書き */
.site_underarmour .memberPrice {
  display: inline-flex;
  background: #ffeaec;
  color: #ff2f42;
  border-radius: 3px;
  padding: 5px 5px;
  font-size: 12px;
  margin-bottom: 4px;
  align-content: center;
  align-items: center;
  line-height: 1;
  margin-right: .5em;
}
.site_underarmour .price_point .price_box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 8px;
}
.site_underarmour .secretPrice {
  margin: 0;
  padding: 5px 0;
  border: none;
  color: #dc0619;
}
.site_underarmour .wrap.-secretPrice {
  display: block;
  width: 100%;
}
.site_underarmour .price_point .price_box .rev_summary_block_wrap {
  margin-left: auto;
}
.site_underarmour .price_point .old_price {
  margin-right: 4px;
}
.site_underarmour .price_point .price_box .old_price .price {
  font-size: 14px;
  line-height: 28px;
  color: #888;
}
.site_underarmour .-no-lc .price_point .price_box .regular_price {
  display: flex;
  justify-content: flex-start;
}
.site_underarmour .-no-lc .price_point .price_box .regular_price,
.site_underarmour .-no-lc .price_point .price_box .special_price {
  font-size: 28px;
  font-weight: bold;
}
.site_underarmour .-no-lc .price_point .price_box .regular_price .price,
.site_underarmour .-no-lc .price_point .price_box .special_price .price {
  display: inline-block;
}
.site_underarmour .-no-lc .price_point .price_box .regular_price .price::first-letter,
.site_underarmour .-no-lc .price_point .price_box .special_price .price::first-letter {
  font-size: 16px;
}
.site_underarmour .price_point .price_box .price {
  font-size: 30px;
}
.site_underarmour .price_point .special_price .price {
  color: var(--ua-red);
}
.site_underarmour .price_box .price-suffixTax {
  font-size: 14px;
  color: #888888;
}
.site_underarmour .makerPrice {
  margin-bottom: 0;
  width: 100%;
}
.site_underarmour .makerPrice_label {
  /* display: none; */
  color: #888888;
}
/* セール時の「通常価格：」行は幅を戻し、ラベルは非表示 */
.site_underarmour .makerPrice.-discount {
  width: inherit;
}
.site_underarmour .makerPrice.-discount .makerPrice_label {
  display: none;
}
.site_underarmour .price_box .priceDown {
  color: #dd071b;
  background: #ffeaea;
  padding: 1px 5px;
  border-radius: 2px;
  font-weight: bold;
  display: inline-flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.site_underarmour .price_point .discountRate {
  display: inline-block;
  margin-right: 0.2em;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  color: var(--ua-red);
  position: relative;
  background: none;
  top: inherit;
}
.site_underarmour .price_point .discountedPrice {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: var(--ua-text-gray);
  background: none;
  padding: 8px 0;
}
.site_underarmour .price_point .discountedPrice em {
  color: var(--ua-red);
}

/* --- ポイント --- */
.site_underarmour .note_point {
  color: var(--ua-red);
  font-size: 14px;
  text-align: left;
  margin-bottom: 10px;
  margin-top: -10px;
}
.site_underarmour .customerCommodityPoint {
  font-weight: bold;
}

/* --- お届け日 --- */
.site_underarmour .delivery_date_wrap {
  display: inline-flex;
  align-items: center;
  margin: 8px 0;
  padding: 14px 15px 12px;
  background: #faf8f4;
}
.site_underarmour .delivery_date_wrap ul {
  margin-bottom: 0;
}
.site_underarmour #delivery_date li.free {
  font-weight: normal;
}
.site_underarmour .delivery_date_wrap .insertto.primary {
  color: var(--ua-red);
  font-weight: bold;
}

/* --- 商品メタ情報（商品番号・カラー） --- */
.site_underarmour .ua-product-meta {
  margin: 24px 0;
  font-size: 14px;
}
.site_underarmour .ua-product-meta__row {
  display: flex;
  gap: 0px;
  line-height: 1.8;
  color: var(--ua-black);
}
.site_underarmour .ua-product-meta__label {
  flex-shrink: 0;
  width: 5em;
}
.site_underarmour .ua-product-meta__value {
  font-weight: bold;
}

/* --- 商品アクションボタン（サイズガイド・商品サイズ・コーディネート 等） --- */
.site_underarmour .ua-product-actions {
  display: flex;
  gap: 10px;
  margin: 32px 0;
}
.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;
  transition: background-color 0.15s, color 0.15s;
}
.site_underarmour .ua-product-actions__btn:hover {
  opacity: 0.7;
}
.site_underarmour .ua-product-actions__btn:active {
  opacity: 0.7;
}
/* JS で is-hidden が付いたアクションボタンは非表示 */
.site_underarmour .ua-product-actions__btn.is-hidden {
  display: none !important;
}

/* --- カートボタン --- */
.site_underarmour .shopping_cantrol_wrap {
  background: var(--ua-white);
  padding: 0;
}
.site_underarmour .shopping_cantrol .sizeConfigGroup :where(.cartInBtn) {
  flex: 0 0 160px;
}
.site_underarmour .shopping_cantrol .sizeConfigGroup .cartInBtn a {
  background-color: var(--ua-red);
  font-size: 14px;
  font-weight: bold;
}
.site_underarmour .shopping_cantrol .cartInBtn .icon-A08-cart:before {
  display: none;
}
.site_underarmour .shopping_cantrol .addCart_feedback .buttonToCart a {
  color: var(--ua-red);
  border-color: var(--ua-red);
  font-size: 14px;
  font-weight: normal;
}
.site_underarmour .shopping_cantrol .sizeConfigGroup .cartInBtn a:hover {
  background-color: #c1161f;
}
.site_underarmour .shopping_cantrol .sizeConfigGroup .cartInBtn a.nyukaRequest {
  border: none;
}
.site_underarmour .shopping_cantrol .sizeConfigGroup .stock {
  flex: 0 0 80px;
}
.site_underarmour .shopping_cantrol .sizeConfigGroup [data-zaiko-label="stockLastOne"] {
  color: var(--ua-red);
  font-weight: bold;
}
.site_underarmour .stock-remaining,
.site_underarmour .data_last_item {
  color: var(--ua-red);
}
.site_underarmour .trgPointTooltip {
  width: 22px;
  height: 22px;
}
.site_underarmour .lc-list__count {
  width: 22px;
  height: 22px;
}
.site_underarmour .shopping_cantrol .sizeConfigGroup .storestock {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: 40px;
  line-height: 1.3;
  font-size: 11px;
  text-align: center;
  border: 1px solid #1d1d1d;
  border-radius: 3px;
  cursor: pointer;
  padding: 0 .5em;
  background: #1d1d1d;
  font-weight: normal;
}
.site_underarmour .shopping_cantrol .sizeConfigGroup .storestock:not(.-hidden):hover {
  opacity: .8;
}
.site_underarmour .shopping_cantrol .storestock.-hidden {
  opacity: 1;
  border-color: #ccc;
  color: #888;
  cursor: no-drop;
  padding-top: 3px;
  background: none;
}

/* --- 在庫切れ時の再入荷リクエスト案内 --- */
.site_underarmour .ua-restock-notice {
  font-size: 12px;
  line-height: 1.6;
  margin: 16px 0;
  color: #1d1d1d;
}
.site_underarmour .ua-restock-notice__highlight {
  color: var(--ua-red);
  font-weight: bold;
}

/* --- クーポン・限定セール情報 --- */
.site_underarmour .couponhead {
  margin-bottom: 20px;
  background-color: var(--ua-red);
}
.site_underarmour .couponInfo-item,
.site_underarmour .limitedSaleInfo-item {
  color: var(--ua-black);
}

/* --- セクション見出し --- */
.site_underarmour .product_detail_bottom h3,
.site_underarmour .product_table h3,
.site_underarmour .sectionHeading {
  color: var(--ua-black) !important;
  font-size: 18px !important;
  font-weight: bold !important;
}
/* 商品説明・サイズ詳細 タブ見出し */
.site_underarmour .product_text_with_size_detail .list_tab li a h3 {
  font-size: 16px !important;
  font-weight: normal !important;
  color: #666 !important;
}
.site_underarmour .product_text_with_size_detail .list_tab li.current a h3 {
  font-weight: bold !important;
  color: #1d1d1d !important;
}
/* タブのリンク・li サイズ調整 */
.site_underarmour .product_detail_bottom .list_tab li {
  position: relative;
  bottom: -1px;
  float: left;
  height: 50px;
  margin: 0 5px 0 0;
  line-height: 50px;
  font-size: 16px;
}
.site_underarmour .product_detail_bottom .list_tab li a {
  display: block;
  height: 50px;
  padding: 0 2em;
}
.site_underarmour #reco_product h2.product-reco,
.site_underarmour #reco_topsellers h2.product-reco,
.site_underarmour #history_item h2.product-reco,
.site_underarmour #concierge-reviews h2.product-concierge_review,
.site_underarmour #user_reviews h2.product-review,
.site_underarmour #locondo_rev_contents_block h2.product-review,
.site_underarmour .related_product .heading,
.site_underarmour .product_video .heading,
.site_underarmour .reco_product .heading,
.site_underarmour .commodity-ranking-category .heading,
.site_underarmour .commodity-ranking-all .heading,
.site_underarmour .history_item .heading,
.site_underarmour .commodity_cms .heading,
.site_underarmour .newArrival_item .heading,
.site_underarmour .recommend__coordinate .heading,
.site_underarmour .commodity_viewerReco .heading {
  color: var(--ua-black);
  font-weight: bold !important;
  font-size: 18px !important;
}

/* --- 関連商品リスト --- */
.site_underarmour .product_main .catalogList .product-text .priceLine p {
  font-size: 16px !important;
  font-weight: bold !important;
}
/* 「会員価格」は和文のため同サイズだと数字より大きく見える。1px下げて視覚的に揃える */
.site_underarmour .product_main .catalogList .product-text .priceLine p.member_price {
  font-size: 15px !important;
}
.site_underarmour .product_table {
  color: var(--ua-black);
}
.site_underarmour .product_detail_reco > ul,
.site_underarmour .product_contents .newArrival_item .catalogList {
  gap: 15px 1px;
}
.site_underarmour .product_detail_reco > ul > li,
.site_underarmour .product_contents .newArrival_item .catalogList > li {
  width: calc((100% - 10px) / 6) !important;
  margin-right: 0;
}

/* --- お気に入り情報 --- */
.site_underarmour .alt_fav_block {
  text-align: left;
}
.site_underarmour .fav_count_txt span {
  font-family: 'UAText', sans-serif;
  font-weight: bold;
  margin-right: 2px;
}
.site_underarmour .fav_info_txt {
  display: none;
}

/* --- 商品に関するお問い合わせ --- */
.site_underarmour #inquiry_link,
.site_underarmour .inquiry_link {
  width: 100%;
}
.site_underarmour #inquiry_link button,
.site_underarmour #inquiry_link a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  border: 1px solid var(--ua-black);
  background: var(--ua-black);
  width: 100%;
  height: 42px;
  border-radius: 4px;
}
.site_underarmour #inquiry_link .inquiryLink_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* --- 最近チェックしたアイテム（商品詳細・カート共通） --- */
.site_underarmour .history .product-text,
.site_underarmour .cartPage .cart-recentry .product-text {
  display: block;
}
.site_underarmour .product_main .history_item .catalogList:not(.swiper-wrapper) > li,
.site_underarmour .cartPage .cart-recentry .catalogList:not(.swiper-wrapper) > li {
  width: calc((100% - 10px) / 6) !important;
}
.site_underarmour #history_item #history > ul:not(.swiper-wrapper),
.site_underarmour #cart_recommend #history > ul:not(.swiper-wrapper),
.site_underarmour .cartPage .cart-recentry .catalogList:not(.swiper-wrapper) {
  flex-wrap: wrap;
  gap: 20px 2px;
}
.site_underarmour .cartPage .cart-ranking .catalogList:not(.swiper-wrapper) .catalogList_item {
  margin-bottom: 40px;
  width: calc((100% - 10px) / 6);
}
/* レコメンド見出しはPC18pxに統一（UA汎用 .lc-u-h2 の24px!importantを枠限定で上書き） */
.site_underarmour .cartPage :is(.cart-ranking, .cart-favorite, .cart-recently, .cart-recentry) .lc-u-h2 {
  font-size: 18px !important;
}
/* カートのレコメンド見出し横の「一覧」リンクは非表示 */
.site_underarmour .cartPage :is(.cart-ranking, .cart-favorite, .cart-recently, .cart-recentry) .lc-flexBox .lc-u-text-14 {
  display: none;
}
/* お気に入りのスケルトンはロード後(スライダー: PC6枚・gap2px)のカード寸法に合わせる。画像はサムネと同じ正方形 */
.site_underarmour .cartPage .cart-favorite .ua-reco-skeleton__item {
  flex: 0 0 auto;
  width: calc((100% - 10px) / 6);
  margin-right: 2px;
}
.site_underarmour .cartPage .cart-favorite .ua-reco-skeleton__item .product-image {
  aspect-ratio: 1 / 1;
}
/* お気に入りカードを縦flex化し「カートに入れる」(lc-u-mt-auto付き)を下端に揃える。
   スライダー化(wrapperのalign-items:stretch)で全カードが同じ高さになる前提 */
.site_underarmour .cartPage .cart-favorite .lc-row > li {
  display: flex;
  flex-direction: column;
}
/* 「カートに入れる」は両端10px内側に（margin-top:auto(下端揃え)を潰さないよう左右だけ指定） */
.site_underarmour .cartPage .cart-favorite .lc-row > li > .lc-btn {
  margin-left: 10px;
  margin-right: 10px;
}
/* カート下部レコメンド各セクション間の余白を詰める（base .lc-section の padding:30px 0 を縮小）。
   cart-ranking は cart-recommend-foryou も内包 */
.site_underarmour .cartPage :is(.cart-ranking, .cart-recentry, .cart-favorite) {
  padding-top: 10px;
  padding-bottom: 40px;
}
/* カート本体(注記)とレコメンド群を差別化するため、先頭レコメンド「あなたへのおすすめ」の上に余白。
   .cart-recommend-foryou は注記(isCartAdded)と同条件でカートに商品がある時に必ず先頭に出る */
.site_underarmour .cartPage .cart-recommend-foryou {
  margin-top: 30px;
}
.site_underarmour #history_item #history .priceLine .regular_price,
.site_underarmour #history_item #history .priceLine .special_price,
.site_underarmour .cartPage .cart-recentry .priceLine .regular_price,
.site_underarmour .cartPage .cart-recentry .priceLine .special_price {
  color: var(--ua-black);
}
/* ※ここで黒くなる「会員価格」の赤字化は、上部の
   「セール時の会員価格は面を問わず常に UA レッド」ブロックに集約済み */
.site_underarmour #history_item #history .catalog-campaignGroup,
.site_underarmour .cartPage .cart-recentry .catalog-campaignGroup {
  visibility: visible !important;
}

/* --- レビュー本文 --- */
.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;
}
/* レビュー「続きを読む」のグラデ終端をレビュー背景(#f6f6f6)に合わせる（_assetsのbaseは白なのでUA限定で上書き） */
.site_underarmour #rev_contents_block .review.review_container .readmore {
  background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(246, 246, 246, 0.5), #f6f6f6) repeat scroll 0 0;
  z-index: 979;
}
/* ストアからの返信（スタッフ一言コメント）本文 */
.site_underarmour .reviewReply {
  color: #1d1d1d;
  font-size: 14px;
}

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

.site_underarmour #modal_cartInBtn .uk-modal-dialog {
  width: 600px;
}
.site_underarmour #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__title {
  font-size: 17px;
}

/* --- modal_cartInBtn ボタン横並び --- */
.site_underarmour #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btnGroup {
  display: flex;
  flex-direction: row-reverse;
  gap: 12px;
  margin: 0;
}
.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: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  padding: 16px 10px;
  line-height: 1;
}
.site_underarmour #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btnGroup .modal_cartInBtn__btn a:hover {
  background: #c1161f;
}
.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: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  padding: 16px 10px;
  line-height: 1;
  cursor: pointer;
}
.site_underarmour #modal_cartInBtn .uk-modal-dialog .modal_cartInBtn__btnGroup .modal_cartInBtn__text:hover {
  background: #333;
  text-decoration: none;
}

/* --- modal_cartInBtn「よく一緒に買われているアイテム」 --- */
.site_underarmour .modal_cartInBtn__reco {
  margin: 0 -40px 20px -40px;
  background: var(--ua-bg-light-gray);
  padding: 30px 0px;
  text-align: left;
}
.site_underarmour .modal_cartInBtn__reco-title {
  padding: 0 16px 12px;
  font-size: 16px;
  font-weight: bold;
  color: var(--ua-black);
  margin: 0;
}
.site_underarmour .modal_cartInBtn__reco-list {
  position: relative;
  padding: 0 16px;
}
.site_underarmour .modal_cartInBtn__reco-list .modal_cartInBtn__swiper {
  overflow: hidden;
}
/* Swiperロード失敗時のフォールバック（横スクロール） */
.site_underarmour .modal_cartInBtn__reco-list--fallback {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 6px;
}
.site_underarmour .modal_cartInBtn__reco-list--fallback .catalogList_item {
  flex: 0 0 140px !important;
  width: 140px !important;
}
.site_underarmour .modal_cartInBtn__reco-list--fallback .catalogList {
  gap: 12px;
}
.site_underarmour .modal_cartInBtn__reco-list .catalogList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: visible;
  gap: 0;
  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;
  display: block;
  flex: 0 0 auto;
  margin: 0;
  box-sizing: border-box;
}

/* Swiper ナビゲーションボタン — レコメンド共通(ua-reco-slider.cssの.uar-arrow)と同デザイン・同挙動。
   標準矢印はフォント(::after/v8系)とSVG(v11系)の両対応で消し、チェブロンは::beforeに自前描画 */
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-prev,
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  background: rgba(255, 255, 255, .9);
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  cursor: pointer;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s;
}
/* 枠(.reco-list)は左右16pxのpadding持ち。カードに深めに乗せる位置 */
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-prev {
  left: 40px;
}
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-next {
  right: 40px;
}
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-prev::after,
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-next::after,
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-prev svg,
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-next svg {
  display: none;
}
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-prev::before,
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-next::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1.5px solid #1d1d1d;
  border-right: 1.5px solid #1d1d1d;
}
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-prev::before { transform: rotate(-135deg); margin-left: 3px; }
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-next::before { transform: rotate(45deg); margin-right: 3px; }
/* 端(先頭/最終)では非表示（レコメンド共通と同じ挙動） */
.site_underarmour .modal_cartInBtn__reco-list .swiper-button-disabled {
  display: none;
}
.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: 12px;
  margin: 8px 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.4;
  margin: 0 0 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.site_underarmour .modal_cartInBtn__reco-list .catalogList_item .priceLine p {
  font-size: 16px;
  margin: 0 0 8px 0;
}

/* --- スケルトンローディング --- */
@keyframes ua-skeleton-shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.site_underarmour .modal_cartInBtn__reco-list .modal_cartInBtn__skeleton .modal_cartInBtn__skeleton-item {
  flex: 0 0 calc((100% - 24px) / 3);
  width: calc((100% - 24px) / 3);
}
.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: 5 / 6;
}

/* ============================================================
   15. クイックビュー
   ============================================================ */
.site_underarmour .quickviewBox > .inner > .heading {
  font-weight: bold;
}
.site_underarmour .quickviewBox [data-text-brand_name] {
  display: none;
}
.site_underarmour .quickviewBox [data-text-commodity_name] {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  color: #1d1d1d;
}
.site_underarmour .quickviewBox .commoditySizelist .cartBtn button {
  background-color: var(--ua-red);
}
.site_underarmour .quickviewBox .commoditySizelist .cartBtn button:not(.out-of-stock):not(.beforeSale):hover {
  background-color: #c1161f;
}
.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: 42px;
  line-height: 40px;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  background-color: var(--ua-red);
  border: 1px solid var(--ua-red);
  color: #fff;
}
.site_underarmour .quickviewBox .qv_addCart_feedback .buttonToCart {
  color: var(--ua-red);
  border-color: var(--ua-red);
  font-size: 14px;
  font-weight: normal;
}
.site_underarmour .quickviewBox .qv_addCart_feedback .buttonToCart:after {
  display: none;
}
.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 .linkToCommodity a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8em;
  height: 3em;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #1d1d1d;
  border-radius: 2px;
}

/* ============================================================
   16. PC フッター
   ============================================================ */
.footer {
  background-color: var(--ua-black);
  color: var(--ua-white);
  border-top: 1px solid #d0d0d0;
}

/* --- Newsletter Section --- */
.footer-newsletter {
  text-align: center;
  padding: 48px 20px 40px;
  border-bottom: 1px solid #333;
}
/* メルマガ登録の成功/失敗パネル: 画面中央に固定・完全不透明で表示 */
.site_underarmour .footer .footer-newsletter-message.as-fail-panel,
.site_underarmour .footer .footer-newsletter-message.as-success-panel {
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  margin: 0;
  width: 360px;
  max-width: 90vw;
  background: #fff;
  color: #1d1d1d;
  border: 1px solid #ccc;
  padding: 24px 28px;
  z-index: 9999;
  opacity: 1 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.footer-newsletter__title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 12px;
  letter-spacing: normal;
}
.footer-newsletter__subtitle {
  font-size: 14px;
  color: var(--ua-gray-light);
  margin-bottom: 24px;
}
.footer-newsletter__form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  max-width: 480px;
  margin: 0 auto 12px;
}
.footer-newsletter__input {
  flex: 1;
  padding: 12px 16px;
  margin: 0 10px 0 0;
  font-size: 14px;
  border: 1px solid #555;
  background: var(--ua-white);
  color: var(--ua-black);
  outline: none;
  font-family: inherit;
}
.footer-newsletter__input::placeholder {
  color: #888;
}
.footer-newsletter__input:focus {
  border-color: var(--ua-gray-light);
}
.footer-newsletter__btn {
  padding: 13px 24px;
  font-size: 12px;
  font-weight: bold;
  background: var(--ua-text-gray);
  color: var(--ua-white);
  border: none;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s;
}
.footer-newsletter__btn:hover {
  background: #555;
}
.footer-newsletter__note {
  font-size: 12px;
  color: #888;
  margin-top: 12px;
}
.footer-newsletter__note a {
  color: var(--ua-gray-light);
  text-decoration: underline;
}
.footer-newsletter__note a:hover {
  color: var(--ua-white);
}

/* --- Footer Navigation --- */
.footer-nav {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 40px 56px;
  gap: 32px;
}
.footer-nav__column {
  min-width: 0;
}
.footer-nav__column-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
  color: var(--ua-white);
  letter-spacing: normal;
}
.footer-nav__column ul li {
  margin-bottom: 8px;
}
.footer-nav__column ul li a {
  font-size: 14px;
  color: #999;
  transition: color 0.2s;
  line-height: 1.8;
}
.footer-nav__column ul li a:hover {
  color: var(--ua-white);
  text-decoration: underline;
}

/* SNS icons (FontAwesome) */
.site_underarmour .ua-footer-brand__sns {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site_underarmour .ua-footer-brand__sns li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #999;
  font-size: 13px;
  text-decoration: none;
  transition: opacity 0.2s;
}
.site_underarmour .ua-footer-brand__sns li a i {
  width: 18px;
  font-size: 16px;
  text-align: center;
  color: #999;
}
.site_underarmour .ua-footer-brand__sns li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.site_underarmour .ua-footer-brand__sns li a:hover i {
  color: var(--ua-white);
}

/* --- Footer Bottom / Copyright --- */
.footer-bottom {
  border-top: 1px solid #333;
  padding: 20px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  color: #999;
}
.footer-bottom a {
  color: #999;
  transition: color 0.2s;
}
.footer-bottom a:hover {
  color: var(--ua-gray-light);
}
.footer-bottom__separator {
  color: #444;
  margin: 0 4px;
}

/* ページトップへ戻るボタン（ベースは _assets/css/pc/common-boem_style.css の .pagetop a） */
.site_underarmour .pagetop a {
  color: #dddddd;
  background: #4c4c4c;
  z-index: 1;
}

/* ============================================================
   17. UA スタッフレビュー
   ============================================================ */
.site_underarmour .ua-staff-review {
  width: 100%;
  margin: 20px auto 60px auto;
  padding: 0;
}
.site_underarmour .ua-staff-review__heading {
  color: var(--ua-black);
  font-weight: bold !important;
  font-size: 18px !important;
  margin: 0 0 15px;
}
.site_underarmour .ua-staff-review__body {
  display: grid;
  grid-template-columns: 460px 1fr;
  grid-template-areas:
    "axes profile"
    "axes content";
  /* profile行はautoで内容の高さ、content行は残りを吸収。
     こうしないと背の高いaxes列の高さが両行に分配され、profileとcontentの間に余白が出る */
  grid-template-rows: auto 1fr;
  gap: 24px 40px;
  align-items: start;
  background: var(--ua-bg-light-gray);
  padding: 40px;
}
.site_underarmour .ua-staff-review__body + .ua-staff-review__body {
  margin-top: 30px;
}
/* 3 件目以降は初期非表示。is-expanded 付与で表示 */
.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: grid;
}
.site_underarmour .ua-staff-review__more-wrap {
  text-align: center;
  margin-top: 30px;
}
.site_underarmour .ua-staff-review__more-btn {
  display: inline-block;
  padding: 12px 32px;
  background: var(--ua-white);
  color: var(--ua-black);
  border: 1px solid var(--ua-black);
  border-radius: 4px;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.site_underarmour .ua-staff-review__more-btn:hover {
  opacity: 0.7;
}
/* PC: 「さらに表示」ボタンは SP 専用なので隠す */
.site_underarmour .ua-staff-review__expand-wrap,
.site_underarmour .ua-staff-review__expand {
  display: none;
}
.site_underarmour .ua-staff-review__profile {
  grid-area: profile;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.site_underarmour .ua-staff-review__left {
  grid-area: axes;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.site_underarmour .ua-staff-review__profile-section {
  padding: 24px;
  background: var(--ua-white);
  border-radius: 8px;
}
.site_underarmour .ua-staff-review__content-section {
  grid-area: content;
  min-width: 0;
}
/* 投稿画像（PC：4列グリッド、5枚目から折り返し） */
/* 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-top: 0;
}
.site_underarmour .ua-staff-review__images-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site_underarmour .ua-staff-review__images-item {
  width: 80px;
  margin: 0;
  padding: 0;
}
/* 暫定：着用画像は先頭1枚のみ表示（2つ目以降は非表示） */
.site_underarmour .ua-staff-review__images-item:nth-child(n + 2) {
  display: none;
}
.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;
}
/* スタッフレビュー詳細：タイトルの上ボーダーを除去（_assets content-staff-review.css の base を上書き） */
.site_underarmour .staff-review-detail__title {
  border-top: none;
}

/* 関連アイテム：横スクロールカルーセル（トップの商品カードUIを流用） */
.site_underarmour .staff-review-detail__related-items {
  margin-top: 24px;
}
.site_underarmour .staff-review-detail__section-heading {
  padding: 40px 0 0;
}
.site_underarmour .staff-review-detail__related .staff-review-detail__section-heading {
  padding: 20px 0 12px 0;
}
.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: 12px 0 0;
  padding: 0 0 8px;
  scrollbar-width: none;
}
.site_underarmour .staff-review-detail__related-carousel::-webkit-scrollbar {
  display: none;
}
/* /staff/review-detail のみ：関連アイテムは history_item/cart-recentry の .catalogList>li と同等（6カラム・gap2px×5=10px）。
   #staff-review-detail で詳細度を上げ、グローバル .catalogList .catalogList_item 幅に勝たせる */
.site_underarmour #staff-review-detail .staff-review-detail__related-carousel .catalogList_item {
  flex: 0 0 auto;
  width: calc((100% - 10px) / 6);
  scroll-snap-align: start;
}
/* アイコン/画像の見た目は content-catalog-koichi.css（カタログと同じ overlay ベース）に委ねる。
   .product-image img を独自に上書きすると base の aspect-ratio/object-fit と競合するため指定しない。 */
/* 関連アイテムのレビュー星：PC staff は星スプライトのサイズ指定を持つ content-catalog.css を読み込まないため、
   トップ(.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;
}

/* StaffStart 商品カード：通常は薄いボーダー、hoverで濃く（_assetsのbaseは#1d1d1d固定のため上書き） */
.site_underarmour .staff-review-detail__main-product .staff-review-detail__product {
  border-color: #d0d0d0;
}
.site_underarmour .staff-review-detail__main-product .staff-review-detail__product:hover {
  border-color: #1d1d1d;
}
.site_underarmour #staff-review-detail {
  margin: 10px auto 100px;
}

/* プロフィール */
.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: 0;
  padding: 0;
  display: grid;
  gap: 30px;
}
.site_underarmour .ua-staff-review__axis {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  gap: 12px;
}
.site_underarmour .ua-staff-review__axis-label {
  font-size: 14px;
  font-weight: bold;
  color: var(--ua-black);
}
.site_underarmour .ua-staff-review__axis-scale {
  display: grid;
  grid-template-columns: 60px 1fr 60px;
  align-items: center;
  gap: 10px;
}
.site_underarmour .ua-staff-review__axis-min,
.site_underarmour .ua-staff-review__axis-max {
  font-size: 11px;
  color: #888;
  white-space: nowrap;
  text-align: left;
}
.site_underarmour .ua-staff-review__axis-min {
  text-align: right;
}
.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: 16px;
  font-weight: bold;
  color: var(--ua-black);
  margin: 0 0 16px;
}
.site_underarmour .ua-staff-review__text p,
.site_underarmour .ua-staff-review__text pre {
  font-size: 14px;
  line-height: 1.8;
  color: var(--ua-black);
  margin: 0 0 16px;
}
/* レビューが <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: inline-block;
  margin-top: 8px;
  padding: 10px 40px;
  background: var(--ua-black);
  color: var(--ua-white);
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
  transition: background-color 0.15s;
}
.site_underarmour .ua-staff-review__more:hover {
  background: #333;
  color: var(--ua-white);
}

/* ============================================================
   18. カートページ
   ============================================================ */
/* --- 見出し --- */
.site_underarmour .lc-u-title {
  font-weight: bold;
  font-size: 28px;
}
.site_underarmour .lc-u-h2 {
  color: var(--ua-black) !important;
  font-weight: bold !important;
  font-size: 24px !important;
}
/* view-history（最近チェックしたアイテム等）の見出し */
.site_underarmour .view-history .lc-u-h2 {
  text-align: center;
  font-size: 24px !important;
  font-weight: bold;
  color: var(--ua-black) !important;
  padding: 20px 0;
  margin: 0;
}
/* view-history: 選択中タブを太字に（base の view-history.css:87 は font-weight 未指定） */
.site_underarmour .catalog.view-history .tab.is-active {
  font-weight: bold;
}
/* view-history: タブ枠の左右にも罫線（base の view-history.css:67 は border-top のみ） */
.site_underarmour .catalog.view-history .tabList {
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}

/* --- カート商品リスト --- */
.site_underarmour .cart-table .salesPrice span {
  font-weight: bold;
}
.site_underarmour .cart_list .cart-price .price {
  font-size: 16px;
}
.site_underarmour .cart_list .cart-price .special_price {
  color: var(--ua-red);
}
/* 商品画像の幅（共通 content-cart-koichi.css は 136px） */
.site_underarmour .shipment_switcher_container .shopping_box .item_img {
  width: 120px;
}
.site_underarmour .cartPage .catalogList .product-text .priceLine p {
  font-size: 16px !important;
}
.site_underarmour .cartPage .catalogList .product-text .priceLine .special_price span {
  color: var(--ua-red);
}
/* ※カートの「会員価格」の赤字化（ベースの var(--sale) 未解決対策）は、上部の
   「セール時の会員価格は面を問わず常に UA レッド」ブロックに集約済み */
.site_underarmour .cartPage .catalogList .product-text .priceLine .special_price .-proper {
  display: inline;
  color: #999;
}

/* --- 返品可テキスト（商品詳細） --- */
.site_underarmour .returnable-text {
  font-weight: bold;
  color: #00834b;
}

/* --- ギフト・返品ステータスフラグ（カート内でスタイルを統一） --- */
.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: 10px;
  font-weight: normal;
  line-height: 1.5;
  background-color: #f2f2f2 !important; /* content-cart-koichi.css の #c7c7c7 !important に勝つ */
  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; /* content-cart-koichi.css の #fff !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;
}
/* ギフト注記: 表示中グループのギフト不可有無で出し分け（判定はJSが .cart_shop に
   is-gift-unavailable を付与。分割配送の切替にも連動）。
   なし=通常案内 gift-notes--default / あり=削除案内 gift-notes--unavailable */
.site_underarmour .cart_shop .gift-notes--default {
  display: inline;
}
.site_underarmour .cart_shop .gift-notes--unavailable {
  display: none;
}
.site_underarmour .cart_shop.is-gift-unavailable .gift-notes--default {
  display: none;
}
.site_underarmour .cart_shop.is-gift-unavailable .gift-notes--unavailable {
  display: inline;
}
/* confirm(決済)ページ: ご注文商品の見出し行（見出し + ギフト不可注記を横並び） */
.site_underarmour th.items_in_cart {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
/* 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 {
  color: #666;
  font-size: 11px;
  line-height: 1.6;
  font-weight: normal;
  padding: 0 8px;
}

/* --- 集計表（orderPrice-table） --- */
.site_underarmour .grandTotal {
  display: none;
}
.site_underarmour .orderPrice-table {
  width: 260px;
  margin: 0 40px;
}
/* 決済ページ(payment-confirm)の集計表はカート用の固定幅(260px)を継承させない */
.site_underarmour .confirm_in_cart .orderPrice-table {
  width: auto;
}
.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: 18px;
  letter-spacing: normal;
  font-weight: bold;
}
/* ポイントが使えるのはApp版のみのため、現状非表示 */
.site_underarmour .points-only {
  display: none;
}
/* 決済の割引表記（クーポン利用等）を UA-RED に（base content-order-koichi.css: var(--sale)） */
.site_underarmour .total_order .discounttable,
.site_underarmour .total_order .discounttable span,
.site_underarmour .total_order th .textPointback {
  color: var(--ua-red);
}

/* --- お気に入り（cart-favorite） --- */
.site_underarmour .cart-favorite .lc-btn--primary {
  font-weight: bold;
}
.site_underarmour .cart-favorite .lc-item__price {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.site_underarmour .cart-favorite .lc-item__price__old {
  font-weight: normal;
  font-size: 12px;
  color: #999;
}
.site_underarmour .lc-item__price__special {
  color: var(--ua-red);
}
/* お気に入り画像を前後のベストセラー/チェックしたアイテム(catalogList)と同じ 5/6 比率・object-fit に揃える。
   base content-cart-koichi.css の #fav 比率指定は descente/waja 等のみでUA未対応のため、ここで付与 */
.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;
}
/* お気に入りカード幅をベストセラー(cart-ranking)の6カラムに合わせる。
   base .lc-row__scrollContent の 7カラム幅(margin-right:15px)を上書き。
   width の式が gap 2px×5=10px 前提のため、行の column-gap を 2px にして margin-right は殺す */
.site_underarmour #fav .lc-row--scroll {
  gap: 2px;
}
.site_underarmour #fav .lc-item {
  width: calc((100% - 10px) / 6);
  margin-right: inherit;
}

/* --- ボタン --- */
.site_underarmour .lc-btn--primary {
  background: var(--ua-red);
}
.site_underarmour .new_steplink button,
.site_underarmour .additionalItemlink button {
  background: var(--ua-red);
  font-weight: bold;
  height: 54px;
  border-radius: 4px;
}
.site_underarmour .lc-btn--iconL [class^="icon-"]:before {
  display: none;
}

/* ============================================================
   19. 決済（注文確認）ページ
   ============================================================ */
.site_underarmour #order_confirm h2 {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin: 40px 0;
}
.site_underarmour .pointback_txt {
  text-align: center;
  letter-spacing: normal;
  color: var(--ua-red);
  font-weight: bold !important;
  font-size: 12px !important;
  padding: 6px;
  background: rgb(255, 238, 235);
  margin: 0px 18px 15px 8px !important;
}
.site_underarmour .confirm_data select {
  padding-right: 1.5em;
}
.site_underarmour .delivery_date .deliveryMethoddiv,
.site_underarmour .delivery_date .deliveryMethoddivdisabled {
  width: 262px;
}
.site_underarmour .deliveryMethoddivall__note {
  font-size: 11px;
  margin: 10px;
  padding: 8px 8px 8px 1em;
  text-indent: -1em;
  color: var(--ua-text-gray);
  line-height: 1.6;
}
.site_underarmour .js-getPoint {
  color: var(--ua-red);
}
.site_underarmour .acquirePoint {
  font-weight: bold;
}
.site_underarmour .confirm .btn-confirm {
  background: var(--ua-red);
}
/* セクションヘッダ */
.site_underarmour th.items_in_cart,
.site_underarmour th.address,
.site_underarmour th.payment,
.site_underarmour th.point_coupon,
.site_underarmour th.delivery_date,
.site_underarmour th.gift_message,
.site_underarmour th.info_maker_direct {
  font-weight: bold;
}
/* 決済確認ページ固有 */
.site_underarmour .payment-confirm_page .product_price {
  letter-spacing: normal;
  font-weight: bold;
}
.site_underarmour .payment-confirm_page .commodityInfo li.-supplierCode {
  display: block;
}

/* ============================================================
   20. 注文完了ページ
   ============================================================ */
.site_underarmour #complete h2.orderttl,
.site_underarmour .complete__contents--ttl,
.site_underarmour .wrap_orderComplete_recommend .thanksbuy {
  color: var(--ua-black);
  font-size: 18px;
  font-weight: bold;
}
.site_underarmour .wrap_orderComplete_recommend {
  margin: 50px 0;
}
.site_underarmour .wrap_orderComplete_recommend .catalogList {
  gap: 2px;
}
.site_underarmour .wrap_orderComplete_recommend .catalogList > li {
  width: calc((100% - 10px) / 6);
}
.site_underarmour .wrap_orderComplete_recommend .product-text .regular_price,
.site_underarmour .wrap_orderComplete_recommend .product-text .special_price {
  font-size: 16px;
}
.site_underarmour .box-share-social img {
  border: none;
}
.site_underarmour .back-to-shopping {
  text-align: center;
  margin: 30px 0;
}

/* ============================================================
   21. お気に入りページ
   ============================================================ */
/* アイコンpillの左右padding（base content-mypage.css:4942 の同一セレクタが padding:0 6px 0 0。
   content-mypage.css は submenu-mypage.jsp が本文内で読む＝当ファイルより後読みのため .site_underarmour を重ねる */
.site_underarmour.site_underarmour .favorite_list .product-icon > li {
  padding: 0 6px;
}
/* カードの左右paddingを詰める（base content-mypage.css:4804 は 10px 10px 20px 10px） */
.site_underarmour .favorite_list .favoriteList_item {
  padding: 10px 4px 20px 4px;
}
/* 画像幅をカード幅に追従させる（base content-mypage.css:5060 は width:140px 固定） */
.site_underarmour .favoriteList_item .product-image {
  width: auto;
}
/* 購入済み/返品済みラベルの位置（base content-mypage.css:6368 は left:10px） */
.site_underarmour .favoriteList_label.-purchased,
.site_underarmour .favoriteList_label.-returned {
  left: 4px;
}
.site_underarmour .favorite_list .product-text .size {
  font-size: 12px;
  margin: 8px 0;
}
.site_underarmour .favorite_list .product-text .priceWrap {
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
}
.site_underarmour .favorite_list .product-text .priceWrap.discountPrice p {
  display: inline-block !important;
}
.site_underarmour .favorite_list .product-text .priceWrap .old_price {
  font-size: 11px;
}
/* お気に入り一覧のセール価格を UA-RED に（base content-mypage.css: #FF0030） */
.site_underarmour .favorite_list .product-text .priceWrap .special_price {
  color: var(--ua-red);
}
/* お気に入り一覧の価格 p の上マージンを詰める（base 8px !important → 4px） */
.site_underarmour .favorite_list .product-text .priceWrap p {
  margin: 4px 0 0 !important;
}
.site_underarmour .favorite_list .favoriteList_item_cart button {
  background: var(--ua-red);
  font-weight: bold;
  height: 30px;
  border-radius: 2px;
}
.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) !important;
  border: 1px solid var(--ua-red);
  height: 28px;
  line-height: 28px;
  box-sizing: content-box;
}
.site_underarmour .favorite_list .favoriteList_item_feedback .feedbackText {
  display: block;
  color: var(--ua-red);
  text-align: center;
}
.site_underarmour .favorite_discount .icon_salePercent {
  line-height: 18px;
}
/* お気に入り：アイテム / チームメイト タブ（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);
}

/* ============================================================
   22. ログイン / 会員登録 / ログアウト
   ============================================================ */
/* 生年月日 select はバリデーションエラーで .attention が付いても黒字のまま
   （共通CSSの .attention{color:#ff0000!important} を UA限定で打ち消す。エラーは下部メッセージで示す） */
.site_underarmour select[name^="birthDate"].attention {
  color: #000 !important;
}
.site_underarmour #register_contents p {
  font-size: 13px;
  color: #666;
}
.site_underarmour button#login_btn {
  border-radius: 4px;
  background: var(--ua-black);
}
.site_underarmour button#new_btn {
  border-radius: 4px;
}
.site_underarmour #login h2 {
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  margin: 40px 0;
  line-height: 1em;
}
.site_underarmour .customer-register h2.lc-u-text-20,
.site_underarmour .simple-register h2.lc-u-text-20,
.site_underarmour .logoutPage h2.lc-u-text-20 {
  text-align: center;
  font-size: 28px !important;
  font-weight: bold;
  margin: 40px 0 20px;
}
.site_underarmour .logoutPage #logout {
  text-align: center;
  padding: 60px 0;
}

/* ============================================================
   23. 404 ページ
   ============================================================ */
.site_underarmour .page-404 .heading {
  font-size: 24px;
  color: var(--ua-black);
  margin-bottom: 1em;
  font-weight: bold;
}
.site_underarmour .page-404 .btnBack {
  text-align: center;
  margin: 20px 0;
}

/* ============================================================
   24. 共通ボタン（ダーク） — 注文完了「お買い物を続ける」/ 404「前のページに戻る」
   ============================================================ */
.site_underarmour .back-to-shopping a,
.site_underarmour .page-404 .btnBack a {
  display: inline-block;
  background: var(--ua-black);
  color: var(--ua-white);
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  border-radius: 4px;
  padding: 14px 40px;
  line-height: 1;
}
.site_underarmour .back-to-shopping a:hover,
.site_underarmour .page-404 .btnBack a:hover {
  background: var(--ua-dark-gray);
  text-decoration: none;
}

/* ============================================================
   25. 注文履歴ページ
   ============================================================ */
.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 .ordernoLink a {
  text-decoration: underline;
}
/* オンラインストア / 店舗でのご注文 ボタン */
/* 旧サイト注文(/mypage/other-site-order-history)では店舗購入向けの要素を非表示にする。
   - commodityHead: 店舗名・獲得予定ポイント
   - .btnToWanco.-storeBuy: 「店舗へお問い合わせください」ボタン
   ページング描画のJS(jquery.real-store-order-history.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 0 15px;
}
.site_underarmour .orderHistoryItem .commodityHead .storeName {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  color: #444444;
  margin-bottom: .3em;
}
/* 店舗購入: 問い合わせボタン(btnToWanco)は出さない。「店舗へお問い合わせください」(-storeBuy)のみ表示 */
.site_underarmour .page_other-site-order-history.real-store .orderHistoryItem .btnGroup .btnToWanco:not(.-storeBuy) {
  display: none;
}
/* 選択中の配送タブを太字に（background/border は base content-mypage-return.css:1581 が同値で指定済み） */
.site_underarmour .deliveryTab li.is-active {
  font-weight: bold;
}
/* 一覧の左右余白をなくす（base content-mypage-orderHistory.css:34 は margin:0 15px） */
.site_underarmour .page_orderHistory .order_history,
.site_underarmour .page_other-site-order-history .order_history {
  margin: 0;
}
.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: 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 24px;
  border: 1px solid var(--ua-black);
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--ua-black) !important;
  background: var(--ua-white);
  text-decoration: none !important;
}
.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) !important;
}
.site_underarmour .page_orderHistory .wrap-heading .heading_navi li a:hover,
.site_underarmour .page_other-site-order-history .wrap-heading .heading_navi li a:hover {
  opacity: 0.7;
}
/* 25年9月以前のご注文はこちら */
.site_underarmour .page_orderHistory .wrap-heading .link_otherSiteOrderHistory {
  align-self: flex-end;
  font-size: 13px;
}
.site_underarmour .page_orderHistory .wrap-heading .link_otherSiteOrderHistory a {
  width: inherit;
  color: var(--ua-text-gray);
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.site_underarmour .page_orderHistory .wrap-heading .link_otherSiteOrderHistory a:after {
  content: none;
}
.site_underarmour .orderHistoryItem {
  border-radius: 4px;
  overflow: hidden;
}
/* 「ご注文から4日以内に発送」の場合は隣の「お届け予定」ラベルを非表示 */
.site_underarmour .js_deliverySchedule[data-schedule="ご注文から4日以内に発送"] + .word {
  display: none;
}
.site_underarmour .rev_point_info {
  background: var(--ua-bg-light-gray);
  border-radius: 4px;
}
.site_underarmour #mypage_right_contents .rev_point_info a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.site_underarmour .rev_point_txtbig {
  font-weight: bold;
}
.site_underarmour #mypage_right_contents h3 {
  color: var(--ua-black);
  font-size: 18px;
  margin: 0 0 15px 0;
}
.site_underarmour .post_alert_container h4 {
  font-size: 16px;
  color: var(--ua-black);
  margin-bottom: 20px;
  font-weight: bold;
}
.site_underarmour .review_edit {
  margin-top: 15px;
  padding: 30px 35px 86px 40px;
  background: var(--ua-bg-light-gray);
  border-radius: 4px;
}
.site_underarmour #review h2 {
  margin: 30px 0 0;
  font-size: 20px;
  color: var(--ua-black);
  width: 50%;
  border: none;
  font-weight: bold;
}
.site_underarmour #review .form-list label {
  margin: 0;
}
.site_underarmour #review .form-list li {
  margin-bottom: 30px;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
}
.site_underarmour #review h3 {
  color: var(--ua-black);
  font-size: 16px;
  margin-bottom: 30px;
  display: table;
  font-weight: bold;
}
.site_underarmour #review_btn button {
  font-weight: bold;
}
.site_underarmour .br-theme-css-stars .br-widget {
  height: 22px;
}
.site_underarmour #review .confirm_after .review_design label {
  text-align: left;
  width: 5em;
  margin-top: 0px;
}
.site_underarmour .confirm_after .review {
  border: none;
}
.site_underarmour #review .caution {
  display: block;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  border: 1px solid var(--ua-red);
  color: var(--ua-red);
}
.site_underarmour #review_btn button.fix {
  background: none;
  border-radius: 3px;
}
.site_underarmour .orderHistoryItem .status strong[data-status="未出荷"] {
  color: var(--ua-red);
}
.site_underarmour .orderHistoryItem .status strong[data-status="出荷済み"] {
  color: #2e7d32;
}
.site_underarmour .orderHistoryItem .totalPrice strong {
  font-weight: bold;
  letter-spacing: normal;
}
.site_underarmour .orderHistoryItem .btnToOrderDetail,
.site_underarmour .orderHistoryItem .btnGroup .btnToWanco {
  border-radius: 4px;
}
.site_underarmour .orderHistoryItem .btnToOrderDetail {
  background: var(--ua-black);
  border-color: var(--ua-black);
  transition: background-color 0.15s, border-color 0.15s;
}
.site_underarmour .orderHistoryItem .btnToOrderDetail a {
  color: var(--ua-white) !important;
  font-weight: bold;
}
/* hoverで押せることが分かるように背景を変える */
.site_underarmour .orderHistoryItem .btnToOrderDetail:hover {
  background: #333;
  border-color: #333;
}
/* 注文キャンセルボタンが disabled のときは幅を継承させる */
.site_underarmour .order_cancel button.button:disabled {
  width: inherit;
  background: #fff;
}
.site_underarmour .order_info_box {
  font-size: 13px;
}
/* 住所変更ボタン（base: _assets/css/pc/content-mypage-search-address.css 12px）を UA だけ拡大 */
.site_underarmour .btn_modifiedAddress {
  font-size: 14px;
}
/* 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);
}

/* ============================================================
   26. UAマイページ (PC)
   ============================================================ */
/* マイページ右側のリンクのデフォルト下線を解除（共通の content-mypage-return.css で
   #mypage_right_contents a に underline がついているのを上書き） */
.site_underarmour #mypage_right_contents a {
  text-decoration: none;
}
/* 「不良品として問い合わせる」リンクは既定の下線を維持 */
.site_underarmour #mypage_right_contents a.convertDefectiveProduct {
  text-decoration: underline;
}
.site_underarmour #mypage_right_contents a.convertDefectiveProduct:hover {
  text-decoration: none;
}
/* タイトル: マイページ */
.site_underarmour #mypage_right_contents .mypage_title,
.site_underarmour #mypage_right_contents h2 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: var(--ua-black);
  padding: 20px 0;
}
/* 通知バナー (ノベルティ / メッセージ / レビュー) */
.site_underarmour #mypage_right_contents .mypage_noveltyDrawing,
.site_underarmour #mypage_right_contents .mypage_newmessage,
.site_underarmour #mypage_right_contents .mypage_review {
  border: 1px solid var(--ua-red);
  color: var(--ua-red);
  background: var(--ua-white);
  font-weight: normal;
  text-decoration: none !important;
}
.site_underarmour #mypage_right_contents .mypage_noveltyDrawing:hover,
.site_underarmour #mypage_right_contents .mypage_newmessage:hover,
.site_underarmour #mypage_right_contents .mypage_review:hover {
  text-decoration: none !important;
}
.site_underarmour #mypage_right_contents .mypage_review .reviewNum.large,
.site_underarmour #mypage_right_contents .mypage_noveltyDrawing .large,
.site_underarmour #mypage_right_contents .mypage_newmessage .large {
  font-size: 20px;
  letter-spacing: normal;
  font-weight: bold;
}
/* 最近のご注文 見出し */
.site_underarmour #mypage_right_contents .statusBlock .status_order .heading {
  color: var(--ua-black);
  font-weight: bold !important;
  font-size: 18px !important;
  margin: 20px 0 0;
}
/* ステータスグループ (累計ポイント + レビュー投稿 横並び) */
.site_underarmour .ua-mypage__statusGroup {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  background: var(--ua-bg-light-gray);
  border-radius: 4px;
  padding: 20px;
  margin: 20px 0;
}
/* 累計ポイント (UA REWARDS 内包) */
.site_underarmour .ua-mypage__points {
  background: var(--ua-white);
  border-radius: 4px;
  padding: 32px 20px 0;
  text-align: center;
}
.site_underarmour .ua-mypage__points-heading {
  display: block;
  font-size: 14px;
  color: var(--ua-text-gray);
  margin-bottom: 12px;
}
.site_underarmour .ua-mypage__points-amount {
  margin: 0;
  font-weight: bold;
  color: var(--ua-black);
  letter-spacing: normal;
}
.site_underarmour .ua-mypage__points-amount strong {
  font-size: 40px;
  font-weight: bold;
}
.site_underarmour .ua-mypage__points-amount .unit {
  font-size: 14px;
  font-weight: normal;
  margin-left: 4px;
}
.site_underarmour .ua-mypage__points-expire {
  margin: 0px 0 8px;
  font-size: 14px;
  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: 24px;
  font-size: 13px;
}
.site_underarmour #mypage_right_contents .ua-mypage__points-links a {
  color: var(--ua-text-gray);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.site_underarmour #mypage_right_contents .ua-mypage__points-links a:hover {
  text-decoration: none;
}
/* UA REWARDS バナー (points 内に表示) */
.site_underarmour #mypage_right_contents .ua-mypage__rewards {
  display: block;
  background: var(--ua-bg-light-gray);
  padding: 0 0 15px 0;
  margin: 20px 0;
  text-align: center;
  text-decoration: none;
  color: var(--ua-black);
  border-radius: 4px;
}
.site_underarmour .ua-mypage__rewards-logo {
  display: block;
  max-width: 180px;
  height: auto;
  margin: 0 auto;
}
.site_underarmour .ua-mypage__rewards-text {
  margin: -4px 0 0;
  font-size: 12px;
  color: var(--ua-black);
  line-height: 1.6;
}
.site_underarmour #mypage_right_contents .ua-mypage__rewards:hover .ua-mypage__rewards-text {
  opacity: 0.6;
}
.site_underarmour .ua-mypage__rewards-link {
  font-weight: bold;
  color: var(--ua-black);
}
/* レビュー投稿 (column 2) */
.site_underarmour .ua-mypage__review {
  background: var(--ua-white);
  border-radius: 4px;
  padding: 32px 20px 24px;
  margin: 0;
  text-align: center;
}
.site_underarmour .ua-mypage__review > a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: var(--ua-black);
}
.site_underarmour .ua-mypage__review > a:hover {
  opacity: 0.85;
  text-decoration: none;
}
.site_underarmour .ua-mypage__review-heading {
  display: block;
  font-size: 14px;
  color: var(--ua-text-gray);
  margin-bottom: 12px;
}
.site_underarmour .ua-mypage__review-count {
  margin: 0;
  font-weight: bold;
  color: var(--ua-black);
}
.site_underarmour .ua-mypage__review-count strong {
  font-size: 40px;
  margin-right: 6px;
}
.site_underarmour .ua-mypage__review-count .unit {
  font-size: 14px;
  font-weight: normal;
  margin-left: 4px;
}
.site_underarmour .ua-mypage__review-link {
  margin: 12px 0 0;
  font-size: 14px;
}
.site_underarmour #mypage_right_contents .ua-mypage__review-link a {
  color: var(--ua-black);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.site_underarmour #mypage_right_contents .ua-mypage__review-link a:hover {
  text-decoration: none;
}
/* 主要メニュー (4列カード) */
.site_underarmour .ua-mypage__menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  list-style: none;
  margin: 32px 0;
  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: 14px 10px;
  border: 1px solid var(--ua-black);
  border-radius: 4px;
  color: var(--ua-black);
  font-size: 14px;
  text-align: center;
  text-decoration: none !important;
  background: var(--ua-white);
  transition: background 0.2s;
}
.site_underarmour .ua-mypage__menu a:hover {
  background: var(--ua-bg-light-gray);
  text-decoration: none !important;
}
/* ノベルティ抽選応募 (draw-entry) の応募ボタン */
.site_underarmour #mypage_right_contents.draw-entry .register button {
  background: var(--ua-black);
  color: var(--ua-white);
  border: none;
}

/* ============================================================
   27. 商品詳細：UA モーダル（payment / giftwrap / point）
   ============================================================ */
/* --- 共通: ダイアログ枠・見出し・閉じるボタン --- */
.site_underarmour [id^="ua-modal-"] .uk-modal-dialog {
  width: 640px;
  max-width: 100%;
  border-radius: 8px;
  padding: 32px 40px;
  background: var(--ua-white);
  color: var(--ua-black);
}
.site_underarmour #ua-modal-sizeguide .uk-modal-dialog {
  width: 940px;
  min-height: 80vh;
}
.site_underarmour [id^="ua-modal-"] h2 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 24px;
  letter-spacing: normal;
}
.site_underarmour [id^="ua-modal-"] .uk-modal-close-default {
  color: var(--ua-black);
  top: 12px;
  right: 12px;
}
/* --- 共通: タイポグラフィ --- */
.site_underarmour [id^="ua-modal-"] p,
.site_underarmour [id^="ua-modal-"] ul {
  font-size: 14px;
  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: 20px;
}
.site_underarmour .ua-modal-payment__list li {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.site_underarmour .ua-modal-payment__list li:first-child {
  margin-top: 0;
}
.site_underarmour .ua-modal-payment__label {
  flex: 0 0 auto;
  width: 12em; /* 最長ラベルに合わせた固定幅。画像の左端が縦に揃う */
  white-space: nowrap;
}
.site_underarmour .ua-modal-payment__list li img {
  display: block;
  height: auto;
}
.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: 46px; }
.site_underarmour .ua-modal-payment__list li:nth-of-type(3) img { width: 110px; }
.site_underarmour .ua-modal-payment__list li:nth-of-type(4) img { width: 100px; }
.site_underarmour .ua-modal-payment__list li:nth-of-type(5) img { width: 44px; } /* PayPay(正方形ロゴ) */
.site_underarmour .ua-modal-payment__list li:nth-of-type(6) img { width: 44px; } /* d払い(正方形ロゴ) */
.site_underarmour .ua-modal-payment a {
  margin-top: 32px;
  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: 16px;
}
.site_underarmour .ua-modal-giftwrap__list li img {
  display: block;
  width: 100%;
  height: auto;
}
.site_underarmour .ua-modal-giftwrap__price,
.site_underarmour .ua-modal-giftwrap__caution {
  font-weight: bold;
}
.site_underarmour .ua-modal-giftwrap__caution {
  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 32px;
  font-size: 16px;
  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: 16px 0 0;
}
.site_underarmour .ua-modal-point p:first-of-type {
  margin-top: 0;
}
.site_underarmour .ua-modal-point__links {
  margin: 16px 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;
}

/* ============================================================
   28. 検索結果下部・0件時のレコメンド（UA）
   ・既存のランキング/閲覧履歴と同じ「一行スライダ」レイアウト
   ・見出しは 18px / 700 / #1d1d1d / border: none
   ============================================================ */
.site_underarmour .catalog_bottom_contents {
  margin: 100px 0 0;
}
.site_underarmour .page_search .notice-msg {
  width: inherit;
}
/* 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: 50px;
}
/* staff detail: 親が CSS Grid（grid-template-columns: 160px 168px 1fr）で
   attributes列が168px固定のため改行してしまう。親グリッドの列幅を上書きして
   attributes列を広げる（profile=1fr が残りを取る）。
   ハッシュ非依存に :has(> attributes) で親グリッドを狙う */
.site_underarmour :has(> [class*="StaffAttributesArea"]) {
  grid-template-columns: 160px 200px 1fr !important;
}
/* スタッフサムネイルのプレースホルダ背景 */
.site_underarmour .coordinate__catalog__user-img-clip {
  background: #f6f6f6;
}
/* スタッフサムネイルは上揃え（base content-coordinate.css:633 は vertical-align:middle） */
.site_underarmour .coordinate__catalog__user-img {
  vertical-align: top;
}
/* 「もっと見る」ボタンの高さを46pxに（base content-coordinate.css:1760 は 42px）。
   content-coordinate.css は detail.jsp 等がページ内で読む＝head の当ファイルより後読みのため、
   .site_underarmour を重ねて詳細度を上げる。文字の縦位置がずれないよう line-height も揃える */
.site_underarmour.site_underarmour .see-more,
.site_underarmour.site_underarmour .see-all,
.site_underarmour.site_underarmour .ss_btn-more {
  height: 46px;
  line-height: 46px;
}
.site_underarmour .coordinate-detail__user-img a {
  background: #f6f6f6;
}
.site_underarmour .search-result .brand_hotCategory,
.site_underarmour .search-result .brand_category_ranking,
.site_underarmour .search-result .brandranking-list,
.site_underarmour .search-result .othercategory-list,
.site_underarmour .search-result .wrap_recently_viewed_item,
.site_underarmour .search-result .wrap_random_recommend_item {
  padding: 0 0 35px;
}
.site_underarmour .search-result .wrap_brand_category_ranking h2,
.site_underarmour .search-result .wrap_recently_viewed_item .heading,
.site_underarmour .search-result .wrap_random_recommend_item .heading,
.site_underarmour .search-result .brand_hotCategory h2,
.site_underarmour .search-result .brandranking-list h2,
.site_underarmour .search-result .othercategory-list h2 {
  font-size: 18px; /* レコメンド/ランキング見出しはPC18pxに統一（商品詳細と同じ。旧24px） */
  font-weight: bold;
  color: #1d1d1d;
  margin: 0 0 16px 0;
  padding: 0;
  border: none;
  text-align: left;
}
/* 検索結果下部の子カテゴリ絞り込み動線 */
.site_underarmour .search_category__childCategories {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  padding: 0 0 40px 0px;
}
.site_underarmour .search_category__childCategories h3 {
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #1d1d1d;
  margin: 0 0 16px 0;
  padding: 0;
  border: none;
  text-align: left;
}
.site_underarmour .search_category__childCategories__item a {
  display: block;
  padding: 6px 16px;
  background: #F0F0F0;
  font-size: 13px;
  font-weight: bold;
  border-radius: 40px;
  margin: 0 8px 8px 0;
}
.site_underarmour .search-result .wrap_random_recommend_item .catalogList_item a {
  position: relative;
}
.site_underarmour .catalogList:not(.swiper-wrapper) .catalogList_item {
  width: calc((100% - 8px) / 3);
}
.site_underarmour .catalogList:not(.swiper-wrapper):before,
.site_underarmour .catalogList:not(.swiper-wrapper):after {
  width: calc((100% - 8px) / 3);
}
/* 閲覧履歴ページ（PC）は3列。gap:4px × 隙間2つ = 8px を引いて等幅にする */
.site_underarmour .view-history .catalogList .catalogList_item {
  width: calc((100% - 8px) / 3);
}
.site_underarmour .related_product .catalogList > li,
.site_underarmour .reco_product .catalogList > li,
.site_underarmour .commodity_viewerReco .catalogList > li {
  width: calc((100% - 4px) / 3) !important;
}
/* 人気アイテム(reco_topsellers=category/brand ranking)を history と同じ「全幅・6カラム」に揃える（169px）。
   ・.catalogList を全幅 flex（gapはhistory同様 20px 2px）
   ・li は 6カラム calc((100% - 10px)/6)
   ・float時代の clearfix :after は flex では phantom アイテムになり1枠分ズレるため無効化 */
.site_underarmour .reco_topsellers,
.site_underarmour .newArrival_item {
  width: 100%;
}
.site_underarmour .reco_topsellers .catalogList:not(.swiper-wrapper) {
  width: 100%;
  flex-wrap: wrap;
  gap: 20px 2px;
}
.site_underarmour .reco_topsellers .catalogList:not(.swiper-wrapper) > li {
  width: calc((100% - 10px) / 6) !important;
}
.site_underarmour #category_ranking_list .catalogList:after,
.site_underarmour #brand_ranking_list .catalogList:after,
.site_underarmour #category_ranking_list ul:after,
.site_underarmour #brand_ranking_list ul:after {
  content: none;
}
.site_underarmour .search-result .wrap_random_recommend_item .catalog-campaignGroup {
  visibility: visible !important;
}
/* 検索結果下部のレコメンド（ランキング・おすすめ・閲覧履歴の3枠）のカード。
   幅は下の初期化前ルールと ua-reco-slider.js（初期化後・inline !important）で決まるため、ここでは余白のみ。
   ※0件時の .catalog_zero_result_contents は JADE モール系ブランドのみで UA では出力されない */
.site_underarmour .catalog_bottom_contents .catalogList .catalogList_item {
  padding-left: 2px;
}
/* Swiper 化される下部3枠（ua-reco-slider.js）の初期化前を、初期化後と同じ「6列・間隔2px」にする。
   初期化前は 20枚が nowrap の1行に縮んで小さいカード（約109px）で表示され、Swiper 初期化で 190px に
   切り替わる「ちらつき」になるため。7枚目以降は初期化まで隠す。初期化後は .swiper-wrapper 側の指定が効く */
.site_underarmour :is(#brand_category_ranking, #random_recommend_item, #recently_viewed_item) .catalogList:not(.swiper-wrapper) {
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 0;
  margin-left: 0;
}
.site_underarmour :is(#brand_category_ranking, #random_recommend_item, #recently_viewed_item) .catalogList:not(.swiper-wrapper) > li {
  flex: 0 0 calc((100% - 10px) / 6);
  margin: 0 2px 0 0;
}
/* カタログ下部ランキング(brand_category_ranking)の上部アイコンをランキングバッジ分下げる。
   このセクションは全カードでバッジ表示（content-catalog-koichi.css:330 display:flex!important）のため無条件。
   その下のおすすめ等(.catalogList)は top:0 のまま */
[data-icon-layout="overlay"].site_underarmour .brand_category_ranking .catalogList .product-icon:not(.-bottom) {
  top: 30px;
}
/* UA: ランキングバッジを丸に（トップページと統一） */
.site_underarmour .search-result :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 .search-result :is(.brand_category_ranking, .random_recommend_item) .catalogList .badge em {
  color: inherit;
}
.site_underarmour .search-result :is(.brand_category_ranking, .random_recommend_item) .catalogList .catalogList_item:nth-child(1) .badge {
  background: #c2aa62;
  color: #fff;
}
.site_underarmour .search-result :is(.brand_category_ranking, .random_recommend_item) .catalogList .catalogList_item:nth-child(2) .badge {
  background: #b1b1b5;
  color: #fff;
}
.site_underarmour .search-result :is(.brand_category_ranking, .random_recommend_item) .catalogList .catalogList_item:nth-child(3) .badge {
  background: #b9886d;
  color: #fff;
}

/* 「店舗在庫なし」の表示 — デフォルトは visibility: hidden でレイアウト保持のみだが
   UA は文言を視認できるようにする */
.site_underarmour .trgShowStorestock-hidden,
.site_underarmour .storestock.-hidden {
  visibility: visible;
}

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

/* ポイント交換注文ラベル（注文履歴の注文番号横に表示） */
.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;
}

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

/* トップ商品カードのお気に入りトリガー（Phosphor heart-fill・グレー） */
.site_underarmour .catalogList_item,
.site_underarmour .catalog-item {
  position: relative;
}
.site_underarmour .ua-fav-heart {
  display: block !important;
  position: absolute !important;
  top: inherit !important;
  right: 10px;
  bottom: 10px;
  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;
}
/* ▼ ハートを価格行(priceLine)に内包する安定配置（bottom起点をやめ、商品名行数・レビュー有無に影響されない）
   ※旧 bottom 起点ルール（ranking-page / modal_cartInBtn_recoList / :has 押し上げ）は本方式へ全テンプレ移行済みのため削除。 */
.site_underarmour .priceLine:has(> .ua-fav-heart) {
  position: relative;
  padding-right: 24px;
}
.site_underarmour .priceLine > .ua-fav-heart {
  position: absolute !important;
  right: 0;
  top: 2px !important;
  bottom: auto !important;
}

/* お気に入りログイン誘導ボックスのログインボタン
   クイックビュー内は共通 quickview.css の .quickviewBox .boxToLogin .btn-login a（color:#111・背景透明・幅75%）が勝つため、
   .site_underarmour .quickviewBox 付きで詳細度を上げる */
.boxToLogin .btn-login a,
.site_underarmour .quickviewBox .boxToLogin .btn-login a {
  display: inline-block;
  width: 40%;
  padding: .8em;
  font-size: 13px;
  color: #fff;
  background: #1d1d1d;
  font-weight: bold;
  text-decoration: none;
  border-radius: 2px;
}

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

/* お気に入りモーダルの見出し */
.site_underarmour .modal_favItemAdd .heading h2 {
  margin-bottom: 24px;
  font-size: 18px;
  color: #1d1d1d;
  font-weight: bold;
  text-align: center;
}

/* お気に入りモーダルの商品情報（画像・カラー） */
.site_underarmour .modal_favItemAdd .productInfo {
  box-sizing: border-box;
  width: 45%;
  text-align: left;
  position: sticky;
  top: -40px;
  padding-right: 10px;
}
.site_underarmour .modal_favItemAdd .productImage {
  display: inline-block;
  margin-bottom: 6px;
  width: 100%;
  height: auto;
}
.site_underarmour .modal_favItemAdd .sizeList {
  margin-bottom: 20px;
  width: 55%;
}

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

/* 閲覧履歴ページのカタログリスト余白（PC幅）。カード幅は3列指定（.view-history .catalogList_item）が担当。
   ※view-history.css は elm_view-history.jsp がページ本文内で読み込む＝head の当ファイルより後読みのため、
     同詳細度だと base(gap:12px) が勝つ。.site_underarmour を足して詳細度を上げる。 */
@media (min-width: 768px) {
  .site_underarmour .view-history .catalogList {
    gap: 4px;
  }
}

/* トップの星評価（商品一覧の星バーを移植。UAは .rev_catalog_summary_block がデフォルト非表示のためトップで表示） */
.underarmourTop .rev_catalog_summary_block {
  display: block;
  margin-top: 0;
  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;
}


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

/* ============================================================
   29. ソーシャルログイン（SocialPlus）— descente スタイル流用
   会員登録(#boemRegisterSectionWrap)/ログイン(.loginPage)の #socialPlus と、
   マイページ「他サービスIDとの連携」の .snsWrap。アイコンSVGは共通(descentestatic)を流用。
   ============================================================ */
#socialPlus .socialPlus-title {
  font-weight: bold;
  margin-bottom: 1em;
  font-size: 16px;
}
#socialPlus .socialPlus-list li {
  width: calc((100% - 20px) / 3);
}
.socialPlus-list #AmazonSignInButton {
  margin: 0;
  width: 100% !important;
}
#socialPlus .socialPlus-list li a {
  display: block;
  border-radius: 2px;
  color: #fff;
  margin: 0;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  position: relative;
  font-size: 16px;
  text-decoration: none;
}
#socialPlus .socialPlus-list li a:hover {
  opacity: 0.8;
}
#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: 12px;
  line-height: 1.75;
  color: #777;
  padding-left: 1em;
  text-indent: -1em;
}
#socialPlus .socialPlus-text a {
  text-decoration: underline;
  font-size: inherit;
  display: inline;
  color: #777;
  margin: 0;
  padding: 0;
}
/* ============================================================
   30. ログイン / 会員登録 / 外部サービスID連携
   ============================================================ */
/* ログインページ */
.loginPage #socialPlus {
  margin: 40px 0 0;
}
.loginPage #socialPlus .socialPlus-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
/* PC ログイン：横2つ×縦並び */
.loginPage #socialPlus .socialPlus-list li {
  width: calc((100% - 10px) / 2);
}
/* PC ログイン（registered_users_in）：ボタン文言を左寄せ＋アイコン分の左パディング */
.registered_users_in #socialPlus .socialPlus-list li a {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 10px 10px 10px 46px;
  text-align: left;
  font-weight: bold;
}
/* ログイン：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;
  text-align: left;
  background: #e5e5e5;
  padding: 16px 16px 16px 24px;
  border-radius: 4px;
}
.site_underarmour #socialPlus .uk-accordion-content {
  margin: 0;
}
/* 会員登録（通常・簡易）ページ */
#boemRegisterSectionWrap #socialPlus {
  background: #f5f5f5;
  padding: 30px 60px;
  border-bottom: 1px solid #ededed;
}
#boemRegisterSectionWrap #socialPlus .socialPlus-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
/* マイページ「他サービスIDとの連携」 */
.mypage .snsWrap--socialPlus-text {
  font-size: 14px;
  line-height: 1.5;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 20px;
}
.site_underarmour #mypage_right_contents .snsWrap--socialPlus-text a {
  text-decoration: underline;
}
.mypage .snsWrap .snsWrap--list {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.mypage .snsWrap .snsWrap--list-ttl {
  font-size: 16px;
  flex-grow: 7;
  text-overflow: ellipsis;
  overflow: visible;
  white-space: nowrap;
}
.mypage .snsWrap .snsWrap--list-ttl:before {
  min-width: 32px;
  display: inline-block;
  vertical-align: middle;
}
.mypage .snsWrap .snsWrap--list-sts {
  white-space: nowrap;
  padding: 6px 8px;
  font-size: 14px;
  color: #999;
  margin-right: 10px;
}
.mypage .snsWrap .snsWrap--list-sts-already {
  color: #27d000;
  font-weight: bold;
}
.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--connect a {
  display: block;
  background: #222;
  color: #fff !important;
  text-decoration: none !important;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #222;
  width: 8em;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}
.mypage .snsWrap .snsWrap--connect.on a {
  background: #fff;
  color: #222 !important;
}
.mypage .snsWrap .snsWrap--connect a:hover {
  opacity: 0.8;
}

/* ============================================================
   31. サイト共通ウィジェット（チャット / Cookie同意バー）
   ============================================================ */
/* チャットウィジェット: ヘッダー/メガメニュー(999)より上・ヘッダー内ドロップダウン(1001)より下。
   5 だとチャットウィンドウがヘッダーの下に隠れて操作できない */
.site_underarmour #chatplusview {
  z-index: 1000;
}

/* Cookie同意バーの位置 */
.site_underarmour #cookieWrap {
  left: 70px;
}

/* ============================================================
   32. 商品カードアイコン（overlay レイアウト）
   ============================================================ */
/* 商品一覧 アイコン(overlayレイアウト)。商品一覧(.catalogList)＋ランキング(トップ/ランキングページの.catalog-item)
   ＋お気に入り一覧(mypage/favorite-list の .favorite_list)＋カート内お気に入り(.cart-favorite)。同一スタイルに揃える。
   ※.cart-favorite は base(catalogList_template.css:991-1053)にも旧定義があるが、当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.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,
[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 {
  border: none;
  background: #fff;
  color: #7989a5;
  font-size: 10.5px;
  font-family: 'Noto Sans JP', sans-serif;
  min-width: 34px;
  font-weight: 500;
}

[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,
[data-icon-layout="overlay"].site_underarmour .favorite_list .product-icon.-bottom,
[data-icon-layout="overlay"].site_underarmour .cart-favorite .product-icon.-bottom {
  margin: 0 0 6px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 6px;
  /* 1行分の高さに固定し、収まらないアイコンは丸ごと2行目へ折り返す→2行目はhiddenで非表示（半端な見切れ防止） */
  height: 20px;
  overflow: hidden;
}
/* 子要素(li/span)が無い空の場合は高さ・余白を出さない（:emptyは空白文字で判定できないため: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(> *)),
[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(> *)) {
  display: none;
}
/* お気に入り(cart-favorite)の手動アイコン(-bottom)は base の
   :where([data-icon-layout="overlay"]) .cart-favorite .product-icon{position:absolute} による画像オーバーレイを解除し、
   通常フロー(サイズとカートに入れるボタンの間)に表示する。オート(non-bottomの.product-icon)のオーバーレイは維持 */
[data-icon-layout="overlay"].site_underarmour .cart-favorite .product-icon.-bottom {
  position: static;
  margin: 6px 0 0 0;
}
[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,
[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 {
  margin: 0;
  background: #f8f8f8;
  padding: 2px 4px;
  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;
  left: 5px;
  top: 50px;
}

/* 商品詳細: UA は item-icons を商品名の上（右カラム #product_detail_header）へ移設。
   画像上には JSP 側（commodity-main-image.jsp の schema != 'underarmour' ガード）で出力しないため CSS 非表示は不要。
   SP と同様に通常フローの flex 行として表示 */
.site_underarmour #product_detail_header .item-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
/* アイコンが1件も無いときは余白ごと非表示（JS の hide 相当を CSS で） */
.site_underarmour #product_detail_header .item-icons:not(:has(li)) {
  display: none;
}
.site_underarmour #product_detail_header .item-icons > li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 2px 8px;
  box-sizing: border-box;
  border: none;
  border-radius: 2px;
  background: #f8f8f8;
  color: #7989a5;
  font-size: 10px;
  font-weight: 600;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1;
  white-space: nowrap;
  max-width: inherit;
  overflow: visible;
}

/* カートインモーダル: 下部アイコンの背景 */
#modal_cartInBtn .product-icon.-bottom > li,
#modal_cartInBtn .product-icon.-bottom > span {
  background: #f8f8f8;
}

/* ============================================================
   33. 面をまたぐ個別上書き（ここから下は面ごとの小さな調整）
   ============================================================ */
/* マイページ: すべてのご注文履歴リンクは非表示 */
.site_underarmour .order_history_link {
  display: none;
}

/* 検索結果: カテゴリ説明の見出しを24pxに（ベース18pxの上書き） */
.site_underarmour .search-result .category_explanation h1 {
  font-size: 24px;
}

/* 商品詳細: 期間限定セールboxの最小幅を464pxに（ベース404pxの上書き） */
.site_underarmour .limitedSale_box {
  min-width: 464px;
}

/* 商品詳細: 右コンテナ下部の余白を詰める（ベース50pxの上書き） */
.site_underarmour .wrap-bottom_product_right_container {
  margin-bottom: 0;
}

/* 関連アイテム（サイズ違い等）のサムネ幅を96pxに（ベース101pxの上書き） */
.site_underarmour .item-similarities {
  width: 96px;
}
/* 関連アイテム: ブランド名は非表示 */
.site_underarmour .item-similarities .brand_name {
  display: none;
}

/* お気に入り類似: マイページ導線ボタンを黒背景・白文字に */
.site_underarmour .favoriteSimilarities .heading .toMypage {
  background: #1d1d1d;
  color: #fff;
  font-size: 13px;
}

/* お気に入り類似: 見出しの文字サイズ・上罫線調整（ベースの border #fff を #f0f0f0 に） */
.site_underarmour .favoriteSimilarities .heading .similaritiesHeading {
  padding-top: 16px;
  font-size: 15px;
  border-top: 1px solid #f0f0f0;
  font-weight: bold;
}
/* お気に入り類似: フィードバック文言を太字に */
.site_underarmour .favoriteSimilarities .heading .feedbackTxt {
  font-weight: bold;
}

/* 商品詳細: Virtusize インページ 左右余白 */
.site_underarmour #vs-inpage {
  margin: 0 15px;
}
/* 商品詳細 サイズ表下の注記リスト */
.site_underarmour .list_notes li {
  line-height: 1.75;
}
/* 購入履歴一覧ボタン */
.site_underarmour .catalog_purchase_history-list-btn a {
  background: #1d1d1d;
  color: #fff;
}
/* チェックボックスのチェック時の色を UA だけ変更（base common-boem_style.css: #222） */
.site_underarmour .locondo-checkbox input[type=checkbox]:checked + label:after {
  background-color: #00aa52;
}
/* 「他のおすすめアイテム」スケルトン（API開発中の仮表示。実カードと同じ要素構造を空で出力し枠だけ表示） */
/* 実カードは uk-slider 化され5カラム幅で横スクロールするが、スケルトンはスライダー化されない。
   親 .catalogList が flex-wrap:nowrap のため、flex-shrink 既定値だと6枚が収まるよう縮小されて
   実カードより小さく見える。flex を 0 0 auto にして5カラム幅を維持し、はみ出しはクリップする。 */
.site_underarmour .ua-reco-skeleton__list {
  flex-wrap: nowrap;
  overflow: hidden;
}
.site_underarmour .ua-reco-skeleton__item {
  pointer-events: none;
  flex: 0 0 auto;
}
.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 0;
  color: #1d1d1d;
  line-height: 1.75;
  font-size: 13px;
  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 0;
  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;
}

/* 受注明細書(ご注文明細書): 宛名欄の最小幅を確保 */
.site_underarmour #print_receipt.receipt .receipt__info__name {
  min-width: 250px;
}
/* 受注明細書(ご注文明細書): 支払方法欄の最小幅を確保 */
.site_underarmour #print_receipt.receipt .receipt__info__paymentmethod {
  min-width: 100px;
}
/* Amazonペイ会員登録: アクティブタブを太字に */
.site_underarmour .customerRegisterTab li.is-active {
  font-weight: bold;
}
/* ============================================================
   34. 商品カード上部アイコンの表示可否（面ごとの許可リスト）
   ============================================================ */
/* 商品カードの上部アイコン(.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 .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;
}
/* 商品詳細の閲覧履歴はベースCSS(catalogList_template.css:758)が .product-icon を丸ごと非表示にする。
   ベースは ID を含む高い詳細度(1,5,0)のため上の #product_contents 例外(1,4,0)では勝てず、ここで個別に戻す。
   上部アイコン・手動アイコンとも対象。中身が無いときは余白を出さないよう :has(> li) で限定 */
@media (min-width: 769px) {
  [data-icon-layout="overlay"].site_underarmour .product_contents #history .catalogList .catalogList_item .product-icon:has(> li) {
    display: flex !important;
  }
}

/* 商品詳細の関連(着用)アイテム: ベースCSSの下線と下余白を解除（margin:60px 0 0 は継承）。
   余白は他CSSに負けるため !important で確実に0にする */
.site_underarmour #related_product {
  border-bottom: none;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

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

/* コーディネートページ: コンテナ余白。共通CSS(content-coordinate.css)は padding-bottom のみで
   margin 指定が無いため、ここで上下10px・左右センタリングを与える */
.site_underarmour #coordinate {
  margin: 10px auto;
}

/* 返品・交換の返送手順テキスト（マイページ 返送方法ページ）の行間 */
.returnsummary--txt p,
.returnsummary--txt li {
  line-height: 2;
}

/* 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;
}