@charset "UTF-8";

/* ----ツールチップ---- */

.balloontip {
  min-width: 20px;
  padding: 10px;
  border-radius: 6px;
  opacity: 1;
  z-index: 32767;
  text-align: left;
  font-size: 12px;
  border: 1px solid rgb(119, 119, 119);
  box-shadow: rgb(85, 85, 85) 4px 4px 4px;
  color: rgb(255, 255, 255);
  background: #333;
}

/* フロート */
.leftfloat_ {
  float: left;
}

.rightfloat_ {
  float: right;
  display: inline;
}

img.leftfloat_ {
  margin: 0 10px 10px 0;
}

img.rightfloat_ {
  margin: 0 0 10px 10px;
}

/* 文字サイズ */
.xlarge_ {
  font-size: 144%;
}

.small_ {
  font-size: 80%;
}

.xsmall_ {
  font-size: 64%;
}

/* ----clearfix---- */
.clearfix_:before,
.clearfix_:after {
  content: "";
  display: table;
}

.clearfix_:after {
  clear: both;
}

.clearfix_ {
  zoom: 1;
}

/* 特定メッセージ（ブロック） */
div.block_message_ {
  font-size: 14px;
  background-color: #fff;
  border: solid 1px #666;
  padding: 4px;
  margin: 4px 0;
}

div.error_,
table.error_ {
  background-color: #fff;
  border: solid 1px #e61d50;
  padding: 4px;
  margin: 4px 0;
}

div.notice_,
table.notice_ {
  background-color: #fff;
  border: solid 1px #966;
  padding: 4px;
  margin: 4px 0;
}

div.info_,
table.info_ {
  background-color: #fff;
  border: solid 1px #666;
  padding: 4px;
  margin: 4px 10px;
}

ul.error_ {
  margin-left: 16px;
}

.common_headline1_ {
  margin: 28px 0 18px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.common_headline2_ {
  margin: 24px 0 12px;
  padding: 0 15px;
  border-left: 8px solid var(--themeColor);
  font-size: 16px;
  font-weight: bold;
}

/* 共通クラス(その他) */
.disp_none_ {
  display: none;
}

.hidden_ {
  visibility: hidden;
  clear: both;
}

.nocell_ {
  border: none !important;
  background-color: transparent !important;
}

.hiddenEnter_ {
  width: 0;
  height: 0;
}

/* 価格表示 */
.price_pop_ {
  color: #e61d50;
  font-size: 80%;
  display: none;
}

.price_ {
  font-weight: bold;
}

.exclude_price_ {
  font-weight: bold;
}

div.g_price_>span.small_ {
  font-size: 100%;
}

.g_price_ {
  position: relative;
}

.g_price_::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #676767;
  border-right: solid 2px #676767;
  top: -25%;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  right: 6.133vw;
  content: none;
}

/* --------------------------------------------------------------------
  トップページ
-------------------------------------------------------------------- */
div.flash_ctrl_ {
  white-space: nowrap;
  text-align: right;
  float: right;
}

div.search_ {
  white-space: nowrap;
}

.category_list_title_ {
  position: relative;
  margin: 10px 16px 13px;
  padding: 0 0 0 13px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #333;
}

.category_list_title_::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 5px;
  height: calc(100% - 10px);
  background: #707070;
  content: "";
}

.genre_list_title_ {
  position: relative;
  margin: 10px 16px 13px;
  padding: 0 0 0 13px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #333;
}

.genre_list_title_::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 5px;
  height: calc(100% - 10px);
  background: #707070;
  content: "";
}

.catalog_list_title_ {
  background: #676767;
  color: #fff;
  font-size: 4.266vw;
  font-weight: 300;
  text-align: center;
  padding: 3.2vw 0;
  margin-top: 20px;
}

.maker_list_title_ {
  position: relative;
  margin: 10px 0 13px;
  padding: 0 0 0 13px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #333;
}

