.u-text--head {
  color: #1a1a1a !important;
  font-size: 24px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-color--head {
  color: #1a1a1a !important;
}
.u-text--subhead {
  color: #1a1a1a !important;
  font-size: 17px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-text--body {
  color: #333333 !important;
  font-size: 15px !important;
  font-family: 'メイリオ', 'Meiryo';
  
}
.u-color--body {
  color: #333333 !important;
}
.u-text--strong {
  color: #1a1a1a !important;
  font-size: 15px !important;
  font-family: 'メイリオ', 'Meiryo';
  
}
.u-text--link {
  color: #11488f !important;
  font-size: 15px !important;
  font-family: 'メイリオ', 'Meiryo';
  
}
.u-text--head--overlay {
  color: #FFFFFF !important;
  font-size: 24px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-text--subhead--overlay {
  color: #FFFFFF !important;
  font-size: 17px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-text--body--overlay {
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-family: 'メイリオ', 'Meiryo';
  
}
.u-text--color--overlay {
  color: #FFFFFF !important;
}
.u-color__btn--bg {
  background: #11488f !important;
}
.u-color__btn--bg--overlay {
  background: #11488f !important;
}
.u-color__btn--bg--reverse {
  background: #FFFFFF !important;
}
.u-color__btn--bg--overlay--reverse {
  background: #FFFFFF !important;
}
.u-color__btn {
  color: #11488f !important;
}
.u-text--btn {
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-family: 'メイリオ', 'Meiryo';
  
}
.u-text--btn--overlay {
  color: #FFFFFF !important;
  font-size: 15px !important;
  font-family: 'メイリオ', 'Meiryo';
  
}
.u-text--btn--reverse {
  color: #11488f !important;
  font-size: 15px !important;
  font-family: 'メイリオ', 'Meiryo';
  
  border: 1px solid #949494 !important;
}
.u-text--btn--overlay--reverse {
  color: #11488f !important;
  font-size: 15px !important;
  font-family: 'メイリオ', 'Meiryo';
  
  border: 1px solid #949494 !important;
}
.u-color__btn--text {
  color: #FFFFFF !important;
}
.u-color__btn--text--bg {
  background: #FFFFFF !important;
}
.u-text--input {
  color: #333333 !important;
  font-size: 15px !important;
  font-family: 'メイリオ', 'Meiryo';
  
}
.u-color--input {
  color: #333333 !important;
}
.u-color__input--bg {
  background: #FFFFFF !important;
}
.u-color__border--input {
  border-color: #949494 !important;
}
.u-color__bg--base {
  background: #FFFFFF !important;
}
.u-color__bg--main {
  background: #FFFFFF !important;
}
.u-color__border--border {
  border-color: #e5e7eb !important;
}
.u-color__border--main {
  border-color: #e5e7eb !important;
}
.u-font--head {
  font-size: 24px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-font--subhead {
  font-size: 17px !important;
  font-family: 'メイリオ', 'Meiryo';
  font-weight: bold;
}
.u-font--body {
  font-size: 15px !important;
  font-family: 'メイリオ', 'Meiryo';
  
}
.u-font--bold {
  font-weight: bold;
}

.c-product_info__details__icon::before, .c-product_info__details__icon::after {
  background: #1a1a1a !important;
}

/*================ SNS Icon ================*/











/*================ Other Icon ================*/

  .c-product_item__actions .c-product_item__form--favorite {
    display: inline-block;
  }


  .c-product_item__actions .c-product_item__form--cart {
    display: inline-block;
  }



/*================ Fonts ================*/

/*================ Headings ================*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "メイリオ Bold", serif;
}

/*================ Variables ================*/
:root {
  --color-text-head: #1a1a1a;
  --color-text-body: #333333;
  --color-text-overlay: #FFFFFF;
  --color-text-link: #11488f;
  --color-btn-bg: #11488f;
  --color-btn-text: #FFFFFF;
  --color-input-text: #333333;
  --color-input-border: #949494;
  --color-page-bg: #FFFFFF;
  --color-page-border: #e5e7eb;
  --color-page-accent: #11488f;

  --font-size-text-head: 24px;
  --font-size-text-subhead: 17px;
  --font-size-text-body: 15px;
  --font-size-text-link: 15px;

  --font-family-text-head: 'メイリオ', 'Meiryo';
  --font-family-text-subhead: 'メイリオ', 'Meiryo';
  --font-family-text-body: 'メイリオ', 'Meiryo';
}

.c-steps_to_order--theme {
  --theme-color: var(--color-btn-bg) !important;
  --text-color: var(--color-btn-text) !important;
}

.p-movie--theme {
  --theme-color: var(--color-btn-bg);
}

/*================================================================
  and pc / パンくず（breadcrumb）3階調 v1.0
  --------------------------------------------------------------
  ・リンク（ホーム / 新品PC など） → ブランド青
  ・区切り記号（›）                → 薄いグレー
  ・現在地（最後の項目・商品名）    → グレーのまま 1行で省略（…）
  ・全体を12pxに縮小

  クラス名が未確定のため、class属性に breadcrumb / topic_path /
  pankuzu を含む要素を拾う書き方にしている。
  実クラス名が判明したら、下の --andpc-bc-* 変数はそのままに
  セレクタだけ差し替えれば良い。
================================================================*/

:root {
  --andpc-bc-link: #1a4b8c;   /* リンク色（ブランド青） */
  --andpc-bc-sep:  #c8ccd0;   /* 区切り記号 */
  --andpc-bc-now:  #666666;   /* 現在地 */
  --andpc-bc-size: 12px;
}

/* ---- 全体：文字サイズを落とす ---- */
[class*="breadcrumb"],
[class*="bread_crumb"],
[class*="topic_path"],
[class*="topicpath"],
[class*="pankuzu"] {
  font-size: var(--andpc-bc-size) !important;
  line-height: 1.6 !important;
}

/* ---- リンク：ブランド青 ---- */
[class*="breadcrumb"] a,
[class*="bread_crumb"] a,
[class*="topic_path"] a,
[class*="topicpath"] a,
[class*="pankuzu"] a {
  color: var(--andpc-bc-link) !important;
  text-decoration: none !important;
}
[class*="breadcrumb"] a:hover,
[class*="bread_crumb"] a:hover,
[class*="topic_path"] a:hover,
[class*="topicpath"] a:hover,
[class*="pankuzu"] a:hover {
  text-decoration: underline !important;
}

/* ---- 区切り記号（擬似要素で描画されている場合） ---- */
[class*="breadcrumb"] li::before,
[class*="breadcrumb"] li::after,
[class*="bread_crumb"] li::before,
[class*="bread_crumb"] li::after,
[class*="topic_path"] li::before,
[class*="topic_path"] li::after {
  color: var(--andpc-bc-sep) !important;
}

/* ---- 一列に並べる（折り返さない） ---- */
ol[class*="breadcrumb"],
ul[class*="breadcrumb"],
nav[class*="breadcrumb"] > ol,
nav[class*="breadcrumb"] > ul,
div[class*="breadcrumb"] > ol,
div[class*="breadcrumb"] > ul,
ol[class*="topic_path"],
ul[class*="topic_path"] {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  overflow: hidden !important;
}

/* ---- 途中の項目は縮めない ---- */
ol[class*="breadcrumb"] > li,
ul[class*="breadcrumb"] > li,
nav[class*="breadcrumb"] > ol > li,
nav[class*="breadcrumb"] > ul > li,
div[class*="breadcrumb"] > ol > li,
div[class*="breadcrumb"] > ul > li {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* ---- 現在地（最後の項目）：グレーのまま1行で省略 ---- */
ol[class*="breadcrumb"] > li:last-child,
ul[class*="breadcrumb"] > li:last-child,
nav[class*="breadcrumb"] > ol > li:last-child,
nav[class*="breadcrumb"] > ul > li:last-child,
div[class*="breadcrumb"] > ol > li:last-child,
div[class*="breadcrumb"] > ul > li:last-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: var(--andpc-bc-now) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
ol[class*="breadcrumb"] > li:last-child > *,
ul[class*="breadcrumb"] > li:last-child > *,
nav[class*="breadcrumb"] > ol > li:last-child > *,
nav[class*="breadcrumb"] > ul > li:last-child > *,
div[class*="breadcrumb"] > ol > li:last-child > *,
div[class*="breadcrumb"] > ul > li:last-child > * {
  display: block !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/*========== and pc / パンくず ここまで ==========*/



getComputedStyle(document.documentElement).getPropertyValue('--andpc-bc-link')





#product-index-view {
  /* 絞り込みボタンを塗りのピル型に */
.products-sidebar-toggle {
  background: #174789 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 11px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.products-sidebar-toggle svg,
.products-sidebar-toggle i,
.products-sidebar-toggle path {
  color: #fff !important;
  stroke: #fff !important;
}

/* 並び替えを枠なしのテキスト＋矢印に */
.c-list_tool__sort__wrap__select {
  border: none !important;
  background: transparent !important;
  height: auto !important;
  padding: 0 4px 0 0 !important;
  font-weight: 700 !important;
  color: #174789 !important;
  appearance: none;
  -webkit-appearance: none;
}
.c-list_tool__sort__wrap::after {
  color: #174789 !important;
  border-color: #174789 !important;
}
}