/* ===== top_recommend（mode=top_rec のときだけ読み込み） ===== */
/* 元: cardloan-osusume-hikaku.com css/rank.css の top_recommend ブロック。ボタン基本スタイル（.shiny_btn）は css/style.css から .top_recommend スコープで移植 */
/* ===== top_recommend（1位〜3位ピックアップ） ===== */
.top_recommend{padding:15px 0 10px;}
.top_recommend .inner{width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:stretch;}
.top_recommend .tr_image{text-align:center;}
.top_recommend .tr_image img{width:100%;height:auto;border:1px solid #ddd;box-sizing:border-box;}
.top_recommend .tr_name{margin-top:6px;font-size:14px;font-weight:700;line-height:1.3;}
.top_recommend .tr_name a{color:#0033cc;}
.top_recommend .tr_btn{text-align:center;}
.top_recommend .shiny_btn{display:block;width:100%;}
.top_recommend .shiny_btn a{display:block;text-align:center;padding:14px 10px;border-radius:7px;font-size:22px;line-height:1.3;color:#fff;}
.top_recommend .shiny_btn a:hover{color:#fff;}

/* 1位 */
.top_recommend .tr_first{position:relative;width:625px;box-sizing:border-box;border:3px solid #f9b13a;border-radius:12px;background:#fffdea;padding:20px 25px 25px;}
.top_recommend .tr_crown{position:absolute;top:-28px;left:18px;width:72px;height:auto;} /* img/crown-nX.png（正方形）に合わせて調整 */
.top_recommend .tr_headline{margin:0 0 18px 80px;text-align:center;font-size:26px;font-weight:700;color:#e4233a;line-height:1.2;}
.top_recommend .tr_body{display:flex;justify-content:space-between;align-items:flex-start;}
.top_recommend .tr_first .tr_image{width:160px;}
.top_recommend .tr_first .tr_btn{margin-top:20px;}
.top_recommend .tr_first .shiny_btn{width:480px;margin:0 auto;}

/* 2位・3位：左上に王冠・サービス名、左下に画像、右側に見出し・CTA */
.top_recommend .tr_sub{width:365px;display:flex;flex-direction:column;gap:10px;}
.top_recommend .tr_card{position:relative;flex:1;box-sizing:border-box;min-height:160px;border:3px solid #a5a5a5;border-radius:12px;background:#fff;padding:40px 12px 10px;display:flex;justify-content:space-between;align-items:stretch;gap:14px;}
.top_recommend .tr_rank2{border-color:#a5a5a5;}
.top_recommend .tr_rank3{border-color:#39b54a;}
.top_recommend .tr_card .tr_image{width:125px;flex-shrink:0;align-self:flex-end;}
.top_recommend .tr_card .tr_image > a{display:block;}
.top_recommend .tr_card .tr_image img{display:block;}
.top_recommend .tr_card .tr_name{position:absolute;top:12px;left:48px;margin:0;font-size:14px;line-height:1.3;text-align:left;}
.top_recommend .tr_card .tr_name a{color:#006699;}
.top_recommend .tr_detail{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;text-align:center;}
.top_recommend .tr_crown_s{position:absolute;top:4px;left:8px;display:block;width:34px;height:auto;margin:0;}
.top_recommend .tr_headline_s{margin:-18px 0 18px;font-size:18px;font-weight:700;color:#ff360e;line-height:1.8;}
.top_recommend .tr_headline_s sup{font-size:.6em;}
.top_recommend .tr_card .tr_btn{margin-top:auto;}
.top_recommend .tr_card .shiny_btn a{box-sizing:border-box;font-size:15px;padding:9px 5px;border:1px solid #ff360e;border-radius:2px;background:#ff360e;box-shadow:none;}

/* 注釈 */
.top_recommend .top_recommend_remarks{width:1000px;margin:7px auto 0;font-size:11px;line-height:1.5;color:#555;}
.top_recommend .top_recommend_remarks .item{margin-bottom:4px;}

/* ----- ボタン基本スタイル（このサイトには #pr_box 配下の .shiny_btn しか無いため移植） ----- */
.top_recommend .shiny_btn a{display:block;position:relative;z-index:2;border:1px solid #e4233a;background:#e4233a;color:#fff;font-weight:700;text-decoration:none;transition:.25s linear;box-shadow:0 5px 0 #b4232b;overflow:hidden;}
.top_recommend .shiny_btn a:hover{opacity:.75;}

/* ----- ポイント枠：ランキング本体と同じ .checklist_area / .point_txt（pr.css）と .settle_style .check_list li（style.min.css）を流用し、幅と余白だけ調整 ----- */
.top_recommend .tr_body .checklist_area{width:370px;box-sizing:border-box;margin-top:12px;padding:28px 15px 12px;}
.top_recommend .checklist_area .check_list li{list-style:none;font-size:14px;font-weight:700;color:#222;}