/*//////////////*/
/*--- common ---*/
/*//////////////*/
:root {
  --font-noto: "Noto Sans JP", sans-serif;
  --font-zen: "Zen Old Mincho", serif;
  --font-arial: Arial, sans-serif;
  --c-text: #333;
  --c-gray-text: #868686;
  --c-green: #6CC09E;
  --c-green-bold: #5DB592;
  --c-yellow: #E8CB62;
  --c-yellow-bold: #DDB72F;
  --c-blue: #90ADDC;
  --c-blue-bold: #83A2D5;
  --c-pink: #F2ACBB;
  --c-pink-bold: #EF879E;
  --c-orange: #EDA47E;
  --c-orange-bold: #F09363;
  --c-beige: #D9BCA3;
}

html {
  scroll-behavior: smooth;
}

:where(.l-container) {
  width: calc(100% - 20px);
  max-width: 1280px;
  margin-inline: auto;
}

.p-feature-static {
  font-family: var(--font-noto);
  color: var(--c-text);
  letter-spacing: 0.05em;
  overflow: clip;
}
.p-feature-static .w100 {
  width: 100%;
  height: auto;
}
.p-feature-static :where(:has(> wbr)) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.p-feature-static :where(.wbr) {
  display: inline-block;
}

/**
 * MARK: card
 */
.c-article {
  container-type: inline-size;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.c-article-fig {
  flex: 0 0 auto;
  width: 100%;
  background-color: #fff;
}
.c-article-fig__anch {
  display: block;
  transition: opacity 0.3s cubic-bezier(0.5, 0, 0.5, 1);
}
@media (any-hover: hover) {
  .c-article-fig__anch:hover {
    opacity: 0.6;
  }
}
.c-article-attr {
  position: absolute;
  top: -13px;
  left: 0;
  display: flex;
  align-items: center;
  padding: 1px 0 1px 1px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  border-radius: 0 16px 16px 0;
  background-color: var(--c-cat);
}
#articles .c-article-attr {
  display: none;
}
.c-article-attr__area {
  flex: 0 0 auto;
  padding: 6px 8px;
  color: var(--c-cat);
  background-color: #fff;
}
.c-article-attr__cat {
  flex: 0 1 auto;
  padding-inline: 18px;
  color: #fff;
}
.c-article-attr[data-cat=nature] {
  --c-cat: var(--c-green);
}
.c-article-attr[data-cat=food] {
  --c-cat: var(--c-yellow);
}
.c-article-attr[data-cat=craft] {
  --c-cat: var(--c-blue);
}
.c-article-attr[data-cat=culture] {
  --c-cat: var(--c-pink);
}
.c-article-attr[data-cat=living] {
  --c-cat: var(--c-orange);
}
@container (width <=244px) {
  .c-article-attr {
    top: -10px;
    font-size: 1rem;
  }
  .c-article-attr__area {
    padding: 4px 5px;
  }
  .c-article-attr__cat {
    padding-inline: 14px;
  }
}
.c-article__txt {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
  padding-top: 16px;
}
@container (width <=244px) {
  .c-article__txt {
    row-gap: 8px;
    padding-top: 8px;
  }
}
.c-article__area {
  margin-block: 20px -12px;
}
.c-article__ttl-anch {
  display: block;
  font-family: var(--font-zen);
  color: var(--c-text) !important;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5556;
  letter-spacing: 0.014em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@container (width <=244px) {
  .c-article__ttl-anch {
    font-size: 1.4rem;
  }
}
@media (any-hover: hover) {
  .c-article__ttl-anch:hover {
    text-decoration: underline;
    opacity: 1;
  }
}
.c-article__excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5;
}
.c-article__excerpt:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.5) * 0.5em);
}
@media all and (-ms-high-contrast: none) {
  .c-article__excerpt:before {
    margin-top: 0;
  }
}
.p-idx-arts .c-article__excerpt {
  display: none;
}
.c-article__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
}
.c-article__date {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  column-gap: 6px;
  color: var(--c-gray-text);
  font-size: 1.4rem;
  line-height: 1.2;
}
.c-article__date:before {
  content: "";
  flex: 0 0 auto;
  width: 10px;
  height: 12px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMS40MjkiIHZpZXdCb3g9IjAgMCAxMCAxMS40MjkiPjxwYXRoIGQ9Ik0wLDEwLjM1N2ExLjA3MiwxLjA3MiwwLDAsMCwxLjA3MSwxLjA3MUg4LjkyOUExLjA3MiwxLjA3MiwwLDAsMCwxMCwxMC4zNTdWNC4yODZIMFpNNy4xNDMsNS45ODJhLjI2OS4yNjksMCwwLDEsLjI2OC0uMjY4SDguM2EuMjY5LjI2OSwwLDAsMSwuMjY4LjI2OHYuODkzYS4yNjkuMjY5LDAsMCwxLS4yNjguMjY4SDcuNDExYS4yNjkuMjY5LDAsMCwxLS4yNjgtLjI2OFptMCwyLjg1N2EuMjY5LjI2OSwwLDAsMSwuMjY4LS4yNjhIOC4zYS4yNjkuMjY5LDAsMCwxLC4yNjguMjY4di44OTNBLjI2OS4yNjksMCwwLDEsOC4zLDEwSDcuNDExYS4yNjkuMjY5LDAsMCwxLS4yNjgtLjI2OFpNNC4yODYsNS45ODJhLjI2OS4yNjksMCwwLDEsLjI2OC0uMjY4aC44OTNhLjI2OS4yNjksMCwwLDEsLjI2OC4yNjh2Ljg5M2EuMjY5LjI2OSwwLDAsMS0uMjY4LjI2OEg0LjU1NGEuMjY5LjI2OSwwLDAsMS0uMjY4LS4yNjhabTAsMi44NTdhLjI2OS4yNjksMCwwLDEsLjI2OC0uMjY4aC44OTNhLjI2OS4yNjksMCwwLDEsLjI2OC4yNjh2Ljg5M0EuMjY5LjI2OSwwLDAsMSw1LjQ0NiwxMEg0LjU1NGEuMjY5LjI2OSwwLDAsMS0uMjY4LS4yNjhaTTEuNDI5LDUuOTgyQS4yNjkuMjY5LDAsMCwxLDEuNyw1LjcxNGguODkzYS4yNjkuMjY5LDAsMCwxLC4yNjguMjY4di44OTNhLjI2OS4yNjksMCwwLDEtLjI2OC4yNjhIMS43YS4yNjkuMjY5LDAsMCwxLS4yNjgtLjI2OFptMCwyLjg1N0EuMjY5LjI2OSwwLDAsMSwxLjcsOC41NzFoLjg5M2EuMjY5LjI2OSwwLDAsMSwuMjY4LjI2OHYuODkzQS4yNjkuMjY5LDAsMCwxLDIuNTg5LDEwSDEuN2EuMjY5LjI2OSwwLDAsMS0uMjY4LS4yNjhabTcuNS03LjQxMUg3Ljg1N1YuMzU3QS4zNTguMzU4LDAsMCwwLDcuNSwwSDYuNzg2YS4zNTguMzU4LDAsMCwwLS4zNTcuMzU3VjEuNDI5SDMuNTcxVi4zNTdBLjM1OC4zNTgsMCwwLDAsMy4yMTQsMEgyLjVhLjM1OC4zNTgsMCwwLDAtLjM1Ny4zNTdWMS40MjlIMS4wNzFBMS4wNzIsMS4wNzIsMCwwLDAsMCwyLjVWMy41NzFIMTBWMi41QTEuMDcyLDEuMDcyLDAsMCwwLDguOTI5LDEuNDI5WiIgZmlsbD0iIzg2ODY4NiIvPjwvc3ZnPg==) no-repeat center/contain;
}
.c-article-read {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: 51.136363%;
  min-width: 120px;
  max-width: 200px;
  height: 32px;
  padding-inline: 16px 12px;
  margin-left: auto;
  background-color: #fff;
  border: 1px solid var(--c-gray-text);
  border-radius: 16px;
}
.c-article-read:after {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  aspect-ratio: 1;
  border-top: 1px solid var(--c-gray-text);
  border-right: 1px solid var(--c-gray-text);
  box-sizing: border-box;
  rotate: 45deg;
  transition: translate 0.3s cubic-bezier(0.5, 0, 0.5, 1);
}
.c-article-read__lbl {
  flex: 0 1 auto;
  margin-inline: auto;
  color: var(--c-gray-text);
  font-size: 1.4rem;
  letter-spacing: 0.025em;
  text-box: trim-both cap alphabetic;
}
@media (any-hover: hover) {
  .c-article-read:hover:after {
    translate: 4px;
  }
}

