@charset "UTF-8";
/*////////////////////////////////////////////////////////////////////////////

#24643: 商品一覧画面　2カラム化対応実装

///////////////////////////////////////////////////////////////////////////*/
.-is-onecolumn-pise ul#search_crumbs {
  margin: 2px 113px 9px -8px;
}
.-is-onecolumn-pise #contents_wide {
  width: 800px;
  padding-right: 0;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* /public/css/item/search/modal-item.cssに移動 */
.-is-onecolumn-pise .modal-item-summary .direction .prev,
.-is-onecolumn-pise .modal-item-summary .direction .next {
  top: 0;
  bottom: 0;
  margin: auto 0;
}

/*==================================================================
  表示切替
==================================================================*/
.-is-onecolumn-pise #switch_display_list .switch_appearance .title {
  margin-right: 11px;
  font-size: 14px;
}

.-is-onecolumn-pise #pager_unit_top .search_result,
.-is-onecolumn-pise #pager_unit_bottom .search_result {
  font-size: 14px;
}

.-is-onecolumn-pise #switch_display_list .switch_count {
  width: auto;
}

.-is-onecolumn-pise #switch_display_list .switch_count .title {
  margin-right: 15px;
  font-size: 14px;
}

.-is-onecolumn-pise #switch_display_list .switch_order {
  left: 171px;
  width: auto;
}

.-is-onecolumn-pise #switch_display_list .switch_order .title {
  margin-right: 15px;
  font-size: 14px;
}

.-is-onecolumn-pise #switch_display_list .switch_appearance a {
  display: block;
  width: 41px;
  height: 32px;
  padding-left: 34px;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 32px;
  text-decoration: none;
}

/* 詳細一覧ボタン
-----------------------------------*/
.-is-onecolumn-pise #switch_display_list .switch_appearance .list a {
  border-right: none;
  border-radius: 3px 0 0 3px;
  background: url(/public/img/item/search/icon_hamburger_large-silver.svg) 15px center no-repeat;
}

/* 画像一覧ボタン
-----------------------------------*/
.-is-onecolumn-pise #switch_display_list .switch_appearance .image a {
  width: 44px;
  padding-left: 31px;
  border-left: none;
  border-radius: 0 3px 3px 0;
  background: url(/public/img/item/search/icon_bento-silver.svg) 13px center no-repeat;
}

/* 選択済みボタン
-----------------------------------*/
.-is-onecolumn-pise #switch_display_list .switch_appearance a.selected {
  border: 1px solid #2072e6;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2) inset;
  background-color: #2072e6;
  color: #fff;
  font-weight: normal;
}

.-is-onecolumn-pise #switch_display_list .switch_appearance .list a.selected {
  background-image: url(/public/img/item/search/icon_hamburger_large-white.svg);
}

.-is-onecolumn-pise #switch_display_list .switch_appearance .image a.selected {
  background-image: url(/public/img/item/search/icon_bento-white.svg);
}

/*==================================================================
  関連カテゴリ
==================================================================*/
.-is-onecolumn-pise #advanced_search.filtered_search .filter,
.-is-onecolumn-pise #advanced_search.filtered_search h3.filter,
.-is-onecolumn-pise #advanced_search.filtered_search .condition {
  display: none;
}
.-is-onecolumn-pise .relational_category_ttl,
.-is-onecolumn-pise #relational_category h3 {
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: bold;
}
.-is-onecolumn-pise #relational_category ul.by_maker {
  padding-left: 30px;
}
.-is-onecolumn-pise #relational_category ul.by_maker li {
  --margin-right: 33px;
  margin-right: var(--margin-right);
}
.-is-onecolumn-pise #relational_category ul.by_maker li.last-child {
  margin-right: var(--margin-right);
}
.-is-onecolumn-pise #relational_category ul.by_maker li:nth-of-type(3n) {
  margin-right: var(--margin-right);
}
.-is-onecolumn-pise #relational_category ul.by_maker li:nth-of-type(4n) {
  margin-right: 0;
}

/*==================================================================
  詳細表示
==================================================================*/
.pise-item {
  margin-bottom: 39px;
}
.pise-item * {
  box-sizing: border-box;
}
.pise-item img {
  vertical-align: middle;
}
.pise-item-head {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
}
.pise-item-head-btns {
  display: flex;
  margin-left: auto;
}
.pise-item-head a:has(.pise-item_logo) {
  flex-shrink: 0;
}
.pise-item_logo {
  margin-right: 10px;
}
.pise-item_name {
  position: relative;
  max-width: 520px;
  top: 2px;
  padding-right: 10px;
}
.pise-item_name a {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
}
.pise-item_enlarge {
  margin-right: 5px;
}

