.pc {
  display: block !important; }

.sp {
  display: none !important; }

#Main h1 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700; }

.items_list h2 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  text-align: center; }

.item {
  cursor: pointer; }

.sliderContents {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #edeef0;
  z-index: 100;
  left: 0px;
  top: 0px;
  display: none; }
  .sliderContents .close {
    position: absolute;
    cursor: pointer;
    right: 30px;
    top: 30px; }
    .sliderContents .close img {
      width: 50%; }

.slideSet {
  position: relative;
  height: 100%; }
  .slideSet .slick-list {
    height: 100%; }
  .slideSet .slick-track {
    height: 100%; }
  .slideSet .slick-slide {
    position: relative; }
  .slideSet img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100vh;
    margin: 0 auto;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .slideSet .movie {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
.slick-counter {
  position: absolute;
  left: 100px;
  bottom: 50px;
  font-size: 10px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700; }

.textArea {
  position: absolute;
  left: 100px;
  bottom: 30px;
  font-size: 10px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700; }

#slideSet .pic {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: green; }

#arrow .slick-next {
  position: absolute;
  cursor: pointer;
  right: 30px;
  bottom: 30px; }
  #arrow .slick-next img {
    width: 50%; }

#arrow .slick-prev {
  position: absolute;
  cursor: pointer;
  left: 30px;
  bottom: 30px; }
  #arrow .slick-prev img {
    width: 50%; }

.slick-prev:before, .slick-next:before {
  content: ""; }

@media screen and (max-width: 767px) {
  .sliderContents {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #edeef0;
    z-index: 100;
    left: 0px;
    top: 0px;
    display: none; }
    .sliderContents .close {
      position: absolute;
      right: 0px;
      top: 20px; }
      .sliderContents .close img {
        width: 50%; }
  .slideSet {
    position: relative;
    width: 80%;
    height: 100%;
    margin: 0 auto; }
    .slideSet .slick-list {
      height: 100%; }
    .slideSet .slick-track {
      height: 100%; }
    .slideSet .slick-slide {
      position: relative; }
    .slideSet img {
      position: absolute;
      top: 50%;
      left: 50%;
      max-height: 100vh;
      margin: 0 auto;
      -webkit-transform: translate(-50%, -52%);
          -ms-transform: translate(-50%, -52%);
              transform: translate(-50%, -52%); }
    .slideSet .movie {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      height: 0;
      padding-top: 56.25%;
      transform: translateY(-50%); }
    .slideSet .movie iframe {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
  .slick-counter {
    position: absolute;
    left: 60px;
    bottom: 30px;
    font-size: 10px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700; }
  .textArea {
    position: absolute;
    left: 60px;
    bottom: 15px;
    font-size: 10px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 700; }
  #arrow .slick-next {
    position: absolute;
    right: 15px;
    bottom: 15px; }
    #arrow .slick-next img {
      width: 80%; }
  #arrow .slick-prev {
    position: absolute;
    left: 15px;
    bottom: 15px; }
    #arrow .slick-prev img {
      width: 80%; }
  .pc {
    display: none !important; }
  .sp {
    display: block !important; } }

/*# sourceMappingURL=archive.css.map */