@charset "UTF-8";
/* %算出に使用 */
/* ===============================
  投稿
=============================== */
/* ページネーション
------------------------------*/
.pagination {
  margin-top: 6.6666666667%;
  display: flex;
  gap: 0 0.2%;
  align-items: center;
}

.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2738853503vw;
  font-weight: 200;
  line-height: 1.75;
  width: 1.6em;
  height: 1.6em;
  text-align: center;
  color: #3e3a39;
  text-decoration: none;
  transition: all 0.2s;
  position: relative;
}
.page-numbers::before {
  content: ".";
  position: absolute;
  transform: translate(30%, 5%);
  right: 0%;
  bottom: 0%;
}
.page-numbers.prev::before, .page-numbers.next::before, .page-numbers.current::before, .page-numbers:nth-last-child(2)::before {
  display: none;
}
.page-numbers.current {
  background-color: #47555e;
  color: #fff;
  font-weight: 700;
  border-radius: 2px;
}
.page-numbers.prev {
  transform: scale(-1, 1);
}
.page-numbers img {
  width: 0.6em;
}
@media (max-width: 767px) {
  .page-numbers {
    font-size: 4.2666666667vw;
  }
}

/*------------------------------
mv
------------------------------*/
.housing__mv {
  background: url(../img/projects-housing_mv.jpg) no-repeat center center/cover;
}

.renovation__mv {
  background: url(../img/projects-renovation_mv.jpg) no-repeat center center/cover;
}

.shop__mv {
  background: url(../img/projects-shop_mv.jpg) no-repeat center center/cover;
}

/*------------------------------
PROJECTS
------------------------------*/
.projects__title {
  font-size: 1.9108280255vw;
  font-weight: 400;
  line-height: 1.2;
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0.08em;
}
.projects__title span {
  font-size: 1.5923566879vw;
}
@media (max-width: 767px) {
  .projects__title {
    font-size: 5.6vw;
  }
  .projects__title span {
    font-size: 3.7333333333vw;
  }
}

.projects__list {
  margin-top: 6.6%;
  display: flex;
  flex-wrap: wrap;
  gap: 4.6vw 5%;
}
@media (max-width: 767px) {
  .projects__list {
    display: block;
  }
}

.projects__list--2 {
  margin-top: 3%;
}

.projects__item {
  width: 29.9666666667%;
}
@media (max-width: 767px) {
  .projects__item {
    width: 100%;
  }
  .projects__item:nth-child(n+2) {
    margin-top: 11.1731843575%;
  }
}

.projects__item-thumbnail img {
  aspect-ratio: 362/392;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3.1847133758vw 0 3.1847133758vw 0;
}
@media (max-width: 767px) {
  .projects__item-thumbnail img {
    border-radius: 8vw 0 8vw 0;
  }
}

.projects__item-number {
  font-size: 5.0955414013vw;
  font-weight: 400;
  line-height: 1.2;
  font-family: "Cormorant Garamond", serif;
  line-height: 0.8;
  margin-top: 0;
}
@media (max-width: 767px) {
  .projects__item-number {
    font-size: 16vw;
  }
}

.projects__item-title {
  font-size: 1.1464968153vw;
  font-weight: 200;
  line-height: 1.7222222222;
  margin-top: 1.2em;
}
@media (max-width: 767px) {
  .projects__item-title {
    font-size: 4.8vw;
    margin-top: 1em;
  }
}

#archive .projects__container {
  padding: 7.0063694268vw 0 13.2%;
}