.c-footer-rounder {
  width: 100%;
  height: 62px;
  margin-bottom: -20px;
  overflow: hidden;
}
.c-footer-rounder:before {
  content: "";
  position: relative;
  display: block;
  height: 200%;
  margin-inline: -6px;
  background-color: #fff;
  border-radius: 50% 50% 0 0;
}

@media screen and (min-width: 768px) {
  /**
   * MARK: card
   */
  @container (width <=244px) {}
  .c-article__txt {
    row-gap: 18px;
  }
  @container (width <=244px) {}
  .c-article__ttl-anch {
    font-size: 2rem;
    letter-spacing: 0.025em;
  }
  @container (width <=244px) {}
  .c-article__excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5;
  }
  .c-article__excerpt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.5) * 0.5em);
  }
}
@media screen and (min-width: 768px) and (-ms-high-contrast: none) {
  .c-article__excerpt:before {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-idx-arts .c-article__excerpt {
    display: -webkit-box;
  }
  .c-article-read {
    width: 57.9710144%;
    height: 40px;
    border-radius: 20px;
  }
  .c-article-read__lbl {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) and (any-hover: hover) {
  .c-article-read:hover {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  .c-footer-rounder {
    height: min(10.703125vw, 137px);
    margin-bottom: -30px;
    margin-top: min(4.140625%, 53px);
  }
  .c-footer-rounder:before {
    margin-inline: -60px;
  }
}/*# sourceMappingURL=common_2025.css.map */