@charset "utf-8";

/* ==========================================================================
   NEWS
========================================================================== */

/* ------------------------ archive-page ------------------------ */
.archive-wrap .archive-list-item {
   grid-template-columns: 1fr 1fr 1fr;
   column-gap: 80px;
   row-gap: 34px;
}
.archive-wrap .archive-list-item li .archive-list-item-detail {
   margin-top: 25px;
}

.archive-wrap .archive-list-item li .archive-list-item-detail .news-date {
   font-size: 13px;
   line-height: 1.6;
   letter-spacing: 0.15em;
   color: #4C4B4C;
}
.archive-wrap .archive-list-item li .archive-list-item-detail .news-title {
   font-size: 14px;
   font-weight: 300;
   line-height: 2;
   letter-spacing: 0.12em;

   margin-top: 13px;
}
@media screen and (max-width: 750px) {
   section .inner {
        margin-bottom: 20.533vw;
    }
   .archive-wrap .archive-list-item li {
       width: auto;
   }
   .archive-wrap .archive-list-item li:nth-child(n+2) {
      margin-left: 0;
      margin-top: 10.667vw;
   }
   .archive-wrap .archive-list-item li:nth-child(n+4) {
      margin-top: 10.667vw;
   }
   .archive-wrap .archive-list-item li .archive-list-item-detail {
      margin-top: 5.333vw;
   }

   .archive-wrap .archive-list-item li .archive-list-item-detail .news-date {
      font-size: 3.467vw;
   }
   .archive-wrap .archive-list-item li .archive-list-item-detail .news-title {
      font-size: 3.733vw;

      margin-top: 3.467vw;
   }
}

/* ------------------------ detail-page ------------------------ */
.content-wrap {
   padding-top: 100px;
   margin-top: 65px;
}
.content-wrap .inner {
   width: 770px;
}

.cat-title p {
   font-size: 14px;
   line-height: 1.25;
   letter-spacing: 0.2em;

   color: #4C4B4C;
   padding-bottom: 10px;
   display: inline-block;
   border-bottom: 1px solid #878788;
}
.news-main-wrap {
   margin-top: 40px;
}
.news-main-wrap h2 {
   font-size: 24px;
   font-weight: 300;
   line-height: 1.5;
   letter-spacing: 0.12em;
}

.news-main-wrap .news-date {
   font-size: 13px;
   line-height: 4.3;
   letter-spacing: 0.15em;

   color: #4C4B4C;
}
.news-main-wrap .news-detail {
   margin-top: 35px;
}
.news-main-wrap .news-detail p {
   font-size: 15px;
   font-weight: 300;
   line-height: 2;
   letter-spacing: 0.08em;

   margin-top: 30px;
}
.news-main-wrap .news-detail figure {
   margin: 0;
}

.news-main-wrap .news-detail .wp-block-image .alignleft {
    float: left;
    margin: .5em 1em .5em 0
}

.news-main-wrap .news-detail .wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 1em
}
.news-main-wrap .news-detail .wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.news-main-wrap .news-detail .wp-block-gallery.wp-block-gallery-1,
.news-main-wrap .news-detail .wp-block-gallery.wp-block-gallery-2,
.news-main-wrap .news-detail .wp-block-gallery.wp-block-gallery-3,
.news-main-wrap .news-detail .wp-block-gallery.wp-block-gallery-4,
.news-main-wrap .news-detail .wp-block-gallery.wp-block-gallery-5  {
   gap: 0;
}
.news-main-wrap .news-detail .wp-block-image,
.news-main-wrap .news-detail .wp-block-gallery {
   margin-top: 30px;
}

@media screen and (max-width: 750px) {
   .content-wrap {
      padding-top: 16vw;
      margin-top: 14.133vw;
   }
   .content-wrap .inner {
      width: 89.333vw;
   }
   .cat-title p {
      font-size: 3.733vw;
      padding-bottom: 2.667vw;
   }
   .news-main-wrap {
      margin-top: 10.667vw;
   }
   .news-main-wrap h2 {
      font-size: 6.4vw;
   }

   .news-main-wrap .news-date {
      font-size: 3.467vw;
   }
   .news-main-wrap .news-detail {
      margin-top: 9.333vw;
   }
   .news-main-wrap .news-detail p {
      font-size: 4vw;

      margin-top: 10.667vw;
   }
   .news-main-wrap .news-detail .wp-block-image,
   .news-main-wrap .news-detail .wp-block-gallery {
      margin-top: 10.667vw;
   }
   .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
       width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)* .66667) !important;
   }
   .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
        width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)* .75) !important;
    }
}

/* ------------------------ post-nav-wrap ------------------------ */
.post-nav-wrap {
   display: flex;
   justify-content: space-between;

   border-top: 1px solid #878788;
   margin-top: 50px;
   padding-top: 50px;
}
.post-nav-wrap .post-nav-item .post-nav-icn {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
}
.post-nav-wrap .post-nav-item .post-nav-icn span {
   width: 16px;
   height: 9px;
}
.post-nav-wrap .next-post .post-nav-icn span{
   transform: rotate(180deg);
}
.post-nav-wrap .next-post .post-nav-icn {
   justify-content: flex-end;
}
.post-nav-wrap .prev-post .post-nav-icn span {
   margin-right: 10px;
}
.post-nav-wrap .next-post .post-nav-icn span {
   margin-left: 10px;
}
.post-nav-wrap .post-nav-item .post-nav-icn p {
   font-size: 14px;
   line-height: 2;
   letter-spacing: 0.2em;
}
.post-nav-wrap .post-nav-item {
   width: 316px;
}

.post-nav-wrap .post-nav-item .news-detail .news-date {
   font-size: 13px;
   line-height: 4.3;
   letter-spacing: 0.15em;

   color: #4C4B4C;
}

.post-nav-wrap .post-nav-item .news-detail .news-title {
   font-size: 14px;
   font-weight: 300;
   line-height: 2;
   letter-spacing: 0.12em;
}

@media screen and (max-width: 750px) {
   .post-nav-wrap {
      margin-top: 12vw;
      padding-top: 10.667vw;
   }
   .post-nav-wrap .post-nav-item .post-nav-icn {
      margin-bottom: 4vw;
   }
   .post-nav-wrap .post-nav-item .post-nav-icn span {
      width: 4.267vw;
      height: 2.4vw;
   }
   .post-nav-wrap .prev-post .post-nav-icn span {
      margin-right: 2.667vw;
   }
   .post-nav-wrap .next-post .post-nav-icn span {
      margin-left: 2.667vw;
   }
   .post-nav-wrap .post-nav-item .post-nav-icn p {
      font-size: 3.733vw;
   }
   .post-nav-wrap .post-nav-item {
      width: 42.667vw;
   }

   .post-nav-wrap .post-nav-item .news-detail .news-date {
      font-size: 3.467vw;
   }

   .post-nav-wrap .post-nav-item .news-detail .news-title {
      font-size: 3.733vw;
   }
}