.showindex__parent {
  display: flex;
  flex-wrap: wrap;
}

.showindex__children {
  /* Mobile: 2 columns by default */
  width: calc(50% - 20px);
  margin: 10px;
}

@media (min-width: 769px) {
  .showindex__children {
    /* Desktop: 6 columns, with !important to override other styles */
    width: calc(16.6666% - 20px) !important;
  }
}

.album1__main {
  margin-bottom: 4px
}

.album1__detail {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  transition: top .2s;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1em;
  line-height: 1.3;
  overflow: auto
}

.album1__photonumber {
  margin-top: .5em
}

.album1__main:focus,
.album1__main:hover {
  box-shadow: 0 1px 2px #9f9f9f
}

.album1__main:focus .album1__detail,
.album1__main:hover .album1__detail {
  top: 0
}

.album3__main {
  display: block
}

.album3__photoswrap {
  font-size: 0;
  margin-top: 6px
}

.album3__img {
  padding: 1px;
  color: #49bc85
}

.album3__title {
  font-size: 16px;
  font-weight: bold;
  margin: .5em 0;
  line-height: 1.3;
  max-height: 2.5em;
  overflow: hidden
}

.album3__price {
  font-size: 14px;
  color: #c00;
  font-weight: bold;
  margin-top: 5px;
}

.album3__squareWrap {
  height: 0;
  position: relative;
  width: 22.8%;
  padding-top: 20.8%;
  display: inline-block;
  margin-right: 2%;
  border: 2px solid transparent
}

.album3__squareWrap img {
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  display: inline-block
}

.album3__squareWrap .album3__lock {
  width: 15px;
  height: 19px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  object-fit: cover;
  display: inline-block
}

.album3__loading {
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: none;
  margin: 0 auto;
  -ms-transform: translate(-50%, -60px);
  transform: translate(-50%, -60px)
}

.album3__loading .album3__rect2 {
  animation-delay: -1.1s
}

.album3__loading .album3__rect3 {
  animation-delay: -1s
}

.album3__loading .album3__rect4 {
  animation-delay: -.9s
}

.album3__loading .album3__rect5 {
  animation-delay: -.8s
}

.album3__loading>div {
  background-color: #49bc85;
  height: 100%;
  width: 4px;
  display: inline-block;
  animation: album3__stretchdelay 1.2s infinite ease-in-out
}

@keyframes album3__stretchdelay {

  0%,
  40%,
  to {
    transform: scaleY(.4);
    -webkit-transform: scaleY(.4)
  }

  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1)
  }
}

