/* mikiwameru front page v0.2.0 (2026-10-09). Loaded on the front page only, after mkfx-site.css.
   Section order and card placement follow the sister site's front page; colours, mascot and wording are mikiwameru's.

   Contrast (WCAG 2.1, every text colour checked against the surface right under it):
   - --ink #0F2742 on white 15.1:1, on --mk-pale #EAF5FD 13.7:1
   - --ink-soft #4A6380 on white 6.2:1, on --mk-pale 5.6:1
   - --mk-deep #024B7C on white 9.1:1, on --mk-pale 8.3:1
   - --mk-bright #0072C0 on white 5.0:1 (used for 13px+ bold link text and numbers)
   - white on the theme band colours: c1 #024B7C 9.1:1, c2 #0060A2 6.6:1, c3 #1A6A4A 6.6:1, c4 #5E3A93 8.4:1, c5 #8A4300 7.3:1
   - white on --mk-bright 5.0:1 (step numbers)
   - white logo (JFX) on #0F2742 plate 15.1:1 */

.mkf{--mkf-c1:#024B7C;--mkf-c2:#0060A2;--mkf-c3:#1A6A4A;--mkf-c4:#5E3A93;--mkf-c5:#8A4300;color:var(--ink)}
.mkf-sec{padding:48px 0}
.mkf-sec-tight{padding:8px 0 24px}
.mkf-sec h2{font-family:var(--mk-font);font-size:clamp(22px,3vw,30px);margin:0 0 6px;line-height:1.4;color:var(--ink)}
.mkf-card-base,.mkf-feat,.mkf-latest,.mkf-cmp,.mkf-read,.mkf-bcard,.mkf-gcard,.mkf-steps,.mkf-method>div,.mkf-theme{
  background:#fff;border:1px solid var(--mk-line);border-radius:var(--mk-r);box-shadow:var(--mk-shadow)}

/* ---- #pickup: feature cards (left) and latest list (right) ---- */
.mkf-pick{padding-top:40px}
.mkf-pick-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;align-items:start}
.mkf-pick-col{display:grid;gap:20px}
.mkf-feat{display:grid;grid-template-columns:200px 1fr;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s}
.mkf-feat:hover{transform:translateY(-3px)}
.mkf-feat-th{position:relative;display:grid;place-items:center;min-height:180px}
.mkf-feat-th.-think{background:linear-gradient(160deg,var(--mk-glow) 0%,var(--mk-pale) 100%)}
.mkf-feat-th.-think .mkfx-sf{width:auto;height:130px}
.mkf-feat-th.-mkt{background:linear-gradient(180deg,#fff 0%,var(--mk-pale) 100%);place-items:end start;padding:16px}
.mkf-feat-th .mini{position:absolute;inset:18px 18px 26px 18px;background:#fff;border:1px solid var(--mk-line);border-radius:10px;padding:8px}
.mkf-feat-th .mini svg{width:100%;height:100%;display:block}
.mkf-mkt-sf{position:absolute;right:6px;bottom:4px;width:auto;height:96px}
.mkf-feat-b{padding:20px 22px}
.mkf-kick{display:inline-block;font-size:13px;font-weight:800;color:var(--mk-deep);background:var(--mk-pale);border:1px solid var(--mk-line);border-radius:99px;padding:2px 12px}
.mkf-feat-b h2{font-size:clamp(20px,2.4vw,26px);margin:10px 0 8px}
.mkf-feat-b h2 em{font-style:normal;color:var(--mk-deep);background:linear-gradient(transparent 62%,var(--mk-glow) 62%)}
.mkf-feat-b p{margin:0;color:var(--ink-soft);font-size:15px}
.mkf-chips{list-style:none;margin:6px 0 10px!important;padding:0!important;display:flex;flex-wrap:wrap;gap:6px}
.mkf-chips li{font-size:12px;font-weight:700;color:var(--mk-deep);background:var(--mk-pale);border:1px solid var(--mk-line);border-radius:99px;padding:2px 10px;margin:0}
.mkf-go{font-weight:800;font-size:14px;color:var(--mk-bright)}

.mkf-latest{padding:20px 22px}
.mkf-latest h2{font-size:18px;margin:0 0 8px;padding-bottom:8px;border-bottom:3px solid var(--mk-bright)}
.mkf-latest ol{list-style:none;margin:0!important;padding:0!important}
.mkf-latest li{margin:0;border-bottom:1px solid var(--mk-line)}
.mkf-latest li a{display:flex;flex-direction:column;gap:2px;padding:12px 2px;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px;line-height:1.55}
.mkf-latest li a:hover .ttl{color:var(--mk-mid);text-decoration:underline}
.mkf-latest time{font-size:12px;font-weight:400;color:var(--ink-soft)}
.mkf-all{display:inline-block;margin-top:12px;font-weight:800;font-size:14px;color:var(--mk-bright)!important;text-decoration:none}
@media (max-width:900px){.mkf-pick-grid{grid-template-columns:1fr}.mkf-latest li:nth-child(n+7){display:none}}
/* v0.5.5: wide screens stretch the list card to the left column; the list itself adds no height (contain:size), overflowing rows are hidden by the script in front-page.php */
@media (min-width:901px){.mkf-pick-grid{align-items:stretch}.mkf-latest{display:flex;flex-direction:column}.mkf-latest ol{flex:1 1 auto;contain:size;overflow:hidden}.mkf-all{align-self:flex-start}}
@media (max-width:560px){
  .mkf-feat{grid-template-columns:1fr}
  .mkf-feat-th{min-height:150px}
  .mkf-feat-th.-think .mkfx-sf{height:110px}
}

/* ---- #compare: table with a sticky company column ---- */
.mkf-cmp{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mkf-cmp table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px;font-size:14px;margin:0}
.mkf-cmp th,.mkf-cmp td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--mk-line);vertical-align:middle;background:#fff;color:var(--ink)}
.mkf-cmp thead th{background:var(--mk-deep);color:#fff;font-size:13px;white-space:nowrap;border-bottom:0}
.mkf-cmp tbody tr:nth-child(even) td{background:var(--mk-pale)}
.mkf-cmp tbody tr:last-child td{border-bottom:0}
.mkf-cmp th:first-child,.mkf-cmp td:first-child{position:sticky;left:0;z-index:1;border-right:1px solid var(--mk-line)}
.mkf-cmp thead th:first-child{z-index:2}
.mkf-cmp td.num{font-weight:800;font-size:16px;color:var(--mk-deep);white-space:nowrap}
.mkf-firm{min-width:190px}
.mkf-firm a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink)}
.mkf-plate{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:150px;height:34px;padding:5px 8px;border-radius:6px;background:#fff;border:1px solid var(--mk-line);box-sizing:border-box}
/* SVG logos without width/height attributes collapse to 0 inside a max-content box, so the height is fixed. */
.mkf-plate img{display:block;height:22px;max-width:132px;width:auto;object-fit:contain}
.mkf-plate.-k{background:#0F2742;border-color:#0F2742}
.mkf-firm .nm{display:flex;flex-direction:column;line-height:1.4}
.mkf-firm b{font-size:15px}
.mkf-firm small{font-size:12px;color:var(--ink-soft)}
.mkf-firm i{font-style:normal;font-size:12px;font-weight:800;color:var(--mk-bright);margin-top:2px}
.mkf-firm a:hover i{text-decoration:underline}
.mkf-foot{font-size:13px;color:var(--ink-soft);margin:12px 2px 0;line-height:1.7}
@media (max-width:560px){.mkf-firm{min-width:150px}.mkf-plate{max-width:126px}.mkf-plate img{max-width:108px}}

/* ---- #compare-read: text block under the table ---- */
.mkf-read{padding:28px 30px}
.mkf-read h2{font-size:clamp(20px,2.6vw,26px);margin:0 0 4px}
.mkf-read h3{font-family:var(--mk-font);font-size:19px;margin:26px 0 2px;padding-left:12px;border-left:5px solid var(--mk-bright);color:var(--ink)}
.mkf-read .sub{color:var(--ink-soft);font-size:14px;margin:0 0 8px}
.mkf-read p{margin:0 0 10px;max-width:46em}
.mkf-read .links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}
.mkf-read .links a{font-weight:800;font-size:14px;color:var(--mk-bright);text-decoration:none}
.mkf-read .links a:hover{text-decoration:underline}
@media (max-width:560px){.mkf-read{padding:22px 18px}}

/* ---- #findbytheme: coloured bands that open into a list ---- */
.mkf-themes{display:grid;gap:12px}
.mkf-theme{overflow:hidden;box-shadow:none}
.mkf-theme summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 20px;color:#fff;font-weight:800}
.mkf-theme summary::-webkit-details-marker{display:none}
.mkf-theme.-c1 summary{background:var(--mkf-c1)}
.mkf-theme.-c2 summary{background:var(--mkf-c2)}
.mkf-theme.-c3 summary{background:var(--mkf-c3)}
.mkf-theme.-c4 summary{background:var(--mkf-c4)}
.mkf-theme.-c5 summary{background:var(--mkf-c5)}
.mkf-theme summary{background-image:var(--mk-washi);background-blend-mode:overlay;background-size:220px 220px}
.mkf-theme .h{font-size:17px;flex:1}
.mkf-theme .n{font-size:13px;opacity:1}
.mkf-theme .btn{font-size:13px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.6);border-radius:99px;padding:3px 12px;white-space:nowrap}
.mkf-theme .btn .c{display:none}
.mkf-theme[open] .btn .o{display:none}
.mkf-theme[open] .btn .c{display:inline}
.mkf-theme-body{padding:10px 20px 16px}
.mkf-theme-body .note{font-size:13px;color:var(--ink-soft);margin:0 0 4px}
.mkf-theme-body ul{list-style:none;margin:0!important;padding:0!important}
.mkf-theme-body li{margin:0;border-bottom:1px solid var(--mk-line)}
.mkf-theme-body li:last-child{border-bottom:0}
.mkf-theme-body li a{display:flex;justify-content:space-between;gap:12px;padding:10px 2px;text-decoration:none;color:var(--ink)}
.mkf-theme-body .nm{font-weight:800}
.mkf-theme-body .v{text-align:right;color:var(--mk-deep);font-weight:700}
.mkf-theme-body li a:hover .nm{color:var(--mk-mid);text-decoration:underline}
@media (max-width:560px){.mkf-theme summary{padding:14px 14px;gap:8px}.mkf-theme .h{font-size:15px}.mkf-theme .n{display:none}}

/* ---- #brokers: one card per company ---- */
.mkf-brokers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mkf-bcard{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s}
.mkf-bcard:hover{transform:translateY(-3px)}
.mkf-bcard .lg{display:flex;align-items:center;justify-content:center;height:84px;background:linear-gradient(180deg,#fff 0%,var(--mk-pale) 100%);border-bottom:1px solid var(--mk-line)}
.mkf-bcard .lg img{max-height:30px;max-width:70%;width:auto;height:auto;display:block}
.mkf-bcard .lg.-k{background:#0F2742}
.mkf-bcard .lg .mkf-tlogo{font-size:24px;font-weight:900;letter-spacing:.02em;color:#0F2742}
.mkf-bcard .bd{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.mkf-bcard b{font-size:17px}
.mkf-bcard .one{font-size:14px;color:var(--ink-soft);line-height:1.7;flex:1}
.mkf-bcard .ft{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}
.mkf-bcard .st{font-size:12px;font-weight:700;color:var(--mk-deep);background:var(--mk-pale);border:1px solid var(--mk-line);border-radius:99px;padding:2px 10px}
.mkf-bcard .go{font-size:14px;font-weight:800;color:var(--mk-bright)}
@media (max-width:900px){.mkf-brokers{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.mkf-brokers{grid-template-columns:1fr}}
.mkf-bmore{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}
.mkf-bmore .cap{font-size:13px;font-weight:700;color:var(--ink-soft)}
.mkf-bmore-lg{display:flex;align-items:center;justify-content:center;width:132px;height:52px;padding:8px 10px;box-sizing:border-box;background:#fff;border:1px solid var(--mk-line);border-radius:10px}
.mkf-bmore-lg img{display:block;max-width:100%;height:28px;width:auto;object-fit:contain}

/* ---- #archive: guide cards and the reading order ---- */
.mkf-guide{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}
.mkf-guide-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mkf-gcard{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s}
.mkf-gcard:hover{transform:translateY(-3px)}
.mkf-gcard .th{display:grid;place-items:center;height:96px;color:#fff;font-weight:900;font-size:20px;letter-spacing:.06em;background-image:var(--mk-washi);background-blend-mode:overlay;background-size:220px 220px}
.mkf-gcard .th.-g1{background-color:var(--mkf-c1)}
.mkf-gcard .th.-g2{background-color:var(--mkf-c2)}
.mkf-gcard .th.-g3{background-color:var(--mkf-c3)}
.mkf-gcard .th.-g4{background-color:var(--mkf-c5)}
.mkf-gcard .bd{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.mkf-gcard .tag{align-self:flex-start;font-size:12px;font-weight:800;border-radius:99px;padding:1px 10px;border:1px solid var(--mk-line);background:var(--mk-pale);color:var(--mk-deep)}
.mkf-gcard b{font-size:16px}
.mkf-gcard .bd>span:last-child{font-size:14px;color:var(--ink-soft)}
.mkf-steps{padding:20px 22px}
.mkf-steps h3{font-family:var(--mk-font);font-size:17px;margin:0 0 10px;color:var(--ink)}
.mkf-steps ol{list-style:none;counter-reset:mkfs;margin:0!important;padding:0!important}
.mkf-steps li{counter-increment:mkfs;margin:0;border-bottom:1px solid var(--mk-line)}
.mkf-steps li:last-child{border-bottom:0}
.mkf-steps li a{display:flex;align-items:center;gap:12px;padding:11px 0;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px}
.mkf-steps li a::before{content:counter(mkfs);flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900;color:#fff;background:var(--mk-bright)}
.mkf-steps li a:hover{color:var(--mk-mid);text-decoration:underline}
@media (max-width:900px){.mkf-guide{grid-template-columns:1fr}}
@media (max-width:560px){.mkf-guide-cards{grid-template-columns:1fr}}

/* ---- #method ---- */
.mkf-method{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mkf-method>div{padding:20px 22px}
.mkf-method .no{display:block;font-size:26px;font-weight:900;color:var(--mk-bright);line-height:1;margin-bottom:8px}
.mkf-method b{display:block;font-size:17px;margin-bottom:6px}
.mkf-method p{margin:0;font-size:14px;color:var(--ink-soft)}
@media (max-width:900px){.mkf-method{grid-template-columns:1fr}}

/* ---- registered-company logo band (after main, before the footer) ---- */
.mkf-strip{background:#fff;border-top:1px solid var(--mk-line);padding:28px 16px 8px;font-family:var(--mk-font)}
.mkf-strip .cap{max-width:1120px;margin:0 auto 14px;text-align:center;font-size:13px;font-weight:700;color:var(--ink-soft)}
.mkf-strip ul{list-style:none;max-width:1120px;margin:0 auto!important;padding:0!important;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.mkf-strip li{margin:0;display:flex;align-items:center;justify-content:center;width:132px;height:52px;padding:8px 10px;box-sizing:border-box;background:#fff;border:1px solid var(--mk-line);border-radius:10px}
.mkf-strip li.-k{background:#0F2742;border-color:#0F2742}
.mkf-strip img{display:block;max-width:100%;height:28px;width:auto;object-fit:contain}
@media (max-width:560px){.mkf-strip li{width:calc(50% - 5px);height:48px}}
.mkf-strip+footer.mk-ft{margin-top:0}

/* Japanese line breaks (CONTENT_STYLE_RULES 7-A): break headings at phrase boundaries, keep table cells on one line. */
.mkf h2,.mkf h3,.mkf-feat-b h2,.mkf-theme .h{word-break:auto-phrase}
.mkf-cmp td{white-space:nowrap}

/* 2026-10-10 v0.2.7: sortable compare header (white on --mk-deep #024B7C), spread note, reading list */
.mkf-sort{all:unset;cursor:pointer;color:#fff;font:inherit;font-weight:700;display:inline-flex;align-items:center;gap:4px;border-bottom:1px dashed rgba(255,255,255,.7)}
.mkf-sort::after{content:"\25B2\25BC";font-size:9px;letter-spacing:-1px;opacity:.85}
th[aria-sort=ascending] .mkf-sort::after{content:"\25B2"}
th[aria-sort=descending] .mkf-sort::after{content:"\25BC"}
.mkf-sort:focus-visible{outline:2px solid #fff;outline-offset:2px}
.mkf-spn{display:block;font-size:11px;color:#55606b;font-weight:400;margin-top:2px}
.mkf-rd{display:grid;gap:12px}
.mkf-rd-g{border:1px solid var(--mk-line);border-radius:12px;background:#fff;color:var(--ink)}
.mkf-rd-g summary{cursor:pointer;padding:14px 16px;display:flex;justify-content:space-between;font-weight:700}
.mkf-rd-g summary .n{color:#55606b;font-weight:400}
.mkf-rd-g ul{margin:0;padding:0 16px 14px 34px;columns:2 320px;column-gap:28px}
.mkf-rd-g li{margin:6px 0;break-inside:avoid}
.mkf-rd-g a{color:var(--mk-mid)}
.mkf-bcard .lg.-bn{padding:0 10px}
.mkf-bcard .lg.-bn img{max-height:60px;max-width:100%}
/* v0.4.9 #compare-read as three step cards (2026-10-12 本人「だらだら並んでるだけで見づらい」) */
.mkf-read2 h2{font-size:clamp(20px,2.6vw,26px);margin:0 0 4px;text-align:center}
.mkf-read2 .sub{color:#4A6380;font-size:14px;margin:0 0 16px;text-align:center}
.mkf-steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mkf-steps3 li{background:#fff;border:1px solid var(--mk-line);border-top:5px solid #024B7C;border-radius:var(--mk-r);box-shadow:var(--mk-shadow);padding:20px 20px 18px;position:relative}
.mkf-steps3 .no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#024B7C;color:#fff;font-weight:900;font-size:17px;margin-bottom:8px}
.mkf-steps3 h3{font-size:18px;margin:0 0 8px;color:#0F2742}
.mkf-steps3 .key{display:inline-block;background:#EAF5FD;color:#0F2742;font-weight:800;font-size:14px;line-height:1.5;padding:4px 10px;border-radius:8px;margin:0 0 10px}
.mkf-steps3 p{font-size:14px;line-height:1.8;color:#1d2733;margin:0}
.mkf-read2 .links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:18px}
.mkf-read2 .links a{font-weight:800;font-size:14px;color:#024B7C;text-decoration:none}
.mkf-read2 .links a:hover{text-decoration:underline}
@media (max-width:820px){.mkf-steps3{grid-template-columns:1fr}}
/* v0.4.9 compare table without sideways scrolling (2026-10-12 本人「横スクロールさせないで、適宜改行」).
   Wide screens: no fixed min-width, text cells wrap. Phones: one card per company, labels from data-l. */
.mkf-cmp{overflow-x:visible}
.mkf-cmp table{min-width:0;table-layout:auto}
.mkf-cmp th,.mkf-cmp td{padding:10px 10px}
.mkf-cmp td{white-space:normal;word-break:auto-phrase;overflow-wrap:anywhere;line-height:1.55}
.mkf-cmp td.num{white-space:nowrap}
.mkf-cmp thead th{white-space:normal}
.mkf-firm{min-width:150px}
@media (max-width:760px){
  .mkf-cmp{background:transparent;border:0;box-shadow:none}
  .mkf-cmp table,.mkf-cmp tbody{display:block;width:100%}
  .mkf-cmp thead{display:block;margin:0 0 10px}
  .mkf-cmp thead tr{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
  .mkf-cmp thead tr::before{content:"並べ替え";font-size:12px;font-weight:700;color:#4A6380;margin-right:2px}
  .mkf-cmp thead th{position:static;display:block;padding:0;background:transparent;border:0}
  .mkf-cmp thead th:first-child{display:none}
  .mkf-cmp thead .mkf-sort{background:#024B7C;color:#fff;border:0;border-radius:999px;padding:6px 10px;font-size:12px}
  .mkf-cmp tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid var(--mk-line);border-top:4px solid #024B7C;border-radius:12px;margin:0 0 12px;overflow:hidden;box-shadow:var(--mk-shadow)}
  .mkf-cmp tbody tr td,.mkf-cmp tbody tr:nth-child(even) td{display:block;position:static;background:#fff;border:0;border-top:1px solid var(--mk-line);padding:8px 12px;font-size:13px;min-width:0}
  .mkf-cmp tbody td[data-l]::before{content:attr(data-l);display:block;font-size:11px;font-weight:700;color:#4A6380;margin-bottom:2px}
  .mkf-cmp tbody td.mkf-firm{grid-column:1 / -1;border-top:0;border-right:0;background:#EAF5FD;display:flex;align-items:center;gap:10px}
  .mkf-cmp tbody td.mkf-firm a{flex-direction:row;align-items:center;gap:10px}
  .mkf-cmp tbody td.cb{grid-column:1 / -1}
  .mkf-cmp tbody td.num{font-size:16px}
}

/* v0.4.14 (2026-10-12): date badge on the market card; the 秒でわかる card links to each article.
   Contrast: white on #024B7C 9.1:1 (date badge); #0F2742 on #FFC94A 10.4:1 (「大人気！」 badge);
   --mk-deep #024B7C on --mk-pale #EAF5FD 8.3:1 (topic chips); white on #024B7C 9.1:1 (chip hover). */
.mkf-date{display:inline-block;margin-left:8px;font-size:13px;font-weight:800;color:#fff;background:#024B7C;border-radius:99px;padding:3px 12px;vertical-align:top}
.mkf-kick.-hot{background:#FFC94A;border-color:#E0A800;color:#0F2742}
.mkf-secs:hover{transform:none}
.mkf-secs h2 a{color:inherit;text-decoration:none}
.mkf-secs h2 a:hover{color:var(--mk-deep)}
.mkf-chips.-links li{padding:0;background:none;border:0}
.mkf-chips.-links a{display:inline-block;font-size:13px;font-weight:700;color:var(--mk-deep);background:var(--mk-pale);border:1px solid var(--mk-line);border-radius:99px;padding:4px 12px;text-decoration:none}
.mkf-chips.-links a:hover,.mkf-chips.-links a:focus-visible{background:#024B7C;border-color:#024B7C;color:#fff}
.mkf-secs .mkf-go{text-decoration:none}

/* v0.4.18 (2026-10-12): the market card is back in its old place; inside it, 「毎日更新 相場分析」 is the largest text
   and 「今日のドル円、節目はここ」 is the line under it (本人「毎日更新の相場分析という部分の文字を一番大きく」). */
.mkf-mkt .mkf-date{margin-left:0}
.mkf-feat-b h2.mkf-mkt-ttl{font-size:clamp(26px,3.2vw,34px);line-height:1.25;margin:10px 0 6px;color:#0F2742}
.mkf-mkt-ttl span{display:block;font-size:.62em;color:#024B7C;letter-spacing:.06em}
.mkf-feat-b p.mkf-mkt-sub{font-size:16px;font-weight:700;color:#0F2742;margin:0 0 10px}
.mkf-mkt-sub em{font-style:normal;color:var(--mk-deep);background:linear-gradient(transparent 62%,var(--mk-glow) 62%)}

/* v0.5.2 FX・CFD・仮想通貨の入口。#0F2742 on #fff 15.9:1, #4A6380 6.2:1, #024B7C 9.1:1, #024B7C on #EAF5FD 8.2:1 */
.mkf-hubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:14px}
.mkf-hub{display:flex;flex-direction:column;background:#fff;border:1px solid #C9D9E8;border-top:5px solid #024B7C;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(15,39,66,.06)}
.mkf-hub.-cfd{border-top-color:#0B6B34}
.mkf-hub.-crypto{border-top-color:#B3261E}
/* v0.6.0 株・NISA. Top borders are decoration only: #8A4B00 on #fff 6.8:1, #6B2FA0 on #fff 8.3:1 */
.mkf-hub.-stock{border-top-color:#8A4B00}
.mkf-hub.-nisa{border-top-color:#6B2FA0}
.mkf-hub-main{display:block;flex:1;padding:18px 20px 14px;color:#0F2742;text-decoration:none}
.mkf-hub-main b{display:block;font-size:26px;line-height:1.2;color:#0F2742}
.mkf-hub-main span{display:block;margin:6px 0 10px;font-size:14px;color:#4A6380;line-height:1.6}
.mkf-hub-main em{font-style:normal;font-weight:800;font-size:15px;color:#024B7C}
.mkf-hub-main:hover b{text-decoration:underline}
.mkf-hub-news{display:block;padding:10px 20px;background:#EAF5FD;border-top:1px solid #C9D9E8;font-size:14px;font-weight:700;color:#024B7C;text-decoration:none}
.mkf-hub-news:hover{text-decoration:underline}
@media (max-width:760px){.mkf-hubs{grid-template-columns:1fr}}