body::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: -2;
  display: inline-block;
  inline-size: 100%;
  block-size: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: repeat-y;
  background-image: url("../images/site-bg02.jpg");
}

@scope (.area-prmy-archive-post) to (.area-scdy-archive-post) {
  @media screen and (min-width: 769px) {
    :scope .ly-inner-area {
      padding-block-start: 12.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope .ly-inner-area {
      padding-block-start: 32vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope .ly-fixed-width {
      max-inline-size: 71.875vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.post .body {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body {
      padding-block-end: 16vw;
    }
  }
  :scope.post .body .list-post {
    letter-spacing: 0.08em;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post > .item {
      padding-block-start: 1.25vw;
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post > .item {
      padding-block-start: 4vw;
      padding-block-end: 4vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post > .item {
      padding-inline-start: 1.875vw;
      padding-inline-end: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post > .item {
      padding-inline-start: 6vw;
      padding-inline-end: 6vw;
    }
  }
  :scope.post .body .list-post > .item.lazy_bg_image {
    position: relative;
  }
  :scope.post .body .list-post > .item.lazy_bg_image::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: -2;
    inline-size: 100%;
    block-size: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  :scope.post .body .list-post > .item.lazy_bg_image.is_loaded::before {
    background-image: url("../images/area-bg01.jpg");
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post > .item .entry .intro .title {
      padding-block-end: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post > .item .entry .intro .title {
      padding-block-end: 3vw;
    }
  }
  :scope.post .body .list-post > .item .entry .intro .title .heading {
    inline-size: 100%;
    line-height: 1.25;
    font-weight: normal;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post > .item .entry .intro .title .heading {
      padding-block-end: 0.41667vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post > .item .entry .intro .title .heading {
      padding-block-end: 1vw;
    }
  }
  :scope.post .body .list-post > .item .entry .intro .title .heading {
    border-block-end-color: #dddddd;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post > .item .entry .intro .title .heading {
      border-block-end-width: 0.05208vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post > .item .entry .intro .title .heading {
      border-block-end-width: 0.25vw;
    }
  }
  :scope.post .body .list-post > .item .entry .intro .title .heading .string {
    display: inline;
    text-box-edge: auto;
    text-box-trim: none;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post > .item .entry .intro .title .heading .string {
      font-size: 1.04167vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post > .item .entry .intro .title .heading .string {
      font-size: 4.5vw;
    }
  }
  :scope.post .body .list-post > .item .entry .intro .date,
  :scope.post .body .list-post > .item .entry .intro .term {
    display: flex;
    align-items: center;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post > .item .entry .intro .date .time {
      font-size: 0.67708vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post > .item .entry .intro .date .time {
      font-size: 3.25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post > .item .entry .intro .term .name {
      font-size: 0.67708vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post > .item .entry .intro .term .name {
      font-size: 3.25vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post > .item .entry .core .text .sentence {
      font-size: 0.78125vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post > .item .entry .core .text .sentence {
      font-size: 3.75vw;
    }
  }
  :scope.post .body .list-post.des-row.des-row {
    position: relative;
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-row.des-row > .item {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-row.des-row > .item {
      padding-block-end: 6vw;
    }
  }
  :scope.post .body .list-post.des-row.des-row > .item > .entry > .link {
    display: block;
    color: currentColor;
    text-decoration: none;
    inline-size: 100%;
  }
  :scope.post .body .list-post.des-row.des-row > .item > .entry:not(:has(> .link)) {
    border-block-end-color: #dddddd;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-row.des-row > .item > .entry:not(:has(> .link)) {
      border-block-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-row.des-row > .item > .entry:not(:has(> .link)) {
      border-block-end-width: 0.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-row.des-row > .item > .entry:not(:has(> .link)) {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-row.des-row > .item > .entry:not(:has(> .link)) {
      padding-block-end: 6vw;
    }
  }
  :scope.post .body .list-post.des-row.des-row > .item > .entry > .link {
    border-block-end-color: #dddddd;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-row.des-row > .item > .entry > .link {
      border-block-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-row.des-row > .item > .entry > .link {
      border-block-end-width: 0.5vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-row.des-row > .item > .entry > .link {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-row.des-row > .item > .entry > .link {
      padding-block-end: 6vw;
    }
  }
  :scope.post .body .list-post.des-row .item .entry:not(:has(> .link)) {
    display: grid;
    align-items: center;
  }
  :scope.post .body .list-post.des-row .item .entry:not(:has(> .link)) .intro .ga-title {
    grid-area: title;
  }
  :scope.post .body .list-post.des-row .item .entry:not(:has(> .link)) .intro .ga-term {
    grid-area: term;
  }
  :scope.post .body .list-post.des-row .item .entry:not(:has(> .link)) .intro .ga-date {
    grid-area: date;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-row .item .entry:not(:has(> .link)) {
      grid-template-areas: "date term title";
      grid-template-columns: minmax(10.41667vw, max-content) minmax(10.41667vw, max-content) 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-row .item .entry:not(:has(> .link)) {
      grid-template-areas: "date term" "title title";
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-row .item .entry:not(:has(> .link)) {
      row-gap: 4vw;
    }
  }
  :scope.post .body .list-post.des-row .item .entry:not(:has(> .link)) .intro {
    display: contents;
  }
  :scope.post .body .list-post.des-row .item .entry:not(:has(> .link)) .intro .title .heading .link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
  }
  :scope.post .body .list-post.des-row .item .entry:not(:has(> .link)) .intro .term .name .link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
  }
  :scope.post .body .list-post.des-row .item .entry > .link {
    display: grid;
    align-items: center;
  }
  :scope.post .body .list-post.des-row .item .entry > .link .intro .ga-title {
    grid-area: title;
  }
  :scope.post .body .list-post.des-row .item .entry > .link .intro .ga-term {
    grid-area: term;
  }
  :scope.post .body .list-post.des-row .item .entry > .link .intro .ga-date {
    grid-area: date;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-row .item .entry > .link {
      grid-template-areas: "date term title";
      grid-template-columns: minmax(10.41667vw, max-content) minmax(10.41667vw, max-content) 1fr;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-row .item .entry > .link {
      grid-template-areas: "date term" "title title";
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-row .item .entry > .link {
      row-gap: 4vw;
    }
  }
  :scope.post .body .list-post.des-row .item .entry > .link .intro {
    display: contents;
  }
  :scope.post .body .list-post.des-row .item .entry > .link .intro .title .heading .link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
  }
  :scope.post .body .list-post.des-row .item .entry > .link .intro .term .name .link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
  }
  :scope.post .body .list-post.des-card.des-card {
    display: grid;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-card.des-card {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-card.des-card {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-card.des-card {
      gap: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-card.des-card {
      gap: 8vw;
    }
  }
  :scope.post .body .list-post.des-card.des-card > .item {
    display: grid;
    grid-template-rows: subgrid;
    gap: 0;
  }
  :scope.post .body .list-post.des-card.des-card > .item > .entry {
    display: contents;
  }
  :scope.post .body .list-post.des-card.des-card > .item > .entry > .link {
    display: grid;
    color: currentColor;
    text-decoration: none;
    align-items: start;
    min-width: 0;
    grid-column: 1/-1;
    grid-row: 1/-1;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-card.des-card > .item > .entry > .link {
      column-gap: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-card.des-card > .item > .entry > .link {
      column-gap: 3vw;
    }
  }
  :scope.post .body .list-post.des-card.des-card > .item > .entry > .intro,
  :scope.post .body .list-post.des-card.des-card > .item > .entry > .thumb,
  :scope.post .body .list-post.des-card.des-card > .item > .entry > .core,
  :scope.post .body .list-post.des-card.des-card > .item > .entry > .outro,
  :scope.post .body .list-post.des-card.des-card > .item > .entry > .link > .intro,
  :scope.post .body .list-post.des-card.des-card > .item > .entry > .link > .thumb,
  :scope.post .body .list-post.des-card.des-card > .item > .entry > .link > .core,
  :scope.post .body .list-post.des-card.des-card > .item > .entry > .link > .outro {
    display: contents;
  }
  :scope.post .body .list-post.des-card > .item {
    grid-template-areas: "title title" "text text" "date term";
    grid-template-columns: minmax(0, max-content) 1fr;
    grid-row: span 3;
  }
  :scope.post .body .list-post.des-card > .item .entry .intro .ga-title {
    grid-area: title;
  }
  :scope.post .body .list-post.des-card > .item .entry .intro .ga-date {
    grid-area: date;
  }
  :scope.post .body .list-post.des-card > .item .entry .intro .ga-term {
    grid-area: term;
  }
  :scope.post .body .list-post.des-card > .item .entry .core .ga-text {
    grid-area: text;
  }
  @media screen and (min-width: 769px) {
    :scope.post .body .list-post.des-card > .item .entry .core .text {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.post .body .list-post.des-card > .item .entry .core .text {
      padding-block-end: 4vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.product .body {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.product .body {
      padding-block-end: 16vw;
    }
  }
  :scope.product .body .list-post.des-card {
    display: grid;
  }
  @media screen and (min-width: 769px) {
    :scope.product .body .list-post.des-card {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 768px) {
    :scope.product .body .list-post.des-card {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media screen and (min-width: 769px) {
    :scope.product .body .list-post.des-card {
      gap: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.product .body .list-post.des-card {
      gap: 8vw;
    }
  }
  :scope.product .body .list-post.des-card > .item {
    display: grid;
    grid-template-rows: subgrid;
    gap: 0;
  }
  :scope.product .body .list-post.des-card > .item > .entry {
    display: contents;
  }
  :scope.product .body .list-post.des-card > .item > .entry > .link {
    display: grid;
    color: currentColor;
    text-decoration: none;
    align-items: start;
    min-width: 0;
    grid-column: 1/-1;
    grid-row: 1/-1;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }
  @media screen and (min-width: 769px) {
    :scope.product .body .list-post.des-card > .item > .entry > .link {
      column-gap: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.product .body .list-post.des-card > .item > .entry > .link {
      column-gap: 3vw;
    }
  }
  :scope.product .body .list-post.des-card > .item > .entry > .intro,
  :scope.product .body .list-post.des-card > .item > .entry > .thumb,
  :scope.product .body .list-post.des-card > .item > .entry > .core,
  :scope.product .body .list-post.des-card > .item > .entry > .outro,
  :scope.product .body .list-post.des-card > .item > .entry > .link > .intro,
  :scope.product .body .list-post.des-card > .item > .entry > .link > .thumb,
  :scope.product .body .list-post.des-card > .item > .entry > .link > .core,
  :scope.product .body .list-post.des-card > .item > .entry > .link > .outro {
    display: contents;
  }
  :scope.product .body .list-post > .item {
    grid-template-areas: "disp" "title" "text" "read-more" "buy";
    grid-template-columns: 1fr;
    grid-row: span 5;
  }
  :scope.product .body .list-post > .item .entry .thumb .ga-disp {
    grid-area: disp;
  }
  :scope.product .body .list-post > .item .entry .intro .ga-title {
    grid-area: title;
  }
  :scope.product .body .list-post > .item .entry .core .ga-text {
    grid-area: text;
  }
  :scope.product .body .list-post > .item .entry .outro .ga-read-more {
    grid-area: read-more;
  }
  :scope.product .body .list-post > .item .entry .outro .ga-buy {
    grid-area: buy;
  }
  @media screen and (min-width: 769px) {
    :scope.product .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.product .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 4vw;
    }
  }
  :scope.product .body .list-post > .item .entry .thumb .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 2;
  }
  :scope.product .body .list-post > .item .entry .thumb .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.product .body .list-post > .item .entry .core .text {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.product .body .list-post > .item .entry .core .text {
      padding-block-end: 4vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.product .body .list-post > .item .entry .outro .g-btn-read-more {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.product .body .list-post > .item .entry .outro .g-btn-read-more {
      padding-block-end: 4vw;
    }
  }
  :scope.product .body .list-post > .item .entry .outro .g-btn-read-more .link {
    margin-inline-start: auto;
  }
  :scope.product .body .list-post > .item .entry .outro .g-btn-buy .link {
    display: #fff;
    color: currentColor;
    text-decoration: none;
    inline-size: 100%;
    background-color: #dddddd;
    text-align: center;
  }
  @media screen and (min-width: 769px) {
    :scope.product .body .list-post > .item .entry .outro .g-btn-buy .link {
      padding-block-start: 0.83333vw;
      padding-block-end: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.product .body .list-post > .item .entry .outro .g-btn-buy .link {
      padding-block-start: 3vw;
      padding-block-end: 3vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body {
      padding-block-end: 16vw;
    }
  }
  :scope.topics .body .list-post.des-card {
    display: grid;
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post.des-card {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post.des-card {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post.des-card {
      gap: 2.5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post.des-card {
      gap: 8vw;
    }
  }
  :scope.topics .body .list-post.des-card > .item {
    display: grid;
    grid-template-rows: subgrid;
    gap: 0;
  }
  :scope.topics .body .list-post.des-card > .item > .entry {
    display: contents;
  }
  :scope.topics .body .list-post.des-card > .item > .entry > .link {
    display: grid;
    color: currentColor;
    text-decoration: none;
    align-items: start;
    min-width: 0;
    grid-column: 1/-1;
    grid-row: 1/-1;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post.des-card > .item > .entry > .link {
      column-gap: 0.83333vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post.des-card > .item > .entry > .link {
      column-gap: 3vw;
    }
  }
  :scope.topics .body .list-post.des-card > .item > .entry > .intro,
  :scope.topics .body .list-post.des-card > .item > .entry > .thumb,
  :scope.topics .body .list-post.des-card > .item > .entry > .core,
  :scope.topics .body .list-post.des-card > .item > .entry > .outro,
  :scope.topics .body .list-post.des-card > .item > .entry > .link > .intro,
  :scope.topics .body .list-post.des-card > .item > .entry > .link > .thumb,
  :scope.topics .body .list-post.des-card > .item > .entry > .link > .core,
  :scope.topics .body .list-post.des-card > .item > .entry > .link > .outro {
    display: contents;
  }
  :scope.topics .body .list-post > .item {
    position: relative;
    grid-template-areas: "disp" "title" "read-more";
    grid-template-columns: 1fr;
    grid-row: span 3;
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post > .item {
      padding-block-start: 1.875vw;
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post > .item {
      padding-block-start: 9vw;
      padding-block-end: 9vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post > .item {
      padding-inline-start: 1.25vw;
      padding-inline-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post > .item {
      padding-inline-start: 6vw;
      padding-inline-end: 6vw;
    }
  }
  :scope.topics .body .list-post > .item::before, :scope.topics .body .list-post > .item::after {
    content: "";
    position: absolute;
    display: inline-block;
    inline-size: 100%;
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post > .item::before, :scope.topics .body .list-post > .item::after {
      max-inline-size: 5vw;
      block-size: 5vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post > .item::before, :scope.topics .body .list-post > .item::after {
      max-inline-size: 24vw;
      block-size: 24vw;
    }
  }
  :scope.topics .body .list-post > .item::before {
    inset-block-start: 0;
    inset-inline-start: 0;
    border-block-start-color: #dddddd;
    border-block-start-style: solid;
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post > .item::before {
      border-block-start-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post > .item::before {
      border-block-start-width: 0.5vw;
    }
  }
  :scope.topics .body .list-post > .item::before {
    border-inline-start-color: #dddddd;
    border-inline-start-style: solid;
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post > .item::before {
      border-inline-start-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post > .item::before {
      border-inline-start-width: 0.5vw;
    }
  }
  :scope.topics .body .list-post > .item::after {
    inset-block-end: 0;
    inset-inline-end: 0;
    border-block-end-color: #dddddd;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post > .item::after {
      border-block-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post > .item::after {
      border-block-end-width: 0.5vw;
    }
  }
  :scope.topics .body .list-post > .item::after {
    border-inline-end-color: #dddddd;
    border-inline-end-style: solid;
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post > .item::after {
      border-inline-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post > .item::after {
      border-inline-end-width: 0.5vw;
    }
  }
  :scope.topics .body .list-post > .item .entry .thumb .ga-disp {
    grid-area: disp;
  }
  :scope.topics .body .list-post > .item .entry .intro .ga-title {
    grid-area: title;
  }
  :scope.topics .body .list-post > .item .entry .outro .ga-read-more {
    grid-area: read-more;
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post > .item .entry .intro .title {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post > .item .entry .intro .title {
      padding-block-end: 4vw;
    }
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 4vw;
    }
  }
  :scope.topics .body .list-post > .item .entry .thumb .disp .media {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 2;
  }
  :scope.topics .body .list-post > .item .entry .thumb .disp .media .image {
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  @media screen and (min-width: 769px) {
    :scope.topics .body .list-post > .item .entry .core .text {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 768px) {
    :scope.topics .body .list-post > .item .entry .core .text {
      padding-block-end: 4vw;
    }
  }
}
/*# sourceMappingURL=archive.css.map */