.maker_list_title_::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 5px;
  height: calc(100% - 10px);
  background: #707070;
  content: "";
}

.maker_list_title_ a {
  color: #333;
}

/* 商品一覧 */
table.approval_ {
  text-align: left;
  margin-bottom: 10px;
  font-size: 12px;
}

table.approval_ {
  border: 1px solid #ccc;
}

table.approval_ td {
  padding: 3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

table.approval_ .goods_ {
  width: 20%;
}

table.approval_ .qty_ {
  width: 16%;
  text-align: right;
}

table.approval_ .amt_ {
  width: 20%;
  text-align: right;
}

table.approval_ .money_ {
  width: 20%;
  text-align: right;
}

table.approval_ th {
  text-align: left;
  white-space: nowrap;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #e5f3ff;
  padding: 3px;
}

div.block_ .qty_ input[type="text"] {
  width: 3em;
  padding: 2px 1px;
  width: 46px;
  margin: 3px;
  text-align: right;
}

.top_comment_ {
  margin-bottom: 12px;
}

div.supplier_event_ .top_comment_ {
  margin-top: 10px;
}

.top_comment_ p {
  margin-bottom: 17px;
  word-break: break-word;
}

.comment_middle_ {
  word-break: break-all;
}

/* --------------------------------------------------------------------
  common　ヘッドライン
-------------------------------------------------------------------- */
h1.supplier_name_ {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  background: transparent;
  word-break: break-word;
}

h1.maker_name_ {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

/* --------------------------------------------------------------------
  common　ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.navitopicpath_ {
  margin: 10px 0;
  font-size: 10px;
  text-align: left;
}

.navitopicpath_ li {
  display: inline;
}

.navitopicpath_ a {
  margin: 0 5px;
  font-size: 10px;
}

.navitopicpath_ a.topicpath_home_{
  margin-left: 0;
  color: var(--themeColor);
}

.navitopicpath_ li:not(:last-child) a,
.navitopicpath_ > a:not(:last-child) {
  color: var(--themeColor);
}

.navitopicpath_ li:last-child a,
.navitopicpath_ > a:last-child:not(.topicpath_home_) {
  pointer-events: none;
}

.navitopicpath_ span.current_ {
  margin: 0 0.5em;
}

/* FO 20260403 #88 ジャンル用 */
.navitopicpath_ ul.topicpath_genre_ li:last-child a {
  pointer-events: auto;
}
.navitopicpath_ ul.topicpath_genre_ li:last-child a {
  color: var(--themeColor);
}
.navitopicpath_ ul.topicpath_genre_ li:last-child a:hover {
  color: var(--accentColor);
}

/* ページジャンプ */
.navipage_ {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.navipage_.top_ {
  margin: 24px 0;
}

.navipage_.bottom_:has(.navipage_frame_) {
  margin: 40px 0;
}

.navipage_.bottom_ .navipage_sum_,
.navipage_.top_ .navipage_frame_ {
  display: none;
}

/* FO 20260313 */
.navipage_.bottom_ {
  min-height: 20px;
}

.navipage_ .navipage_sum_ {
  font-weight: 400;
}

.navipage_ .navipage_sum_ span {
  margin: 0 4px 0 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
}

.navipage_ .navipage_frame_ {
  display: flex;
  align-items: center;
  gap: 8px;
}

.navipage_now_,
.navipage_ a,
.navipage_hellip_ {
  display: block;
  width: 40px;
  height: 48px;
  font-size: 20px;
  line-height: 48px;
  text-align: center;
  color: var(--themeColor);
  background: #fff;
  border: 1px solid var(--borderColor);
  border-radius: 4px;
}

.navipage_now_ {
  color: #fff;
  background: var(--borderColor);
}

.navipage_hellip_ {
  color: var(--textColor);
  border: none;
}

.navipage_ .navipage_first_,
.navipage_ .navipage_last_ {
  display: none;
}

.navipage_ .navipage_first_ a,
.navipage_ .navipage_prev_ a,
.navipage_ .navipage_next_ a,
.navipage_ .navipage_last_ a {
  position: relative;
  font-size: 0;
}

.navipage_ .navipage_reverse_,
.navipage_ .navipage_forward_ {
  display: flex;
  align-items: center;
  gap: 8px;
}

.navipage_ .navipage_first_,
.navipage_ .navipage_prev_ {
  transform: scale(-1, 1);
}

.navipage_ .navipage_first_ a::before,
.navipage_ .navipage_first_ a::after,
.navipage_ .navipage_prev_ a::before,
.navipage_ .navipage_next_ a::before,
.navipage_ .navipage_last_ a::before,
.navipage_ .navipage_last_ a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11px;
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 1px solid var(--themeColor);
  border-right: 1px solid var(--themeColor);
  transform: rotate(45deg);
}

.navipage_ .navipage_first_ a::before,
.navipage_ .navipage_last_ a::before {
  left: 15px;
}

.navipage_ .navipage_first_ a::after,
.navipage_ .navipage_last_ a::after {
  left: 7px;
}

.navipage_ .navipage_reverse_:has(+.navipage_now_) a,
.navipage_ .navipage_now_+.navipage_forward_ a {
  opacity: 0.32;
  pointer-events: none;
}

.navipage_ .navipage_reverse_:has(+.navipage_now_) a::before,
.navipage_ .navipage_reverse_:has(+.navipage_now_) a::after,
.navipage_ .navipage_now_+.navipage_forward_ a::before,
.navipage_ .navipage_now_+.navipage_forward_ a::after {
  border-color: var(--textColor);
}

/* 並び替え */
.navisort_ {
  margin: 2px 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.navisort_ dt {
  width: 70px;
  text-align: right;
  font-weight: normal;
  font-size: 13px;
}

.navisort_ dd {
  width: calc(100% - 70px);
  font-size: 13px;
}

.navisort_now_ {
  color: #c00;
  text-decoration: none;
  margin: 2px 5px;
  white-space: nowrap;
  font-weight: bold;
}

.navisort_ a {
  margin: 2px 5px;
  white-space: nowrap;
}

/* 表示切替 */
.navistyle_ {
  margin: 2px 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.goods_filter_ .navistyle_ {
  text-align: left;
}

.navistyle_ dt {
  width: 70px;
  text-align: right;
  font-weight: normal;
  font-size: 13px;
}

.navistyle_ dd {
  width: calc(100% - 70px);
  font-size: 13px;
}

.navistyle_#goods_class_filter_ dd {
  display: flex;
  flex-wrap: wrap;
}

.navistyle_now_ {
  color: #c00;
  text-decoration: none;
  margin: 2px 5px;
  white-space: nowrap;
  font-weight: bold;
}

.navistyle_ a {
  margin: 2px 5px;
  white-space: nowrap;
}

/* ブランド絞込 */
.brand_name_ {
  width: 100%;
  overflow: hidden;
}

.brand_name_now_ {
  color: #c30;
  text-decoration: none;
  margin: 2px 5px;
  white-space: nowrap;
  font-weight: bold;
}

.brand_name_ a {
  margin: 2px 5px;
  white-space: nowrap;
}

/* メーカー絞込 */
.maker_name_ {
  width: 100%;
  overflow: hidden;
}

.maker_name_now_ {
  color: #c30;
  text-decoration: none;
  margin: 2px 2px 2px 2px;
  white-space: nowrap;
  font-weight: bold;
}

.maker_name_ a {
  margin: 2px 2px 2px 2px;
}

/* 商品分類絞込 */
#goods_class_filter_ {
  padding-top: 3px;
  text-align: left;
}

#goods_class_filter_ .class_filter_ {
  margin-left: 4px;
  margin-bottom: 5px;
}

#goods_class_filter_ .class_filter_ select {
  padding: 8px 0;
  font-size: 13px;
}

