/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/css/style.css ***!
  \*******************************************************************************************************************************************/
/* @import "./_variables.css"; */
.dark body {
  --wp--preset--color--screen: var(--wp--custom--color--screen-darkmode);
  --wp--preset--color--dark-gray: var(--wp--custom--color--dark-gray-darkmode);
  --wp--preset--color--light-gray: var(--wp--custom--color--light-gray-darkmode);
  --wp--preset--color--base-gray: var(--wp--custom--color--base-gray-darkmode);
}
/*
html:has(body.dark),
body.dark :where(img, video, svg) {
  filter: invert(1) hue-rotate(180deg);
} */
* {
  box-sizing: border-box;
}
html {
  font-size: clamp(1rem, 0.9167rem + 0.2083vw, 1.125rem);
  scroll-behavior: smooth;
}
body {
  transition: background-color 0.2s;
}
kbd {
  padding: 0.25em 0.75em;
  font-family: monospace;
  font-size: 0.9375em;
  color: white;
  background-color: #080810 !important;
  border-radius: var(--wp--custom--radius--sm);
}
.dark kbd {
  border: 1px solid var(--wp--preset--color--light-gray);
}
:target {
  scroll-margin-block-start: 3em;
}
.wp-block-jetpack-contact-form .grunion-field {
    padding: 0.75em;
    color: var(--wp--preset--color--dark-gray);
    background-color: var(--wp--preset--color--base-gray);
    border: 1px solid var(--wp--preset--color--light-gray);
    border-radius: var(--wp--custom--radius--sm);
  }
.contact-form__error, .contact-form__input-error {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--custom--color--danger);
}
.contact-form__error > .dashicons, .contact-form__input-error > .dashicons {
    margin-right: 0.125em;
    transform: translateY(2px);
  }
/* 共通 */
.lito-post {
  display: grid;
}
.lito-post-figure {
  aspect-ratio: 16 / 9 !important;
  overflow: hidden;
  border-radius: var(--wp--custom--radius--sm);
}
.lito-post-figure:not(:has(img)) {
  background-color: var(--wp--preset--color--base-gray);
}
.lito-post-figure img {
  border-radius: var(--wp--custom--radius--sm);
  transition: transform 0.2s;
  -o-object-fit: cover;
     object-fit: cover;
}
.lito-post-figure img:hover {
    transform: scale(1.05);
  }
select[name="archive-dropdown"], .postform {
  padding: 0.5rem;
  padding-right: 2rem;
  font-size: 1rem;
  background-color: transparent;
  border-radius: var(--wp--custom--radius--sm);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
/* select.jsと連動している */
.lito-select-wrapper {
  display: flex;
  align-items: center;
  background-color: white;
}
.lito-select-wrapper > select {
    z-index: 1;
    margin-right: -1.625rem;
  }
.lito-select-wrapper::after {
    position: relative;
    z-index: 0;
    display: grid;
    place-items: center;
    width: 1em;
    height: 1em;
    content: "";
    background-color: var(--wp--preset--color--gray);
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGNsYXNzPSJ3LTYgaC02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgICBkPSJNOC4yNSAxNSAxMiAxOC43NSAxNS43NSAxNW0tNy41LTZMMTIgNS4yNSAxNS43NSA5IiAvPgo8L3N2Zz4=);
            mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiCiAgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGNsYXNzPSJ3LTYgaC02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiCiAgICBkPSJNOC4yNSAxNSAxMiAxOC43NSAxNS43NSAxNW0tNy41LTZMMTIgNS4yNSAxNS43NSA5IiAvPgo8L3N2Zz4=);
  }
@container (width < 640px) {
  .lito-post {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--wp--preset--spacing--grid);
  }

    .lito-post > * + * {
      margin-block-start: 0 !important;
    }

  .lito-post-item .wp-block-post-title {
    font-size: var(--wp--preset--font-size--small) !important;
  }

  .lito-post-content > *:not(.wp-block-post-title) {
    display: none;
  }
}
/* List */
.lito-post-list-content {
  margin-top: var(--wp--preset--spacing--grid);
}
@container (640px <= width) {
  .lito-post-list {
    grid-template-columns: 1fr;
  }

  .lito-post-list-item .wp-block-post-title {
    font-size: var(--wp--preset--font-size--heading-3);
  }

  .lito-post-list-item {
    display: flex;
    gap: var(--wp--preset--spacing--50);
  }

  .lito-post-list-figure {
    flex-basis: 42%;
    flex-shrink: 0;
  }

  .lito-post-list-content {
    flex-grow: 1;
    margin-block-start: 0 !important;
  }
}
/* Card */
@container (640px <= width) {
  .lito-post-card {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--wp--preset--spacing--grid);
  }

    .lito-post-card > * + * {
      margin-top: 0 !important;
    }

  .lito-post-card-item {
    margin-top: 0;
  }
}
@container (1024px <= width ) {
  .lito-post-card {
    grid-template-columns: repeat(3, 1fr);
  }
}


/*# sourceMappingURL=style.css.map*/