@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/noto-sans-jp-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/noto-sans-jp-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/noto-sans-jp-japanese-400-normal.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF,U+20000-2A6DF}@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/noto-sans-jp-japanese-700-normal.woff2) format("woff2");unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF,U+20000-2A6DF}:root{color-scheme:light dark;--bg-page: color-mix(in srgb, Canvas 88%, #faf8f5 12%);--surface: color-mix(in srgb, Canvas 82%, #f5f0e8 18%);--bg-article: color-mix(in srgb, Canvas 94%, #fffcf8 6%);--bg: var(--bg-page);--text-primary: CanvasText;--text: var(--text-primary);--text-secondary: color-mix(in srgb, CanvasText 72%, Canvas 28%);--muted: var(--text-secondary);--text-muted: var(--text-secondary);--text-tertiary: color-mix(in srgb, CanvasText 55%, Canvas 45%);--border: color-mix(in srgb, Canvas 70%, #e8e4de 30%);--border-strong: color-mix(in srgb, Canvas 55%, #d4cec4 45%);--chip-subtle: color-mix(in srgb, Canvas 78%, #f0ebe3 22%);--bg-subtle: color-mix(in srgb, Canvas 85%, #f5f0e8 15%);--bg-accent-soft: color-mix(in srgb, var(--accent) 12%, Canvas 88%);--bg-table-stripe: color-mix(in srgb, Canvas 92%, #faf8f5 8%);--bg-table-hover: color-mix(in srgb, var(--accent) 8%, Canvas 92%);--accent: #0b6bcb;--accent-soft: #e8f2ff;--accent-hover: #095aa8;--text-on-accent: #fff;--bg-hero: linear-gradient( 135deg, color-mix(in srgb, #fff8f0 60%, Canvas 40%) 0%, var(--bg-page) 100% );--bg-home-hero: linear-gradient( 135deg, color-mix(in srgb, #fff8f0 60%, Canvas 40%) 0%, var(--bg-page) 100% );--header-bg: color-mix(in srgb, var(--surface) 92%, transparent 8%);--callout-success-bg: #f0fdf4;--callout-success-border: #bbf7d0;--callout-success-accent: #059669;--callout-success-text: #065f46;--callout-error-bg: #fef2f2;--callout-error-border: #fca5a5;--callout-error-accent: #dc2626;--callout-error-text: #b91c1c;--callout-error-ring: color-mix(in srgb, #dc2626 12%, transparent);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--color-sim: #0b6bcb;--color-hikari: #059669;--color-trouble: #d97706;--color-cost: #7c3aed;--gradient-sim: linear-gradient(135deg, #dbeafe 0%, #93c5fd 100%);--gradient-hikari: linear-gradient(135deg, #d1fae5 0%, #6ee7b7 100%);--gradient-trouble: linear-gradient(135deg, #ffedd5 0%, #fdba74 100%);--gradient-cost: linear-gradient(135deg, #ede9fe 0%, #c4b5fd 100%);--font-sans: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;--font-serif: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "MS PMincho", serif;--text-body: 1.0625rem;--text-lead: 1.125rem;--line-body: 1.85;--line-heading: 1.4;--width-page: 1120px;--width-hub: 1100px;--width-body: 680px;--width-lead: 36rem;--width-form: 560px;--width-table-min: 36rem;--site-header-height: 4rem;--sticky-top-offset: calc(var(--site-header-height) + 1rem);--space-section: 3rem;--space-block: 1.5rem;--prose-h2-margin-top: var(--space-section);--prose-h2-margin-bottom: .875rem;--prose-h3-margin-top: 2.25rem;--prose-h3-margin-bottom: .625rem;--prose-block-margin-bottom: 1.375rem;--prose-li-margin-bottom: .55rem;--cta-radius: var(--radius-sm);--cta-padding-y: .65rem;--cta-padding-x: 1.25rem;--cta-font-size: .95rem;--cta-font-weight: 700;--cta-min-height: 44px;--cta-transition: background .15s ease}@supports not (color: Canvas){:root{--bg-page: #faf8f5;--surface: #f5f0e8;--bg-article: #fffcf8;--text-primary: #1c1917;--text-secondary: #57534e;--text-tertiary: #78716c;--border: #e8e4de;--border-strong: #d4cec4;--chip-subtle: #f0ebe3;--bg-subtle: #f5f0e8;--bg-accent-soft: #f0f6ff;--bg-table-stripe: #faf8f5;--bg-table-hover: #f0f6ff;--bg-hero: linear-gradient(135deg, #fff8f0 0%, #faf8f5 100%);--bg-home-hero: linear-gradient(135deg, #fff8f0 0%, #faf8f5 100%)}}@media(prefers-color-scheme:dark){:root{--bg-page: #1e1c1a;--surface: #262320;--bg-article: #2d2a27;--text-primary: #f5f3f0;--text-secondary: #c8c4bf;--text-tertiary: #9c9893;--border: #3d3935;--border-strong: #524d48;--chip-subtle: #353230;--bg-subtle: #262320;--bg-accent-soft: #243044;--bg-table-stripe: #232120;--bg-table-hover: #2a3545;--accent: #5eb0ff;--accent-soft: #1e3a5f;--accent-hover: #7ec0ff;--text-on-accent: #1a1816;--bg-hero: linear-gradient(135deg, #2d2a27 0%, #1e1c1a 100%);--bg-home-hero: linear-gradient(135deg, #322f2c 0%, #1e1c1a 100%);--header-bg: color-mix(in srgb, #262320 94%, transparent 6%);--callout-success-bg: #0f2e22;--callout-success-border: #166534;--callout-success-accent: #34d399;--callout-success-text: #a7f3d0;--callout-error-bg: #3a1a1a;--callout-error-border: #991b1b;--callout-error-accent: #f87171;--callout-error-text: #fecaca;--callout-error-ring: color-mix(in srgb, #f87171 18%, transparent);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .28);--shadow-md: 0 4px 14px rgba(0, 0, 0, .38);--color-sim: #7ec0ff;--color-hikari: #34d399;--color-trouble: #fbbf24;--color-cost: #a78bfa;--gradient-sim: linear-gradient(135deg, #1a3050 0%, #2d5080 100%);--gradient-hikari: linear-gradient(135deg, #0f3d30 0%, #166534 100%);--gradient-trouble: linear-gradient(135deg, #4a2808 0%, #92400e 100%);--gradient-cost: linear-gradient(135deg, #3b1f6e 0%, #5b21b6 100%)}}.prose{max-width:var(--width-body);font-size:var(--text-body);line-height:var(--line-body);color:var(--text-primary)}.prose>:first-child{margin-top:0}.prose h2{font-size:1.375rem;line-height:var(--line-heading);margin:var(--prose-h2-margin-top) 0 var(--prose-h2-margin-bottom);padding-bottom:.5rem;border-bottom:2px solid var(--accent-soft)}.prose h3{font-size:1.125rem;line-height:var(--line-heading);margin:var(--prose-h3-margin-top) 0 var(--prose-h3-margin-bottom);color:var(--text-primary)}.prose h2+h3{margin-top:1.25rem}.prose .callout-summary+h2{margin-top:2rem}.prose p,.prose ul,.prose ol{margin:0 0 var(--prose-block-margin-bottom)}.prose ul,.prose ol{padding-left:1.25rem}.prose li{margin-bottom:var(--prose-li-margin-bottom)}.prose li>ul,.prose li>ol{margin-top:var(--prose-li-margin-bottom);margin-bottom:0}.prose a:not(.affiliate-link){color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}.prose a:not(.affiliate-link):hover{color:var(--accent-hover)}.prose strong{font-weight:700;color:var(--text-primary)}.prose em{font-style:italic}.prose code{font-size:.9em;padding:.15em .35em;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border)}.prose hr{margin:2rem 0;border:0;border-top:1px solid var(--border)}.prose img{display:block;max-width:100%;height:auto;margin:1.25rem 0;border-radius:var(--radius-sm)}.prose blockquote{border-left:3px solid var(--accent);margin:1.5rem 0;padding:1rem 1.25rem;background:var(--bg-subtle);border-radius:var(--radius-sm);color:var(--text-secondary)}.prose .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0;border-radius:var(--radius-sm);border:1px solid var(--border)}.prose .table-scroll:focus-within{outline:2px solid var(--accent);outline-offset:2px}.prose .table-scroll:after{content:"← 横にスクロールできます →";display:block;text-align:center;font-size:.75rem;line-height:1.2;color:var(--text-secondary);padding:.35rem 0 0;min-height:1.25rem}@media(min-width:641px){.prose .table-scroll:after{visibility:hidden}}.prose table{width:100%;min-width:480px;border-collapse:collapse;font-size:.95rem}.prose thead{background:var(--accent-soft);font-weight:700}.prose th,.prose td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}.prose tbody tr:nth-child(2n){background:var(--bg-table-stripe)}.prose tbody tr:hover{background:var(--bg-table-hover)}.prose a.affiliate-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--cta-min-height);padding:var(--cta-padding-y) var(--cta-padding-x);margin:.25rem 0;border-radius:var(--cta-radius);background:var(--accent);color:var(--text-on-accent);font-weight:var(--cta-font-weight);font-size:var(--cta-font-size);text-decoration:none;transition:var(--cta-transition)}.prose a.affiliate-link:hover{background:var(--accent-hover);text-decoration:none}.prose .callout-summary{margin:1.5rem 0 2rem;padding:1.25rem 1.35rem;background:var(--callout-success-bg);border:1px solid var(--callout-success-border);border-left:4px solid var(--callout-success-accent);border-radius:var(--radius-md)}.prose .callout-summary h2{margin-top:0;border-bottom:none;padding-bottom:0;color:var(--callout-success-text)}.prose .callout-summary p:last-child{margin-bottom:0}.prose .affiliate-cta-block{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0;padding:1.1rem 1.25rem;background:var(--bg-accent-soft);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md)}.prose .affiliate-cta-block__content{flex:1 1 220px;min-width:0}.prose .affiliate-cta-block__title{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.prose .affiliate-cta-block__desc{margin:0;font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.prose a.affiliate-link.affiliate-cta-block__action{flex-shrink:0;margin:0}@media(max-width:640px){.prose{font-size:1rem}.prose h2{font-size:1.25rem}.prose h3{font-size:1.0625rem}.prose .affiliate-cta-block{flex-direction:column;align-items:stretch;gap:.85rem}.prose .affiliate-cta-block__content{flex-basis:auto}.prose a.affiliate-link.affiliate-cta-block__action{width:100%;justify-content:center;text-align:center}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-page);line-height:var(--line-body)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,[id]{scroll-margin-top:var(--sticky-top-offset)}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:.5rem;left:.5rem;z-index:1000;width:auto;height:auto;margin:0;padding:.75rem 1rem;overflow:visible;clip:auto;white-space:normal;background:var(--bg-article);color:var(--text-primary);border:2px solid var(--accent);border-radius:var(--radius-sm);font-weight:700;text-decoration:none}.container{width:min(960px,calc(100% - 2rem));margin-inline:auto}.layout-article{width:min(var(--width-page),calc(100% - 2rem))}.layout-hub{width:min(var(--width-hub),calc(100% - 2rem))}header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:var(--header-bg);backdrop-filter:blur(8px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;padding:.75rem 0;flex-wrap:wrap}.logo{font-weight:700;color:var(--text-primary);font-size:1.1rem}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:44px;min-height:44px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-primary);font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.nav-toggle:hover{border-color:var(--accent-soft);color:var(--accent)}.nav-toggle__icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:18px}.nav-toggle__icon span{display:block;height:2px;border-radius:1px;background:currentColor}.site-nav-menu{margin-left:auto;width:auto}.site-nav-menu>summary{list-style:none}.site-nav-menu>summary::-webkit-details-marker{display:none}.site-nav-menu[open] .nav-toggle__icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-nav-menu[open] .nav-toggle__icon span:nth-child(2){opacity:0}.site-nav-menu[open] .nav-toggle__icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-nav-menu[open] .nav-toggle__icon span{transition:transform .15s ease,opacity .15s ease}.site-nav{display:flex;width:100%;flex-direction:column;gap:0;padding-top:.5rem;border-top:1px solid var(--border);margin-top:.25rem}.site-nav a{display:flex;align-items:center;min-height:44px;padding:.5rem .25rem;color:var(--text-secondary);font-weight:400;border-bottom:2px solid transparent;text-decoration:none}.site-nav a:hover{color:var(--accent);text-decoration:none}.site-nav a.is-active{color:var(--accent);font-weight:700;border-bottom-color:var(--accent)}footer nav{display:flex;gap:1rem;flex-wrap:wrap}@media(min-width:768px){.site-nav-menu{margin-left:0}.site-nav-menu>summary.nav-toggle{display:none}.site-nav-menu{display:contents}.site-nav{display:flex;width:auto;flex-direction:row;flex-wrap:wrap;gap:1rem;padding-top:0;border-top:none;margin-top:0}.site-nav a{display:inline;min-height:auto;padding:.35rem .15rem}}main{padding:2rem 0 3rem}footer{border-top:1px solid var(--border);background:var(--surface);padding:1.5rem 0;color:var(--text-secondary);font-size:.9rem;content-visibility:auto;contain-intrinsic-size:auto 160px}.footer-inner{display:flex;flex-direction:column;gap:.75rem}.footer-lead{margin:0;max-width:var(--width-body)}.affiliate-note{margin:0;font-size:.85rem}h1{font-size:clamp(1.6rem,4vw,2rem);line-height:var(--line-heading);margin:0 0 1rem}h2{font-size:1.2rem;margin:2rem 0 .75rem}p,ul{margin:0 0 1rem}.lead{color:var(--text-secondary);font-size:var(--text-lead)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;background:var(--bg-article)}.card h2{margin-top:0;font-size:1.05rem}.badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;margin-bottom:.75rem}@media print{:root{color-scheme:light;--bg-page: #fff;--bg-article: #fff;--surface: #fff;--text-primary: #111;--text-secondary: #333;--text-tertiary: #444;--border: #ccc;--accent: #000;--accent-soft: #eee;--header-bg: #fff;--bg-home-hero: #fff;--bg-hero: #fff;--shadow-sm: none;--shadow-md: none}body{background:#fff;color:#111}header,footer,.skip-link,.site-nav-menu,.article-toc,.article-comments,.affiliate-cta-block,.hub-asp-cta,.nav-toggle{display:none!important}a{color:#111;text-decoration:underline}a[href]:after{content:none}main{padding:0}.container,.layout-article,.layout-hub{width:100%;max-width:none;margin:0}}