/* =========================================================
   お金の記事一覧ページ最下部カードの最終調整
========================================================= */

/* =========================================================
   Start From 39 — Money articles closing card v1.17.95
   Match the framed editorial composition of Life Redesign.
========================================================= */

.sf-money-list-category-inner {
  position: relative;
  overflow: hidden;

  grid-template-columns: 245px minmax(0,1fr) auto;
  gap: 50px;

  min-height: 190px;

  padding: 24px 34px 24px 24px;

  background: linear-gradient(110deg,#f3efe5,#fbf9f4);
}

.sf-money-list-category-image {
  align-self: stretch;

  min-height: 140px;
}

.sf-money-list-category-copy {
  min-width: 0;

  padding: 0;
}

.sf-money-list-category-button {
  min-width: 220px;

  margin-right: 0;
  padding: 15px 19px;

  letter-spacing: .06em;
}

@media (max-width:900px) and (min-width:641px) {
  .sf-money-list-category-inner {
    grid-template-columns: 180px minmax(0,1fr);
    gap: 32px;
  }

  .sf-money-list-category-copy {
    padding: 0;
  }

  .sf-money-list-category-button {
    grid-column: 2;

    width: max-content;

    margin: 0;
  }
}

@media (max-width:640px) {
  .sf-money-list-category-inner {
    display: grid;

    grid-template-columns: 1fr;
    gap: 0;

    padding: 22px;
  }

  .sf-money-list-category-image {
    min-height: 145px;
  }

  .sf-money-list-category-copy {
    padding: 27px 2px 0;
  }

  .sf-money-list-category-button {
    width: 100%;
    min-width: 0;

    margin: 22px 0 0;
  }
}