/* =========================================================
post
========================================================= */
.p-post-mv--wrap {
  aspect-ratio: 1670/600;
  background-image: url(../images/menu/img-mv01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: auto;
  max-width: 1000px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.p-post-mv_title::after {
  aspect-ratio: 1/1;
  background-color: #f7eeeb;
  border-radius: 100%;
  content: "";
  display: block;
  width: 200px;
  position: absolute;
  bottom: -120px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-post-mv_title::after {
    width: 300px;
    bottom: -200px;
  }
}
.p-post-mv_title .inner {
  font-size: clamp(26px, 4.4vw, 34px);
  font-weight: bold;
  letter-spacing: 0.4rem;
  padding: 0.8rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-post-mv_title .inner {
    font-size: 34px;
  }
}
.p-post-archive {
  padding: 70px 5vw;
}
@media screen and (min-width: 768px) {
  .p-post-archive {
    padding: 70px 2vw;
  }
}
.p-post-archive--wrap {
  margin: auto;
  max-width: 1000px;
}
.p-post-archive_category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 40px;
}
.p-post-archive_category > li a {
  background-color: #fff;
  border-radius: 999px;
  color: #651901;
  display: block;
  font-size: clamp(13px, 1.5vw, 15px);
  padding: 7px 18px;
  transition: 0.4s;
}
.p-post-archive_category > li a:hover {
  background-color: #d6b8c3;
  color: #fff;
}
.p-post-archive_list {
  display: grid;
  gap: 40px;
}
@media screen and (min-width: 768px) {
  .p-post-archive_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .p-post-archive_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.p-post-archive_list > li a {
  color: #413734;
  display: block;
  transition: 0.4s;
}
.p-post-archive_list > li a:hover .title {
  text-decoration: underline;
}
.p-post-archive_list > li a:hover img {
  transform: scale(1.05);
}
.p-post-archive_list > li figure {
  display: block;
}
.p-post-archive_list > li .image {
  border-radius: 10px;
  overflow: hidden;
}
.p-post-archive_list > li .image img {
  display: block;
  height: auto;
  width: 100%;
  transition: 0.4s;
}
.p-post-archive_list > li figcaption {
  margin-top: 15px;
}
.p-post-archive_list > li .meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .p-post-archive_list > li .meta {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.p-post-archive_list > li .meta time {
  color: #7a6c65;
  font-size: clamp(12px, 1.4vw, 14px);
}
.p-post-archive_list > li .category {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.p-post-archive_list > li .category > li {
  background-color: #d6b8c3;
  border-radius: 5px;
  display: inline-block;
  font-size: clamp(11px, 1.3vw, 13px);
  padding: 3px 15px;
}
.p-post-archive_list > li .title {
  font-size: clamp(15px, 1.7vw, 17px);
  line-height: 1.5;
  margin-top: 8px;
}
.p-post-archive_pager {
  margin-top: 50px;
  text-align: center;
}
.p-post-archive_pager .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.p-post-archive_pager .page-numbers {
  background-color: #fff;
  border-radius: 5px;
  color: #651901;
  display: inline-block;
  font-size: 14px;
  padding: 7px 12px;
}
.p-post-archive_pager .page-numbers.current {
  background-color: #d6b8c3;
  color: #fff;
}
.p-post-archive_empty {
  color: #413734;
  text-align: center;
}
.p-post-single {
  padding: 60px 5vw;
}
@media screen and (min-width: 768px) {
  .p-post-single {
    padding: 80px 2vw;
  }
}
.p-post-single--wrap {
  margin: auto;
  max-width: 800px;
}
.p-post-single_header {
  margin-bottom: 30px;
}
.p-post-single_header .meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 768px) {
  .p-post-single_header .meta {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.p-post-single_header .meta time {
  color: #7a6c65;
  font-size: clamp(12px, 1.4vw, 14px);
}
.p-post-single_header .meta .category {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.p-post-single_header .meta .category > li a {
  background-color: #d6b8c3;
  border-radius: 5px;
  color: #413734;
  display: inline-block;
  font-size: clamp(11px, 1.3vw, 13px);
  padding: 3px 15px;
  transition: 0.3s;
}
.p-post-single_header .meta .category > li a:hover {
  opacity: 0.7;
}
.p-post-single_header .title {
  color: #413734;
  font-size: clamp(22px, 3.5vw, 30px);
  line-height: 1.5;
  margin-top: 15px;
}
.p-post-single_image {
  margin-bottom: 30px;
}
.p-post-single_image img {
  border-radius: 10px;
  display: block;
  height: auto;
  width: 100%;
}
.p-post-single_content {
  color: #413734;
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: 1.9;
}
.p-post-single_content p {
  margin-top: 1.2em;
}
.p-post-single_content h2 {
  border-left: 4px solid #d6b8c3;
  font-size: clamp(18px, 2.4vw, 22px);
  margin-top: 2em;
  padding-left: 10px;
}
.p-post-single_content h3 {
  font-size: clamp(16px, 2vw, 18px);
  margin-top: 1.8em;
}
.p-post-single_content ul {
  margin-top: 1em;
  padding-left: 1.5em;
}
.p-post-single_content ul li {
  list-style: disc;
  margin-top: 0.5em;
}
.p-post-single_content img {
  border-radius: 10px;
  margin-top: 20px;
}
.p-post-single_btn {
  margin-top: 50px;
  text-align: center;
}
.p-post-single_btn a {
  background-image: url(../images/common/bg-btn02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: #651901;
  display: inline-block;
  font-size: clamp(15px, 1.8vw, 18px);
  padding: 10px 25px;
  transition: 0.4s;
}
.p-post-single_btn a:hover {
  opacity: 0.7;
}
.p-post-single_btn a .inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-post-single_btn a .inner::before {
  background-image: url(../images/common/icon-footprints01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 30px;
  width: 30px;
  margin-right: 10px;
}
.p-post-single_btn a .inner::after {
  background-image: url(../images/common/icon-arrow01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 15px;
  width: 15px;
  margin-left: 8px;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
/*# sourceMappingURL=style-post.css.map */