@charset "UTF-8";
/**
 * モラタメリスト（タメ）トップ用スタイル
 * 「あなたにオススメの商品」見出し（タメせる商品一覧とは色・高さを変更）
 */

/* 「あなたにオススメの商品」見出し：縦幅を抑えてタメせる商品一覧の視認性を確保 */
.heading-1.heading-1--recommend-tame {
  padding-top: 6px;
  padding-bottom: 10px;
  background-color: #d4685e;
}

/**
 * あなたにオススメの商品エリア
 */
/* オススメの商品エリア全体 */
.p-recommend-tame-section {
  margin-top: 0;
  padding: 8px 12px 12px;
  border-top: 2px solid #cd675e;
  box-sizing: border-box;
}
/* オススメの商品リスト（ul） */
.p-recommend-tame-section .p-project-lists {
  border-top: none;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
/* オススメの商品1つ分の幅 */
.p-recommend-tame-section .p-project-lists li {
  width: 33.33333% !important;
}
/* オススメの商品画像（ラッパー） */
.p-recommend-tame-section .p-project-lists__thumbnail-wrap {
  max-height: 200px;
  overflow: hidden;
}
/* オススメの商品画像（画像本体） */
.p-recommend-tame-section .p-project-lists__thumbnail-wrap img {
  max-width: 100%;
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  vertical-align: top;
}
/* オススメの商品画像（h2） */
.p-recommend-tame-section .p-project-lists__thumbnail-wrap h2 {
  margin: 0;
  line-height: 0;
}
/* オススメの商品画像下のブロック（会社名・商品名・クリップリストアイコン） */
.p-recommend-tame-section .p-project-lists__block {
  height: 44px;
  padding: 4px 22px 4px 6px;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
}
/* 会社名・商品名（dl） */
.p-recommend-tame-section .p-project-lists__dl.p-project-lists__dl--tame {
  min-width: 0;
  overflow: hidden;
}
/* 会社名・商品名（dt） */
.p-recommend-tame-section .p-project-lists__dl.p-project-lists__dl--tame dt {
  margin-top: 0;
  padding-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  box-sizing: border-box;
  line-height: 1.2;
}
/* 商品名と会社名との間隔 */
.p-recommend-tame-section .p-project-lists__dl.p-project-lists__dl--tame dt.sp_top_project_sname {
  margin-top: 2px;
}
/* 1つ目の dt（会社名） */
.p-recommend-tame-section .p-project-lists__dl.p-project-lists__dl--tame dt:first-child {
  margin-top: 0;
}