/* 対象: dl_gallery クラスのギャラリー */
.wp-block-gallery.dl_gallery {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--wp--style--block-gap, 1rem);
}

@media (max-width: 768px) {
  .wp-block-gallery.dl_gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .wp-block-gallery.dl_gallery {
    grid-template-columns: 1fr;
  }
}

.wp-block-gallery.dl_gallery figure,
.wp-block-gallery.dl_gallery .wp-block-image {
  margin: 0;
}

.wp-block-gallery.dl_gallery figure.dl-grid-item {
  position: relative;
  overflow: hidden;
  /* 4:3比率に変更 */
  aspect-ratio: 4 / 3;
}

/* 画像はフルカバー */
.wp-block-gallery.dl_gallery figure.dl-grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: 4 / 3;
}

.wp-block-gallery.dl_gallery figure.dl-grid-item a[data-dl-download] {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  outline: none;
}

.wp-block-gallery.dl_gallery figure.dl-grid-item img {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
}

.wp-block-gallery.dl_gallery figure.wp-block-image:not(#individual-image) {
	width: 100% !important;
}

.dl_gallery figure.wp-block-image a {
  position: relative;
}


.dl_gallery a img {
   transition: all .6s 0s ease;
}

.dl_gallery a:hover img {
  filter: brightness(0.5);
}

.dl_gallery a:hover::before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-image: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%234B4B4B%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M243.591%2C309.362c3.272%2C4.317%2C7.678%2C6.692%2C12.409%2C6.692c4.73%2C0%2C9.136-2.376%2C12.409-6.689l89.594-118.094%0A%09%09c3.348-4.414%2C4.274-8.692%2C2.611-12.042c-1.666-3.35-5.631-5.198-11.168-5.198H315.14c-9.288%2C0-16.844-7.554-16.844-16.84V59.777%0A%09%09c0-11.04-8.983-20.027-20.024-20.027h-44.546c-11.04%2C0-20.022%2C8.987-20.022%2C20.027v97.415c0%2C9.286-7.556%2C16.84-16.844%2C16.84%0A%09%09h-34.305c-5.538%2C0-9.503%2C1.848-11.168%2C5.198c-1.665%2C3.35-0.738%2C7.628%2C2.609%2C12.046L243.591%2C309.362z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M445.218%2C294.16v111.304H66.782V294.16H0v152.648c0%2C14.03%2C11.413%2C25.443%2C25.441%2C25.443h461.118%0A%09%09c14.028%2C0%2C25.441-11.413%2C25.441-25.443V294.16H445.218z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  background-position: center center;
  background-size: 48px;
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  z-index: 2;
}

@media (max-width: 480px) {
  .dl_gallery a:hover::before {
    width: 32px;
    height: 32px;
  }
}