/* ==========================================================
   ミニリンクボックス (元: .boxS_sp.rec.linkbox)
   - 元CSSの common.css / specialChallenge2-v2.css から
     実際に効いているスタイルだけを抽出したもの
   - .rec はこのページでは無効なクラスだったので削除
   ========================================================== */

/* 元サイトは全体リセット(margin/padding:0)前提なので、
   コンポーネント内だけ同等のリセットを掛ける */
.linkbox,
.linkbox * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.linkbox {
  width: 335px;
  margin: 40px auto;
  border: 1px solid #EAE9E2;
  border-radius: 8px;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.linkbox.u-mt15 {
  margin: 15px auto;
}
.linkbox a {
  display: flex;
  color: #1F2121;
  text-decoration: none;
}
.linkbox .mini_motif img {
  width: 100px;
  height: 76px;
  border-radius: 8px 0 0 8px;
  display: block;
  object-fit: cover;   /* 比率の違う画像でも歪ませず、はみ出しをトリミング */
}
.linkbox .mini_summary {
  position: relative;    /* 矢印(::after)の基準 */
  width: 235px;
  background: #fff;
  border-radius: 0 8px 8px 0;
}
.linkbox .linkbox-txt {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 10px 20px 10px 16px;
  background: #fff;
}
/* 右端の「>」矢印 */
.linkbox .linkbox-txt::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 34px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #1F2121;
  border-left: 1px solid #1F2121;
  transform: rotate(135deg);
}