#goods_class_filter_ .class_filter_ .selected_ {
  background-color: #fef;
}

/* --------------------------------------------------------------------
  Ajax　Zip
-------------------------------------------------------------------- */
#suggestZipArea {
  background-color: #fff;
  border: 1px solid #999;
  display: none;
  padding: 2px 0;
  font-size: 12px;
  position: absolute;
  z-index: 9999;
}

#suggestZipArea .itemNotFound {
  padding: 0 4px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #999;
  font-style: italic;
}

#suggestZipArea .itemLine {
  padding: 0 4px;
  height: 20px;
  line-height: 20px;
  list-style: none;
  white-space: nowrap;
  color: #000;
  font-size: 12px;
}

#suggestZipArea .selected {
  background-color: #fdd;
  color: #c00000;
}

#suggestZipArea .itemLine .itemCode {
  float: left;
  font-weight: bold;
  margin-right: 4px;
  font-size: 11px;
}

/* --------------------------------------------------------------------
  商品検索
--------------------------------------------------------------------- */
.comment_middle_ {
  word-break: break-all;
}

/* --------------------------------------------------------------------
  イベント
-------------------------------------------------------------------- */
.event_ {
  display: flex;
  flex-wrap: wrap;
  gap: 0 15px;
}

.page-top .event_ {
  padding: 0 16px;
}

