@charset "UTF-8";

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

.tooltip {
  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;
}

.tooltip::after {
  content: "";
  position: absolute;
  border-width: 8px;
  border-style: solid;
}

.tooltip.top::after {
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border-color: #333 transparent transparent transparent;
}

.tooltip.bottom::after {
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  border-color: transparent transparent #333 transparent;
}

.tooltip.left::after {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-color: transparent transparent transparent #333;
}

.tooltip.right::after {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-color: transparent #333 transparent  transparent;
}

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

.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;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #222;
}

.common_headline1_::before {
  content: none;
}

.common_headline2_ {
  margin: 24px 0;
  padding: 11px 20px;
  border-left: 8px solid #707070;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: #222;
}

/* 共通クラス(その他) */
.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_ {
  color: #333;
  font-weight: bold;
  font-size: 4vw;
}

.exclude_price_ {
  color: #333;
  font-weight: bold;
  font-size: 4vw;
}

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

.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;
}

/* トピック詳細 */
.topic_head_ {
  font-size: 20px;
}

.topic_head_::before {
  content: "";
}

h2.topic_title_ {
  display: flex;
  align-items: center;
}

h2.topic_title_ .new-icon {
  margin-left: 10px;
}

.topiclist_body_ {
  padding: 3.46vw;
  padding-left: 10px;
  padding-right: 10px;
  padding: 10px 0;
}

/* 商品一覧 */
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.goods_name_ {
  margin: 20px 0 10px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  word-break: break-word;
}

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

h1.event_name_ {
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
  font-size: 4.266vw;
  background: transparent;
  margin-top: 10px;
  font-size: 20px;
}

h1.event_name_::before {
  content: none;
}

h1.supplier_name_ {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  background: transparent;
  word-break: break-word;
}

h1.event_title_ {
  font-size: 4.266vw;
  color: #606060;
  position: relative;
  padding-left: 20px;
  font-size: 4.266vw;
  color: #606060;
  position: relative;
  padding-left: 20px;
  background: #f6f6f6;
  font-size: 16px;
  padding: 10px 0 10px 10px;
  position: relative;
  margin: 20px 0 10px;
}

h1.event_title_ a {
  color: #606060;
}

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

/* --------------------------------------------------------------------
  common　ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.navitopicpath_ {
  margin: 2.4vw 0 10px 2.933vw;
  margin-left: 0;
  font-size: 2.66vw;
  line-height: 1.5;
  text-align: left;
  word-break: break-word;
}

.navitopicpath_ a {
  margin: 0 0.5em;
  color: #333;
}

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

.navitopicpath_ li {
  display: inline;
}

.navitopicpath_ li:last-of-type a {
  text-decoration: underline;
}

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

.navipage_.top_ {
  /* ページジャンプ上部 */
  width: 100%;
}

.navipage_.bottom_ {
  /* ページジャンプ下部 */
  margin-top: 5px;
}

.navipage_ .navipage_sum_ {
  margin-bottom: 5px;
  display: block;
  width: 100%;
}

.navipage_ .navipage_frame_ {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  width: 100%;
}

.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: 4px;
}

.navipage_ .navipage_first_ a::before {
  position: absolute;
  top: calc(50% - 3px);
  left: 13px;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid #111;
  border-left: 1.5px solid #111;
  box-sizing: border-box;
  transform: rotate(-45deg);
  content: "";
}

.navipage_ .navipage_first_ a::after {
  position: absolute;
  top: calc(50% - 3px);
  left: 7px;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid #111;
  border-left: 1.5px solid #111;
  box-sizing: border-box;
  transform: rotate(-45deg);
  content: "";
}

.navipage_ .navipage_prev_ a::before {
  position: absolute;
  top: calc(50% - 3px);
  left: 10px;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid #111;
  border-left: 1.5px solid #111;
  box-sizing: border-box;
  transform: rotate(-45deg);
  content: "";
}

.navipage_ .navipage_next_ a::before {
  position: absolute;
  top: calc(50% - 3px);
  right: 10px;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid #111;
  border-right: 1.5px solid #111;
  box-sizing: border-box;
  transform: rotate(45deg);
  content: "";
}

.navipage_ .navipage_last_ a::before {
  position: absolute;
  top: calc(50% - 3px);
  right: 13px;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid #111;
  border-right: 1.5px solid #111;
  box-sizing: border-box;
  transform: rotate(45deg);
  content: "";
}

.navipage_ .navipage_last_ a::after {
  position: absolute;
  top: calc(50% - 3px);
  right: 7px;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid #111;
  border-right: 1.5px solid #111;
  box-sizing: border-box;
  transform: rotate(45deg);
  content: "";
}

.navipage_ a {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
  color: #bbb;
  white-space: nowrap;
  background: #fff;
}

.navipage_now_ {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: #222;
  border: 0;
}

/* 並び替え */
.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;
}

/* --------------------------------------------------------------------
  商品検索
--------------------------------------------------------------------- */
#search_suggest_area_ {
  width: 80%;
}

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

/* --------------------------------------------------------------------
  ジャンル
-------------------------------------------------------------------- */
/* ジャンル一覧 */

ul.GenreStyle_ {
  margin: 0 0 30px;
}

.page-top ul.GenreStyle_ {
  margin-left: 16px;
  margin-right: 16px;
}

ul.GenreStyle_ .genre_list_block_ {
  margin: 0 0 8px;
}

ul.GenreStyle_ .genre_link_,
ul.GenreStyle_ .genre_nolink_ {
  display: flex;
  width: 100%;
  padding: 20px 16px;
  border-radius: 2px;
  font-size: 14px;
  color: #222;
  box-sizing: border-box;
  background: #f5f5f5;
}

ul.GenreStyle_ .img_frame_ {
  width: 100%;
  text-align: center;
}

ul.GenreStyle_ .img_frame_ .img_ {
  margin: 0 0 8px;
  text-align: center;
}

ul.GenreStyle_ .img_frame_ .img_ img {
  width: 100%;
}

ul.GenreStyle_ .img_frame_ .name_ {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

ul.GenreStyle_ .comment_frame_ {
  width: calc(100% - 128px);
  margin-left: 8px;
  flex-shrink: 0;
}

/* --------------------------------------------------------------------
  イベント
-------------------------------------------------------------------- */
/* イベント詳細 */
/* イベント一覧 */
div.event_ {
  margin-bottom: 10px;
}

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

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

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

div.event_ h1.event_title_ a {
  color: #333;
}

.event_ ul.goods_p_ li .block_ {
  position: relative;
}

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

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

/* ---------------------------------------------------
swiper
-----------------------------------------------------*/
.swiper {
  box-shadow: none;
  margin-left: auto;
  margin-right: auto;
}

.swiper img {
  width: 100%;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  display: block;
  width: 15px;
  height: 30px;
  width: 16px;
  opacity: 1;
  top: 46%;
  z-index: 2 !important;
}

.swiper .swiper-button-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;
}

.swiper .swiper-button-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;
}

.swiper--nav-hidden .swiper-button-prev,
.swiper--nav-hidden .swiper-button-next {
  display: none;
}

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

.swiper .swiper-pagination.span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dcdcdc;
  margin: 0 6px;
  display: inline-block;
}

.wrapper_ .swiper .swiper-pagination.span {
  background: #cecece;
}

.swiper {
  box-shadow: inherit;
}

.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;
}

#search_history_area_,
#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;
}

.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;
}