@charset "utf-8";

/*____________________________________________________________________________

SITE TITLE: LOCONDO.jp
TITLE: PC catalogディレクトリ 【L4】

(1) 商品カタログページ 全体・カラム 幅設定
(2) 商品カタログページ 左ナビ
(3) 商品カタログページ ページ 右コンテンツ
(5) 入荷お知らせ登録

UPDATED:2013.07
UPDATED:2014.04 税抜き表示対応
UPDATED:2015.04 ロコプラアイコン対応
UPDATED:2015.09 クーポンアイコン対応
UPDATED:2016.02 ブランドリスト移動→
UPDATED:2016.03 アパレル縦長サムネのテスト #17037
UPDATED:2016.08 アイテム表示5列に
UPDATED:2017.05 商品名をブランド名に変更
UPDATED:2017.07 左ナビホバーで子カテゴリ表示 #36971
UPDATED:2017.11 ブランド検索改修 #40060
UPDATED:2018.09 カタログ絞り込みに返品条件を追加する #47227
UPDATED:2018.09 返品不可アイコン #47536
UPDATED:2019.01 マイサイズ&過去購入サイズ検索 #49597
UPDATED:2019.07 カタログ・ランキングのアイコン表示見直し #54479
UPDATED:2019.09 ブランドお気に入り登録 #57427
UPDATED:2019.09 カラー複数選択 #51536
UPDATED:2019.10 シューズ関連複数選択 #58571
UPDATED:2019.11 カテゴリページにテキスト表示(SEO) #59915
UPDATED:2019.11 ブランドページにテキスト表示(SEO) #58386
UPDATED:2019.12 ミュートブランド #59322
UPDATED:2020.01 スピード出荷 #61413
UPDATED:2020.06 カタログからお気に入り追加 #65706
UPDATED:2020.07 サイズ交換・返品 #64742
UPDATED:2024.03 セール/クーポンアイコン アフォーダブルラグジュアリ化 #107860
UPDATED:2024.06 ブラのカップサイズ検索 #104864
UPDATED:2024.06 特定ショップの商品画像を拡大表示する #110844
____________________________________________________________________________*/

/*----------------------------------------------------------------------------
  (1) 商品カタログページ 全体・カラム 幅設定
----------------------------------------------------------------------------*/
/*--- 左ナビ ---*/
#left_navi {
  width: 190px;
  float: left;
  padding-top: 10px;
}

/*--- 右コンテンツ ---*/
#right_content {
  width: 781px;
  float: right;
  padding-top: 10px;
}


/*----------------------------------------------------------------------------
  (2) 商品カタログページ 左ナビ
----------------------------------------------------------------------------*/
#left_navi h3 {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  font-weight: normal;
}
#left_navi .filter_list li a {
  color: #666;
  padding: 0 0 0 5px;
}
#left_navi a:hover {
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: 0.8;
  text-decoration: none;
}

/*-- 絞り込み条件リストタイプ共通 --*/
.filter_list {
  margin-top: 6px;
  font-size: 13px;
}

/* 調整 */
.wrap_filter.brand .filter_list {
  margin-top: 0;
}
.wrap_filter.ShoesSize {
  border-top: none;
}
.filter_list li {
  padding: 8px 0;
}
.filter_list li a {
  display: block;
  cursor: pointer;
}

/*-- カテゴリから探す --*/
.filter_list.category li {
  position: relative;
  padding: 8px 0 8px 10px;
}
.filter_list.category li.category_top {
  margin-left: 0;
  padding: 8px 0;
  color: #ed6d0f;
}
.category_top a {
  color: #ed6d0f;
}
.filter_list.category li:hover,
.filter_multi li a:hover {
  background: #efefef;
}
.filter_list.category li ul {
  display: none;
}
.filter_list.category li:hover ul {
  display: block;
  position: absolute;
  top: -10px;
  left: 160px;
  width: 220px;
  background: #fff;
  z-index: 64;
  border-radius: 1px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);
  padding: 10px 0;
}
.filter_list.category li ul li {
  margin: 0;
  padding: 8px 10px;
}
.filter_list.category li ul li:hover {
  background: #efefef;
}

/*-- 価格から探す／サイズから探す --*/
.filter_price,
.filter_size {
  padding: 12px 0 6px;
}
.filter_price select,
.filter_size select {
  width: 85px;
  border: solid 1px #eee;
  color: #282828;
  height: 32px;
}
.filter_price_btn,
.filter_size_btn,
.filter_multi_btn {
  margin-top: 12px;
  text-align: right;
}
.filter_price_btn input,
.filter_size_btn input,
.filter_multi_btn input,
.filter_multi input {
  color: #fff;
  background: #666;
  border: none;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.filter_price_btn input:hover,
.filter_size_btn input:hover,
.filter_multi_btn input:hover {
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: 0.8;
}
.filter_price select option,
.filter_size select option {
  font-size: 11px;
  line-height: 11px;
  padding-right: 0;
}

/*-- サイズから探す ブラ カップサイズ --*/
.filter_multi.filter_BraSize {
  margin-top: 10px;
}
.filter_multi.filter_BraSize > label {
  position: relative;
  font-size: 13px;
  font-weight: normal;
  line-height: 33px;
  padding: 0 5px;
  cursor: pointer;
}
.filter_multi.filter_BraSize > label:hover {
  background: #efefef;
}
.filter_multi.filter_BraSize > label:after {
  content: '';
  position: absolute;
  top: 38%;
  right: 8px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.filter_multi.filter_BraSize > label.open:after {
  top: 45%;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.filter_multi .bra_size_group_wrapper {
  display: none;
}
.filter_multi .bra_size_group_content {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 5px 10px;
}
.filter_multi.filter_BraSize li {
  width: 50%;
}

/*-- ブランドから探す --*/
.brand_select_name {
  cursor: default;
}
a.modalLink.brand_select_name {
  cursor: pointer;
}
a.modalLink.brand_select_name span {
  font-size: 11px;
  color: #999;
}
.brand_fav_pickup {
  margin-top: 6px;
  font-size: 13px;
}
.brand_fav_pickup li {
  padding: 8px 0;
}
.brand_fav_pickup li:hover {
  background: #efefef;
}
#left_navi .brand_fav_pickup li a {
  display: block;
  color: #666;
  padding: 0 0 0 5px;
}
.filter_list.more_brandlist li:hover {
  background: none;
}
#left_navi .filter_list.more_brandlist li a.modalLink.brand_select_name {
  display: inline-block;
  color: #fa7046;
}
.fav-brand_list a.btn_fav-brand {
  text-decoration: none;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  margin-bottom: 10px;
  color: #fff;
  background: #666;
  border: none;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.fav-brand_list .fav-brand-no-list {
  font-size: 11px;
  letter-spacing: 0;
  color: #666;
  padding: 0 0 0 5px;
  width: 170px;
  text-align: center;
  margin: 4px 0 0 0;
}
#left_navi .filter_list li a.modalLinkBrand {
  color: #fa7046;
}

/* 転送後お気に入りブランドなし */
.no-result-favBrand {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 3px;
}
.no-result-favBrand-head {
  color: #fa7046;
  font-size: 20px;
  text-align: center;
  margin: 8px 0;
}
.no-result-favBrand-lead {
  font-size: 12px;
  color: #666;
  line-height: 1.6;
  text-align: center;
}
.no-result-favBrand-cta {
  text-align: center;
}
.no-result-favBrand-cta a {
  background: #fff;
  padding: 8px 16px;
  display: inline-block;
  margin: 16px 0 0 0;
  color: #fa7046;
  border: 1px solid #fa7046;
}
.no-result-favBrand-cta a:hover {
  text-decoration: none;
  opacity: .8;
}

/* ツールチップ */
.fav-brand_list .fav-brand-no-list a {
  color: #999;
  padding-bottom: 4px;
  border-bottom: 1px solid #ddd;
}
.tippy-tooltip {
  padding: 16px;
}
.tippy-tooltip .tippy-content a {
  color: #fa7046;
  display: inline-block;
  margin: 4px 0 0 0;
}
.tippy-tooltip .tippy-content small {
  font-size: 12px;
  color: #666;
}
.tippy-tooltip.light-theme {
  color: #26323d;
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, .35), 0 4px 16px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
  background-color: #fff;
}

