.product-list__narrow {
  margin-top: 32px;
  height: 40px;
  width: 100%;
}

.product-list__heading {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #bebfc2;
  padding-bottom: 8px;
}

.product-list__result {
  font-size: 19.2px;
  font-size: 1.2rem;
}

.product-list__result span {
  font-size: 22.4px;
  font-size: 1.4rem;
  color: #e10041;
  font-weight: bold;
}

.page-buy .product-list__result span {
  color: #29905e;
}

.product-list__pulldowns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.product-list__pulldowns .form-pulldown {
  border-radius: 4px;
}

.product-list__pulldowns .form-pulldown:last-child {
  margin-left: 8px;
}

.product-list__pulldowns .form-pulldown select {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.product-list__wrap {
  margin-top: 24px;
}

.product-list__item__title--tag {
  font-size: 1rem;
  border: 1px solid #323233;
  border-radius: 4px;
  padding: 3px 5px;
  overflow: hidden;
  width: 90%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  text-overflow: ellipsis;
}

.product-list__item__title--name {
  margin-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 46px;
}

.product-list__item__img {
  display: block;
}

.product-list__item__img img {
  -o-object-fit: contain;
  object-fit: contain;
  object-position: center;
  background-position: center;
}

.product-list__item__point {
  margin-top: 8px;
  text-align: center;
  font-size: 19.2px;
  font-size: 1.2rem;
}

.product-list__item__point--strong {
  font-size: 25.6px;
  font-size: 1.6rem;
  color: #e10041;
  font-weight: bold;
}

.product-list__item__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-list__item__wrap--left {
  width: 100%;
}

.product-list__item__wrap--right {
  width: 100%;
}

.product-list__item__table {
  width: 100%;
  margin-top: 15px;
}

.product-list__item__table tr:nth-child(odd) {
  background-color: #f0f2f5;
}

.product-list__item__table tr {
  display: block;
}

.product-list__item__table tr:nth-child(even) {
  background-color: #ffffff;
}

.product-list__item__table th,
.product-list__item__table td {
  padding: 4px;
}

.product-list__item__table--type {
  font-size: 19.2px;
  font-size: 1.2rem;
  width: 24%;
  text-align: left;
  vertical-align: middle;
}

.product-list__item__table--price {
  font-size: 22.4px;
  font-size: 1.4rem;
  color: #e10041;
  font-weight: bold;
  white-space: nowrap;
  margin-left: auto;
  text-align: right;
  vertical-align: middle;
}

/* .product-list__item__table__nostock .product-list__item__table--price {
  color: #bebfc2;
} */
.product-list__item__table--count {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 0;
  font-size: 19.2px;
  font-size: 1.2rem;
}

.product-list__item__table--count input {
  font-size: 25.6px;
  font-size: 1.6rem;
  height: 35px;
  width: 100px;
  margin-right: 4px;
  padding: 0 2px;
  text-align: center;
}

.product-list__item__table--none {
  width: 40px;
  text-align: center;
  display: block;
  margin-right: 4px;
}

.product-list__item__button {
  height: 40px;
  width: 100%;
  margin-top: 16px;
}

.product-list__item__message {
  margin-top: 16px;
  color: #e10041;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

.product-list__terms {
  margin-top: 32px;
}

.product-list__terms__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: auto;
}

.product-list__terms__list::-webkit-scrollbar {
  height: 5px;
}

.product-list__terms__list::-webkit-scrollbar-track {
  background-color: #dfdfdf;
  border-radius: 100px;
}

.product-list__terms__list::-webkit-scrollbar-thumb {
  background-color: #8f8f8f;
  border-radius: 100px;
}

.product-list__terms__item {
  margin-right: 8px;
  white-space: nowrap;
  display: inline-block;
  line-height: 1;
  padding: 8px;
  font-weight: bold;
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  background-color: #e10041;
  border: 1px solid #e10041;
  color: #ffffff;
}

.page-buy .product-list__terms__item {
  background-color: #29905e;
  border: 1px solid #29905e;
}

.product-list__terms__button {
  height: 40px;
}

.product-list__modal__items .search-dlist .search-pulldown {
  margin-left: auto;
}

.product-list__modal__items .search-dlist .form-tag__label {
  margin-bottom: 0;
}

.product-list__modal__items .form-tag__label {
  font-size: 16px;
  font-size: 1rem;
}

.product-list__modal__title--small {
  font-size: 19.2px;
  font-size: 1.2rem;
  color: #e10041;
  font-weight: normal !important;
  min-width: 60px;
  margin-right: 16px;
}

.page-buy .product-list__modal__title--small {
  color: #29905e;
}

.product-list__none {
  margin-top: 32px;
}

.product-list-buy__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.product-list-buy__item {
  margin-top: 24px;
}

.product-list-buy__item__img {
  padding-top: 143%;
  position: relative;
}

.product-list-buy__item__img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-list-buy__item__name {
  font-size: 22.4px;
  font-size: 1.4rem;
  margin-top: 8px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

.product-list-buy__item__price {
  margin-top: 8px;
}

.product-list-buy__item__price--heading {
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 12.8px;
  font-size: 0.8rem;
  transform: scale(0.8);
}

.product-list-buy__item__price--price {
  font-weight: bold;
  color: #29905e;
  text-align: center;
  display: block;
  line-height: 1;
}

@media screen and (min-width: 1024px) and (max-width: 1232px) {
  .product-list__narrow .button-border {
    font-size: 1.4rem;
  }

  .product-list__terms__button .button-border {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 1023px) {
  .product-list__pulldowns .form-pulldown:first-child {
    height: 30px;
    width: 86px;
  }

  .product-list__pulldowns .form-pulldown:last-child {
    height: 30px;
    width: 136px;
  }

  .product-list__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: flex-start;
  }

  .product-list__item {
    padding-bottom: 24px;
    border-bottom: 1px solid #bebfc2;
  }

  .product-list__item {
    width: calc((100% - 36px) / 4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 12px;
  }

  .product-list__item:nth-of-type(4n) {
    margin-right: 0;
  }

  .product-list__item:nth-child(n + 5) {
    margin-top: 25px;
  }

  .product-list__item__wrap {
    margin-top: 16px;
  }

  .product-list__item__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .product-list__item__table--count input {
    width: 100px;
  }

  h2.product-list__item__title {
    font-size: 14px;
  }

  .product-list__item__table {
    overflow-x: scroll;
  }

  .product-list__item__table tr:nth-child(odd) {
    display: block;
  }

  .product-list__terms__item {
    font-size: 1rem;
  }

  .product-list__terms__button {
    margin-top: 16px;
  }

  .product-list__modal--color:nth-child(2) {
    margin-top: 16px !important;
  }

  .product-list__modal__box {
    padding: 24px 16px;
  }

  .product-list__modal__items--right {
    margin-top: 24px;
  }

  .product-list__modal__items .search-dlist:nth-of-type(n + 2) {
    margin-top: 16px;
  }

  .product-list__modal__items .form-pulldown {
    position: relative;
    border-radius: 4px;
    width: 228px;
  }

  .product-list__modal__items .form-tag__wrap {
    margin-top: -4px !important;
  }

  .product-list-buy__item {
    width: calc((100% - 24px) / 3);
  }

  .product-list-buy__item:not(:nth-child(3n + 1)) {
    margin-left: 12px;
  }

  .product-list__item__img img {
    height: 32vw;
  }
}

@media all and (min-width: 1024px) {
  .product-list__pulldowns .form-pulldown:first-child {
    height: 30px;
    width: 94px;
  }

  .product-list__pulldowns .form-pulldown:last-child {
    height: 30px;
    width: 136px;
  }

  .product-list__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: flex-start;
  }

  .product-list__item {
    width: calc(( 100% - 48px) / 7);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 6px;
    margin-top: 6px;
  }

  .product-list__item:last-child {
    margin-right: 0;

  }

  /* 20240216_7列にするため534-537追記、539-547コメントアウト　calcを/5から/7に margintop追記
  .product-list__item:nth-of-type(5n) {
    margin-right: 0;
  }
 
  .product-list__item:nth-child(n + 6) {
    margin-top: 32px;
  }
 */
  .product-list__item__title--name {
    margin-bottom: 16px;
  }

  .product-list__item__img {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .product-list__item__img img {
    height: 220px;
  }

  .product-list__item__img:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .product-list__item__table th,
  .product-list__item__table td {
    padding: 4px 8px;
  }

  .product-list__terms {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .product-list__terms__list {
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 8px;
  }

  .product-list__terms__item {
    font-size: 1.2rem;
  }

  .product-list__terms__button {
    width: 28.1%;
    margin-left: 16px;
  }

  .product-list__modal {
    width: 996px;
    padding: 24px 40px;
    background-color: #ffffff;
  }

  .product-list__modal__items {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .product-list__modal__items--left {
    width: 53%;
  }

  .product-list__modal__items--right {
    width: 43.5%;
  }

  .product-list__modal__items .search-dlist:nth-of-type(n + 2) {
    margin-top: 20px;
  }

  .product-list__modal__items .form-tag__wrap {
    margin-top: -4px;
  }

  .product-list__modal__buttons .search-button--reset {
    width: 120px;
  }

  .product-list__modal__buttons .search-button--search {
    width: 232px;
  }

  .product-list-buy__item {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .product-list-buy__item:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .product-list-buy__item {
    width: calc((100% - 60px) / 6);
  }

  .product-list-buy__item:not(:nth-child(6n + 1)) {
    margin-left: 12px;
  }
}

@media print {
  .product-list__pulldowns .form-pulldown:first-child {
    height: 30px;
    width: 94px;
  }

  .product-list__pulldowns .form-pulldown:last-child {
    height: 30px;
    width: 136px;
  }

  .product-list__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .product-list__item {
    width: calc((100% - 24px) / 2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .product-list__item:nth-child(n + 3) {
    margin-top: 32px;
  }

  .product-list__item__title--name {
    margin-bottom: 16px;
  }

  .product-list__item__img {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .product-list__item__img:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .product-list__item__table th,
  .product-list__item__table td {
    padding: 4px 8px;
  }

  .product-list__terms {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .product-list__terms__list {
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 8px;
  }

  .product-list__terms__item {
    font-size: 1.2rem;
  }

  .product-list__terms__button {
    width: 28.1%;
    margin-left: 16px;
  }

  .product-list__modal {
    width: 996px;
    padding: 24px 40px;
    background-color: #ffffff;
  }

  .product-list__modal__items {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .product-list__modal__items--left {
    width: 53%;
  }

  .product-list__modal__items--right {
    width: 43.5%;
  }

  .product-list__modal__items .search-dlist:nth-of-type(n + 2) {
    margin-top: 20px;
  }

  .product-list__modal__items .form-tag__wrap {
    margin-top: -4px;
  }

  .product-list__modal__buttons .search-button--reset {
    width: 120px;
  }

  .product-list__modal__buttons .search-button--search {
    width: 232px;
  }

  .product-list-buy__item {
    cursor: pointer;
    transition: opacity 0.3s;
  }

  .product-list-buy__item:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }

  .product-list-buy__item {
    width: calc((100% - 60px) / 6);
  }

  .product-list-buy__item:not(:nth-child(6n + 1)) {
    margin-left: 12px;
  }
}

.category-list {
  clear: both;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 16px 5px 15px;
  margin: 0px 0px 50px 20px;
  color: #000000;
  border-bottom: 1px solid #000000;
  border-left: 4px solid #000000;
  letter-spacing: 0.1em;
  display: flex;
  flex-wrap: wrap;
}

.theme-list {
  padding: 5px 10px;
  display: flex;
  flex-wrap: wrap;
}

.theme-list li.col {
  width: 25%;
  position: relative;
}

.theme-list li.col img {
  position: relative;
  width: 100%;
}

.sp {
  display: none;
}

@media all and (max-width: 767px) {
  .product-list__item__wrap {
    margin-top: 0;
  }

  .product-list__item__img img {
    height: 32.8vw;
  }

  .product-list__item__message {
    margin-top: 0;
  }

  .product-list__item__button .button-fill-arrow:after {
    content: none;
  }

  .product-list__wrap .product-list__item {
    width: calc((100% - 24px) / 4);
    margin-right: 8px;
  }

  .product-list__item:nth-of-type(4n) {
    margin-right: 0;
  }

  .product-list__item__table .product-list__item__table--price {
    font-size: 3.73vw;
    text-align: left;
  }

  .product-list__item__table--count input {
    width: 10.6vw;
  }

  .product-list__item__button .button-fill-arrow {
    font-size: 1.2rem;
  }

  .product-list__item__wrap
    .product-list__item__wrap--right
    .product-list__item__message {
    font-size: 3vw;
  }

  .theme-list li.col {
    width: calc(100% / 3);
    position: relative;
  }

  .sp {
    display: block;
  }
}

/*# sourceMappingURL=maps/product_list.css.map */
