@charset "utf-8";

/*------------------------------------------
商品検索リストアジャスト
------------------------------------------*/

/*----------------
ベースアジャスト
----------------*/
.include-product-wrap{
  width:100%;
}

.include-product-wrap img{
  width:100%;
  object-fit: contain;
}


.include-product-wrap .p-products-all-item-product .p-product-item__label-wrapper,
.include-product-wrap .u-pc-width,
.include-product-wrap .p-products-all-item__results.results-include{
  width:100%;
  max-width:100%;
  padding:0;
}

.include-product-wrap .p-products-all-item-product__buttons img {
  width: 18px !important;
  margin-right: 5px;
}

.include-product-wrap .p-products-all-item-product__review a > img {
  width: auto !important;
  height: 1em;
}

.include-product-wrap .p-products-all-item,
.include-product-wrap .p-products-all-item__item {
  padding-bottom: 0;
  padding-inline: 0;
}


.include-product-wrap .p-products-all-item__item + .p-products-all-item__item {
  margin-top: revert;
}

.include-product-wrap .p-products-all-item-product__image a,
.include-product-wrap .p-products-all-item-product__image--soldout a {
  display: block;
  aspect-ratio: 1 / 1;
}

.include-product-wrap .p-products-all-item__item:not(:has(.p-product-item__label)) .p-area-add-wish-list,
.include-product-wrap .p-products-all-item__item:not(:has(.p-product-item__label)) .p-products-all-item-product__image {
  margin-top: 0;
}

.include-product-wrap .p-products-all-item__item + .p-products-all-item__item {
  margin-top: revert;
}

.include-product-wrap .p-products-all-item-product {
  display: grid;
  min-width: 0;
}

.include-product-wrap .p-products-all-item-product {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "product_label"
    "product_image"
    "product_wishlist"
    "product_name"
    "product_price"
    "product_spec"
    "product_buttons";
  row-gap: 10px;
}

@supports (grid-template-rows: subgrid) {
  .include-product-wrap .p-products-all-item__results .product-grid .productMoreGrid {
    align-content: start;
    align-items: stretch;
  }
  .include-product-wrap .p-products-all-item__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: subgrid;
    grid-row: span 7;
  }
  .include-product-wrap .p-products-all-item-product {
    grid-template-rows: subgrid;
    grid-row: span 7;
    row-gap: normal;
  }
}

.p-products-all-item-product__review {
  grid-row: 1;
  height: 1em;
}

@media screen and (max-width: 767px) {
  .p-products-all-item__more-full__inner {
    margin: 0;
  }
}

/*----------------
非表示リスト
----------------*/
/*--比較リスト--*/
.include-product-wrap .p-area-add-wish-list{
  display:none;
}

/*--カートボタン--*/
.include-product-wrap .c-button--cart-in{
  display:none;
}

/*----------------
デザイン
----------------*/

/*--カードをグリッドで横並び--*/
.include-product-wrap .productMoreGrid {
  display: grid;
  gap:10px;
  grid-template-columns: repeat(4,1fr);
}

@media screen and (max-width: 767px) {
  .include-product-wrap .productMoreGrid {
    grid-template-columns: repeat(2,1fr);
  }
}

.include-product-wrap .p-products-all-item__item{
  border:1px solid #ccc;
  background:#fff;
  padding:10px;
}

/*--商品画像--*/
.include-product-wrap .p-products-all-item-product__image,
.include-product-wrap .p-products-all-item-product__image--soldout {
  width: 70%;
  margin: 0 auto;
  padding: 0;
}

/*--商品名--*/
.include-product-wrap p.p-products-all-item-product__name__text{
  font-size: clamp(13px, 0.744rem + 0.34vw, 16px);
  font-weight: 700;
  line-height:1.2;
  height:calc(2em * 1.2);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*--金額--*/
.include-product-wrap .p-products-all-item-product__number {
  font-size: clamp(22px, 1.284rem + 0.45vw, 26px);
}

/*--スペック--*/


.include-product-wrap .p-products-all-item-product__spec table {
  width: 100%;
  table-layout: fixed;
}

.include-product-wrap .p-products-all-item-product__spec__body.over-7-specs {
  padding-bottom: 22px;
}

.include-product-wrap .p-products-all-item-product__spec__body.over-7-specs::after {
  font-size: 12px;
  white-space: nowrap;
}

.include-product-wrap .p-products-all-item-product__spec__item {
  font-size: 10px;
  font-weight: bold;
  width: 30%;
}

@media screen and (max-width: 767px) {
  .include-product-wrap .p-products-all-item-product__spec table,
  .include-product-wrap .p-products-all-item-product__spec tbody,
  .include-product-wrap .p-products-all-item-product__spec tr,
  .include-product-wrap .p-products-all-item-product__spec__item,
  .include-product-wrap .p-products-all-item-product__spec__text {
    display: block;
    width: auto;
  }

  .include-product-wrap  .p-products-all-item-product__shipment--days{
    flex-wrap: wrap;
  }
  .include-product-wrap  .p-products-all-item-product__shipment--days strong{
    width:100%;
    display: block;
    margin-bottom:3px;
  }

  .include-product-wrap .p-products-all-item-product__spec__item{
    background: none;
    font-size: 10px;
    font-weight: 400;
    padding: 0;
    color: #999;
  }
  .p-products-all-item-product__spec__text {
    padding: 0;
    font-size: 12px;
    letter-spacing: 0;
    vertical-align: middle;
  }
  .include-product-wrap .p-products-all-item-product__spec tr + tr {
    margin-top: 5px;
  }
  .include-product-wrap .p-products-all-item-product__spec__body.over-7-specs tr:nth-of-type(n/**/+7) {
    display: none;
  }
  .include-product-wrap .p-products-all-item-product__spec__body.over-7-specs.specs-shown tr:nth-of-type(n/**/+7) {
    display: block;
  }
}

/*--ラベル--*/
.p-product-item__label-wrapper .p-product-item__label {
  height: 25px;
  padding: 0 0.5em;
  font-size: 12px;
  letter-spacing: 0.72px;
  line-height: 25px;
}

@media screen and (max-width: 767px) {
  .p-product-item__label-wrapper .p-product-item__label {
    height: 20px;
    padding: 0 0.5em;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 20px;
  }
}


/*--さらに表示ボタン--*/
.p-products-all-item__more-full {
    background:none;
}