@charset "UTF-8";
#sv-area-simple .sv-area__pref, #sv-area .sv-area__pref { color: var(--color-primary); background-color: var(--color-primary-alt); border-radius: var(--radius-m); border: 2px solid var(--color-primary); padding: 0 var(--size-4-2); display: inline-block; white-space: nowrap; font-weight: var(--weight-bold); line-height: 1.9; }

#sv-area-simple .sv-area__images { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--size-4-2); }

#sv-area-simple .sv-area__images img { width: 100%; height: 100%; object-fit: contain; object-position: center; max-height: 200px; background-color: var(--color-white); }

#sv-area table th .sv-area__pref { display: flow; }

#sv-area table td { text-align: center; font-size: var(--font-xs); }

#sv-area table td ul { display: flex; flex-wrap: wrap; }

#sv-area table td ul li { position: relative; font-size: var(--font-xs); }

#sv-area table td ul li::after { content: "|"; color: var(--color-thin); margin: 0 var(--size-4-1); }

#sv-flow ul.sv-flow__ul { counter-reset: step-counter; list-style-type: none; }

#sv-flow ul.sv-flow__ul li.sv-flow__li { display: flex; align-items: start; position: relative; }

#sv-flow ul.sv-flow__ul li.sv-flow__li:first-child { margin-top: var(--size-4-4); }

#sv-flow ul.sv-flow__ul li.sv-flow__li:not(:last-child) { padding-bottom: var(--size-4-4); margin-bottom: var(--size-4-4); border-bottom: 1px var(--border-alt-style) var(--divider-color); }

#sv-flow ul.sv-flow__ul li.sv-flow__li::before { counter-increment: step-counter; content: "STEP." counter(step-counter); margin: var(--size-4-1) var(--size-4-4) var(--size-4-4) 0; padding: 0 var(--size-4-2); background-color: var(--color-thin); border-radius: var(--radius-s); border: var(--border-alt-style) var(--color-thin) var(--border-width); color: var(--color-muted); font-size: var(--font-xs); font-weight: var(--weight-bold); }

#sv-flow ul.sv-flow__ul li.sv-flow__li .sv-flow__li-in h3 { font-size: var(--font-m); font-weight: 500; margin-bottom: var(--size-4-2); text-decoration: underline; }

#sv-repair-models .support__desc { margin-bottom: 2rem; }

#sv-repair-models table tbody th { white-space: nowrap; }

#sv-repair-models table tbody td:nth-child(2) ul { display: flex; flex-direction: column; gap: var(--size-4-1); max-width: 150px; }

#sv-repair-models table tbody td:nth-child(2) ul li { white-space: nowrap; border: 2px solid var(--color-primary); border-radius: var(--radius-m); background-color: var(--color-primary-alt); color: var(--color-primary); }

#sv-repair-models table tbody td:nth-child(3) { vertical-align: middle; }

#sv-repair-models table tbody td:nth-child(3) ul { display: flex; flex-wrap: wrap; gap: 3px; }

#sv-repair-models table tbody td:nth-child(3) ul li { background-color: var(--color-white); border: var(--color-thin) solid 1px; border-radius: var(--radius-m); padding: 0 var(--size-4-1); font-weight: var(--weight-bold); line-height: 1.9; font-size: 14px; }

@media (max-width: 568px) { #sv-repair-models table tbody td:nth-child(3) ul { align-items: start; flex-direction: column; } #sv-repair-models table tbody td:nth-child(3) ul li { width: 100%; } }

#sv-repair-price .sv-repair-price__calc { display: flex; gap: var(--size-4-2); overflow: auto; align-items: center; }

#sv-repair-price .sv-repair-price__calc span { font-size: var(--font-s); border-radius: var(--radius-s); white-space: nowrap; padding: var(--size-4-1) var(--size-4-2); }

#sv-repair-price .sv-repair-price__calc span:first-child { border: var(--color-primary) solid 2px; background-color: var(--color-primary); color: var(--color-white); }

#sv-repair-price .sv-repair-price__calc span:not(:first-child) { font-weight: var(--weight-bold); border: var(--color-faint) dashed 2px; background-color: var(--color-thin); color: var(--color-black); }

@media (max-width: 1200px) { #sv-repair-price .sv-repair-price__calc { gap: var(--size-4-1); } }

#sv-silent-price ul li h3 { font-size: var(--font-s); }

#sv-silent-price ul li h3 .sv-silent-price__discontinue { color: var(--color-important); white-space: nowrap; margin-left: var(--size-4-2); }

#sv-silent-price ul li h3 .sv-silent-price__new { color: var(--color-primary); white-space: nowrap; margin-left: var(--size-4-2); }

#sv-silent-price ul li .accordion__body .link { font-size: var(--font-xs); }

#sv-silent-price ul li .accordion__body blockquote { font-size: var(--font-s); border: var(--color-gray-strong) dashed 1px; border-radius: var(--radius-m); font-weight: 500; }

#sv-silent-price ul li .accordion__body blockquote a { color: var(--color-primary); text-decoration: underline; position: relative; z-index: 10; }

#sv-silent-price ul li .accordion__body blockquote a::after { content: " 製品ページより引用"; }

#sv-tuning-price .price__calc { display: flex; gap: var(--size-4-2); overflow: auto; align-items: center; }

#sv-tuning-price .price__calc span { font-size: var(--font-s); border-radius: var(--radius-s); white-space: nowrap; padding: var(--size-4-1) var(--size-4-2); }

#sv-tuning-price .price__calc span:first-child { border: var(--color-primary) solid 2px; background-color: var(--color-primary); color: var(--color-white); }

#sv-tuning-price .price__calc span:not(:first-child) { font-weight: var(--weight-bold); border: var(--color-faint) dashed 2px; background-color: var(--color-thin); color: var(--color-black); }

@media (max-width: 1200px) { #sv-tuning-price .price__calc { gap: var(--size-4-1); } }

#sv-tuning-price table tbody th { font-weight: 500; text-align: center; }

#sv-tuning-price table tbody td { text-align: center; }