.magnet-page .calp-hero{background:#f7f3ed}.magnet-page .calp-hero h1{font-size:clamp(30px,3.4vw,47px)}.magnet-page .calp-hero h1 small{display:block;font-size:.67em;margin-top:18px;color:var(--blue-deep)}.magnet-page .calp-features{padding:65px 0}.magnet-page .calp-spec-card{min-height:150px}.magnet-page .calp-table-wrap{max-height:none;overflow-y:visible}.magnet-price-table{min-width:1000px}.magnet-price-table th:first-child{position:sticky;left:0;z-index:1;background:#f4f6f8}.magnet-price-table thead th:first-child{background:var(--blue-deep);z-index:2}.magnet-table-hint{font-size:13px;color:var(--muted);margin-bottom:16px}.magnet-install{background:var(--cream)}.magnet-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0}.magnet-steps li{padding:28px;background:#fff;border-radius:12px}.magnet-steps li>span{font-size:30px;font-weight:900;color:var(--gold)}.magnet-steps h3{margin:14px 0 12px;font-size:20px;color:var(--blue-deep)}.magnet-steps p,.magnet-install-note{font-size:14px;color:var(--muted);line-height:1.9}.magnet-install-note{margin-top:24px;max-width:850px}@media(max-width:640px){.magnet-page .calp-hero h1{font-size:clamp(27px,6.8vw,37px)}.magnet-page .calp-features{padding:45px 0}.magnet-steps{grid-template-columns:1fr;gap:16px}.magnet-steps li{padding:24px}.magnet-page .calp-spec-card{min-height:0}}
.magnet-price-table caption { position:sticky; left:0; width:1000px; max-width:calc(100vw - 48px); white-space:normal; box-sizing:border-box; text-align:left; }
.magnet-price-table caption span { display:block; margin-top:8px; font-size:12px; font-weight:400; line-height:1.7; }
.magnet-page #features { padding:40px 0; }
.magnet-page #features .calp-section-head { gap:8px 28px; margin-bottom:20px; }
.magnet-page #features h2 { font-size:clamp(26px,2.6vw,34px); text-wrap:balance; }
.magnet-page #features h2 span { display:inline-block; }
.magnet-page #features .calp-feature-grid { gap:12px; }
.magnet-page #features .calp-feature-grid article { padding:18px 20px; box-shadow:none; }
.magnet-page #features .calp-feature-grid h3 { margin-top:0; font-size:18px; }
.magnet-page #features .calp-feature-grid p { margin-top:6px; font-size:13px; line-height:1.7; }
@media(max-width:640px) {
  .magnet-page #features { padding:30px 0; }
  .magnet-page #features .calp-section-head { margin-bottom:16px; }
  .magnet-page #features .calp-feature-grid article { padding:15px 18px; }
}
.magnet-page .magnet-install-mii { max-width:none; gap:16px; margin:0 0 28px; }
.magnet-page .magnet-install-mii img { width:88px; height:132px; filter:none; }
.magnet-page .magnet-install-mii p { padding:15px 20px; }
.magnet-page .magnet-install-mii span { font-size:13px; }
@media(max-width:640px) {
  .magnet-page .magnet-install-mii { gap:12px; margin-bottom:24px; }
  .magnet-page .magnet-install-mii img { width:70px; height:105px; }
  .magnet-page .magnet-install-mii p { padding:12px 14px; }
  .magnet-page .magnet-install-mii span { font-size:12px; }
}

.magnet-page #install-title span { display:inline-block; }


/* 素材と仕上げ: 見出し、写真と仕様、吸着力の順に配置 */
.magnet-page #spec .magnet-spec-heading { align-items:center; margin-bottom:28px; }
.magnet-page #spec h2 { line-height:1.4; }
.magnet-page #spec h2 span { display:block; }
.magnet-page .magnet-spec-details { display:grid; grid-template-columns:.85fr 1.15fr; align-items:stretch; gap:28px; }
.magnet-page .magnet-material-photo { margin:0; overflow:hidden; border-radius:12px; }
.magnet-page .magnet-material-photo img { display:block; width:100%; height:100%; aspect-ratio:4 / 3; object-fit:cover; }
.magnet-page #spec .calp-spec-cards { gap:14px; align-content:stretch; }
.magnet-page #spec .calp-spec-card { min-height:0; padding:24px; align-items:center; }
.magnet-page .magnet-strength-card { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:28px; margin-top:24px; padding:24px; border:1px solid #d4dfec; border-radius:12px; background:#f8fbff; }
.magnet-page .magnet-strength-label { margin:0 0 8px; font-size:12px; font-weight:700; color:var(--blue); }
.magnet-page .magnet-strength-card h3 { font-size:22px; line-height:1.5; }
.magnet-page .magnet-strength-card h3 span, .magnet-page .magnet-strength-card h3 strong { display:inline-block; }
.magnet-page .magnet-strength-card h3 strong { color:var(--blue); }
.magnet-page .magnet-strength-card div > p:not(.magnet-strength-label) { color:var(--muted); font-size:13px; line-height:1.8; }
.magnet-page .magnet-strength-card small { display:block; margin-top:10px; font-size:11px; line-height:1.7; color:var(--muted); }
.magnet-page .magnet-spec-link { margin-top:22px; font-size:12px; }
.magnet-page .magnet-install-mii img { width:112px; height:148px; }
@media(max-width:900px) {
  .magnet-page .magnet-spec-details { grid-template-columns:1fr; gap:20px; }
  .magnet-page .magnet-material-photo img { height:auto; }
  .magnet-page .magnet-strength-card { grid-template-columns:1fr; gap:14px; }
}
@media(max-width:640px) {
  .magnet-page #spec .magnet-spec-heading { gap:10px; margin-bottom:22px; }
  .magnet-page #spec .calp-spec-card { padding:20px; }
  .magnet-page .magnet-strength-card { margin-top:20px; padding:20px; }
  .magnet-page .magnet-strength-card h3 { font-size:20px; }
  .magnet-page .magnet-install-mii img { width:88px; height:126px; }
}
/* プリントマグネットの公開前調整 */
.magnet-page .magnet-hero-phrase { display:inline-block; white-space:nowrap; }
.magnet-page .magnet-surface-check { margin:20px 0 0; padding:12px 15px; border-left:3px solid var(--blue); border-radius:0 8px 8px 0; background:#fff; color:var(--blue-deep); font-size:12px; font-weight:700; line-height:1.8; }
.magnet-page .magnet-feature-number { display:block; margin-bottom:7px; color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.12em; }
.magnet-page .calp-gallery-grid figcaption { line-height:1.7; }
.magnet-page .magnet-compare { padding-block:65px; }
.magnet-page .magnet-compare-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.magnet-page .magnet-compare-grid article { padding:26px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.magnet-page .magnet-compare-grid h3 { margin:14px 0 10px; font-size:19px; color:var(--blue-deep); }
.magnet-page .magnet-compare-grid p { color:var(--muted); font-size:14px; line-height:1.85; }
.magnet-page .magnet-compare-grid .text-link { margin-top:16px; font-size:13px; }
.magnet-page .product-mii p { min-width:0; }
.magnet-page .product-mii img { object-fit:contain; height:auto; }
.magnet-page .calp-hero-mii img { width:125px; }
.magnet-page .calp-price-mii img { width:125px; }
.magnet-page .magnet-install-mii img { width:125px; }
.magnet-page .magnet-price-table { table-layout:fixed; width:100%; }
.magnet-page .magnet-price-table th:first-child { width:108px; z-index:3; background:#f4f6f8; }
.magnet-page .magnet-price-table thead th:first-child { z-index:4; background:var(--blue-deep); }
.magnet-page .magnet-vehicle-note { margin-top:24px; padding:25px 28px; border:1px solid #d4dfec; border-radius:12px; background:#f8fbff; }
.magnet-page .magnet-vehicle-note h3 { color:var(--blue-deep); font-size:18px; }
.magnet-page .magnet-vehicle-note ul { margin:14px 0 0; padding-left:1.3em; color:var(--muted); font-size:13px; line-height:1.85; }
.magnet-page .magnet-vehicle-note li + li { margin-top:8px; }
.magnet-page .magnet-contact-copy { min-width:0; }
@media (min-width:641px) and (max-width:900px) {
  .magnet-page .calp-hero-grid { grid-template-columns:1fr; gap:32px; }
  .magnet-page .calp-hero-visual { width:100%; max-width:620px; margin-inline:auto; }
}
@media (max-width:640px) {
  .magnet-page .magnet-compare { padding-block:45px; }
  .magnet-page .magnet-compare-grid { grid-template-columns:1fr; gap:14px; }
  .magnet-page .magnet-compare-grid article { padding:20px; }
  .magnet-page .magnet-compare-grid h3 { font-size:16px; }
  .magnet-page .calp-hero-mii img, .magnet-page .calp-price-mii img, .magnet-page .magnet-install-mii img { width:96px; }
  .magnet-page .magnet-price-table { width:880px; min-width:880px; font-size:11px; }
  .magnet-page .magnet-price-table th, .magnet-page .magnet-price-table td { padding:10px 12px; }
  .magnet-page .magnet-price-table th:first-child { width:80px; padding-inline:8px; font-size:10px; }
  .magnet-page .magnet-price-table caption { width:880px; max-width:calc(100vw - 36px); padding:16px; font-size:14px; }
  .magnet-page .magnet-price-table caption span { font-size:11px; }
  .magnet-page .magnet-vehicle-note { padding:20px; }
  .magnet-page .magnet-vehicle-note h3 { font-size:16px; }
  .magnet-page .magnet-vehicle-note ul { font-size:12px; }
}
.magnet-page .magnet-heading-phrase { display:inline-block; white-space:nowrap; }