.event_ .event_wrap_ {
  width: 100%;
}

.event_ .event_wrap_:has(.event_banner_) {
  width: calc((100% - 15px)/2);
}

.event_ .event_title_ {
  width: 100%;
  margin: 40px 0 30px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
}

.event_ .event_banner_title_ {
  margin: 8px 0 15px;
  font-size: 14px;
  line-height: 1.428;
  text-align: center;
}

.event_ .goods_filter_ {
  display: none;
}

/* --------------------------------------------------------------------
  カタログ
-------------------------------------------------------------------- */
/* カタログメニューリスト */

div.CatalogStyle_ {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5.333vw;
  font-size: 3.466vw;
}

div.CatalogStyle_ div.name_ {
  margin: 0;
  padding: 2px 10px 2px 0;
  line-height: 28px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #000;
  font-weight: bold;
  background-color: #fff;
}

div.CatalogStyle_ .img_ {
  float: left;
  left: 0;
  top: 0;
  margin: 0;
  margin-right: 2px;
  width: 30px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #4cae8d;
  position: absolute;
  top: 50%;
  left: 86.66vw;
}

div.CatalogStyle_ div.catalog_list_block_>div.link_ {
  position: relative;
  padding: 4.267vw 0 4.267vw 20px;
  border-right: none;
  border-left: none;
}

/* カタログ索引画像・商品画像登録画面 */
.catalog-img-title,
.goods-img-title {
  border: 1px solid #ccc;
  background-color: #eef8f5;
  padding: 8px 8px 6px;
}

.catalog-img-content,
.goods-img-content {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 8px 8px 6px;
  margin-bottom: 10px;
}

.catalog-sub-title,
.goods-img-sub-title {
  font-weight: bold;
  margin-bottom: 5px;
}

.goods-img-sub-title+div+div {
  margin-top: 5px;
}

.catalog-size-wrapper,
.goods-size-wrapper {
  display: flex;
  margin-bottom: 5px;
}

.catalog-img-result,
.goods-img-result {
  margin: 10px 0;
}

/* --------------------------------------------------------------------
  購入履歴詳細画面
-------------------------------------------------------------------- */
/* キャンセルダイアログ */
#gmobillpayment_dialog {
  text-align: center;
}

#gmobillpayment_dialog_msg {
  margin-top: 10px;
}

/* 注文拡張情報 */
dl.salesappend_ dd span {
  display: block;
}