/*-- カラーから探す --*/
.filter_color {
  margin-bottom: 0px;
}
.filter_color li,
.filter_multi li {
  width: 100%;
  box-sizing: border-box;
  display: table;
  margin: 0;
}
.filter_color li span {
  display: table-cell;
}
.filter_color li span.check,
.filter_multi li span.check {
  width: 24px;
}
.filter_color li:hover,
.filter_multi li:hover {
  background: none;
}
.filter_color li a,
.filter_color li a:hover {
  display: block;
  padding: 0;
  height: 20px;
  font-size: 13px;
  color: #666;
}
.colorchip {
  position: relative;
  padding: 4px 0 4px 30px;
  color: #666;
  font-size: 13px;
  line-height: 20px;
}
.colorchip:hover {
  background: #efefef;
  cursor: pointer;
}
.colorchip:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: #000;
}
.colorchip.colorchip-col185:before {
  background: #000;
}
.colorchip.colorchip-col179:before {
  background: #808082;
}
.colorchip.colorchip-col188:before {
  background: #6f451f;
}
.colorchip.colorchip-col200:before {
  background: #113394;
}
.colorchip.colorchip-col174:before {
  background: #e9e4d1;
}
.colorchip.colorchip-col183:before {
  background: #fff;
  border: 1px solid #ddd;
}
.colorchip.colorchip-col180:before {
  background: #be9d20;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e3d26e 0%, #be9d20 50%, #e3d26e 100%);
  background: -webkit-linear-gradient(top, #e3d26e 0%, #be9d20 50%, #e3d26e 100%);
  background: linear-gradient(to bottom, #e3d26e 0%, #be9d20 50%, #e3d26e 100%);
}
.colorchip.colorchip-col181:before {
  background: #aaa9a9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d9d9d9 0%, #aaa9a9 50%, #d9d9d9 100%);
  background: -webkit-linear-gradient(top, #d9d9d9 0%, #aaa9a9 50%, #d9d9d9 100%);
  background: linear-gradient(to bottom, #d9d9d9 0%, #aaa9a9 50%, #d9d9d9 100%);
}
.colorchip.colorchip-col168:before {
  background: #feabc5;
}
.colorchip.colorchip-col187:before {
  background: #de2e5c;
}
.colorchip.colorchip-col184:before {
  background: #4b98e6;
}
.colorchip.colorchip-col182:before {
  background: #fee00e;
}
.colorchip.colorchip-col186:before {
  background: #66b061;
}
.colorchip.colorchip-col173:before {
  background: #e57e15;
}
.colorchip.colorchip-col175:before {
  background: #946fa5;
}
.colorchip.colorchip-col171:before {
  background: #768135;
}
.colorchip.colorchip-col169:before {
  background: url(//media.aws.locondo.jp/contents/img/common/colorchip/color169.png) 50% 50%;
  background-size: 25px;
}
.colorchip.colorchip-col170:before {
  background: url(//media.aws.locondo.jp/contents/img/common/colorchip/color170.png) 50% 50%;
}
.colorchip.colorchip-col201:before {
  background: url(//media.aws.locondo.jp/contents/img/common/colorchip/color201.png) 75% 50%;
  background-size: 20px;
}
.colorchip.colorchip-col167:before {
  background: url(//media.aws.locondo.jp/contents/img/common/colorchip/color167.png) 50% 50%;
  background-size: 30px;
}
.filter_color_btn {
  margin-top: 10px;
  text-align: right;
}
.filter_color_btn input:hover {
  opacity: .8;
}

/* チェックボックス */
.filter_color_btn input {
  color: #fff;
  background: #666;
  border: none;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.filter_color input[type=checkbox],
.filter_multi input[type=checkbox] {
  display: none;
}
.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0px 8px 8px 0;
  padding: 0 8px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox:hover:before {
  border-right: 2px solid #2b2b2b;
  border-bottom: 2px solid #2b2b2b;
}
.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -6px;
  width: 18px;
  height: 18px;
  border: 1px solid #eee;
  border-radius: 2px;
  content: '';
  box-sizing: border-box;
  background: #eee;
}
.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -2px;
  width: 4px;
  height: 7px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}
.filter_color input[type=checkbox]:checked+.checkbox:before,
.filter_multi input[type=checkbox]:checked+.checkbox:before {
  opacity: 1;
}
.filter_color input[type=checkbox]:checked+.checkbox:after,
.filter_multi input[type=checkbox]:checked+.checkbox:after {
  background: #2b2b2b;
  border: 1px solid #2b2b2b;
}
.filter_color input[type=checkbox]:checked+.checkbox:hover:before,
.filter_multi input[type=checkbox]:checked+.checkbox:before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

/*-- フリーワード --*/
.filter_searchWord {
  padding: 12px 0 6px;
}
.searchWord_textform input {
  outline: none;
  background: none;
  box-sizing: border-box;
  padding: 0.5em;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 1px;
  color: #282828;
}
.filter_searchWord_btn {
  margin-top: 12px;
  text-align: right;
}
.filter_searchWord_btn input {
  color: #fff;
  background: #666;
  border: none;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/*-- 現在の条件 --*/
.select_condition {
  margin-bottom: 20px;
  background-color: #111;
  padding: 3px;
  word-wrap: break-word;
  border-radius: 2px;
}
.select_condition h3 {
  color: #FFF !important;
  text-align: center;
  margin: 0 !important;
  font-size: 14px;
  height: 24px;
  line-height: 20px;
  font-weight: normal;
  padding: 3px 0 4px;
}
.detail_condition {
  color: #4D2212;
  padding: 8px 0 8px 16px;
  background-color: #FFF;
  width: 168px;
}
.detail_condition li {
  width: 156px;
}
.detail_condition li label {
  display: block;
  width: 140px;
  font-weight: normal;
  color: #333;
}
.detail_condition li img {
  float: right;
  margin-top: 3px;
}

/* UPDATED:2018.09 カタログ絞り込みに返品条件を追加する #47227 */
.wrap_filter {
  padding: 20px 0 14px;
  border-top: 1px solid #eee;
}
.filter_list li:hover {
  background: #efefef;
}

/*-- マイサイズ --*/
.wrap_filter.MysizeFilter {
  text-align: left;
  background: #f5f5f5;
  border-radius: 4px;
  border: none;
  line-height: 1.4;
  margin: 4px 0;
  padding: 16px 14px 20px 14px;
  display: none;
}
.wrap_filter.MysizeFilter.is-show {
  display: block;
}
.wrap_filter.MysizeFilter.MysizeFilterOn {
  border: 2px solid #fa7046;
  box-shadow: 0px 0px 0px 4px #fedbd1;
}
#left_navi .MysizeFilter h3.MysizeFilter_fontS {
  font-size: 13px;
  line-height: 130%;
}
.MysizeFilter h3 {
  padding-bottom: 4px;
}
.MysizeFilter p {
  color: #888;
  line-height: 1.5;
}
p.MysizeFilterDisabled {
  margin-top: 10px;
  width: 9em;
  padding: 8px;
  background: #ccc;
  color: #fff;
  text-align: center;
  border-radius: 2px;
}
.MysizeFilter .btn_MysizeFilterTxt {
  margin: 4px 0 0 0;
}
.MysizeFilter .MysizeFilter_fontL {
  font-size: 20px;
  color: #2b2b2b;
  margin: 2px 0;
}
.MysizeFilter .MysizeFilter_fontM {
  font-size: 11px;
  color: #666;
}
.MysizeFilter .MysizeFilter_fontS {
  font-size: 11px;
}
.MysizeFilter .MysizeFilter_fontXS {
  font-size: 10px;
}
.MysizeFilter a {
  color: #888;
  text-decoration: underline;
}
.btn_MysizeFilter {
  margin-bottom: 1em;
}
.btn_MysizeFilter a {
  display: inline-block;
  padding: 8px 18px;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  margin-top: 10px;
  box-sizing: border-box;
  background: #666;
  text-decoration: none;
}
.btn_MysizeFilter a.btn_Primary {
  color: #fa7046;
  border: 1px solid #fa7046;
  background: #fff;
}
.btn_MysizeFilter a.btn_Secondary {
  color: #fff;
  background: #fa7046;
}
.btn_MysizeFilter a.btn_tertiary {
  color: #666;
  border: 1px solid #666;
  background: #fff;
}
.btn_MysizeFilter a.btn_tertiary:hover {
  border: 1px solid #fa7046;
  color: #fa7046;
  opacity: 1 !important;
}


/*----------------------------------------------------------------------------
  (3) 商品カタログページ 右コンテンツ
----------------------------------------------------------------------------*/
/*-- タイトル枠、ブランドページ枠(GCS=カスタム) --*/
.brand_banner {
  margin: 0 0 26px;
  text-align: center;
}

/*-- タイトル --*/
#right_content h2 {
  margin: 0 0 20px;
  padding: 0 0 10px;
  font-size: 20px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}

/*-- ブランドページ（GCS=タイプを標準選んだ際に自動的に付与される） --*/
#promotions-container {
  text-align: center;
}

/*-- 商品数 --*/
.item_number {
  float: left;
  margin-right: 8px;
  font-size: 25px;
  font-weight: normal;
  line-height: 32px;
  color: #2b2b2b;
}
.item_number small {
  font-size: 18px;
}
.item_muteMedium {
  display: block;
  width: 25px;
  height: 30px;
  line-height: 32px;
  float: left;
  background: #f5f5f5;
  border-radius: 4px;
  margin-right: 8px;
  margin-top: 1px;
  text-align: center;
  cursor: pointer;
}
.item_muteMedium:hover {
  background: #ddd;
}
.item_muteMedium img {
  width: 5px;
  padding-top: 6px;
}

/*-- ページャー --*/
.catalog_paging ul {
  float: right;
  overflow: hidden;
}
.catalog_paging li {
  float: left;
  min-width: 30px;
  font-size: 14px;
  /* line-height: 22px; */
  /* margin-top: 2px; */
  line-height: 1;
}
.catalog_paging li.current span {
  display: block;
  padding: 8px;
  text-align: center;
}
.catalog_paging li a {
  display: block;
  padding: 8px 3px;
  text-align: center;
  font-size: 14px;
  color: #000;
  margin: 0 2px;
}
.catalog_paging li a:hover,
.catalog_paging li.current,
.catalog_paging li.pager-prev a:hover,
.catalog_paging li.pager-next a:hover {
  background-color: #e6e6e6;
  text-decoration: none;
  color: #000;
}
.catalog_paging li.current {
  font-weight: bold;
}

/* 前へ 次へ */
.catalog_paging .pager-prev,
.catalog_paging .pager-next {
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.catalog_paging .pager-prev {
  margin-right: 5px;
}
.catalog_paging .pager-prev a,
.catalog_paging .pager-next a {
  display: flex;
  height: 30px;
  align-items: center;
  font-size: 12px;
  color: #333;
  padding: 0 3px;
}
.catalog_paging .pager-prev a i svg,
.catalog_paging .pager-next a i svg {
  color: #666;
  width: 16px;
  height: 16px;
}

/*-- 絞り込み条件 結果 --*/
#selected-style {
  padding: 10px;
  border: none;
}
#selected-style dt,
#selected-style dd {
  float: left;
  margin-right: 15px;
}
#brands_sec {
  display: none;
}

/*-- 表示件数 並び替え 価格別 --*/
#catalog_sort {
  border: 0;
  padding: 6px 14px;
  background: #fafafa;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 15px;
}
.item_pager {
  float: left;
  width: 150px;
}
.item_sort {
  float: left;
  margin-right: 8px;

}
.item_pager dt,
.item_pager dd,
.item_sort dt,
.item_sort dd {
  display: inline;
  line-height: 100%;
}
.item_pager select,
.item_sort select {
  box-sizing: border-box;
  color: #282828;
  font-size: 12px;
  border: solid 1px #ddd;
  background: #fff;
  width: 100px;
  height: 32px;
}
.item_sort select {
  width: 64px;
}
.item_pager select option,
.item_sort select option {
  font-size: 11px;
  line-height: 11px;
  padding-right: 10px;
}

/* 価格別 */
.alignmentSearch_sort {
  float: right;
  padding: 8px 0;
}
.alignmentSearch_sort li {
  float: left;
  margin-left: 15px;
  padding-top: 10px;
  line-height: 100%;
}
.alignmentSearch_sort li input {
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.alignmentSearch_sort label {
  color: #282828;
  font-weight: normal;
}

/* カタログ・ランキングのアイコン表示見直し #54479 */
/* catalog_head */
.catalog_head {
  margin-bottom: 32px;
}
.catalogList {
  font-size: 0;
}

/* catalogList_item */
.catalogList .catalogList_item {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 32px;
  width: 140px;
  font-size: 12px;
  vertical-align: top;
}
.catalogList .catalogList_item:nth-child(5n) {
  margin-right: 0;
}
.catalogList .catalogList_item>a {
  display: block;
  color: #999;
  text-decoration: none;
}
.catalogList .product-image {
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fafafa;
  min-height: 140px;
}
.catalogList .product-image img {
  display: block;
  width: 140px;
  height: 140px;
  filter: brightness(98%);
}

/* product-icon */
.catalogList .product-icon {
  position: absolute;
  top: 0;
  left: 0;
}

/* アイコンデザイン(テキスト版) */
.catalogList .product-icon>li {
  margin: 0;
  width: 47.5px;
  height: 17.5px;
  line-height: 17.5px;
  font-size: 10px;
  letter-spacing: .05em;
  text-align: center;
  color: #fff;
  background: rgba(155, 173, 185, .4);
  text-indent: 0;
  overflow: initial;
  transform-origin: 0 0;
  transform: scale(.9);
}

/* BEST HITアイコン */
.catalogList .product-icon>li.icon_besthit {
  color: #ffd700;
  background: rgb(0 0 0 / 80%);
  width: 60.5px;
}

/* MAGAアイコン */
.catalogList .product-icon .icon_SMAG0757D {
  position: relative;
  overflow: hidden;
  text-indent: -200px;
}
.catalogList .product-icon .icon_SMAG0757D:before {
  display: inline-block;
  content: "MAGA";
  position: absolute;
  width: 100%;
  left: 0;
  text-indent: 0;
}

/* 海外便アイコンicon_SSTB1046G */
.catalogList .product-icon .icon_SSTB1046G {
  position: relative;
  overflow: hidden;
  text-indent: -200px;
  width: 58px;
}
.catalogList .product-icon .icon_SSTB1046G:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 100%;
  left: 3px;
  background: url(//media.aws.locondo.jp/contents/img/common/icon_airport.png) 0 50% no-repeat;
  background-size: auto 12px;
}
.catalogList .product-icon .icon_SSTB1046G:before {
  display: inline-block;
  content: "海外便";
  position: absolute;
  padding-left: 8px;
  width: 100%;
  left: 0;
  text-indent: 0;
}

/* product-discountIcon */
.catalogList .product-discountIcon {
  display: inline-flex;
  transform: translateY(-18px);
  /* flex-wrap:nowrap; */
  /* 一時対応 SPECIAL PRICEでカラム落ち */
  flex-wrap: wrap;
  min-height: 18px;
}
.catalogList .product-text {
  margin-top: -18px;
  padding-top: 6px;
}
.catalogList .product-discountIcon li {
  display: block;
  height: 18px;
}
.catalogList .icon_couponRate,
.catalogList .icon_discountRate,
.catalogList .icon_discountRate_timeSale,
.catalogList .icon_novelty,
.catalogList .icon_memberPrice {
  display: inline-flex;
  align-items: center;
  padding: 0 .4em;
  font-size: 10px;
}
.catalogList .icon_discountRate,
.catalogList .icon_discountRate_timeSale {
  color: #fff;
  background-color: rgba(255, 78, 78, .85);
}
.catalogList .icon_discountRate_timeSale:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url(//media.aws.locondo.jp/contents/img/common/icon_timesale.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: .2em;
}
.catalogList .icon_couponRate {
  color: #222;
  background-color: rgb(255, 234, 131, .9);
}
.catalogList .icon_couponRate:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 13px;
  background-image: url(//media.aws.locondo.jp/contents/img/common/icon_coupon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: .3em;
}
.catalogList .icon_novelty {
  color: #fff;
  background-color: rgba(102, 188, 39, .8);
}

/* シークレットセール */
li.icon_discountRate_secretSale .icon_discountRate {
  color: #fff;
  background: url(//media.aws.locondo.jp/contents/img/common/icon_secret-w.png) no-repeat rgba(237, 20, 61, .8) 4px 50%;
  background-size: auto 12px;
  padding: 0 4px 0 20px;
  opacity: 1;
}

/* OGW */
ul.product-service-icon {
  top: 0;
}
ul.product-service-icon li.icon_ogw {
  background: url(//media.aws.locondo.jp/contents/img/common/icon_ogw.png) no-repeat 50% 100%;
  background-size: auto 100%;
  width: 24px;
  height: 18px;
  padding: 0;
  margin: 0;
  display: inline-block;
  text-align: center;
  text-indent: -9999px;
}

/* ポイント対象アイコン */
ul.product-service-icon li.icon_point {
  background: url(//media.aws.locondo.jp/contents/img/common/icon_point.png) no-repeat 50% 100%;
  background-size: auto 100%;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 2px;
  display: inline-block;
  text-align: center;
  text-indent: -9999px;
}

/* 会員価格 */
.icon_memberPrice{
  color: #fff;
  background-color: rgba(237, 20, 61, .8);
}
/* 在庫なし */
.outOfStock{
  display: block;
  width: 100%;
  font-size: 11px;
  margin: 4px 0 0 0;
}


/* product-text */
.catalogList .product-text .brandName {
  display: block;
  font-size: 12px;
  line-height: 1.1;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: .02em;
}
.catalogList .product-text .commodityName {
  display: inline-block;
  margin-bottom: 6px;
  width: 136px;
  font-size: 10px;
  line-height: 1.1;
  color: #999;
  overflow: hidden;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.catalogList .product-text .member_price,
.catalogList .product-text .regular_price.member_price,
.catalogList .product-text .special_price.member_price {
  font-size: 14px;
}
.catalogList .product-text .regular_price,
.catalogList .product-text .special_price {
  font-size: 15px;
  line-height: 1;
  letter-spacing: .02em;
}
.catalogList .product-text .regular_price {
  color: #333;
}
.catalogList .product-text .special_price {
  color: #ED143D;
}
.catalogList .product-text .suffixTax {
  display: inline-block;
  margin-left: 2px;
  font-size: 10px;
  transform-origin: center left;
}
.catalogList_item>a:hover .product-text {
  opacity: .6;
}
.catalogList_item>a:hover .product-text [uk-toggle] {
  opacity: .5;
}
.catalogList .regular_price .suffixTax {
  color: #999;
}
.catalogList .special_price .suffixTax {
  color: rgba(199, 0, 11, .8);
}

/*-- 商品一覧表示 --*/
#catalog_list {
  padding-bottom: 1px;
  margin-bottom: 20px;
}
#catalog_list img {
  width: 140px;
  height: 140px;
}
.pro_item {
  width: 155px;
  border: none;
  position: relative;
  font-size: 10px;
  margin-left: 0px;
  margin-right: -1px;
  margin-bottom: -1px;
  z-index: 1;
  float: left;
}
.product_gallery .pro_item:hover {
  border: none;
  z-index: 5;
}
/* .product_gallery .pro_item:hover img {
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: 0.8;
} */
#contents_ver4 a:hover img {
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: 0.8;
}
.pro_item a {
  display: block;
}
.pad {
  width: 155px;
  height: 210px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  padding: 30px 0 0;
}

/*-- 過去購入サイズ検索 --*/
.catalog_purchase_history {
  width: 100%;
  padding-bottom: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
  margin: 20px 0;
}
.catalog_purchase_history h3 {
  font-size: 14px;
  margin: 0;
  color: #2b2b2b;
}
.catalog_purchase_history .catalog_purchase_history-list {
  display: table;
  width: 25%;
  box-sizing: border-box;
  padding: 0 10px 0 0;
  margin: 15px 0 0 0;
  float: left;
}
.catalog_purchase_history .catalog_purchase_history-list.displayNone {
  display: none;
}
.catalog_purchase_history .catalog_purchase_history-list ul {
  font-size: 10px;
  color: #666;
  line-height: 1.4;
}
.catalog_purchase_history .catalog_purchase_history-list ul li {
  width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.catalog_purchase_history .catalog_purchase_history-list ul li span {
  display: inline-block;
  min-width: 4em;
}
.catalog_purchase_history-list-btn {
  margin: 8px 0 0 0;
  font-size: 11px;
}
.catalog_purchase_history-list-btn a {
  display: inline-block;
  width: 70px;
  border: 1px solid #fa7046;
  border-radius: 2px;
  color: #fa7046;
  text-align: center;
}
.catalog_purchase_history-list-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.catalog_purchase_history-list-btn.catalog_purchase_history-list-btn-off a {}
.catalog_purchase_history-list-btn.catalog_purchase_history-list-btn-on a {
  border: none;
  background: #f5f5f5;
  color: #999;
  cursor: default;
}
.catalog_purchase_history-list-btn.catalog_purchase_history-list-btn-on a:hover {
  opacity: 1;
  cursor: pointer;
}
.catalog_purchase_history .catalog_purchase_history-list-img {
  width: 70px;
  height: 70px;
  display: table-cell;
  vertical-align: top;
}
.catalog_purchase_history .catalog_purchase_history-list-img img {
  width: 100%;
  height: auto;
}
.catalog_purchase_history .catalog_purchase_history-list-info {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 10px;
}

/* さらに表示 */
.catalog_purchase_history-more {
  clear: both;
  text-align: center;
  color: #666;
  padding: 20px 0 10px 0;
}
.catalog_purchase_history-more a {
  position: relative;
  display: inline-block;
  color: #666;
}
.catalog_purchase_history-more a:hover {
  color: #999;
  text-decoration: none;
}
.catalog_purchase_history-more a::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  transform: rotate(135deg);
}

/* 表示を隠す */
.catalog_purchase_history-hide {
  clear: both;
  text-align: center;
  color: #666;
  padding: 20px 0 10px 0;
  display: none;
}
.catalog_purchase_history-hide a {
  position: relative;
  display: inline-block;
  color: #666;
}
.catalog_purchase_history-hide a:hover {
  color: #999;
  text-decoration: none;
}
.catalog_purchase_history-hide a::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  transform: rotate(-45deg);
}

/* NEWなどの各アイコン */
.item_icons {
  position: absolute;
  top: 160px;
  left: 0;
  z-index: 1;
}
.item_icons li {
  margin-right: 3px;
  margin-bottom: 3px;
  float: left;
  display: none;
  height: 18px;
  text-indent: -9999px;
  background-color: #FFF;
}
.item_icons li:first-child,
.item_icons li:first-child+*,
.item_icons li:first-child+*+* {
  display: inline;
}

/* MAGASEEK */
/* 非表示アイコン */
.item_icons li.icon_outlet {
  display: none;
}

/* 返品不可アイコン */
ul.product-service-icon {
  position: absolute;
  right: 0;
  font-size: 10px;
  color: #cc0000;
  z-index: 1;
}
ul.product-service-icon li.icon_returnDisabled {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0 4px;
  margin: 0 0 0 2px;
  display: inline-block;
  text-align: center;
  display: none;
}



/* 商品画像 */
.pad a img {
  display: block;
  margin: 0 auto;
  width: 174px;
}

/* 商品名 */
h4.product_name {
  margin: 0px 0px 3px;
  padding: 13px 10px 0;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.6em;
  height: 1.6em;
  height: 1.6em\9;
}
h4.product_name span {
  display: inline-block;
  width: 135px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
h4.product_name a {
  color: #777;
}
h4.product_name a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  text-decoration: none;
}

/*-- 価格 --*/
.pad .price_box {
  margin: 0 10px;
  text-align: left;
}

/* (税抜,送料無料) 表示 */
.pad .taxin {
  font-weight: normal;
  font-size: 11px;
  color: #666;
}

/* 通常価格 */
.pad .regular_price {
  font-weight: normal;
  font-size: 14px;
}

/* セール前価格 */
.pad .old_price {
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 1px;
  display: none;
}

/* セール価格 */
.pad .special_price {
  color: #ed143d;
  font-weight: normal;
  font-size: 14px;
  line-height: 120%;
}
.off {
  font-size: 11px;
}

/*-- ミュートブランド ダイアログ --*/
.remodal.modal_muteBrand {
  max-width: 520px;
  background: #f5f5f5;
  border-radius: 2px;
  padding: 40px 0 0 0;
}
.remodal.modal_muteBrand h1 {
  font-size: 16px;
  margin: 0 0 12px 0;
  color: #666;
}
.remodal.modal_muteBrand p {
  font-size: 15px;
  margin: 0 0 24px;
  color: #666;
  line-height: 1.7;
}
.remodal.modal_muteBrand p.muteBrandNote {
  font-size: 11px;
  margin: 40px 0px 0 0;
  padding: 8px;
  text-align: center;
  background: #ddd;
}
.remodal.modal_muteBrand button.remodal-confirm,
.remodal.modal_muteBrand button.remodal-cancel {
  font-size: 14px;
  min-width: 130px;
  border-radius: 2px;
  margin: 0 4px;
}
.remodal.modal_muteBrand .remodal-confirm {
  color: #fff;
  background: #2b2b2b;
  border: 1px solid #2b2b2b;
}
.remodal.modal_muteBrand .remodal-cancel {
  color: #999;
  background: #fff;
  border: 1px solid #fff;
}
.remodal.modal_muteBrand .remodal-confirm:hover {
  color: #fff;
  background: #666;
  border: 1px solid #666;
}
.remodal.modal_muteBrand .remodal-cancel:hover {
  color: #666;
  background: #fff;
  border: 1px solid #666;
}
.remodal.modal_muteBrand .remodal-close {
  width: 46px;
  height: 46px;
  right: -20px;
  top: -20px;
  left: inherit;
}
.remodal.modal_muteBrand .remodal-close:before {
  display: block;
  content: "";
  text-align: center;
  position: absolute;
  width: 46px;
  height: 46px;
  line-height: 46px;
  cursor: pointer;
  background: url(//media.aws.locondo.jp/contents/img/pc/btn-modal-close.png) no-repeat;
  background-size: 46px;
}


/*----------------------------------------------------------------------------
  ※GCS 画像のみ出力時の対応
----------------------------------------------------------------------------*/
#promotions-container {
  margin-bottom: 30px;
}


/*----------------------------------------------------------------------------
  ※GCS カスタム時の対応
----------------------------------------------------------------------------*/
.brandbanner {
  margin-bottom: 30px;
}


/*----------------------------------------------------------------------------
  ブランドお気に入り
----------------------------------------------------------------------------*/
.breadcrumbs {
  position: relative;
  overflow: inherit;
  width: 1000px;
  margin: 0 auto;
}
.commercialtype2 .breadcrumbs {
  display: none;
}
.breadcrumbs {
  position: relative;
  overflow: inherit;
  width: 1000px;
  margin: 0 auto;
}
.breadcrumbs button {
  position: initial;
  top: initial;
  right: initial;
  background: none;
  border: none;
  font-size: 13px;
  color: #fa7046;
  cursor: pointer;
  padding: 2px 16px 2px 28px;
  border: none;
  border-radius: 0;
  line-height: 1;
  cursor: pointer;
}
.favoriteBrand-btn {
  float: left;
}
button.favoriteBrand-btn-add,
button.favoriteBrand-btn-del,
button.favoriteBrand-btn-login {
  position: relative;
}
button.favoriteBrand-btn-add span:before,
button.favoriteBrand-btn-del span:before,
button.favoriteBrand-btn-login span:before {
  content: '\e98b';
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 10px;
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}
button.favoriteBrand-btn-login {
  padding-right: 0;
}
.breadcrumbs button.favoriteBrand-btn-login:hover,
.breadcrumbs button.favoriteBrand-btn-add:hover {
  opacity: .8;
}
.breadcrumbs button.favoriteBrand-btn-del {
  border: none;
  color: #fa7046;
  padding: 8px 8px 8px 32px;
  background: #f5f5f5;
  border-radius: 2px;
  margin: 0 0;
}
button.favoriteBrand-btn-del span:before {
  left: 10px;
  top: 4px;
}

/*-- お気に入り 動的メッセージ --*/
.favoritebrand_alert_container {
  background: #fbfbfb;
  position: fixed;
  top: 50%;
  left: 50%;
  border: 1px solid #fff;
  z-index: 100000;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888, direction=135, strength=5, enabled=true);
  border-left: 1px #eee solid\9;
  border-top: 1px #eee solid\9;
}
.favoritebrand_inner_left {
  padding: 40px;
  width: 290px;
  margin: -146px 0 0 -165px;
}
.favoritebrand_inner_center {
  padding: 60px 0;
  width: 330px;
  text-align: center;
  margin: -101px 0 0 -165px;
}
.favoritebrand_alert_inner {
  position: relative;
}
.favoritebrand_alert_inner_center {
  position: relative;
  text-align: center;
}
.favoritebrand_alert_container h4 {
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 170%;
}
.favoritebrand_alert_container p,
.favoritebrand_alert_container li {
  font-size: 11px;
  display: block;
}
.favoritebrand_alert_container a {
  color: #fa7046;
  text-decoration: underline;
}
.favoritebrand_alert_container a:hover {
  text-decoration: none;
}
.favoritebrand_alert_btn a {
  width: 166px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 12px;
  margin: 30px auto 0;
  text-align: center;
  background: #fa7046 url(//media.aws.locondo.jp/contents/img/pc/btn_fav_inner_arrow.png) no-repeat 138px 16px;
  display: block;
  text-decoration: none;
}
.favoritebrand_alert_close a {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 23px;
  height: 22px;
  background: url(//media.aws.locondo.jp/contents/img/pc/btn_fav_inner_close.png) no-repeat 0 0;
  position: absolute;
  top: 16px;
  right: 16px;
}

/* ブランドページ ミュート */
.breadcrumbs li.brandDivBtn {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0;
  padding-right: 0;
}
.muteBrand-btn {
  float: right;
}
button.muteBrand-btn-add {
  color: #000;
  padding-right: 0;
  background: url(//media.aws.locondo.jp/contents/img/pc/icon_mute.png) no-repeat 16px 50%;
  background-size: 20px auto;
  border-left: 1px solid #aaa;
  padding-left: 44px;
  opacity: 0.6;
}
button.muteBrand-btn-del {
  background: url(//media.aws.locondo.jp/contents/img/pc/icon_mute.png) no-repeat 8px 50% #eee;
  background-size: 20px auto;
  padding-right: 2px;
  color: #000;
  opacity: 0.5;
  padding: 8px 8px 8px 36px;
  margin: 0 0;
}
button.muteBrand-btn-add:hover,
button.muteBrand-btn-del:hover {
  opacity: .5;
}
.muteLoading {
  display: none;
  background: rgba(40, 40, 40, 0.8);
  position: fixed;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.muteLoading p {
  text-align: center;
  color: #fff;
  font-size: 16px;
  margin-top: 20px;
}
.muteLoading p small {
  display: inline-block;
  font-size: 11px;
  margin-top: 8px;
  color: #ddd;
}
.muteLoading p a {
  color: #fa7046;
}
@keyframes donut-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.donut {
  display: inline-block;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: #ccc;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: donut-spin 1.2s linear infinite;
}
.muteLoadingInner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
}
.shopopBrandTimeline-btn {
  display: none;
}
.shopopBrandTimeline-btn {
  margin-left: 16px;
}
#shopopBrandTimeline-brandcode {
  background: #fa7046;
  padding: 7px 12px;
  color: #fff;
  border-radius: 2px;
  font-weight: bold;
}
#shopopBrandTimeline-brandcode:hover {
  background: #ff845e;
}


/*----------------------------------------
  カテゴリページにテキスト表示(SEO)#59915 UPDATED:2019.11
----------------------------------------*/
#right_content .category_explanation {
  margin-bottom: 30px;
}
#right_content .category_explanation h1 {
  display: table-cell;
  font-size: 18px;
  vertical-align: middle;
  border-bottom: none;
  padding: 0 15px 0 0;
  white-space: nowrap;
}
#right_content .category_explanation h1 a {
  text-decoration: none;
}
#right_content .category_explanation h1 a:hover {
  color: #555;
}
#right_content .category_explanation p {
  display: table-cell;
  vertical-align: middle;
  color: #888;
  padding: 0;
}
#right_content .category_explanation p a {
  color: #888;
  text-decoration: none;
}
#right_content .category_explanation p a:hover {
  color: #aaa;
}
#right_content .about_category_explanation {
  border: 1px solid #eee;
  padding: 28px 24px;
  width: 731px;
  margin: 30px 0 0 auto;
}
#right_content .about_category_explanation h2 {
  font-size: 15px;
  text-align: left;
  font-style: normal;
  color: #555;
  margin: 0 0 16px 0;
  padding: 0;
  border-bottom: none;
}
#right_content .about_category_explanation p {
  color: #555;
  font-size: 13px;
  line-height: 1.8;
  margin: 0 0;
  padding: 0;
}
#right_content .about_category_explanation a {
  float: none;
  display: inline;
  margin: 0;
  position: relative;
  background: none;
  text-indent: 0;
  color: #555;
  text-decoration: none;
}


