@charset "UTF-8";

/* mainここから
================================================ */

/* === parts === */
/* parts close-btn は、parts.css
/* parts pageToTheTop は、parts.css

/* gallery-containerここから
------------------------------- */
main.gallery-container {
    position: sticky;
    top: 0px;
    left: 0;
    background-color: rgba(1, 1, 1, 0.6);
    padding: 50px 0px;
  }
  
  @media screen and (min-width: 601px) {
    main.gallery-container {
      padding: 100px 0px;
    }
  }
/* gallery-containerここまで
------------------------------- */

/* gallery ここから
------------------------------- */
div.gallery {
    width: calc(100vw - 100px);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
  
@media screen and (min-width: 601px) and (max-width:900px) {
    div.gallery {
        width: 500px;
    }
}

@media screen and (min-width: 901px) and (max-width:1200px) {
    div.gallery {
        width: 650px;
    }
}

@media screen and (min-width: 1201px) {
    div.gallery {
        width: 800px;
    }
}

section.gallery-box  {
  padding: 15px 10px 10px;
  background: var(--shiro);
}

span.space-before {
  content: "";
  display: block;
  height: 20px;
}

.gallery-box img {
  max-height: 600px;
}