dl.salesappend_ dt {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.method_box_ div.method_box_content_ dl.salesappend_ dd.salesappend_textbox input {
  margin-top: 0;
}

dl.salesappend_ dd.salesappend_radio input,
dl.salesappend_ dd.salesappend_checkbox input {
  display: block;
  float: left;
  clear: left;
  margin-top: 0;
  margin-bottom: 5px;
}

dl.salesappend_ dd.salesappend_radio label,
dl.salesappend_ dd.salesappend_checkbox label {
  display: block;
  clear: none;
  margin-bottom: 5px;
  margin-left: 20px;
}

/* ---------------------------------------------------
bx-slider
-----------------------------------------------------*/

div.bx-viewport * {
  max-width: initial;
}

.bx-wrapper {
  box-shadow: none;
  margin-left: auto;
  margin-right: auto;
}

.bx-wrapper img {
  width: 100%;
}

.bx-wrapper .bx-controls-direction a {
  background: inherit;
  display: block;
  width: 15px;
  height: 30px;
  width: 16px;
  opacity: 1;
  top: 46%;
  z-index: 2 !important;
}

.bx-wrapper .bx-controls-direction a.bx-next::after {
  content: "";
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-top: solid 1px #707070;
  border-right: solid 1px #707070;
  transform: rotate(45deg);
  position: absolute;
  right: 6px;
  top: 52%;
  z-index: 2 !important;
}

.bx-wrapper .bx-controls-direction a.bx-prev::after {
  content: "";
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-top: solid 1px #707070;
  border-right: solid 1px #707070;
  transform: rotate(225deg);
  position: absolute;
  right: 2px;
  top: 51%;
  z-index: 2 !important;
}

.bx-wrapper .bx-pager {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 5;
  padding: 0;
  bottom: -8px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dcdcdc;
  margin: 0 6px;
  display: inline-block;
}

.wrapper_ .bx-wrapper .bx-pager.bx-default-pager a:hover,
.wrapper_ .bx-wrapper .bx-pager.bx-default-pager a.active,
.wrapper_ .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #707070;
}

.wrapper_ .bx-wrapper .bx-pager.bx-default-pager a {
  background: #cecece;
}

.bx-wrapper {
  box-shadow: inherit;
}

#gallery .bx-viewport .bx-wrapper {
  height: 60px;
  width: 100%;
}

/* --------------------------------------------------------------------
  search
--------------------------------------------------------------------- */
.search-history-content {
  display: flex;
  width: 100%;
  padding: 4px 0;
}

.search-history-item {
  display: block;
  padding-left: 5px;
  margin-right: auto;
  width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-history-delete {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0 10px;
  appearance: none;
  float: right;
}
/* FO 20260313 */
#search_history_area_ {
  position: absolute;
  display: block;
  z-index: 990;
  width: 92% !important;
  top: 110px !important;
  max-height: 60vh;
  text-align: left;
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 5px;
  overflow-y: auto;
  margin: 15px;
}
#search_suggest_area_ {
  position: absolute;
  display: block;
  z-index: 990;
  width: 80%;
  max-height: 60vh;
  text-align: left;
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 5px;
  overflow-y: auto;
}

#search_history_area_ a,
#search_suggest_area_ a {
  text-decoration: none;
}

.suggest_keyword_ {
  padding: 2px;
  word-break: break-all;
}

.suggest_keyword_entry_ {
  display: block;
  color: #000;
  text-decoration: none;
}

.suggest_goods_container_ {
  padding: 15px 5px;
}

.suggest_goods_ {
  width: 100%;
  min-height: 60px;
  clear: both;
  display: flex;
}

.suggest-goods-info-wrapper {
  margin-left: 10px;
  word-break: break-all;
  width: inherit;
  white-space: normal;
}

.suggest_goods_img_ {
  display: inline-block;
  width: 60px;
  flex-shrink: 0;
}

.suggest_goods_img_ img {
  width: 60px;
  height: 60px;
}