/*----------------------------------------
  ブランドページにテキスト表示 #58386
----------------------------------------*/
#right_content .brand_explanation {
  text-align: left;
  margin-bottom: 30px;
}
#right_content .brand_explanation h1.brand_name {
  font-size: 25px;
  display: inline-block;
  margin-right: 10px;
}
#right_content .brand_explanation p.brand_name_kana {
  font-size: 11px;
  display: inline-block;
  color: black;
  vertical-align: top;
  line-height: 24px;
}
#right_content .brand_explanation p.brand_name_Eng {
  display: none;
}
#right_content .brand_explanation p.brand_note {
  font-size: 13px;
  margin: 12px 0 0;
  color: #888;
  line-height: 1.7;
}
#right_content .brand_explanation .favoriteBrand-btn {
  text-align: center;
  margin-top: 20px;
}
#right_content .favoriteBrand-btn button {
  position: relative;
  top: 0;
  right: 0;
  padding-top: 3px;
  background: none;
  border: none;
  font-size: 13px;
  color: #fa7046;
  cursor: pointer;
  padding-left: 26px;
  border-radius: 2px;
  background-color: #fff9f7;
}
#right_content .favoriteBrand-btn button::before {
  font-size: 17px;
  display: inline-block;
  content: '\e607';
  color: #fa7046;
  font-family: 'boemfont';
  position: absolute;
  top: 3px;
  left: 6px;
}
#right_content .favoriteBrand-btn button.favoriteBrand-btn-del {
  color: #888;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
}
#right_content .favoriteBrand-btn button.favoriteBrand-btn-del::before {
  color: #888;
}
#right_content .brand_explanation a.more {
  color: #fa7046;
  display: inline-block;
}
#right_content .about_brand_explanation {
  border: 1px solid #eee;
  padding: 28px 24px;
  width: 731px;
  margin: 30px 0 0 auto;
}
#right_content .about_brand_explanation h2 {
  font-size: 15px;
  text-align: left;
  font-style: normal;
  color: #555;
  margin: 0 0 16px 0;
  padding: 0;
  border-bottom: none;
}
#right_content .about_brand_explanation p {
  color: #555;
  font-size: 13px;
  line-height: 1.8;
  margin: 0 0;
  padding: 0;
}

