.p-crowdfunding .p-how-to-use-support {
  margin-top: 0;
}

.p-crowdfunding .c-section {
  padding-bottom: 0px;
}

.p-crowdfunding-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 345px);
  column-gap: 20px;
  row-gap: 40px;
  list-style: none;
}

@media only screen and (max-width: 767.98px) {
  .p-crowdfunding-list {
    grid-template-columns: repeat(auto-fit, 335px);
  }
}

.p-crowdfunding-list__item,
.p-crowdfunding-card,
.p-crowdfunding-card__link {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  row-gap: 0;
}

.p-crowdfunding-card__content {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  row-gap: 0;
}

@supports not (grid-template-rows: subgrid) {
  .p-crowdfunding-card__heading {
    min-height: calc(1.5em * 3);
  }
}

.p-crowdfunding-card__link {
  text-decoration: none;
}

.p-crowdfunding-card__content {
  margin-top: 12px;
}

.p-crowdfunding-card__heading {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  height: auto;
  color: #333;
}

.p-crowdfunding-card__label {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 16px;
  color: #0daeaa;
  position: relative;
}

.p-crowdfunding-card__label.end::after {
  content: "募集終了";
  position: absolute;
  right: 0;
  width: 100px;
  height: 27px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #c3c3c3;
  border-radius: 4px;
  text-align: center;
  padding-top: 2px;
}

.p-crowdfunding-card__date {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.45;
  color: #333;
  margin-top: 8px;
}

@media only screen and (max-width: 767.98px) {
  .p-crowdfunding-card__heading {
    font-size: 16px;
  }

  .p-crowdfunding-card__label {
    font-size: 18px;
  }

  .p-crowdfunding-card__label.end::after {
    font-size: 14px;
  }

  .p-crowdfunding-card__date {
    font-size: 16px;
  }
}

/* ============================================
   もっと見る（過去実施プロジェクト）
   ============================================ */

/* のぞかせる高さ。数値を変えると次の行の見え方が変わる */
.p-crowdfunding-more {
  --cf-peek: 140px;
  /* 1回に出す件数。値そのものはショートコードの initial / initial_sp から渡ってくる。
     ここでは PC と SP のどちらを使うかだけを切り替える */
  --cf-step: var(--cf-initial, 9);
}

@media only screen and (max-width: 767.98px) {
  .p-crowdfunding-more {
    --cf-step: var(--cf-initial-sp, var(--cf-initial, 9));
  }
}

.p-crowdfunding-more__viewport {
  position: relative;
}

.p-crowdfunding-more.is-collapsed .p-crowdfunding-more__viewport {
  overflow: hidden;
}

.p-crowdfunding-more__fade {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: var(--cf-peek);
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 60%, #fff);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px); 
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 45%);
  mask-image: linear-gradient(to bottom, transparent, #000 45%);
}

.p-crowdfunding-more.is-collapsed .p-crowdfunding-more__fade {
  display: block;
}

.p-crowdfunding-more__action {
  margin-top: 24px;
  text-align: center;
}

.p-crowdfunding-more__button {
  -webkit-appearance: none;
  appearance: none;
  font-family: inherit;
  cursor: pointer;
  min-width: 300px;
}

.p-crowdfunding-more__button[hidden] {
  display: none;
}

.c-button-a--more::after {
  content: "\f107";
}