/* netis-btn-style.css … 元は parts/netis-btn-style.php の中の <style>（2026-11-07 にここへ移した）。読み込みは parts/netis-btn-style.php の同じ場所の gembaroid_part_css( 'netis-btn-style' ) */
.netis-btns .btn-general { width: auto; height: auto; }
.netis-btns .btn-general a, .netis-btns .btn-general button, .netis-btns .netis-more button { position: relative; isolation: isolate; z-index: 0; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-width: 200px; height: 52px; padding: 0 28px; border-radius: 999px; box-sizing: border-box; font-size: 1.5rem; font-weight: 700; letter-spacing: .06em; text-decoration: none; box-shadow: none; transition: color .2s ease, border-color .2s ease; }
.netis-btns .btn-general a, .netis-btns .btn-general button { background: #000; color: #fff; }
.netis-btns .netis-more button { border: 1px solid #000; background: #fff; color: #000; cursor: pointer; }
.netis-btns .btn-general a:before, .netis-btns .btn-general button:before, .netis-btns .netis-more button:before { content: ''; display: block; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(45deg, var(--c-blue), var(--c-teal)); opacity: 1; transform: scaleX(0); transform-origin: left center; transition: transform .25s cubic-bezier(.22, .61, .36, 1); }
@media (hover: hover) {
  .netis-btns .btn-general a:hover, .netis-btns .btn-general button:hover, .netis-btns .netis-more button:hover { opacity: 1; color: #fff; border-color: transparent; }
  .netis-btns .btn-general a:hover:before, .netis-btns .btn-general button:hover:before, .netis-btns .netis-more button:hover:before { opacity: 1; transform: scaleX(1); }
}
.netis-btns .btn-general a:focus-visible, .netis-btns .netis-more button:focus-visible { outline: 2px solid var(--c-blue); outline-offset: 3px; }
@media (max-width: 750px) { .netis-btns .btn-general a, .netis-btns .netis-more button { min-width: 0; width: 100%; max-width: 320px; } }
@media (prefers-reduced-motion: reduce) { .netis-btns .btn-general a:before, .netis-btns .netis-more button:before { transition: none; } }

/* NETIS のボタンも、マウスを乗せた所から丸く広がる形に（2026-11-07）。btn-motion-style.css と同じ */
.netis-btns .btn-general a:before, .netis-btns .btn-general button:before, .netis-btns .netis-more button:before { inset: 0; transform: none; clip-path: circle(0 at var(--x, 50%) var(--y, 50%)); transition: clip-path .45s cubic-bezier(.22, .61, .36, 1); }
@media (hover: hover) {
  .netis-btns .btn-general a:hover:before, .netis-btns .btn-general button:hover:before, .netis-btns .netis-more button:hover:before { transform: none; clip-path: circle(150% at var(--x, 50%) var(--y, 50%)); }
}