/* フロント画面（レガシー assets/css/style.css 適用ページ）向けの補助スタイル */

/* 大人/子供人数・座席数等のスピナー入力（レガシーのjQueryプラグイン spinbox.min.js の
   代わりにVanilla JSで同等の[-][数値][+]ウィジェットを実現するための補助スタイル）。 */
.spinner-widget {
    max-width: 8rem;
}

.spinner-widget .spinbox-input {
    width: 3rem;
    flex: 0 0 3rem;
    padding-left: .25rem;
    padding-right: .25rem;
    border-radius: 0;
    border-left: none;
    border-right: none;
}

.spinner-widget .spin-btn {
    flex: 0 0 auto;
}

.spinner-widget .spin-btn-down {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.spinner-widget .spin-btn-up {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}