@charset "UTF-8";
@import url("./design.css");

/* === サイト全体の背景色を白に === */
html, body { background-color: #ffffff !important; }

/* === スマホ表示時 商品カード価格見切れ修正 (追加) === */
@media screen and (max-width: 700px) {
  .item_catalog .item .item_data_block { height: auto !important; min-height: 145px !important; overflow: visible !important; }
  .item_catalog .item_pane { height: auto !important; }
  .item_catalog .item_pane > a { height: auto !important; }
  .item_catalog .cartin_item_list { margin-top: 8px !important; }
}
/* === お気に入り/あとで見るアイコンを画像右下に配置 (PC・SP両対応 / 売れ筋ランキング含む) === */
.item_catalog .item .item_data_block,
.related_item_catalog .item .rel_item_data_block {
  position: relative !important;
  overflow: visible !important;
}
.item_catalog .item_pane .bookmark_area,
.related_item_catalog .item_pane .bookmark_area {
  position: absolute !important;
  top: -5px !important;
  right: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 6px !important;
  z-index: 5 !important;
  display: flex !important;
}
.item_catalog .item_pane .bookmark_area > li,
.related_item_catalog .item_pane .bookmark_area > li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media screen and (max-width: 700px) {
  .item_catalog .item .item_data_block,
  .related_item_catalog .item .rel_item_data_block {
    min-height: 115px !important;
  }
}
/* === ページャー: 現在ページと他ページの幅を統一 === */
html body nav.pager ul.pager_number li.selected_page_no,
html body nav.pager ul.pager_number li.non_select_page_no {
  width: 67px !important;
  min-width: 67px !important;
  flex: 0 0 67px !important;
}
html body nav.pager ul.pager_number li.selected_page_no .pager_link_check,
html body nav.pager ul.pager_number li.selected_page_no span.pager_link_number,
html body nav.pager ul.pager_number li.non_select_page_no .pager_link_number {
  width: 63px !important;
  min-width: 63px !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  text-align: center !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
}
/* === ページャー: 「前のページ」「次のページ」を1行表示にする === */
html body nav.pager .pager_prerious,
html body nav.pager .pager_next {
  width: auto !important;
  min-width: auto !important;
}
html body nav.pager .pager_link_prerious,
html body nav.pager .pager_link_next {
  white-space: nowrap !important;
  word-break: keep-all !important;
}