フリーサイズシム｜四角｜ハイグレードタイプ (SUS301)
/* ── シムの杜 ハイグレードタイプ 四角 (scoped: .snm-) ── */ .snm-wrap { --snm-silver: #a8adb8; --snm-silver-light: #c8cdd8; --snm-gold: #b8975a; --snm-gold-light: #d4b47a; --snm-gold-pale: #f5ea d6; --snm-charcoal: #18191c; --snm-charcoal-mid: #2e2e30; --snm-bg: #f5f5f7; --snm-white: #ffffff; --snm-text: #1c1d20; --snm-text-sub: #404040; --snm-border: rgba(184,151,90,0.3); --snm-border-light: rgba(184,151,90,0.12); font-size: 14px; line-height: 1.75; color: var(--snm-text); } .snm-content { padding: 16px 0 40px; display: grid; gap: 16px; } /* リード文 */ .snm-lead { font-size: 0.9rem; color: var(--snm-text); line-height: 1.9; padding-left: 14px; border-left: 2px solid var(--snm-gold); margin: 0; } /* 特徴見出し */ .snm-section-label { font-size: 0.8rem; font-weight: 600; letter-spacing: 0.3em; color: var(--snm-text); margin: 0; display: flex; align-items: center; gap: 12px; } .snm-section-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, var(--snm-border), transparent); } /* FEATURES */ .snm-features { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--snm-border); border: 1px solid var(--snm-border); } .snm-feature-card { background: var(--snm-white); padding: 22px 24px; transition: background 0.22s; } .snm-feature-card:hover { background: #fdf8ef; } .snm-feature-num { font-size: 2rem; font-weight: 300; color: var(--snm-gold); opacity: 0.55; line-height: 1; margin-bottom: 5px; } .snm-feature-title { font-size: 0.9rem; font-weight: 600; color: var(--snm-text); letter-spacing: 0.04em; margin-bottom: 7px; } .snm-feature-body { font-size: 0.82rem; color: var(--snm-text-sub); line-height: 1.85; } /* CHIPS */ .snm-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; } .snm-chip { background: #fdf6e8; border: 1px solid rgba(184,151,90,0.35); padding: 2px 9px; font-size: 0.6rem; color: #5a4010; } /* LOWER ROW */ .snm-lower { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--snm-border); border: 1px solid var(--snm-border); } .snm-spec { background: var(--snm-charcoal); padding: 22px 24px; position: relative; } .snm-spec::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right, transparent, var(--snm-gold), transparent); } .snm-spec-label { font-size: 0.75rem; letter-spacing: 0.28em; color: var(--snm-gold-light); text-transform: uppercase; margin-bottom: 14px; font-weight: 500; } .snm-spec-row { display: flex; gap: 14px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.08); align-items: baseline; } .snm-spec-row:last-child { border-bottom: none; } .snm-spec-key { font-size: 0.78rem; letter-spacing: 0.18em; color: var(--snm-gold-light); min-width: 52px; } .snm-spec-val { font-size: 0.88rem; color: rgba(255,255,255,0.92); } .snm-spec-val strong { color: #fff; font-weight: 500; } .snm-urgent { color: #ff6b4a; font-weight: 600; } .snm-catchcopy { background: var(--snm-white); padding: 22px 24px; display: flex; flex-direction: column; justify-content: center; position: relative; } .snm-catchcopy::before, .snm-catchcopy::after { content: ''; position: absolute; width: 16px; height: 16px; border-color: var(--snm-gold-light); border-style: solid; opacity: 0.6; } .snm-catchcopy::before { top: 8px; left: 8px; border-width: 1px 0 0 1px; } .snm-catchcopy::after { bottom: 8px; right: 8px; border-width: 0 1px 1px 0; } .snm-catchcopy-en { font-size: 0.72rem; letter-spacing: 0.3em; color: var(--snm-gold); text-transform: uppercase; margin-bottom: 8px; font-weight: 500; } .snm-catchcopy-body { font-size: 0.84rem; color: var(--snm-text); line-height: 1.9; margin: 0; } /* レギュラータイプバナー（シルバー） */ .snm-rg-box { display: block !important; background: linear-gradient(105deg, #f2f3f5 0%, #fafafa 55%, #ebebed 100%) !important; border: 1px solid rgba(168,173,184,0.5) !important; border-top: 3px solid var(--snm-silver) !important; padding: 16px 60px 16px 20px !important; cursor: pointer; transition: box-shadow 0.25s; position: relative !important; text-decoration: none !important; color: inherit !important; } .snm-rg-box:hover { box-shadow: 0 4px 18px rgba(168,173,184,0.25); } .snm-rg-sub-label { display: block; font-size: 0.78rem; color: #404040 !important; margin-bottom: 4px; } .snm-rg-main-label { display: block; font-size: 1rem; font-weight: 700; color: var(--snm-silver) !important; letter-spacing: 0.04em; } .snm-rg-arrow { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.6rem; color: var(--snm-silver); transition: transform 0.22s; line-height: 1; } .snm-rg-box:hover .snm-rg-arrow { transform: translateY(-50%) translateX(6px); } /* ACCORDION */ .snm-accordion { border: 1px solid var(--snm-border); background: var(--snm-border-light); display: grid; gap: 1px; } .snm-accordion details { background: var(--snm-white); } .snm-accordion details[open] { background: #fffdf8; } .snm-accordion summary { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; cursor: pointer; font-size: 0.82rem; letter-spacing: 0.06em; color: var(--snm-text); user-select: none; } .snm-accordion summary::-webkit-details-marker { display: none; } .snm-accordion summary:hover { color: var(--snm-gold); } .snm-s-icon { font-size: 1.1rem; color: var(--snm-gold); transition: transform 0.25s; flex-shrink: 0; } .snm-accordion details[open] .snm-s-icon { transform: rotate(45deg); } .snm-acc-body { padding: 0 20px 16px; font-size: 0.8rem; color: var(--snm-text-sub); line-height: 1.9; } .snm-acc-list { list-style: none; display: grid; gap: 6px; padding: 0; margin: 0; } .snm-acc-list li { padding-left: 14px; position: relative; } .snm-acc-list li::before { content: '—'; position: absolute; left: 0; color: var(--snm-gold); font-size: 0.62rem; top: 4px; } .snm-acc-list li strong { color: var(--snm-text); font-weight: 600; } .snm-acc-link { display: inline-block; margin-top: 10px; font-size: 0.75rem; color: var(--snm-gold); text-decoration: none; border-bottom: 1px solid var(--snm-border); padding-bottom: 2px; letter-spacing: 0.1em; } /* タイプ選び方 */ .snm-type-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 4px; } .snm-type-card { border: 1px solid var(--snm-border); padding: 14px 16px; background: #fff; } .snm-type-card-label { font-size: 0.65rem; letter-spacing: 0.35em; text-transform: uppercase; margin-bottom: 6px; font-weight: 500; display: block; } .snm-type-card-label.silver { color: var(--snm-silver); } .snm-type-card-label.gold { color: var(--snm-gold); } .snm-type-card-name { font-size: 0.84rem; font-weight: 600; color: var(--snm-text); margin-bottom: 6px; display: block; } .snm-type-card-desc { font-size: 0.76rem; color: var(--snm-text-sub); line-height: 1.8; display: block; } .snm-type-full-link { display: inline-block; margin-top: 14px; font-size: 0.76rem; color: var(--snm-gold); text-decoration: none; border-bottom: 1px solid var(--snm-border); padding-bottom: 2px; letter-spacing: 0.1em; } @media (max-width: 640px) { .snm-features, .snm-lower, .snm-type-grid { grid-template-columns: 1fr; } } シムプレートをご希望の「幅・長さ・厚み」にカットいたします。サイズをご入力・ご指定いただくと、自動でお見積り金額が表示されます。 特 徴 01 業界トップレベルの板厚精度 厚み公差±0.001mm〜。ミクロン単位の精密な調整が可能です。 0.05㎜0.10㎜0.20㎜ 0.30㎜0.40㎜0.50㎜ 0.60㎜0.80㎜0.90㎜ 1.00㎜ 02 高硬度 SUS301 ＋ 焼入れ処理 高硬度SUS301にさらに焼入れ処理を施し、高い硬度を実現しました。非常にへたりにくく、長くお使いいただけます。 Specifications 材質 ステンレス鋼材 SUS301 表面処理 焼入れ処理 納期 平日15時までのご注文で最短3営業日以内発送 High Grade Type 高精度・高硬度・高品質。「シムの杜」の技術力とノウハウが詰まったオリジナルシムです。高品質なものづくりを支援いたします。 必要十分な品質を確保しながら、コストを抑えたい方に。 レギュラータイプ（SUS304）はこちら → 納期に関するご案内+ 平日15時までのご注文・お支払い完了で、最短3営業日での発送となります。 利用ガイドで詳細を確認 → 決済方法と納期について+ クレジットカード・QRコード決済・代金引換：ご注文受付が完了した時点で発送手配を行います。 銀行振込：ご入金確認後、発送手配に移らせていただきます。 営業日の数え方+ 土日・祝日・当店指定の休業日を除いた日を「営業日」として数えております。 2026年度 営業日カレンダーを確認 → タイプ（材質）の選び方+ Regular Type レギュラータイプ 一般的な用途に幅広く対応。必要十分な品質を確保しながら、コストを抑えたい方に。豊富な板厚バリエーションからお選びいただけます。 High Grade Type ハイグレードタイプ 高硬度SUS301に焼入れ処理。高い硬度に優れた板厚精度を兼ね備えた、「シムの杜」オリジナル仕様のシム。ミクロン単位の微調整や耐久性が必要な方に。 詳細な選び方ガイドはこちら →