@import url("https://use.typekit.net/bxb5gvb.css");

.gallery {
  padding-bottom: 7.5rem;
}

.__page_contents_main {
  margin-top: 0;
}


/* top image */
.gallery--top-wrap {
  margin-top: 0;
  padding: 2rem;
  height: 34rem;
  background-image: url(./img/top.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.gallery--top-wrap .gallery--top-inner {
  position: relative;
  height: 32rem;
}
.gallery--top-wrap .gallery--top-background {
  background-color: #f3f0e9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding-top: calc(100% - 2rem);
  width: calc(100% - 2rem);
  z-index: -1;
}
.gallery--top-wrap .gallery--top-head-wrap {
  margin-top: 0;
}
.gallery--top-wrap .gallery--top-head-main {
  margin: -0.4rem 0 -0.5rem -0.2rem;
  font-size: 6.5rem;
  color: #ab936b;
  line-height: 0.833;
  font-family: bebas-neue, bebas-neue-by-fontfabric;
  white-space: nowrap;
  font-weight: 300;
}
.gallery--top-wrap .gallery--top-head-sub {
  margin: 1.5rem 0 0 -0.15rem;
  font-size: 1.25rem;
  color: #ab936b;
  line-height: 0.9;
  font-weight: 300;
  letter-spacing: 0.05rem;
}
.gallery--top-text {
  margin: 1.7rem 2rem -0.4rem;
  font-size: 1rem;
  color: #555;
  line-height: 1.7;
  text-align: center;
  max-width: 712px;
}


/* form link */
.gallery--lead_form-wrap {
  margin: 2rem 3rem 0;
  padding: 2rem 0;
  color: #b0976d;
  text-align: center;
  border: 1px solid #b0976d;
}
.gallery--lead_form-wrap .gallery--lead_form-head {
  padding-top: 0.15rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 0.85;
}
.gallery--lead_form-wrap .gallery--lead_form-text {
  margin: 1.2rem 0 -0.5rem;
  font-size: 1rem;
  line-height: 1.7;
}
.gallery--lead_form-wrap .gallery--lead_form-link {
  margin-top: 1.5rem;
  font-size: 1rem;
/*  color: #617995;*/
  display: inline-block;
}


/* post list */
.gallery--main {
  margin-top: 4rem;
}

/* post list - category */
.gallery--category_tab-wrap {
  border-top: 1px solid #ddd;
  text-align: center;
}
.gallery--category_tab-wrap .gallery--category_tab-head {
  margin-top: 2.5rem;
  font-size: 1.25rem;
  font-weight: 500;
}
.gallery--category_tab-wrap .gallery--category_tab-button-wrap {
  margin: 1rem 1rem 0;
  font-size: 0;
}
.gallery--category_tab-wrap .gallery--category_tab-button {
  margin-top: 1rem;
  border-left: 1px solid #ccc;
  padding: 0 1rem;
  font-size: 1rem;
  display: inline-block;
  cursor: pointer;
}
.gallery--category_tab-wrap .gallery--category_tab-button.-_active {
  font-weight: 500;
}
.gallery--category_tab-wrap .gallery--category_tab-button:nth-child(4n+1) {
  border-left: none;
}

/* post list - content */
.gallery--tab_content-ul {
  margin-top: 3rem;
  padding: 3rem;
  border-top: 1px solid #ddd;
}
.gallery--tab_content-ul .gallery--tab_content-li {
  display: none;
}
.gallery--tab_content-ul .gallery--tab_content-li.-_active {
  display: block;
}
.gallery--tab_content-ul .gallery--tab_content-head-main {
  font-size: 4rem;
  font-weight: var(--FTWEIGHT_bebas);
  line-height: 0.75;
  font-family: bebas-neue, bebas-neue-by-fontfabric;
  text-align: center;
}
.gallery--tab_content-ul .gallery--tab_content-head-sub {
  margin-top: 1.5rem;
  font-size: 1rem;
  color: #aaa;
  text-align: center;
}
.gallery--tab_content-ul .gallery--tab_content-post-ul {
  margin: 1.5rem -1rem -1.5rem;
  padding: 0;
  font-size: 0;
}
.gallery--tab_content-ul .gallery--tab_content-post-li {
  padding: 1.5rem 1rem;
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.gallery--tab_content-ul .gallery--tab_content-post-li + .gallery--tab_content-post-li {
  margin-top: 0
}
.gallery--tab_content-ul .gallery--tab_content-post-image {
  width: 100%;
}
.gallery--tab_content-ul .gallery--tab_content-post-content {
    margin-top: 2rem;
}
.gallery--tab_content-ul .gallery--tab_content-post-name {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 0.8;
}
.gallery--tab_content-ul .gallery--tab_content-post-text {
  margin: 1rem 0 -0.5rem;
  font-size: 1rem;
  line-height: 1.7;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 300;
}


/* pagination */
.gallery--pagination-wrap {
  margin-top: 1.5rem;
  padding: 0 3rem;
  display: table;
  width: 100%;
}
.gallery--pagination-wrap .gallery--pagination-text {
  font-size: 0.85rem;
  display: table-cell;
}
.gallery--pagination-wrap .gallery--pagination-link-wrap {
  font-size: 0.85rem;
  text-align: right;
  display: table-cell;
  white-space: nowrap;
}
.gallery--pagination-wrap .gallery--pagination-current {
  padding: 0 0.5rem;
  display: inline-block;
}
.gallery--pagination-wrap .gallery--pagination-link {
  padding: 0 0.5rem;
  display: inline-block;
  color: #547e94;
}

a.gallery--tab_content-post-link_sp {
    color: var(--BASE_color);
}


@media screen and (min-width: 640px) {
  .__page_contents_right {
    width: 712px;
  }

  .__page_contents_left {
    display: none;
  }


  /* top image */
  .gallery--top-wrap {
    background-image: url(./img/top_pc.png);
    height: 35.5rem;
    background-size: auto;
    position: relative;
    margin: 0 auto;
    max-width: 712px;
  }
  .gallery--top-wrap .gallery--top-right {
    font-size: 0.75rem;
    color: #ab936b;
    font-weight: 600;
    font-family: Helvetica;
    position: absolute;
    top: 6rem;
    right: -1.6rem;
    letter-spacing: 0.03rem;
    writing-mode: vertical-lr;
  }
  .gallery--top-wrap .gallery--top-right:before {
    content:"";
    border-left: 1px solid #ab936b;
    display: block;
    height: 5rem;
    position: absolute;
    top: -6rem;
    left: 50%;
  }
  .gallery--top-wrap .gallery--top-head-main {
    margin: -0.2rem 0 -0.3rem -0.15rem;
    font-size: 6.15rem;
    line-height: 0.823;
  }
  .gallery--top-wrap .gallery--top-head-sub {
    font-size: 1rem;
    padding-top: 0;
    line-height: 0.8;
  }
  .gallery--top-wrap .gallery--top-background {
    padding-top: calc(100% - 4rem);
    top: calc(50% + 1rem);
  }


  /* form link */
  .gallery--lead_form-wrap {
    margin: 2.5rem 3rem 0;
    margin: 0 auto;
    max-width: 712px;
    margin-top: 101.5px;
  }
  .gallery--lead_form-wrap .gallery--lead_form-head {
    font-size: 1rem;
      line-height: 0.9;
    padding-top: 0.1rem;
  }
  .gallery--lead_form-wrap .gallery--lead_form-text {
    margin: 0.75rem 0 -0.5rem;
    font-size: 0.8rem;
    line-height: 1.625;
  }
  .gallery--lead_form-wrap .gallery--lead_form-link {
    margin-top: 1.25rem;
    font-size: 0.8rem;
  }


  /* post list */
  .gallery--main {
    margin: 3.25rem 3rem 0;
  }
  .gallery--category_tab-wrap .gallery--category_tab-head {
    font-size: 1rem;
  }
  .gallery--category_tab-wrap .gallery--category_tab-button-wrap {
    margin: 1rem 0 0;
  }
  .gallery--category_tab-wrap .gallery--category_tab-button {
    font-size: 0.8rem;
  }
  /* .gallery--category_tab-wrap .gallery--category_tab-button:nth-child(4n+1) {
    border-left: 1px solid #ccc;
  } */
  .gallery--category_tab-wrap .gallery--category_tab-button:nth-child(5n+1) {
    border-left: none;
  }

  /* post list - content */
  .gallery--tab_content-ul {
    margin-top: 2.5rem;
    padding: 4rem 0 0;
  }
  .gallery--tab_content-ul .gallery--tab_content-head-main {
    font-size: 3rem;
  }
  .gallery--tab_content-ul .gallery--tab_content-head-sub {
    margin-top: 1.1rem;
    font-size: 0.8rem;
  }
  .gallery--tab_content-ul .gallery--tab_content-post-ul {
    margin: 0;
  }
  .gallery--tab_content-ul .gallery--tab_content-post-ul .gallery--tab_content-post-li {
    margin-top: 3rem;
    padding: 0;
    width: 100%;
  }
  .gallery--tab_content-ul .gallery--tab_content-post-image {
    width: 43.165%;
    display: inline-block;
  }
  .gallery--tab_content-ul .gallery--tab_content-post-content {
    margin-top: 0;
    padding: 1rem 0 0 2rem;
    width: 56.835%;
    display: inline-block;
    vertical-align: middle;
  }
  .gallery--tab_content-ul .gallery--tab_content-post-name {
    font-size: 1.25rem;
    display: inline-block;
  }
  .gallery--tab_content-ul .gallery--tab_content-post-address {
    margin-top: 1rem;
    font-size: 0.8rem;
    color: #aaa;
  }
  .gallery--tab_content-ul .gallery--tab_content-post-text {
    margin: 0.7rem 0 -0.3rem;
    font-size: 0.8rem;
    line-height: 1.75;
    -webkit-line-clamp: 3;
  }
  .gallery--tab_content-ul .gallery--tab_content-post-link_pc.-_pc {
    margin-top: 1rem;
    border-radius: 50rem;
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: normal;
    color: var(--color__gray-777);
    background-color: var(--color__white);
    border: 1px solid var(--color__gray-DDD);
    box-shadow: none;
    max-width: unset;
    display: inline-block;
    text-align: center;
    padding: 9px 20px;
    font-size: 12px;
    width: auto;
  }
  .gallery--tab_content-ul .gallery--tab_content-post-link_sp {
    pointer-events: none;
    vertical-align: middle;
  }


  /* pagination */
  .gallery--pagination-wrap {
    margin-top: 6rem;
  }
}