.suggest_keyword_:focus,
.suggest_keyword_:focus-visible,
.suggest_goods_container_:focus,
.suggest_goods_container_:focus-visible,
.search-history-content:hover,
.suggest_keyword_:hover,
.suggest_goods_container_:hover {
  background-color: #dedede;
  cursor: pointer;
  cursor: hand;
  outline: none;
}

.suggest_goods_cart_ {
  display: flex;
  justify-content: end;
  margin: 10px;
}

.suggest_goods_cart_ .qty_ {
  margin-right: 10px;
  align-content: center;
}

.suggest_goods_cart_ .qty_ input[type="number"] {
  padding: 2px 1px;
  width: 46px;
  margin: 3px;
  text-align: right;
}

.suggest_goods_detail_ {
  padding-right: 10px;
  float: right;
}

.block-search-suggest {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  max-height: 60vh;
  text-align: left;
  background-color: #fff;
  border-top: 1px solid var(--borderColor);
  overflow-y: auto;
  z-index: 99;
}

.block-search-suggest a:hover {
  color: inherit;
  background: #F7F7F7;
}

.block-search-suggest--keyword:not(:first-child),
.block-search-suggest--goods:not(:first-child),
.block-search-suggest:has(.block-search-suggest--keyword) .block-search-suggest--goods:first-child {
  border-top: 1px solid var(--borderColor);
}

.block-search-suggest--keyword a {
  display: block;
  padding: 14px 16px;
  font-size: 16px;
}

.block-search-suggest--goods a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
}

.block-search-suggest--goods-img {
  width: 48px;
}

.block-search-suggest--goods-detail {
  flex: 1;
}

.block-search-suggest--goods-number {
  font-weight: bold;
  font-size: 16px;
  color: var(--themeColor);
}

.block-search-suggest--goods-name {
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sg_detail_button_ {
  color: #333 !important;
  background-color: #ccc;
  padding: 10px 0 10px 0;
  font-size: 13px;
  position: relative;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  border: 0;
  width: 80px;
  height: 20px;
}

.cart_sg_button_ {
  color: #fff !important;
  background-color: #577cc6;
  padding: 10px 0 10px 10px;
  font-size: 12px;
  position: relative;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  border: 0;
  width: 135px;
  height: 20px;
}

.cart_sg_button_::before {
  content: "";
  position: absolute;
  left: 10px;
  top: calc(50% - 8px);
  background-image: url(../../img/usr/btn_cart.png);
  width: 16px;
  height: 16px;
}

/* --------------------------------------------------------------------
  メーカー一覧（トップページ）
--------------------------------------------------------------------- */
div.maker_list_ {
  padding: 20px 16px 32px;
  background: #f5f5f5;
}

.top_maker_list_ {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 7px;
}

.top_maker_item_ {
  width: calc(50% - 3.5px);
  background: #fff;
}

.top_maker_item_ div.img_ {
  width: 100%;
  height: 100%;
}

.top_maker_item_ div.img_ a {
  display: block;
  padding: 4px 34px;
  height: 8vh;
}

.top_maker_item_ div.img_ img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  object-fit: scale-down;
}

/* --------------------------------------------------------------------
  最近見た商品（トップページ）
--------------------------------------------------------------------- */

div#block_of_history h2.ttl_history_ {
  position: relative;
  margin: 10px 0 13px;
  padding: 0 0 0 13px;
  font-size: 20px;
  color: #333;
  overflow: hidden;
  background: none;
}

h2.ttl_history_::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 5px;
  height: calc(100% - 10px);
  background: #707070;
  content: "";
}

.page-top div#block_of_history {
  padding-left: 16px;
  padding-right: 16px;
}

/* --------------------------------------------------------------------
  GA4 goodslist
--------------------------------------------------------------------- */
.ec-ga-js-cart-goodslist,
.ec-ga-suggest-goodslist,
.ec-ga-goodslist {
  display: none;
}