/* 画像拡大
--------------------------------*/
.expansion {
	padding-left: 30px;
	background: url("/public/img/global/main/wishlist/icon_expansion.png") 10px center no-repeat;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	height: 28px;
  padding-right: 10px;
	font-size: 12px;
	line-height: 28px;
}
.pise-item-head-btns a {
  color: #333;
  text-decoration: none;
}
/* 登録ボタン
------------------------------------------------------------------------*/
.bt_wishlist_register {
	padding-left: 30px;
	background: url("/public/img/global/main/wishlist/ico_heart_register.png") 10px center no-repeat;
	border: 1px solid #ff6c2b;
	border-radius: 4px;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.07);
	cursor: pointer;
}
.bt_wishlist_register .txt {
	height: 26px;
  padding-right: 10px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #ff6c2b;
	line-height: 26px;
}
/* 登録済み
--------------------------------*/
.bt_wishlist_registered {
	box-shadow: none;
	padding-left: 30px;
	background: url("/public/img/global/main/wishlist/ico_heart_registered.png") 10px center no-repeat #ff6c2b;
	border: 1px solid #ff6c2b;
}
.bt_wishlist_registered .txt {
	height: 26px;
  padding-right: 10px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 26px;
}

.pise-card .bt_wishlist_register .txt {
  display: none;
}

.pise-item-body {
  display: flex;
  justify-content: space-between;
}
.pise-item-base {
  flex-shrink: 0;
  width: 280px;
}
.pise-item-img {
  position: relative;
}
.pise-item-img_pic {
  width: 100%;
  height: auto;
}
.pise-item-img_off {
  position: absolute;
  right: -4px;
  bottom: 2px;
  width: 64px;
  height: 45px;
}
.pise-item-img span {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  width: 52px;
  height: 45px;
  overflow: hidden;
  text-indent: -9000px;
}
.pise-item-ex-price {
  position: relative;
  margin: 4px 0 10px;
}
.pise-item-ex-price::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 22px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom: 12px solid #e41c1c;
  border-top: none;
}
.pise-item-ex-price_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  background-color: #e41c1c;
  font-size: 13px;
  color: #fff;
  text-align: center;
}
.pise-item-ex-price-body {
  border: 1px solid #ccc;
  border-width: 0 1px 1px;
  background: #fff;
}
.pise-item-ex-price-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.pise-item-ex-price_type {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 5px;
  border: 1px solid #ffc6c6;
  border-radius: 3px;
  background-color: #fff4f4;
  color: #f00;
  font-size: 14px;
  font-weight: bold;
}
.pise-item-ex-price_txt {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #f00;
  word-break: break-all;
}
.pise-item-ex-price_yen, .pise-item-ex-price_range {
  font-size: 14px;
  font-weight: bold;
}
.pise-item-ex-price_off {
  margin-top: 10px;
}
.pise-item-detail {
  width: 480px;
}
.pise-item-detail-head {
  display: flex;
}
.pise-item_voice {
  position: relative;
  width: 150px;
  height: 45px;
  margin-left: auto;
  border: #ccc 1px solid;
  border-radius: 4px;
}
.pise-item_voice a {
  color: #333;
  text-decoration: none;
}
.pise-item_count-num {
  position: absolute;
  right: 80px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
}
.pise-item_count-bg {
  background: none;
}
.pise-item_example {
  padding-top: 2px;
  background-color: #f4f4f4;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  border-radius: 4px 4px 0 0;
}
.pise-item_subject {
  padding: 5px 18px 0 0;
  float: right;
}