/* ブランド・ショップ 関連コンテンツ 非表示 */
#right_content #bs_content {
  display: none;
}
#right_content #shop_content {
  display: none;
}


/*----------------------------------------
  ショップページにテキスト表示 #65991
----------------------------------------*/
#right_content .shop_explanation {
  text-align: left;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
}
#right_content .ex_shop_img {
  text-align: center;
}
#right_content .ex_shop_img img {
  width: 300px;
  height: auto;
  margin: 40px 0;
}
#right_content .shop_explanation h1.ex_shop_name {
  font-size: 25px;
  line-height: 25px;
  text-align: center;
}
#right_content .shop_explanation p.ex_shop_name_kana {
  font-size: 11px;
  color: black;
  vertical-align: top;
  line-height: 28px;
  text-align: center;
}
#right_content .shop_explanation p.ex_shop_name_Eng {
  display: none;
}
#right_content .shop_explanation p.ex_shop_note {
  font-size: 13px;
  margin: 12px auto 0;
  color: #888;
  line-height: 1.7;
  width: 80%;
  text-align: center;
}
#right_content .shop_explanation a.more {
  color: #fa7046;
  display: inline-block;
}


/*----------------------------------------
  ワード検索
----------------------------------------*/
#right_content .word_headline {
  text-align: left;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
}
#right_content .word_headline h1 {
  font-size: 25px;
  line-height: 25px;
  text-align: left;
}


