/* 225（2026-10-14）：FVのモニター募集カード・LISHの実績・追尾バナー・ブログ画面。影なし／16px以上（600px以下は14px以上） */

/* ── FV：モニター募集カード ── */
.mon225{position:relative;display:grid;gap:6px;max-width:520px;margin:24px 0 0;padding:18px 56px 18px 20px;border-radius:20px;background:linear-gradient(120deg,#102650 0%,#2448d8 100%);color:#fff!important;text-decoration:none!important;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.mon225:hover{transform:translateY(-2px)}
.mon225-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mon225-tag{padding:4px 12px;border-radius:999px;background:#fff;color:#2448d8;font-size:16px;font-weight:800;line-height:1.3}
.mon225-limit{font-size:16px;font-weight:700}
.mon225-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;line-height:1.1}
.mon225-label{font-size:16px;font-weight:700}
.mon225-main s{font-size:18px;opacity:.8}
.mon225-to{font-size:18px;font-weight:700}
.mon225-main b{font-size:44px;font-weight:800;letter-spacing:.01em}
.mon225-main b small{font-size:22px;margin-left:2px}
.mon225-sub{font-size:16px;line-height:1.6;opacity:.95}
.mon225-go{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#2448d8;font-style:normal;font-weight:800}
.hero .mon225+.hero-action{margin-top:20px!important}

/* ── FV：LISH の実績（参考：FREEDOM X の FV 実績表示。1行にまとめ、文字は案件ルールに合わせる） ── */
.auth225{margin:20px 0 0}
.auth225 ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 0;max-width:600px}
.auth225 li{display:flex;align-items:baseline;gap:8px;padding:0 16px;border-left:1px solid #dfe6f2}
.auth225 li:first-child{padding-left:0;border-left:0}
.auth225 b{font-size:22px;font-weight:800;line-height:1.2;color:#102650;white-space:nowrap}
.auth225 b small{font-size:16px;margin-left:1px}
.auth225 b sup{font-size:12px;vertical-align:top;margin-left:1px;color:#4b5375}
.auth225 span{font-size:16px;line-height:1.4;color:#4b5375;white-space:nowrap}
.auth225 p{margin:6px 0 0!important;font-size:14px!important;line-height:1.6;color:#4b5375;max-width:640px}
@media(min-width:601px){.auth225 p{font-size:16px!important}}
.hero .auth225+.mon225{margin-top:18px}

@media(max-width:600px){
  .mon225{padding:16px 50px 16px 16px;margin-top:20px}
  .mon225-tag,.mon225-limit,.mon225-label,.mon225-sub{font-size:14px}
  .mon225-main s,.mon225-to{font-size:16px}
  .mon225-main b{font-size:36px}
  .mon225-go{right:14px}
  .auth225 ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .auth225 li{display:grid;gap:2px;padding:0 10px}
  .auth225 b{font-size:20px}
  .auth225 b small,.auth225 span{font-size:14px}
  .auth225 span{white-space:normal}
}

/* ── 追尾バナー（PC・タブレット）：参考 Gainsight のカード（右下30px・角の×）を案件向けに ── */
@media(min-width:768px){
  html body .fb173.is-mb225{width:288px;height:auto;right:24px;bottom:24px}
  html body .fb173.is-mb225 .fb173-link{height:auto;display:grid;gap:10px;padding:20px 20px 18px;border-radius:20px;background:#102650!important;border:2px solid #102650}
  html body .fb173.is-mb225 .fb173-link:hover{transform:translateY(-3px)}
  .fb173.is-mb225 .mb225-head{display:flex;align-items:center;gap:8px}
  .fb173.is-mb225 .fb173-tag{background:#102650!important;color:#fff!important;font-size:16px}
  .fb173.is-mb225 .mb225-limit{font-size:16px;font-weight:700;color:#dfe6f2}
  .fb173.is-mb225 .mb225-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;color:#fff;line-height:1.1}
  .fb173.is-mb225 .mb225-label{font-size:16px;font-weight:700}
  .fb173.is-mb225 .mb225-price s{font-size:16px;opacity:.7}
  .fb173.is-mb225 .mb225-to{font-size:16px;opacity:.85}
  .fb173.is-mb225 .mb225-price b{font-size:40px;font-weight:800}
  .fb173.is-mb225 .mb225-price b small{font-size:20px;margin-left:2px}
  .fb173.is-mb225 .mb225-note{font-size:16px;line-height:1.5;color:#dfe6f2}
  .fb173.is-mb225 .fb173-go{white-space:nowrap;background:#fff!important;color:#102650!important;font-size:16px}
  .fb173.is-mb225 .mb225-m{display:none}
  html body .fb173.is-mb225 .fb173-close{top:-12px;right:-12px;background:#102650!important;color:#fff!important}
  /* ×で小さくしたあとのタブ（参考：SateBiz の右端付きタブ 138×50・左だけ丸い） */
  .mb225-tab{position:fixed;right:0;bottom:96px;z-index:70;display:grid;gap:2px;justify-items:start;padding:12px 18px 12px 20px;border:0;border-radius:999px 0 0 999px;background:#102650;color:#fff;font:inherit;cursor:pointer;text-align:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}
  .mb225-tab b{font-size:16px;line-height:1.3}
  .mb225-tab span{font-size:16px;line-height:1.3;font-weight:700}
  .mb225-tab:hover{transform:translateX(-4px)}
  .mb225-tab[hidden]{display:none}
  html:has(.menu-button[aria-expanded="true"]) .mb225-tab{visibility:hidden}
}

/* ── スマホ：既存の下部バー（mobile203）の中身をモニター募集に ── */
@media(max-width:767px){
  html body:not(#x225) .fb173.is-mb225 :is(.mb225-head,.mb225-price,.mb225-note,.fb173-go){display:none!important}
  .mb225-tab{display:none!important}
  html body:not(#x225) .fb173.is-mb225 .fb173-link{background:#102650!important;color:#fff!important}
  .fb173.is-mb225 .mb225-m{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-size:14px;font-weight:700;line-height:1.4}
  .fb173.is-mb225 .mb225-m b{padding:3px 10px;border-radius:999px;background:#fff;color:#2448d8;font-size:14px;white-space:nowrap}
  .fb173.is-mb225 .mb225-m i{font-style:normal}
}

/* ── ブログ投稿機能：記事一覧・記事詳細の実画面（デモサイト） ── */
.b225-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.b225-shot{margin:0;border-radius:20px;overflow:hidden;background:#fff}
.b225-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#e9ecfb}
.b225-bar i{width:9px;height:9px;border-radius:50%;background:#c5cbe9}
.b225-bar i:nth-child(1){background:#5eb3f0}.b225-bar i:nth-child(2){background:#f3c876}.b225-bar i:nth-child(3){background:#8fd3b0}
.b225-bar span{margin-left:8px;font-size:14px;font-weight:700;color:#102650}
.b225-shot img{display:block;width:100%;height:auto;aspect-ratio:1280/760;object-fit:cover;object-position:top}
.b225-shot figcaption{padding:10px 14px;font-size:16px;font-weight:700;color:#102650;background:#fff;border-top:1px solid #dfe6f2}
@media(min-width:601px){.b225-bar span{font-size:16px}}
@media(max-width:600px){.b225-screens{grid-template-columns:1fr;gap:12px}.b225-shot figcaption{font-size:14px}}