/*==================================================================
    スペック表
==================================================================*/
.pise-item .item_spec {
  width: 100%;
  margin-top: 22px;
  border-collapse: collapse;
  border: 1px solid #ccc;
  font-size: 12px;
}
.pise-item .item_spec th, .pise-item .item_spec td {
  padding: 8px 0 7px;
  line-height: 1.2;
}
.pise-item .item_spec th {
  width: 8em;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ddd;
  background-color: #fafafa;
  text-align: center;
  font-weight: normal;
}
.pise-item .item_spec td {
  padding-left: 7px;
  padding-right: 8px;
  border-bottom: 1px solid #ccc;
  line-height: 1.4;
  text-align: justify;
  text-justify: inter-ideograph;
}
.pise-item .item_spec td.multi_line { /* 複数行にまたがる */
  text-align: left;
  word-break: break-all;
}
.pise-item .item_spec tr.item-price th {
  font-size: 10px;
}
.pise-item .item_spec td span.range, .pise-item .item_spec td span.yen { /* メーカー価格 */
  margin: 0 3px 0 1px;
  font-size: 10px;
}
.pise-item .item_spec .color li {
  float: left;
  margin-right: 5px;
}
.pise-item .item_spec .color li .color_img { /* カラー画像DIVボックス */
  position: relative;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border: 1px solid #eee;
  cursor: pointer;
}
.pise-item .item_spec .color li .color_img:hover { /* hover */
  border: 1px dotted #aaa;
  overflow: visible;
}
.pise-item .item_spec .color li .color_img img { /* カラー画像 */
  position: absolute;
  top: -20px;
  left: -25px;
}
.pise-item .item_spec .color li .color_img:hover img { /* hover */
  z-index: 999;
  top: -90px !important;
  left: -22px !important;
  border: 2px solid #fff;
  border-radius: 2px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.pise-item.mp .item_spec .color li .color_img img { /* 門扉のカラー画像 */
  top: -6px;
  left: -6px;
  width: 30px;
  height: 45px;
}
.pise-item.mp .item_spec .color li .color_img:hover img { /* 門扉hover */
  width: 60px;
  height: 90px;
}
.pise-item.rd .item_spec .color li .color_img { /* 玄関ドアカラー画像DIVボックス */
  cursor: auto;
}
.pise-item.rd .item_spec .color li .color_img:hover { /* 玄関ドアhover */
  border: 1px solid #eee;
  overflow: hidden;
}
.pise-item.rd .item_spec .color li .color_img img { /* 玄関ドアのカラー画像 */
  top: -5px;
}
.pise-item.rd .item_spec .color li .color_img:hover img { /* 玄関ドアhover画像 */
  top: -5px !important;
}
.pise-item.mo .item_spec .color li .color_img img { /* 物置のカラー画像 */
  top: -37px;
  left: -20px;
}
.pise-item.mo .item_spec tbody tr th span.size_cmt { /* 物置のサイズ表示*/
  display: block;
  margin-top: 3px;
  font-size: 11px;
}
.pise-item.sh .item_spec .color li .color_img img { /* ガレージシャッターのカラー画像 */
  left: -19px;
}
.pise-item .item_spec td a.area {
  color: #00f;
  font-weight: bold;
}
.pise-item_desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.7142857143;
}

/*==================================================================
  ボタン
==================================================================*/
.pise-item .btn_area {
  margin-top: 20px;
  text-align: center;
}
.pise-item .product_btn_area {
  margin-top: 15px;
  padding: 9px 0 7px;
  border-radius: 5px;
  background-color: #f8f0d7;
}
.pise-item .product_btn_area .product_button {
  display: block;
  width: 459px;
  height: 53px;
  margin: 0 auto;
  background: url(/public/img/item/search/btn_estimate.png?2023092000) no-repeat left top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.pise-item .product_btn_area .product_button {
  transition: all 0.2s ease-in 0s;
}
.pise-item .product_btn_area .product_button:hover {
  opacity: 0.8;
}
.pise-item .product_btn_area .link {
  margin-top: 8px;
  text-align: center;
}
.pise-item .link a {
  color: #003cc0;
  font-size: 14px;
  text-decoration: none;
}
.pise-item .closeup_button {
  width: 459px;
  height: 53px;
  margin: 0 auto;
  border-radius: 5px;
  /* background: url(/public/img/item/search/btn_estimate.png?2023083100) no-repeat left top; */
  background: url(/public/img/item/search/btn_estimate_free.png?2023092000) no-repeat left top;
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.pise-item .closeup_button-free {
  width: 477px;
  background: url(/public/img/item/search/btn_free.png?2023092000) no-repeat left top;
}
.pise-item .closeup_button {
  transition: all 0.2s ease-in 0s;
}
.pise-item .closeup_button:hover {
  opacity: 0.8;
}

/*==================================================================
  サムネイル表示
==================================================================*/
.pise-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 25px;
  margin-bottom: 50px;
}
.pise-card-list .empty-result_hint {
  width: 760px;
}

#item_list_unit.pise-card-list::after,
#item_list_unit.pise-card-list::before {
  display: none;
}

#item_list_unit.pise-card-list .nth-child-2n {
  margin-right: 0;
  margin-left: 0;
}