/*----------------------------------------
  マルチ選択
----------------------------------------*/
.filter_multi li span {
  display: table-cell;
  vertical-align: middle;
}
#left_navi .filter_multi li a,
#left_navi .filter_multi li a:hover {
  display: block;
  padding: 5px 0 5px 5px;
  font-size: 13px;
  color: #666;
}

/* スライダー */
#left_navi #shoeSizeSlider,
#left_navi #shoeWidthSlider {
  width: 180px;
  height: 5px;
  margin: 8px 0 20px 0;
}
#left_navi #shoeWidthSlider {
  margin: 20px 0 10px 0;
}
#left_navi .noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  left: auto;
  top: -6px;
  border-radius: 50%;
  box-shadow: none;
}
#left_navi .noUi-connect {
  background: #fa7046;
}
#left_navi .noUi-target {
  background: #ddd;
  border: none;
  box-shadow: none;
}
#left_navi .noUi-handle:after,
#left_navi .noUi-handle:before {
  display: none;
}

/* ワイズ */
#shoeWidthStartSpan,
#shoeWidthEndSpan {
  font-size: 10px !important;
  color: #888 !important;
}


/*----------------------------------------
  スピード出荷 #61413
----------------------------------------*/
.FastDelivery {
  clear: both;
  margin: 0 0;
}
.FastDelivery:after {
  content: "";
  display: block;
  clear: both;
}
.filter_FastDelivery {
  position: relative;
  margin: 12px 0 6px;
}
.FastDelivery .FastDeliveryLabel {
  float: left;
  padding-right: 8px;
  color: #888;
  line-height: 26px;
  cursor: pointer;
  padding-left: 28px;
  background: url(https://media.aws.locondo.jp/contents/img/sp/icon_speed-delivery.png) no-repeat 0 0;
  background-size: auto 26px;
  width: 9em;
  box-sizing: border-box;
}
.FastDelivery label {
  width: 47px;
  height: 26px;
  box-sizing: border-box;
  background: #ddd;
  float: left;
  border-radius: 100px;
  position: relative;
  top: 0px;
  cursor: pointer;
  transition: .3s ease;
}
.FastDelivery input {
  display: none;
}
.FastDelivery input[type=checkbox]:checked+.FastDeliveryLabel {
  color: #fa7046;
}
.FastDelivery input[type=checkbox]:checked+.FastDeliveryLabel+label {
  background: #fa7046;
}
.FastDelivery input[type=checkbox]:checked+.FastDeliveryLabel+label:before {
  left: 22px;
  border: 1px solid #fa7046;
}
.FastDelivery label:before {
  transition: .3s ease;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background: white;
  left: 4px;
  top: 3px;
  box-sizing: border-box;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
}
.trgFastDeliveryTooltip {
  position: absolute;
  right: 0px;
  top: 2px;
  padding: 0;
  background: #ddd;
  display: inline-block;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.trgFastDeliveryTooltip:hover {
  background: #aaa;
}
#trgFastDeliveryTooltip_template {
  display: none;
}
.FastDeliveryNotice {
  font-size: 12px;
  color: #888;
}
.filter_FastDelivery_btn {
  clear: both;
  margin-top: 10px;
  margin-bottom: 12px;
  padding-right: 10px;
  text-align: right;
}
.filter_FastDelivery_btn input {
  display: inline-block;
  color: #fff;
  background: #666;
  border: none;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-top: 2px;
}
.filter_FastDelivery_btn input:hover {
  opacity: .8;
}


/*----------------------------------------
  お気に入り追加
----------------------------------------*/
.trgFavItem {
  display: block;
}
.icon-favItemAdd {
  height: 32px;
  width: 24px;
  position: absolute;
  right: -2px;
  top: -4px;
  color: #000;
  background: url(//media.aws.locondo.jp/contents/img/common/icon-favItemAdd.svg) no-repeat;
  background-position: center 5px;
  background-size: 20px auto;
}
.icon-favItemAdd:hover {
  background-image: url(//media.aws.locondo.jp/contents/img/common/icon-favItemAdd-blk.svg);
}

/* モーダル内 */
.modal_favItemAdd {
  margin-top: 30px;
  width: 640px;
  padding: 0;
}
.modal_favItemAdd .modal-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  -ms-display: flex;
  -ms-flex-wrap: wrap;
  -ms-justify-content: space-between;
  -ms-align-items: flex-start;
  padding: 30px;
}
.modal_favItemAdd .modal-inner>.heading {
  width: 100%;
  text-align: left;
}
.modal_favItemAdd .heading h2 {
  margin-bottom: 24px;
  font-size: 18px;
  color: #333;
}
.modal_favItemAdd .heading .note {
  color: #666;
}

/* PCレイアウト */
.modal_favItemAdd .productInfo {}

/* クローズボタン */
/* リセット */
.modal_favItemAdd button,
.modal_favItemAdd_login button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
.modal_favItemAdd_closeBtn.upper {
  display: block;
  position: absolute;
  right: -16px;
  top: -16px;
  width: 46px;
  height: 46px;
  cursor: pointer;
  background: url(//media.aws.locondo.jp/contents/img/pc/btn-modal-close.png);
  background-repeat: no-repeat;
  background-size: 46px;
}
.modal_favItemAdd_closeBtn.bottom {
  margin: 20px auto 30px;
  width: 30%;
  font-size: 15px;
  line-height: 44px;
  color: #999;
  border: 1px solid #999;
  border-radius: 2px;
}
.modal_favItemAdd .productInfo {
  box-sizing: border-box;
  width: 40%;
  text-align: left;
  position: sticky;
  top: -40px;
}
.modal_favItemAdd .productImage {
  display: inline-block;
  margin-bottom: 6px;
  width: 200px;
  height: 200px;
}
.modal_favItemAdd .productColor {
  display: block;
  margin-bottom: .5em;
  width: 180px;
  vertical-align: top;
  font-size: 12px;
  color: #333;
}
.modal_favItemAdd .sizeList {
  margin-bottom: 20px;
  width: 60%;
}
.modal_favItemAdd .item {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  display: -ms-flexbox !important;
  -ms-justify-content: space-between;
  -ms-align-items: center;
  min-height: 40px;
  padding-left: 1em;
  font-size: 13px;
  color: #333;
  border-bottom: 1px solid #f0f0f0;
}
.modal_favItemAdd .item:nth-child(2) {
  border-top: 1px solid #f0f0f0;
}
.modal_favItemAdd .item .wrap {
  max-width: 284px;
}
.modal_favItemAdd .item span {
  display: inline-block;
  align-self: center;
  text-align: left;
  word-wrap: normal;
  word-break: break-all;
}
.modal_favItemAdd .item .wrap.isStock0 {
  opacity: .4;
}
.modal_favItemAdd .item .size:after {
  content: "/";
  padding: 0 .5em;
}

/* アイコン */
/* beforeがチェック afterが未チェック */
.modal_favItemAdd .item .btnFavItem {
  position: relative;
  display: block;
  width: 48px;
  min-height: 40px;
  cursor: pointer;
}
.modal_favItemAdd .item .btnFavItem:before,
.modal_favItemAdd .item .btnFavItem:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  background: url(//media.aws.locondo.jp/contents/img/sp/icon_fav_product.png);
  width: 48px;
  height: 27px;
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: center top;
  overflow: hidden;
}

/* チェック */
.modal_favItemAdd .item .btnFavItem:before {
  background-position: center -27px;
  z-index: -1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: transform .3s cubic-bezier(.215, .61, .355, 1);
  transition: transform .3s cubic-bezier(.215, .61, .355, 1);
}

/* 未チェック */
.modal_favItemAdd .item .btnFavItem:after {
  opacity: 1;
  -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1);
}

/* 押された時のアニメーション */
.modal_favItemAdd .item .btnFavItem.true:before {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.modal_favItemAdd .item .btnFavItem.true:after {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0;
}

/* お気に入り追加 ログイン */
.modal_favItemAdd_login {
  width: calc(100% - 30px);
}

/* ローダー */
.modal_favItemAdd .loaderGif.is-hide {
  display: none;
}

/* ログイン画面へ */
.boxToLogin {
  padding: 24px 0;
  background-color: #f6f6f6;
  border-bottom: 1px solid #eee;
}
.boxToLogin .heading {
  margin-bottom: 1em;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  color: #333;
}
.boxToLogin .heading strong {
  font-weight: 400;
  color: #fa7046;
}
.boxToLogin .note {
  display: inline-block;
  margin: 0 auto 16px;
  line-height: 1.7;
  text-align: left;
  font-size: 11px;
  color: #666;
}
.boxToLogin .btn-login a {
  display: inline-block;
  width: 40%;
  padding: .8em;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  border-radius: 2px;
  background-color: #fa7046;
}

/* おすすめ商品 */
.favoriteSimilarities {
  background: #f8f8f8;
}
.favoriteSimilarities .heading {
  padding: 16px;
  font-size: 13px;
  text-align: center;
}
.list-similarities {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -ms-display: flex;
  -ms-flex-wrap: wrap;
  -ms-justify-content: space-between;
  margin: 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}
.item-similarities {
  width: 101px;
  vertical-align: top;
  padding-bottom: 16px;
  box-sizing: content-box;
}
.item-similarities:nth-child(3n) {
  border-right: none;
}
.item-similarities a {
  font-size: 12px;
  text-decoration: none;
}
.item-similarities img {
  display: block;
  margin-bottom: 8px;
  width: 100%;
  height: auto;
}
.item-similarities p span {
  display: block;
  line-height: 1;
  font-weight: 400;
  letter-spacing: .02em;
}
.item-similarities .brand_name {
  margin-bottom: .5em;
  padding: 0 .5em;
  font-size: 11px;
  color: #666;
  overflow: hidden;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.item-similarities .price {
  font-size: 13px;
  color: #333;
  overflow: hidden;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.item-similarities .price.special_price {
  color: #ed143d;
}

/* 三角 */
.favoriteSimilarities .heading,
.boxToLogin {
  position: relative;
}
.favoriteSimilarities .heading:before,
.boxToLogin:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f0f0f0;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.favoriteSimilarities .heading:after,
.boxToLogin:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f6f6f6;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}

/* フィードバック（登録しました文言） */
.favoriteSimilarities .heading .feedbackTxt {
  margin-bottom: 1em;
  font-size: 15px;
  color: #fa7046;
}
.favoriteSimilarities .heading .feedbackTxt.remove {
  color: #666;
}
/* .favoriteSimilarities .heading .toMypage {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 12px;
  color: #fa7046;
  border-bottom: 1px solid #fa7046;
} */
.favoriteSimilarities .heading .toMypage {
  display: inline-block;
  margin-bottom: 16px;
  padding: .8em 1.2em;
  line-height: 1;
  font-size: 11px;
  color: #fa7046;
  border: 1px solid #fa7046;
  border-radius: 2px;
  text-decoration: none;
}
.favoriteSimilarities .heading .similaritiesHeading {
  padding-top: 16px;
  border-top: 1px solid #fff;
}
.favoriteSimilarities .heading .toMypage:hover {
  text-decoration: none;
  opacity: .7;
  cursor: pointer;
}
.favoriteSimilarities .heading .similaritiesHeading {
  padding-top: 16px;
  font-size: 15px;
  border-top: 2px solid #fff;
}

/* ダブルクリック防止 */
.modal_favItemAdd .btnFavItem.disable {
  pointer-events: none;
}


/*----------------------------------------
  サイズ交換・返品 #64742
----------------------------------------*/
.exchangeReturns {
  clear: both;
  margin: 0 0;
}
.filter_exchangeReturns {
  position: relative;
  margin: 8px 0 0px;
}
.filter_exchangeReturns:first-of-type {
  margin-top: 16px;
}
.exchangeReturns label {
  display: block;
  font-weight: normal;
  padding-left: 28px;
  color: #666;
}
input[type=checkbox]:checked+label {
  color: #2b2b2b;
}
input#isAllConvertReturn[type=checkbox]:checked+label {
  font-weight: bold;
}
.exchangeReturns .checkbox:before {
  margin-top: -6px;
}
.exchangeReturns .checkbox:after {
  margin-top: -10px;
}
.exchangeReturns input[type=checkbox] {
  display: none;
}
.exchangeReturns input[type=checkbox]:checked+.checkbox:hover:before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.exchangeReturns input[type=checkbox]:checked+.checkbox:after {
  background: #2b2b2b;
  border: 1px solid;
}

/* disabled; */
.exchangeReturns input[type=checkbox]:disabled+label {
  color: #ccc;
  cursor: default;
}
.exchangeReturns input[type=checkbox]:disabled+label:before {
  border-right: none;
  border-bottom: 2px solid #fff;
  width: 8px;
  height: 5px;
  left: 5px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.exchangeReturns input[type=checkbox]:disabled+label:after,
.filter_returnsOption.locondo-checkbox input[type=checkbox]:disabled+label:after {
  background: #eee !important;
  border: 1px solid #eee !important;
}

/* disabled+hover */
.exchangeReturns input[type=checkbox]:disabled+label:hover:before {
  border-right: none !important;
  border-bottom: 2px solid #fff;
}
.exchangeReturns input[type=checkbox]:checked:disabled+.checkbox:hover:after,
.filter_returnsOption.locondo-checkbox input[type=checkbox]:checked:disabled+label:after {
  background: #eee;
  border: 1px solid #eee;
}
.filter_returnsOption {
  padding: 0px 8px;
  background: #f5f5f5;
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
}
.filter_returnsOption.locondo-checkbox label:after {
  border-radius: 0;
  background: #e0e0e0;
}
.filter_returnsOption.locondo-checkbox input[type=checkbox]:checked+label:after {
  background: #2b2b2b;
}
.filter_returnsOption.locondo-checkbox label:hover:before {
  border-right: 2px solid #2b2b2b;
  border-bottom: 2px solid #2b2b2b;
}
.filter_returnsOption label {
  font-size: 11px;
  color: #777;
}
.filter_exchangeReturns_btn {
  margin-top: 12px;
  text-align: right;
}
.filter_exchangeReturns_btn input {
  color: #fff;
  background: #666;
  border: none;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.filter_exchangeReturns_btn input:hover {
  opacity: 0.8;
}
#resetExchangeReturns {
  display: none;
}
.filter_returns_btn {
  margin-top: 12px;
  text-align: right;
}
.filter_returns_btn input {
  color: #fff;
  background: #666;
  border: none;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.filter_offRate_btn input:hover,
.filter_returns_btn input:hover {
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: 0.8;
}

/* 割引率 */
.filter_offRate {
  padding: 12px 0 6px;
}
.filter_offRate select {
  width: 100%;
  border: solid 1px #eee;
  color: #282828;
  height: 32px;
}
.filter_offRate_btn {
  margin-top: 12px;
  text-align: right;
}
.filter_offRate_btn input {
  color: #fff;
  background: #666;
  border: none;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* サムネイルサイズ長方形・正方形調整 */
.rectangle_itemList#catalog_list .product-image {
  overflow: hidden;
  height: 196px;
}
.rectangle_itemList#catalog_list .product-image img {
  width: 140%;
  height: auto;
  margin-left: -20%;
}
.rectangle_itemList#catalog_list .product-image img.-square {
  position: relative;
  margin-left: 0;
  width: 100%;
  margin-top: 22%;
  padding-bottom: 17%
}
.square_itemList.rectangle_itemList#catalog_list .product-image img {
  width: 100%;
  height: auto;
  margin-top: 0;
  padding-bottom: 0;
  margin-left: 0;
}
.square_itemList.rectangle_itemList#catalog_list .product-image {
  overflow: hidden;
  height: auto;
}

/* メゾンのカタログは常時長方形 */
.commercialtype3.wrapperUnderGnav .catalogList .product-image {
  height: 196px;
}
.commercialtype3.wrapperUnderGnav .catalogList .product-image img {
  width: 151% !important;
  height: auto !important;
  margin-left: -25%;
}
.commercialtype3.wrapperUnderGnav .rectangle_itemList#catalog_list .product-image img.-square {
  margin: 0 0 0 -20%;
  padding-bottom: 0;
}