#single {
  margin-top: 2%;
}
#single .projects__container {
  position: relative;
  padding: 3.3% 0 9.5%;
}
#single .projects__mv img {
  border-radius: 5.7324840764vw 0 5.7324840764vw 0;
  aspect-ratio: 1208/725;
  -o-object-fit: cover;
     object-fit: cover;
}
#single .projects__wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 8.5%;
}
@media (max-width: 767px) {
  #single .projects__wrapper {
    flex-direction: column;
    gap: 10vw 0;
  }
}
#single .projects__block {
  width: 46.3%;
}
@media (max-width: 767px) {
  #single .projects__block {
    width: 100%;
  }
}
#single .projects__title--single {
  font-size: 2.5477707006vw;
  font-weight: 200;
  line-height: 2;
  margin-top: calc((1lh - 1em) / -2);
}
@media (max-width: 767px) {
  #single .projects__title--single {
    font-size: 6.4vw;
  }
}
#single .projects__image img {
  aspect-ratio: 600/410;
  -o-object-fit: cover;
     object-fit: cover;
}
#single .projects__images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20%;
  padding-right: 2%;
  gap: 2vw;
}
#single .projects__images li {
  width: 46%;
}
#single .projects__images li img {
  aspect-ratio: 600/660;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  #single .projects__images {
    margin-top: 10%;
    padding-right: 0%;
  }
}
#single .projects__detail {
  margin-top: 15%;
  font-size: 1.2738853503vw;
}
@media (max-width: 767px) {
  #single .projects__detail {
    margin-top: 10%;
    font-size: 5.3333333333vw;
  }
}
#single .projects__detail-label {
  padding-bottom: 1em;
  background-image: linear-gradient(to right, #47555e, #47555e 0.1910828025vw, transparent 0.1910828025vw);
  background-size: 0.3821656051vw 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
#single .projects__detail-list {
  margin-top: 4%;
}
#single .projects__detail-list p:nth-child(n+2) {
  margin-top: 1em;
}
#single .projects__detail-text {
  margin-top: 7%;
  line-height: 1.85;
}
#single .single-relation {
  margin-top: 12%;
}
@media (max-width: 767px) {
  #single .single-relation {
    margin-top: 30%;
  }
}
#single .relation__button {
  margin-top: 5%;
}
#single .relation__button a {
  padding-right: 4em;
}

/*------------------------------
NEWS&INFO
------------------------------*/
#archive .news__container {
  padding-bottom: 44%;
}
#archive .news-search {
  margin: 6.5% 0 6%;
}
#archive .news-search .selectWrap {
  cursor: pointer;
  position: relative;
  padding: 0;
}
#archive .news-search .selectWrap select {
  color: inherit;
  cursor: pointer;
  font-family: "Noto Serif JP", serif;
  font-weight: 200;
  font-size: 1.1464968153vw;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 1.1em 1.2em;
}
#archive .news-search .selectWrap select:focus {
  outline: none;
}
@media (max-width: 767px) {
  #archive .news-search .selectWrap {
    cursor: pointer;
    position: relative;
    padding: 0;
  }
  #archive .news-search .selectWrap select {
    font-size: 4.2666666667vw;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    padding: 1.1em 1.2em;
  }
}

#single .news__container {
  padding: 7.7% 0 17%;
  position: relative;
}
#single .news__title {
  font-size: 2.5477707006vw;
  font-weight: 200;
  padding-bottom: 1em;
  background-image: linear-gradient(to right, #47555e, #47555e 0.1910828025vw, transparent 0.1910828025vw);
  background-size: 0.3821656051vw 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
@media (max-width: 767px) {
  #single .news__title {
    font-size: 6.4vw;
    line-height: 1.6;
  }
}
#single .news__meta {
  display: flex;
  align-items: center;
  margin-top: 2.7%;
  font-size: 1.1464968153vw;
}
@media (max-width: 767px) {
  #single .news__meta {
    font-size: 4.2666666667vw;
  }
}
#single .news__category {
  margin-left: 3.5%;
}
@media (max-width: 767px) {
  #single .news__category {
    margin-left: 5%;
  }
}
#single .news__content {
  margin-top: 6%;
  font-size: 1.2738853503vw;
  line-height: 1.8;
}
@media (max-width: 767px) {
  #single .news__content {
    font-size: 3.7333333333vw;
  }
}
#single .news__button {
  margin-top: 9%;
}
/*# sourceMappingURL=post.css.map */