.pise-card {
  box-sizing: border-box;
  position: relative;
  width: 250px;
  min-height: 350px;
  border: 1px solid #ccc;
}
.pise-card * {
  box-sizing: border-box;
}
.pise-card a {
  color: #333;
  text-decoration: none;
}
.pise-card-img {
  position: relative;
  margin-bottom: 13px;
}
.pise-card-img_pic {
  width: 248px;
  height: auto;
}
.pise-card_logo {
  position: absolute;
  top: 0;
  left: 0;
}
.pise-card_ico-rank span {
  position: absolute;
  top: -9px;
  right: -6px;
  display: block;
  width: 52px;
  height: 45px;
  background-size: contain !important;
  text-indent: -9000px;
  overflow: hidden;
}
.pise-card-review {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 10px 0 6px;
  background-color: rgba(0, 83, 201, 0.8);
}
.pise-card-review::before {
  content: "";
  position: absolute;
  left: -13px;
  bottom: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: none;
  border-right: none;
  border-bottom: 28px solid rgba(0, 83, 201, 0.8);
  border-left: 13px solid transparent;
}
.pise-card-review_txt {
  color: #fff;
  font-size: 14px;
}
.pise-card-review_num {
  display: inline-block;
  padding-left: 9px;
  color: #fcff00;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.pise-card_name {
  margin-bottom: 6px;
  font-size: 16px;
  text-align: center;
}
.pise-card_size {
  margin: 0 20px 10px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pise-card_price {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 13px;
  color: #f00;
  font-size: 12px;
}
.pise-card_price-ttl {
  margin-right: 8px;
  text-align: center;
}
.pise-card_price-ttl.-multi {
  font-size: 10px;
}
.pise-card_price.-fe .pise-card_price-ttl, .pise-card_price.-tf .pise-card_price-ttl, .pise-card_price.-wd .pise-card_price-ttl {
  font-size: 11px;
}
.pise-card_price-num {
  margin-right: 2px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.pise-card-ex-price {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 20px 15px;
}
.pise-card-ex-price_off {
  height: 24px;
  padding: 0 6px;
  background-color: #e41c1c;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}
.pise-card-ex-price_off-num {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 20px;
}
.pise-card-ex-price_txt {
  color: #f00;
  font-size: 12px;
}
.pise-card-ex-price_txt-num {
  margin-right: 2px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.pise-card-discount {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 7px;
  margin: 0 20px 15px;
}
.pise-card-discount_off {
  height: 24px;
  padding: 0 6px;
  background-color: #e41c1c;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}
.pise-card-discount_num {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 20px;
}
.pise-card-discount_cost {
  width: 121px;
  height: 24px;
  border: 1px solid #f00;
  color: #f00;
  font-size: 13px;
  text-align: center;
  line-height: 24px;
}
.pise-card-discount_cost.-free {
  background-color: #fff3f3;
}
.pise-card-discount_cost.-discount {
  font-size: 11px;
}
.pise-card-discount_cost.-ex-price {
  border-color: #ddd;
  color: #333;
}
.pise-card-estimate_btn {
  margin: 0 20px 10px;
}
.pise-card-estimate_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border-radius: 4px;
  background: url(/public/img/common/icon_next-white.svg) right 11px center no-repeat #2072e6;
  background-size: 6px auto;
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.pise-card_btn-quick {
  display: none;
  position: absolute;
  top: 153px;
  left: 5px;
  width: 78px;
  height: 25px;
  padding-left: 9px;
  border-radius: 4px;
  background: url(/public/img/item/search/icon_pointer.png) 60px center no-repeat rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(170, 170, 170, 0.9);
  color: #555;
  font-size: 12px;
  line-height: 25px;
}
.pise-card_btn-quick:hover {
  color: #555;
  text-decoration: none !important;
}
.pise-card:hover .pise-card_btn-quick {
  display: block;
}

/* ====================================================
  お気に入りボタン
====================================================*/
.pise-card .bt_wishlist_register {
  position: absolute;
  top: 127px;
  right: 10px;
  width: 29px;
  height: 29px;
  margin: 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/public/img/item/search/icon_fav.png) left top no-repeat;
  border: none;
  box-shadow: none;
}
.pise-card .bt_wishlist_registered {
  background-image: url(/public/img/item/search/icon_fav_added.png);
}
.pise-card .bt_wishlist_registered .txt {
  display: none;
}

/* ====================================================
  ブログ
====================================================*/
.-is-onecolumn-pise .sttop-blog {
  margin: 50px auto;
}
.-is-onecolumn-pise #sttop-blog-list-first {
  display: flex;
  justify-content: center;
}
.-is-onecolumn-pise a.sttop-blog-media {
  margin-bottom: 40px;
  gap: 30px;
}
.-is-onecolumn-pise .sttop-blog-list {
  justify-content: center;
}
.-is-onecolumn-pise .sttop-blog-list li {
  margin-right: 40px;
}
.-is-onecolumn-pise .sttop-blog_more a {
  height: 40px;
  font-size: 18px;
}