/*----------------------------------------
  デパートメント commercialType=3
----------------------------------------*/
.band_department {
  width: 1000px;
  margin: 20px auto;
}
.band_department img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

/*----------------------------------------
  SEO 108032
----------------------------------------*/
#othercategory-list_bottomcatalog{
  padding: 35px 10px 35px;
}
#brandranking-list_bottomcatalog{
  padding: 10px 10px 35px;
}
#categoryFaq-list_bottomcatalog{
  padding: 10px 10px 35px;
}
#othercategory-list_bottomcatalog h2,
#brandranking-list_bottomcatalog h2,
#categoryFaq-list_bottomcatalog h2,
#brand_hotCategory_bottomcatalog h2{
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  border-bottom: none;
}
#othercategory-list_bottomcatalog ul li,
#brandranking-list_bottomcatalog ul li,
#brand_hotCategory_bottomcatalog ul li{
  background-color: #eeeeee;
  margin: 8px 8px 0 0;
  display: inline-block;
  font-size: 13px;
  border-radius: 4px;
}
#categoryFaq-list_bottomcatalog ul li{
  border-top: 1px solid #eee;
}
#othercategory-list_bottomcatalog ul li a,
#brandranking-list_bottomcatalog ul li a,
#brand_hotCategory_bottomcatalog ul li a{
  text-decoration: none;
  display: block;
  padding: 8px 12px;
  color: #555555;
  opacity: 1;
}
#othercategory-list_bottomcatalog ul li a:hover,
#brandranking-list_bottomcatalog ul li a:hover,
#brand_hotCategory_bottomcatalog ul li a:hover{
opacity: .6;
}
#categoryFaq-list_bottomcatalog ul{
  margin-top: 20px;
  line-height: 1.6;
}
#categoryFaq-list_bottomcatalog h4{
  padding: 14px 48px 14px 0;
  color: #fa7042;
  font-size: 14px;
}
#categoryFaq-list_bottomcatalog .toggle_inner{
  color: #666666;
}
#categoryFaq-list_bottomcatalog .toggleinnerText{
  line-height: 1.8;
  padding: 0 0 20px;
  font-size:13px
}
.toggleinnerText a{
  text-decoration: underline;
}
#categoryFaq-list_bottomcatalog .toggle_trg{
  position: relative;
  cursor: pointer;
}
#categoryFaq-list_bottomcatalog .toggle_trg::before{
  content: '';
  display: block;
  width: 12px;
  height: 1px;
  border-radius: 5px;
  background: #999;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.1s;
}
#categoryFaq-list_bottomcatalog .toggle_trg::after{
  content: '';
  display: block;
  width: 12px;
  height: 1px;
  border-radius: 5px;
  background: #999;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.1s;
}
#categoryFaq-list_bottomcatalog .toggle_trg.active::after {
  background: #999;
  transform: translateY(-50%);
}