.album3__showmore {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ececec;
  color: #9f9f9f;
  text-align: center;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.album3__showmore .album3__more {
  display: inline-block;
  padding-bottom: .57em;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: .57em
}

.show-layout-category__catewrap {
  width: 100%;
  padding: 1.6em 1.4em .7em;
  margin: 0 auto
}

.show-layout-category__catewrap+.show-layout-category__emptypage {
  padding: 3% 0;
  min-height: 5em
}

.show-layout-category__catewrap .show-layout-category__catetitle {
  text-transform: none;
  font-size: 1.37em;
  margin-bottom: 1.5em;
  display: inline-block
}

.show-layout-category__catewrap .show-layout-category__catetitle:before {
  content: "";
  display: inline-block;
  height: 1em;
  vertical-align: -.13em;
  width: 4px;
  margin-right: .45em;
  background: #49bc85
}

@media (max-width:640px) {
  .show-layout-category__catewrap {
    padding: 0
  }

  .show-layout-category__catewrap .show-layout-category__catetitle {
    font-size: 1em;
    margin: .3em 0 1em
  }
}

.showindex__gallerycardwrap {
  box-sizing: border-box;
  width: 100%;
  padding: 1.3em 2em 0;
  table-layout: fixed;
  display: table;
  margin: 0 auto;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 1440px;
  position: relative
}

.showindex__topTip {
  display: none;
  text-align: center;
  color: #444;
  font-size: 14px;
  padding: .7em 1em;
  background: #fffaeb;
  border: 1px solid #fbedc4;
  line-height: 1.5
}

.showindex__topTip a {
  color: #49bc85
}

@media (min-width:0px) {
  .showindex__gallerycardwrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.album2__main {
  height: 200px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  width: auto
}

.album2__main p {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -2em;
  line-height: 2;
  padding: 0 .5em;
  transition: bottom .2s;
  background: rgba(0, 0, 0, .5);
  color: #fff
}

.album2__main:hover p {
  bottom: 0
}

.show-layout-waterfall__col {
  display: inline-block;
  vertical-align: top
}

.show-layout-waterfall__col+.show-layout-waterfall__col {
  margin-left: 16px
}

.show-layout-waterfall__main {
  display: block;
  margin-bottom: 16px;
  border: 2px solid #ececec
}

.show-layout-waterfall__main:hover {
  border-color: #49bc85
}

.show-layout-waterfall__main img {
  width: 100%
}

.show-layout-waterfall__main p {
  line-height: 1.3
}

.show-layout-waterfall__description,
.show-layout-waterfall__name {
  margin: 12px 6px
}

.show-layout-waterfall__description {
  font-size: 12px;
  max-height: 3.9em;
  overflow: hidden
}

.show-layout-timeline__template {
  display: none
}

.show-layout-timeline__title {
  position: relative;
  font-size: 22px;
  margin: .8em 0;
  white-space: nowrap
}

.show-layout-timeline__title:before {
  content: "";
  border-radius: 50%;
  width: .5em;
  height: .5em;
  position: absolute;
  top: .35em;
  left: -1em;
  background: #49bc85
}

.show-layout-timeline__container {
  position: relative
}

.show-layout-timeline__timeline {
  font-size: 22px;
  position: absolute;
  top: 1.35em;
  left: -.75em;
  width: 2px;
  height: 100%;
  height: calc(100% - 2em);
  margin-left: -1px;
  background: #ececec
}

.show-layout-timeline__loading {
  margin: 1em auto 3em;
  width: 2em;
  height: 2em;
  background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iY2lyY3VsYXIiIHZpZXdCb3g9IjI1IDI1IDUwIDUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgIDwhW0NEQVRBWwogICAgICAgIC5jaXJjdWxhciB7CiAgICAgICAgICBhbmltYXRpb246IHJvdGF0ZSAycyBsaW5lYXIgaW5maW5pdGU7CiAgICAgICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgY2VudGVyOwogICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgICB0b3A6IDA7CiAgICAgICAgICBib3R0b206IDA7CiAgICAgICAgICBsZWZ0OiAwOwogICAgICAgICAgcmlnaHQ6IDA7CiAgICAgICAgICBtYXJnaW46IGF1dG87CiAgICAgICAgfQoKICAgICAgICAucGF0aCB7CiAgICAgICAgICBzdHJva2U6ICM1OGMwZWE7CiAgICAgICAgICBzdHJva2Utd2lkdGg6IDRweDsKICAgICAgICAgIHN0cm9rZS1kYXNoYXJyYXk6IDEsIDIwMDsKICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgICAgYW5pbWF0aW9uOiBkYXNoIDEuNXMgZWFzZS1pbi1vdXQgaW5maW5pdGU7CiAgICAgICAgfQoKICAgICAgICBAa2V5ZnJhbWVzCiAgICAgICAgcm90YXRlIHsgIDEwMCUgewogICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOwogICAgICAgIH0KICAgICAgICB9CgogICAgICAgIEBrZXlmcmFtZXMKICAgICAgICBkYXNoIHsgIDAlIHsKICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheTogMSwgMjAwOwogICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMDsKICAgICAgICB9CiAgICAgICAgIDUwJSB7CiAgICAgICAgIHN0cm9rZS1kYXNoYXJyYXk6IDg5LCAyMDA7CiAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAtMzU7CiAgICAgICAgfQogICAgICAgICAxMDAlIHsKICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheTogODksIDIwMDsKICAgICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IC0xMjQ7CiAgICAgICAgfQogICAgICAgIH0KICAgICAgXV0+CiAgICA8L3N0eWxlPgogICAgPGNpcmNsZSBjbGFzcz0icGF0aCIgY3g9IjUwIiBjeT0iNTAiIHI9IjIwIiBmaWxsPSJub25lIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPC9zdmc+) 50%/100% no-repeat
}

.show-layout-timeline__error,
.show-layout-timeline__loaded {
  display: none;
  text-align: center;
  margin: 1em auto 3em;
  height: 2em
}

.show-layout-timeline__loaded {
  color: #cfcfcf
}

.show-layout-timeline__error button {
  padding: .45em 2em;
  margin-right: 0
}

@media (max-width:640px) {

  .show-layout-timeline__timeline,
  .show-layout-timeline__title:before {
    display: none
  }
}

.album4__main {
  position: relative;
  border: 1px solid #d6d6d6
}

.album4__main,
.album4__main:hover {
  box-shadow: 0 1px 2px #d6d6d6
}

.album4__main:before {
  bottom: -4px;
  border: inherit
}

.album4__title {
  background: none;
  height: 2.6em;
  line-height: 1.3em;
  word-break: break-all;
  overflow: hidden;
  margin: .8em 0;
  font-size: .85em
}

.pagination {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  margin: 40px 0;
  text-align: center;
  width: 100%;
}

.pagination .nav-links {
  display: inline-flex;
  gap: 8px;
}

.pagination .page-numbers {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #555;
  background-color: #f0f0f0;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

.pagination .page-numbers:hover {
  background-color: #e0e0e0;
  color: #333;
}

.pagination .page-numbers.current {
  background-color: #49bc85;
  color: #fff;
  font-weight: 700;
  cursor: default;
}

.pagination .page-numbers.dots {
  background-color: transparent;
  color: #999;
  padding: 10px 8px;
}

.pagination .prev,
.pagination .next {
  padding: 10px 12px;
}