/* 基本設定 */
:root {
  --primary-color: #E67E45;
  /*見出し・アクセント「ふるさと納税」「地域支援」の温かみを強調します。*/
  --accent-color: #5D4B8E;
  /*サイト内で最も目立ち、クリックを誘発します。*/
  --sub-accent-color: #80B1C5;
  /*hover装飾用　誠実さとクリーンな印象をプラスします*/
  --bg-color: #F7F6F5;
  /*画像のコンクリート壁と自然に繋がります。*/
  --bark-bg-color: #E8E6E3;
  --text-color: #2D2926;
  --bottom-color: #4a3830;
  --gradation-color: linear-gradient(90deg, #80B1C5 0%, #E67E45 100%);
}

.j_feature .feature_h2 {
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--accent-color);
  margin-bottom: 10px;
  border-bottom: #ccc solid 2px;
}

.j_feature .main-image {
  width: 100%;
  text-align: center;
}

.j_feature section {
  margin: 3em 0;
}

.pickup-section {
  background: var(--bg-color);
  border-radius: 10px;
  padding: 3em;

}

.pickup-item {
  display: flex;
  justify-content: space-between;
}

.pickup-item__puroduct {
  width: 46%;
}


.pickup-item__text {
  margin-top: 10px;
  width: 50%;

}

.pickup-item .item_text {
  border-bottom: #ccc 1px solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.pickup-item .item-container .item-name {
  font-size: 1.2rem;
}

.pickup-item .item-container .price__price {
  font-size: 1.6rem;
}

.pickup-item .item-container .item-name a {
      max-height: 80px;
}

@media screen and (max-width: 767px) {
  .pickup-section {
    padding: 20px;
  }
  .pickup-item {
    display: block;
  }
  .pickup-item__puroduct {
    width: 100%;
  }
  .pickup-item__text {
    width: 100%;
  }
}