@charset "UTF-8";
/* ▼▼▼▼他のscssで呼び出す時の記述▼▼▼▼
@include set.pc() {}
@include set.sp(){}
▲▲▲▲他のscssで呼び出す時の記述▲▲▲▲ */
/* ▼▼▼▼他のscssで呼び出す時の記述▼▼▼▼
例）width:vw_pc(00);
例）width:vw_sp(00);
▲▲▲▲他のscssで呼び出す時の記述▲▲▲▲ */
/* ▼▼▼▼他のscssで呼び出す時の記述▼▼▼▼
例）font-size:font_rem(14); //14pxを指定したい時
▲▲▲▲他のscssで呼び出す時の記述▲▲▲▲ */
/* ▼▼▼▼他のscssで呼び出す時の記述▼▼▼▼
@include animation(anime-opening_face 4s ease 0.5s);
@include keyframes(anime-opening_face){
    0%  { transform: translate(-50%,100%); }
    30% { transform: translate(-50%,0); }
    70% { transform: translate(-50%,0); }
    100%{ transform: translate(-50%,100%); }
}
▲▲▲▲他のscssで呼び出す時の記述▲▲▲▲ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&display=swap");
/*================================

font

================================*/
.extend-font-mincho {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

/*================================

copy

================================*/
.p-gallery__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
@media (max-width: 767px) {
  .p-gallery__list {
    width: 78.7301587302%;
    margin: 0 auto;
  }
}
.p-gallery__list > li {
  position: relative;
  width: calc(50% - 0.5em);
}
@media (max-width: 767px) {
  .p-gallery__list > li {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .p-gallery__list > li:nth-child(2n) {
    transform: translateY(50%);
  }
}
.p-gallery__list > li a {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
.p-gallery__list > li a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}/*# sourceMappingURL=p-gallery.css.map */