/**
 * Page Header
 */
#page .active:after{
	content:none;
}
.page-header::before {
  background-image: url("../../../images/page/gallery/pc/visual.jpg"); }

#gallery ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0; }
  #gallery ul li {
    list-style: none; }

#gallery .container .tab {
  margin-top: 30px; }
  #gallery .container .tab ul {
    justify-content: flex-start;
    background: #f5f1ee;
    padding: 30px 105px; }
    #gallery .container .tab ul li {
      width: 200px;
      margin: 0 30px 20px 0; }
      #gallery .container .tab ul li:nth-child(4n) {
        margin-right: 0; }
      #gallery .container .tab ul li a {
        border-radius: 10px;
        display: block;
        font-size: 20px;
        text-align: center;
        padding: 5px 0;
        background: #997758;
        color: #fff; }
      #gallery .container .tab ul li:nth-child(n+4) {
        margin-bottom: 0 !important; }
      #gallery .container .tab ul li.active a, #gallery .container .tab ul li:hover a {
        background: #fff;
        color: #997758; }

#gallery .container .photo-gallery {
  margin: 50px auto 0; }
  #gallery .container .photo-gallery ul {
    justify-content: flex-start; }
    #gallery .container .photo-gallery ul li {
      margin-right: 20px;
      margin-bottom: 20px;
      width: 260px;
      height: 195px;
      background: #eee; }
      #gallery .container .photo-gallery ul li img {
        opacity: 1;
        transition: opacity .3s; }
        #gallery .container .photo-gallery ul li img.is-loading {
          opacity: 0; }
      #gallery .container .photo-gallery ul li:nth-child(4n+4) {
        margin-right: 0; }
      #gallery .container .photo-gallery ul li .modal-img {
        cursor: pointer; }
      #gallery .container .photo-gallery ul li .modal-window {
        display: none; }

.modaal-wrapper .modaal-close {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 45px;
  height: 45px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  background: #fff; }
  .modaal-wrapper .modaal-close::before, .modaal-wrapper .modaal-close::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0;
    background: #9B7656 !important; }

.modaal-wrapper .modaal-content-container {
  padding: 0; }

.modaal-wrapper .modaal-container {
  width: auto; }

@media screen and (max-width: 750px) {
  /**
    * Page Header
    */
  .page-header::before {
    background-image: url("../../../images/page/gallery/sp/visual.jpg"); }
  #gallery {
    padding-top: 0; }
    #gallery .container .tab {
      margin-top: 0; }
      #gallery .container .tab ul {
        justify-content: flex-start;
        padding: 4vw 2.667vw; }
        #gallery .container .tab ul li {
          width: 29.333vw;
          margin-bottom: 2.667vw; }
          #gallery .container .tab ul li a {
            border-radius: 1.333vw;
            font-size: 3.467vw;
            padding: 3.200vw 0; }
          #gallery .container .tab ul li:nth-child(n) {
            margin-right: 2.800vw; }
          #gallery .container .tab ul li:nth-child(n+4) {
            margin-bottom: 2.667vw !important; }
          #gallery .container .tab ul li:nth-child(3n) {
            margin-right: 0; }
          #gallery .container .tab ul li:nth-child(n+7) {
            margin-bottom: 0 !important; }
    #gallery .container .photo-gallery {
      margin: 6.667vw 2.667vw 0; }
      #gallery .container .photo-gallery ul {
        justify-content: space-between; }
        #gallery .container .photo-gallery ul li {
          width: 46vw;
          height: 34.5vw;
          margin-bottom: 2.667vw;
          margin-right: 0; }
  .modaal-wrapper .modaal-close {
    width: 8.667vw;
    height: 8.667vw;
    right: -4vw;
    top: -4vw; } }

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