/* =====================================================================
   勝ちスロ kachi-base.css
   Metronic(style.bundle.css/scripts.bundle.js)に依存しない自前ベース。
   Bootstrap 4.6 + kachislot.css(テーマ) の上で、Metronic独自ユーティリティ
   相当を自前定義する。Metronic除去 STEP1〜 で順次拡張。
   ===================================================================== */

/* ---------- 拡張スペーシング（Bootstrapは0〜5まで。1単位=0.25rem） ---------- */
.mt-6{margin-top:1.5rem!important}.mt-7{margin-top:1.75rem!important}.mt-8{margin-top:2rem!important}
.mt-9{margin-top:2.25rem!important}.mt-10{margin-top:2.5rem!important}.mt-15{margin-top:3.75rem!important}
.mt-17{margin-top:4.25rem!important}.mt-20{margin-top:5rem!important}.mt-25{margin-top:6.25rem!important}
.mt-30{margin-top:7.5rem!important}.mt-35{margin-top:8.75rem!important}.mt-40{margin-top:10rem!important}
.mb-6{margin-bottom:1.5rem!important}.mb-7{margin-bottom:1.75rem!important}.mb-8{margin-bottom:2rem!important}
.mb-9{margin-bottom:2.25rem!important}.mb-10{margin-bottom:2.5rem!important}.mb-15{margin-bottom:3.75rem!important}
.mb-17{margin-bottom:4.25rem!important}.mb-20{margin-bottom:5rem!important}
.pt-6{padding-top:1.5rem!important}.pt-7{padding-top:1.75rem!important}.pt-10{padding-top:2.5rem!important}
.pt-15{padding-top:3.75rem!important}.pt-20{padding-top:5rem!important}
.pb-6{padding-bottom:1.5rem!important}.pb-7{padding-bottom:1.75rem!important}.pb-10{padding-bottom:2.5rem!important}
.pb-15{padding-bottom:3.75rem!important}.pb-20{padding-bottom:5rem!important}
.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}
.py-20{padding-top:5rem!important;padding-bottom:5rem!important}
.my-10{margin-top:2.5rem!important;margin-bottom:2.5rem!important}
.my-15{margin-top:3.75rem!important;margin-bottom:3.75rem!important}
.my-17{margin-top:4.25rem!important;margin-bottom:4.25rem!important}
.px-15{padding-left:3.75rem!important;padding-right:3.75rem!important}
.ps-9,.pl-9{padding-left:2.25rem!important}
@media(min-width:992px){.pr-lg-20{padding-right:5rem!important}.h-lg-110px{height:110px!important}}

/* ---------- サイズ ---------- */
.w-65px{width:65px!important}.w-100px{width:100px!important}.w-125px{width:125px!important}
.w-200px{width:200px!important}.w-300px{width:300px!important}.w-500px{width:500px!important}
.max-h-40px{max-height:40px!important}.max-h-45px{max-height:45px!important}.max-h-100px{max-height:100px!important}
.min-h-50px{min-height:50px!important}.min-h-350px{min-height:350px!important}
.h-40px{height:40px!important}.h-45px{height:45px!important}

/* ---------- 文字 ---------- */
.font-weight-bolder{font-weight:800!important}
.font-weight-bold{font-weight:700!important}
.fw-bold{font-weight:700!important}
.text-uppercase{text-transform:uppercase!important}

/* ---------- ボタン（Metronic独自系） ---------- */
.btn-outline-white{border:1px solid var(--ks-border-strong);color:var(--ks-text);background:#fff}
.btn-outline-white:hover{background:var(--ks-surface-2);color:var(--ks-brand)}
.btn-circle{border-radius:50%!important}
.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.5rem}
.btn-block{display:block;width:100%}
.btn-light-primary{background:var(--ks-brand-soft);color:var(--ks-brand-700);border:none}
.btn-light-primary:hover{background:var(--ks-brand);color:#fff}

/* ---------- ナビ（ドロップダウン内リスト等） ---------- */
.navi{list-style:none;padding:0;margin:0}
.navi .navi-item{display:block}
.navi .navi-link{display:flex;align-items:center;padding:.65rem 1.25rem;color:var(--ks-text);text-decoration:none}
.navi.navi-hover .navi-item .navi-link:hover{background:var(--ks-surface-2)}
.navi .navi-text{color:var(--ks-text)}

/* ---------- 勝ちスロ 共通レイアウト（自前ヘッダー/フッター） ---------- */
.ks-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--ks-border)}
.ks-header .navbar-brand img{height:42px}
.ks-header .ks-subtitle{font-size:11px;color:var(--ks-muted);font-weight:700;line-height:1}
.ks-main{min-height:calc(100vh - 64px - 200px)}
.ks-footer{background:var(--ks-text);color:#cbd2df;margin-top:60px}
.ks-footer a{color:#cbd2df;text-decoration:none}
.ks-footer a:hover{color:#fff}
.ks-footer .ks-foot-logo img{height:30px;filter:brightness(0) invert(1);opacity:.9}
.ks-user-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;color:var(--ks-text);font-weight:700}
.ks-user-toggle .ks-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(120deg,var(--ks-brand),var(--ks-cyan));color:#fff;display:grid;place-items:center;font-weight:800}