@charset 'utf-8';

main {
  width: 980px;
  min-width: 980px;
  margin-right: auto;
  margin-left: auto;
}
.pg-imagelist {
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
}
.pg-imagelist > ul {
  transition: margin-left 700ms ease-out;
}
.pg-imagelist > ul > li {
  display: inline-block;
  width: 36px;
  height: 48px;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 300ms ease-out;
}
.pg-imagelist > ul > li.current {
  opacity: 0.5 !important;
}
.pg-imagelist > ul > li > img {
  width: 100%;
  height: 100%;
}
.pg-imagelist > ul > li + li {
  margin-left: 5px;
}
* + .pg-visuals {
  margin-top: 20px;
}
.pg-visuals {
  position: relative;
}
.pg-visuals > ul {
  position: relative;
  width: 340px;
  height: 510px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}
.pg-visuals > ul > li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 700ms ease-out;
}
.pg-visuals > ul > li:nth-child(1) {
  opacity: 1;
}
.pg-visuals > ul > li > img {
  width: 100%;
  height: 100%;
}
.pg-visuals-prev,
.pg-visuals-next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 15px;
  height: 34px;
  margin: auto;
}
.pg-visuals-prev > img,
.pg-visuals-next > img {
  width: 100%;
  height: 100%;
}
.pg-visuals-prev {
  left: -455px;
}
.pg-visuals-next {
  left: 455px;
}
@media screen and (max-width: 1000px) {
  main {
    width: auto;
    min-width: 0;
    margin-right: 10px;
    margin-left: 10px;
  }
  .pg-imagelist {
    display: none;
  }
  .pg-visuals > ul {
    height: auto;
    overflow: visible;
  }
  .pg-visuals > ul > li {
    position: static;
    opacity: 1;
  }
  .pg-visuals > ul > li + li {
    margin-top: 20px;
  }
  .pg-visuals-prev,
  .pg-visuals-next {
    display: none;
  }
}
@media screen and (max-width: 464px) {
  main {
    margin-right: 58px;
    margin-left: 58px;
  }
  .pg-visuals > ul {
    width: auto;
  }
  .pg-visuals > ul > li > img {
    width: 100%;
    height: auto;
  }
  .pg-visuals > ul > li + li {
    margin-top: 10px;
  }
}