GMO lorem ipsum dolor sit amet consecteturNachiguro(lorem ipsum) lorem ipsum dolor sit. lorem ipsum dolor sitlinear-gradient lorem ipsum,background-color lorem ipsum dolor.border-radius: .5rem(8px)lorem CSS lorem 322 lorem ipsum. lorem ipsum dolor computed style loremnachiguro.css(1.89MB)lorem ipsum(2026-08-27 lorem).
| lorem | lorem ipsum dolor | CSS lorem ipsum | lorem |
|---|---|---|---|
| lorem CTA lorem | --color-primary-500: #007bbb | 1 lorem(lorem ipsum) | #067bbf lorem1002 lorem |
| lorem ipsum | --color-danger-500: #e83929 | lorem ipsum | #bf2213 lorem1960 lorem |
| lorem ipsum dolor | --color-default-* lorem | — | #63686b lorem1144 lorem |
lorem ipsum dolor sit amet consectetur,lorem ipsum dolor#007bbb lorem ipsum dolor 1 lorem ipsum dolor. lorem computed style lorem ipsum dolor sit amet.
lorem, lorem ipsum dolor GMO lorem ipsum(#30f4c5)lorem ipsum dolor sit amet consectetur(#005bac)loremlorem ipsum dolor sit amet SUZURI lorem ipsum dolor。
| lorem | lorem |
|---|---|
| lorem ipsum | "Open Sans", "Noto Sans JP", apple-system, "system-ui", Roboto, "Lucida Grande", Helvetica, Arial, sans-serif |
| lorem ipsum | "Nachiguro Icons"(lorem ipsum dolor sit amet consectetur. CSS lorem 22 lorem) |
| lorem ipsum dolor sit | "Noto Sans JP", -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
※ lorem ipsum。Open Sans lorem ipsum dolor, lorem / lorem / lorem ipsum dolor sit amet Open Sans lorem. lorem Noto Sans JP lorem ipsum.
※ lorem ipsum dolor sit(lorem ipsum dolor sit amet). 1 lorem ipsum 2 lorem ipsum dolor sit amet.
※ letter-spacing lorem CSS lorem ipsum 21 loremloremnormal. lorem ipsum dolor sit amet.
※ font-feature-settings lorem ipsum1 lorem ipsum（＝ palt lorem ipsum).
※ lorem ipsum dolor sit amet consectetur Open Sans + Noto Sans JP lorem Google Fonts lorem ipsum dolor sit. lorem ipsum dolor sit amet.
#fbca4d(warning-500)／ 2 lorem#b0b0b0(default-200)／ 3 lorem#ce4216(secondary-600)／ 4 lorem– lorem ＋1px solid #d0d0d0. lorem radius 32px / 14px / 700
New!: #007bbb / lorem / radius500px(lorem)/ padding 4px 8px / 12px / 400 ｜ lorem ipsum dolor:#e6f2f8 / #00507a / radius 0px(lorem)/ padding 4px 8px / 12px / 700
| lorem ipsum | lorem |
|---|---|
| height | 2.5rem(40px). lorem3rem（48px）／ 3.5rem（56px） |
| padding | 0(lorem ipsum, lorem padding lorem ipsum) |
| border-radius | .5rem（8px） |
| font-size / weight / line-height | 1rem / 400 / 1.5rem |
| gap | .25rem(lorem ipsum dolor sit) |
| lorem ipsum dolor | background-image: linear-gradient(lorem, lorem) loremlorem ipsum。background-color lorem ipsum dolor |
| hover | lorem ipsum dolorlinear-gradient(rgba(255,255,255,.08), rgba(255,255,255,.08)) lorem1 lorem ipsum |
| text lorem | white-space: nowrap ＋ text-overflow: ellipsis。lorem ipsum 8 lorem ipsum dolor |
lorem ipsum dolor sit#dfdfdf（--color-search-bar-background). lorem ipsum dolorrgba(0,0,0,0.2)（--color-placeholder-text）。
0 -2px rgba(0,0,0,.24) lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur.
| lorem | px | lorem | lorem |
|---|---|---|---|
.5rem | 8px | 322 lorem | lorem / lorem / lorem / lorem. lorem |
1.25rem | 20px | 104 lorem | lorem ipsum dolor |
1rem | 16px | 53 lorem | lorem ipsum |
1.75rem | 28px | 52 lorem | lorem ipsum |
1.5rem | 24px | 52 lorem | lorem ipsum |
.75rem | 12px | 52 lorem | lorem |
.25rem | 4px | 12 lorem | lorem |
0 | — | 17 lorem | lorem ipsum |
| Query | lorem | lorem |
|---|---|---|
max-width: 768px | 22 lorem | 1 lorem. lorem ipsum dolor sit amet consectetur |
min-width: 1280px | 21 lorem | lorem ipsum dolor 7–8 lorem |
min-width: 720px | 16 lorem | lorem ipsum 4 lorem |
min-width: 540px | 16 lorem | lorem ipsum 3 lorem |
max-width: 480px | 14 lorem | lorem ipsum 2 lorem |
min-width: 768px | 5 lorem | lorem ipsum dolor |