/* 商品の写真を、正方形(1:1)の枠に、全体が見えるように収める。
   横長の写真は上下に、縦長の写真は左右に、帯(余白)が入る。写真は、切り取らない。 */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce div.product div.images .flex-control-thumbs li img {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  background: #f6f3f8;
}