@charset "utf-8";
/* =========================================================
   メディア一覧（613:26722）。1rem = 100 design-px
   ========================================================= */
.md-main { display: flex; flex-direction: column; align-items: center; padding-top: .76rem; }

/* 目的から探す（Frame 878） */
.md-purpose { display: flex; flex-direction: column; align-items: center; gap: .81rem; }
.md-lineh { display: flex; align-items: center; justify-content: center; }
.md-lineh::before, .md-lineh::after { content: ""; flex: none; width: 3.02rem; height: .01rem; margin: -.005rem 0; background: #fff; }
.md-lineh > span { display: flex; align-items: center; height: .64rem; padding: 0 .45rem; font-weight: 700; font-size: .4342rem; line-height: .64rem; letter-spacing: .030394rem; white-space: nowrap; }
.md-pgrid { width: 12.10rem; display: flex; flex-wrap: wrap; justify-content: center; gap: .58rem .51rem; }
.md-pcard {
  width: 4.4225rem; display: flex; flex-direction: column; align-items: center; gap: .23rem;
  padding: calc(.38rem + .03rem) calc(.32rem + .03rem); background: #4b4344; box-shadow: inset 0 0 0 .03rem #fd6a05;
}
.md-pcard__pill { display: flex; align-items: center; height: .65017rem; padding: 0 .40272rem; border-radius: .49848rem; background: #fd6a05; font-weight: 700; font-size: .28021rem; line-height: .51007rem; letter-spacing: .030823rem; white-space: nowrap; }
.md-pcard__b { display: flex; flex-direction: column; align-items: center; gap: .36rem; }
.md-pcard__t { display: flex; flex-direction: column; align-items: flex-start; gap: .06rem; }
.md-pcard__h { display: flex; align-items: center; gap: .10rem; height: .42rem; color: #feedcf; font-weight: 700; font-size: .2461rem; line-height: .41151rem; letter-spacing: .017227rem; white-space: nowrap; }
.md-pcard__h::before { content: ""; flex: none; width: .12788rem; height: .14766rem; background: #feedcf; clip-path: polygon(0 0, 100% 50%, 0 100%); }
.md-pcard__h--s { font-size: .1939rem; letter-spacing: .013573rem; }
.md-pcard__s { height: .30rem; font-size: .1711rem; line-height: .29942rem; letter-spacing: .025665rem; white-space: nowrap; }
.md-pcard__img { display: block; width: 3.7125rem; height: 2.08589rem; border-radius: .11417rem; overflow: hidden; }
.md-pcard__img img { width: 100%; height: 100%; object-fit: cover; }
.md-pcard__more { align-self: flex-end; gap: .16264rem; font-size: .19132rem; line-height: .31214rem; letter-spacing: .028699rem; margin-top: .13rem; }
.md-pcard__more::after { width: .32528rem; height: .32528rem; }
.md-pcard__more--w > span { width: 2.44rem; text-align: right; }
.md-rule { width: 9.70rem; height: .01rem; margin: -.005rem 0; background: #fff; }

/* ペパコミが運営するメディア（Frame 338） */
.md-own { display: flex; flex-direction: column; align-items: center; gap: .48rem; margin-top: calc(.90rem - .005rem); }
.md-own__head { width: 11rem; display: flex; flex-direction: column; align-items: flex-start; gap: .24rem; }
.md-own__head p { font-size: .16rem; line-height: .34rem; letter-spacing: .024rem; white-space: nowrap; }
.md-mgrid { position: relative; width: 12.03rem; display: flex; flex-wrap: wrap; justify-content: center; gap: .27rem .63rem; }
.md-mgrid::before { content: ""; position: absolute; left: 5.99984rem; top: -.00154rem; width: .01rem; height: 7.09rem; background: #fff; }
.md-mgrid::after { content: ""; position: absolute; left: -.005rem; top: 3.54346rem; width: 12.03rem; height: .01rem; background: #fff; }
.md-mcell { width: 5.62rem; display: flex; flex-direction: column; align-items: flex-start; gap: .23rem; padding: .29rem .26rem; }
.md-mcell__t { width: 5.10rem; display: flex; flex-direction: column; align-items: flex-start; }
.md-mcell__top { width: 5.10rem; display: flex; align-items: flex-start; gap: .37rem; }
.md-mcell__kind { flex: none; width: 1.6075rem; display: flex; }
.md-mcell__kind b { display: flex; align-items: center; height: calc(.38rem + .10394rem); padding: 0 .29875rem; border-radius: .36979rem; background: #fff; color: #fd6a05; font-size: .20787rem; line-height: .37839rem; letter-spacing: .022865rem; white-space: nowrap; }
.md-mcell__num { width: 3.12rem; display: flex; align-items: flex-end; justify-content: flex-end; gap: .07143rem; color: #fd6a05; font-family: Montserrat, "Noto Sans JP", sans-serif; font-weight: 700; white-space: nowrap; }
.md-mcell__num b { display: flex; align-items: center; height: .57143rem; font-size: .78634rem; line-height: 1.39793rem; letter-spacing: -.007863rem; }
.md-mcell__num span { display: flex; align-items: center; height: .32857rem; font-size: .38514rem; line-height: .6847rem; letter-spacing: -.003851rem; }
.md-mcell__name { height: .36rem; margin-top: .20rem; color: #feedcf; font-weight: 700; font-size: .28rem; line-height: .35762rem; letter-spacing: .0196rem; white-space: nowrap; }
.md-mcell__desc { width: 5.10rem; height: .90rem; margin-top: .09rem; font-size: .1711rem; line-height: .29942rem; letter-spacing: .025665rem; }
.md-mcell__btns { width: 5.10rem; display: flex; flex-wrap: wrap; gap: .18rem; }
.md-mcell__btns a { display: flex; align-items: center; gap: .06353rem; padding: .10rem .22071rem; border-radius: .27319rem; background: #fd6a05; font-weight: 500; font-size: .15357rem; line-height: .27955rem; letter-spacing: .016893rem; white-space: nowrap; }
.md-mcell__btns a::after { content: ""; flex: none; width: .19703rem; height: .19703rem; background: url(../img/lower/crumb-arw.svg) no-repeat center / 100% 100%; }

/* カード一覧（Frame 828 / 830） */
.md-popular { margin-top: 1.00rem; }