/*----------------------------------------
  カラーをまとめる #121257
----------------------------------------*/

/* catalog_head内のレイアウト */
.main .catalog_head{
  display:flex;
  align-items:center;
  justify-content:space-between
}
/* (デフォルトのレイアウト)カラーなし,段組なし ※ページング以外左寄せ */
.main .catalog_head .item_number{
  flex-grow:0;
}

/* (オプション)カラーをまとめる */
.catalog_head .item_sort{
  flex-grow:1;
}
.catalog_head .item_sort:has(~ .ByModel_Filter){
  flex-grow:0;
}
.catalog_head .ByModel_Filter{
  display: flex !important;
  flex-grow:1;
}

/* (オプション)段組設定 ※2段になる */
.columnSelect {
  width:100%;
  display:flex !important;
  justify-content:right;
}
.main .catalog_head{
  flex-wrap:wrap;
}

/* カラーでまとめる（トグルUI） */
.catalog_head .ByModel_Filter {
  display:flex;
  flex-direction: row-reverse;
  justify-content:flex-end;
  line-height: 30px;
}
.catalog_head .ByModel_Filter label {
  width: 40px;
  height: 22px;
  box-sizing: border-box;
  background: #ddd;
  border-radius: 100px;
  position: relative;
  top: 4px;
  cursor: pointer;
  transition: .3s ease;
  margin-right: 5px;
}
.catalog_head .ByModel_Filter label:before {
  transition: .3s ease;
  content: '';
  width: 16px;
  height: 16px;
  position: absolute;
  background: white;
  left: 4px;
  top: 3px;
  box-sizing: border-box;
  border-radius: 20px;
}
.catalog_head span.ByModel_FilterLabel {
  cursor: pointer;
}
.catalog_head .ByModel_Filter input[type=checkbox]:checked+.ByModel_FilterLabel+label:before {
  left: 19px;
}
.catalog_head .ByModel_Filter input[type=checkbox]:checked+.ByModel_FilterLabel+label {
  background: #fa7046;
}
.catalog_head .ByModel_Filter .ByModel_FilterLabel {
  color: #747474;
}
.catalog_head .ByModel_Filter input[type=checkbox]:checked+.ByModel_FilterLabel {
  color: #fa7046;
}
/* カラーでまとめる カラーチップ */
.config-colortip_list {
  font-size: 0;
  padding: 0px 0 10px 0;
}
.site_charles .config-colortip_list {
  padding-bottom:12px;
}
li.config-colortip_list_item {
  display: inline-block;
  margin-right: 6px;
  margin-top: 2px;
}
li.config-colortip_list_item span.colortip_color174:before {
  background: #e9e4d1;
}
.config-colortip_list_item span::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  font-size: 6px;
  box-sizing: border-box;
}
li.config-colortip_list_item span.colortip_color185::before {
  background: #000;
}
li.config-colortip_list_item span.colortip_color179::before {
  background: #808082;
}
li.config-colortip_list_item span.colortip_color188:before {
  background: #6f451f;
}
li.config-colortip_list_item span.colortip_color200:before {
  background: #113394;
}
li.config-colortip_list_item span.colortip_color174:before {
  background: #e9e4d1;
}
li.config-colortip_list_item span.colortip_color183:before {
  background: #fff;
  border: 1px solid #ddd;
}
li.config-colortip_list_item span.colortip_color180:before {
  background: #be9d20;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e3d26e 0%, #be9d20 50%, #e3d26e 100%);
  background: -webkit-linear-gradient(top, #e3d26e 0%, #be9d20 50%, #e3d26e 100%);
  background: linear-gradient(to bottom, #e3d26e 0%, #be9d20 50%, #e3d26e 100%);
}
li.config-colortip_list_item span.colortip_color181:before {
  background: #aaa9a9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d9d9d9 0%, #aaa9a9 50%, #d9d9d9 100%);
  background: -webkit-linear-gradient(top, #d9d9d9 0%, #aaa9a9 50%, #d9d9d9 100%);
  background: linear-gradient(to bottom, #d9d9d9 0%, #aaa9a9 50%, #d9d9d9 100%);
}
li.config-colortip_list_item span.colortip_color168:before {
  background: #feabc5;
}
li.config-colortip_list_item span.colortip_color187:before {
  background: #de2e5c;
}
li.config-colortip_list_item span.colortip_color184:before {
  background: #4b98e6;
}
li.config-colortip_list_item span.colortip_color182:before {
  background: #fee00e;
}
li.config-colortip_list_item span.colortip_color186:before {
  background: #66b061;
}
li.config-colortip_list_item span.colortip_color173:before {
  background: #e57e15;
}
li.config-colortip_list_item span.colortip_color175:before {
  background: #946fa5;
}
li.config-colortip_list_item span.colortip_color171:before {
  background: #768135;
}
li.config-colortip_list_item span.colortip_color169:before {
  background: url(https://media.aws.locondo.jp/contents/img/common/colorchip/color169.png) 50% 50%;
  background-size: 25px;
}
li.config-colortip_list_item span.colortip_color170:before {
  background: url(https://media.aws.locondo.jp/contents/img/common/colorchip/color170.png) 50% 50%;
}
li.config-colortip_list_item span.colortip_color201:before {
  background: url(https://media.aws.locondo.jp/contents/img/common/colorchip/color201.png) 75% 50%;
  background-size: 20px;
}
li.config-colortip_list_item span.colortip_color167:before {
  background: url(https://media.aws.locondo.jp/contents/img/common/colorchip/color167.png) 50% 50%;
  background-size: 30px;
}