@scope (.area-prmy-archive-post) to (.area-scdy-archive-post) {
  @media screen and (min-width: 1025px) {
    :scope.post .body {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.post .body {
      padding-block-end: 10.54688vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.post .body {
      padding-block-end: 20vw;
    }
  }
  :scope.post .body .list-post.des-row {
    position: relative;
    inline-size: 100%;
  }
  @media screen and (min-width: 1025px) {
    :scope.post .body .list-post.des-row > .item {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.post .body .list-post.des-row > .item {
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.post .body .list-post.des-row > .item {
      padding-block-end: 6vw;
    }
  }
  :scope.post .body .list-post.des-row > .item .entry {
    border-block-end-color: #81d8d0;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope.post .body .list-post.des-row > .item .entry {
      border-block-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.post .body .list-post.des-row > .item .entry {
      border-block-end-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.post .body .list-post.des-row > .item .entry {
      border-block-end-width: 0.5vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope.post .body .list-post.des-row > .item .entry {
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.post .body .list-post.des-row > .item .entry {
      padding-block-end: 2.92969vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.post .body .list-post.des-row > .item .entry {
      padding-block-end: 6vw;
    }
  }
  :scope.post .body .list-post .item .entry {
    display: grid;
    align-items: center;
  }
  :scope.post .body .list-post .item .entry .intro .ga-title {
    grid-area: title;
  }
  :scope.post .body .list-post .item .entry .intro .ga-term {
    grid-area: term;
  }
  :scope.post .body .list-post .item .entry .intro .ga-date {
    grid-area: date;
  }
  @media screen and (min-width: 1025px) {
    :scope.post .body .list-post .item .entry {
      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: 1024px) and (min-width: 601px) {
    :scope.post .body .list-post .item .entry {
      grid-template-areas: "date term title";
      grid-template-columns: minmax(19.53125vw, max-content) minmax(19.53125vw, max-content) 1fr;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.post .body .list-post .item .entry {
      grid-template-areas: "date term" "title title";
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media screen and (max-width: 600px) {
    :scope.post .body .list-post .item .entry {
      row-gap: 4vw;
    }
  }
  :scope.post .body .list-post .item .entry .intro {
    display: contents;
  }
  :scope.post .body .list-post .item .entry .intro .title .heading .link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
  }
  :scope.post .body .list-post .item .entry .intro .term .name .link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
  }
  @media screen and (min-width: 1025px) {
    :scope.product .body {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.product .body {
      padding-block-end: 10.54688vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.product .body {
      padding-block-end: 20vw;
    }
  }
  :scope.product .body .list-post.des-card {
    display: grid;
  }
  @media screen and (min-width: 1025px) {
    :scope.product .body .list-post.des-card {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.product .body .list-post.des-card {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 600px) {
    :scope.product .body .list-post.des-card {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media screen and (min-width: 1025px) {
    :scope.product .body .list-post.des-card {
      gap: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.product .body .list-post.des-card {
      gap: 5.85938vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.product .body .list-post.des-card {
      gap: 12vw;
    }
  }
  :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 .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 {
    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: 1025px) {
    :scope.product .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.product .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :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: 1025px) {
    :scope.product .body .list-post > .item .entry .core .text {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.product .body .list-post > .item .entry .core .text {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.product .body .list-post > .item .entry .core .text {
      padding-block-end: 4vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope.product .body .list-post > .item .entry .outro .g-btn-read-more {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.product .body .list-post > .item .entry .outro .g-btn-read-more {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :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: inline-block;
    color: #fff;
    text-decoration: none;
    inline-size: 100%;
    background-color: #81d8d0;
    text-align: center;
  }
  @media screen and (min-width: 1025px) {
    :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: 1024px) and (min-width: 601px) {
    :scope.product .body .list-post > .item .entry .outro .g-btn-buy .link {
      padding-block-start: 1.36719vw;
      padding-block-end: 1.36719vw;
    }
  }
  @media screen and (max-width: 600px) {
    :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: 1025px) {
    :scope.topics .body {
      padding-block-end: 6.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body {
      padding-block-end: 10.54688vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.topics .body {
      padding-block-end: 20vw;
    }
  }
  :scope.topics .body .list-post.des-card {
    display: grid;
  }
  @media screen and (min-width: 1025px) {
    :scope.topics .body .list-post.des-card {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post.des-card {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 600px) {
    :scope.topics .body .list-post.des-card {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  @media screen and (min-width: 1025px) {
    :scope.topics .body .list-post.des-card {
      gap: 3.75vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post.des-card {
      gap: 5.85938vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.topics .body .list-post.des-card {
      gap: 12vw;
    }
  }
  :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 .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 {
    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: 1025px) {
    :scope.topics .body .list-post > .item {
      padding-block-start: 1.875vw;
      padding-block-end: 1.875vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post > .item {
      padding-block-start: 3.51563vw;
      padding-block-end: 3.51563vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.topics .body .list-post > .item {
      padding-block-start: 9vw;
      padding-block-end: 9vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope.topics .body .list-post > .item {
      padding-inline-start: 1.25vw;
      padding-inline-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post > .item {
      padding-inline-start: 2.34375vw;
      padding-inline-end: 2.34375vw;
    }
  }
  @media screen and (max-width: 600px) {
    :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: 1025px) {
    :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: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post > .item::before, :scope.topics .body .list-post > .item::after {
      max-inline-size: 9.375vw;
      block-size: 9.375vw;
    }
  }
  @media screen and (max-width: 600px) {
    :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: #81d8d0;
    border-block-start-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope.topics .body .list-post > .item::before {
      border-block-start-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post > .item::before {
      border-block-start-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.topics .body .list-post > .item::before {
      border-block-start-width: 0.5vw;
    }
  }
  :scope.topics .body .list-post > .item::before {
    border-inline-start-color: #81d8d0;
    border-inline-start-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope.topics .body .list-post > .item::before {
      border-inline-start-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post > .item::before {
      border-inline-start-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :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: #81d8d0;
    border-block-end-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope.topics .body .list-post > .item::after {
      border-block-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post > .item::after {
      border-block-end-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.topics .body .list-post > .item::after {
      border-block-end-width: 0.5vw;
    }
  }
  :scope.topics .body .list-post > .item::after {
    border-inline-end-color: #81d8d0;
    border-inline-end-style: solid;
  }
  @media screen and (min-width: 1025px) {
    :scope.topics .body .list-post > .item::after {
      border-inline-end-width: 0.10417vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post > .item::after {
      border-inline-end-width: 0.19531vw;
    }
  }
  @media screen and (max-width: 600px) {
    :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: 1025px) {
    :scope.topics .body .list-post > .item .entry .intro .title {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post > .item .entry .intro .title {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.topics .body .list-post > .item .entry .intro .title {
      padding-block-end: 4vw;
    }
  }
  @media screen and (min-width: 1025px) {
    :scope.topics .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post > .item .entry .thumb .disp {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :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: 1025px) {
    :scope.topics .body .list-post > .item .entry .core .text {
      padding-block-end: 1.25vw;
    }
  }
  @media screen and (max-width: 1024px) and (min-width: 601px) {
    :scope.topics .body .list-post > .item .entry .core .text {
      padding-block-end: 1.95313vw;
    }
  }
  @media screen and (max-width: 600px) {
    :scope.topics .body .list-post > .item .entry .core .text {
      padding-block-end: 4vw;
    }
  }
}
/*# sourceMappingURL=archive.css.map */