

input.multipli {
    width: 110px;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.5;
}
.order-box {
	width: 485px;
    margin-top: 10px;
    float: left;
    border: none;
    background: none;
	border-bottom: 1px solid #d5d4d4;
}
/*スピナー用金額を触れないように*/
.multipli {
    pointer-events: none;
}


/*スピナー用*/
.spinner-container {
  display: flex;
    margin: 0 11px;
  justify-content: center;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.cart-offcanvas .spinner-container {
    gap: 0 7px;
    position: relative;
	top: 9px;
}

.spinner {
	width: 38px;
	padding: 0;
	text-align: center;
	border: none;
	background: none;
	outline: none;
	pointer-events: none;
	font-size: 22px;
}

.spinner::-webkit-inner-spin-button,
.spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.spinner-sub,
.spinner-add {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    /* border: 1px solid #000; */
    border-radius: 50%;
    cursor: pointer;
    line-height: 30px;
    background: black;
    color: white;
    font-weight: bold;
    font-size: 23px;
    margin-top: 0px;
}

.disabled {
  opacity: 0.3;
  cursor: inherit;
}


/*オフキャンバス背景*/
.offcanvas-backdrop {
    background-color: #fff!important;
}
.offcanvas-backdrop.show {
    opacity: .8!important;
}

/*\マーク*/
.mark-en::before {
    content: "¥";
    margin-right: 2px;
}
.price-container {
    gap: 14px;
}

button.menu-list2 {
    background: white;
    border: 1px solid #a9b3ba;
    border-radius: 5px;
    margin: 3px;
    -webkit-appearance: none;
    color: black;
}
button.menu-list2:hover {
    background: #E0E0E0;
}

.size8 {
    margin-right: 13px;
}


.spi-con {
    justify-content: center!important;
}

/*form内ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
input[maxlength="33"] {
    text-align: center;
}
input[maxlength="35"] {
    text-align: right;
}

/*品名
.hin,
.menu-wrap .controls.sf-2.sf-input:nth-of-type(1) {
    width: 400px!important;
    margin-bottom: 0!important;
}*/
/*数量*/
.suu,
.menu-wrap .controls.sf-2.sf-input:nth-of-type(2){
    width: 40px!important;
    margin-bottom: 0!important;
}
/*金額*/
.kin,
.menu-wrap .controls.sf-2.sf-input:nth-of-type(3){
    width: 85px!important;
    margin-bottom: 0!important;
}
.menu-wrap {
    width: 606px;
    margin: 0 auto;
}
/*テキストエリア*/
.order-fin,.order-sheet {
    width: 100%;
    height: 400px;
    padding: 15px;
}
/*メニュータイトル*/
.menu-title {
    margin-top: 48px;
    margin-bottom: -5px!important;
}
/*合計*/
input#input_total {
	background: none;
    border: none;
    color: white;
    font-weight: 700;
    font-size: 22px;
    line-height: 1;
    width: 110px;
    margin-top: 6px;
    text-align: left;
}
/*ボタングループ*/
.bt-gp {
    margin: 0 auto;
}
/*合計帯*/
.pin-bottom {
    height: 60px!important;
}
/*合計pin*/
.pin-bottom {
    z-index: 2000!important;
}

/*明細アイコン*/
button.direc {
	border: none;
    line-height: 2.8;
    background: none;
    font-size: 20px;
    color: #9E9E9E;
}
/*明細アイコンじゃま*/
button.direc i {
    pointer-events: none;
}
/*クローン数字
.form-group input.spinner {
    display: none;
}*/
textarea.order-sheet,.meisai-num,.horizon input.spinner {
    display: none;
}

/*クローンスピナー
.form-group .spinner-sub, .form-group .spinner-add {
    width: 27px;
    height: 27px;
    margin-top: 13px;
    line-height: 27px;
    font-size: 21px;
    margin-left: 5px;
}*/

/*カートzindex*/
div#stacks_in_10128-wrapper {
    z-index: 1900!important;
}
/*ドレッシング割引 確定ボタン隠す*/
span.spinner-add-01db,span.spinner-sub-01db{
	display: none;
}

/*フォーム内合計ボーダー*/
input[name="全合計"] {
    border: none!important;
}
/*ボトムメニューボタン*/
a.bottom-btn {
    font-size: 13px;
    padding: 5px 10px;
}
a.bottom-btn span {
    font-size: 20px;
}
.icon-left {
    margin-right: 2px!important.;
}
/*カート合計*/
span.cart-total {
    font-size: 14px!important;
    margin-left: 3px;
}


/*確定ボタン*/
button.kakutei-btn {
    -webkit-appearance: none;
    background: #7f49f6;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    color: white;
    padding: 6px 27px;
    margin: 17px auto;
    display: block;
    width: 200px;
    height: 66px;
    font-weight: bold;
}
/*全てクリアボタン*/
button.allclear {
    -webkit-appearance: none;
    background: white;
    border: 1px solid #333;
    width: 127px;
    border-radius: 5px;
    font-size: 13px;
    margin: 50px auto 0px;
    display: block;
}
/*カートタイトルアイコン*/
i.fa-duotone.fa-cart-shopping {
    font-size: 50px;
    display: block;
    text-align: center;
    color: #628aad;
}

/*カート内のメニューボタン*/
a.menu-btn {
    width: 200px;
}
/*フォーム*/


/*フォームを隠す*/
.form-hide {
    display: none;
}
textarea#input-stacks_in_8891, textarea#input-stacks_in_8771 {
    border-width: 1px!important;
    margin-top: 6px!important;
}
#stacks_in_8758.sf-styles form {
    width: 100%;
}
textarea#input-stacks_in_8771 {
    line-height: 1.7!important;
}
/*クローズボタン*/
.btn-close {
    opacity: 1!important;
}
/*ドレッシングクリアボタン*/
button.clear {
	background: white;
    border: 1px solid #333;
    width: 88px;
    border-radius: 5px;
    font-size: 13px;
    margin: 0 auto;
    display: block;
}
/*mailform2 テキストエリア注文内容*/
textarea#input-stacks_in_8771 {
    font-size: 15px!important;
}
/*pin内*/
.visit-day {
    margin-bottom: 0!important;
}
.tady {
    width: 236px!important;
}
.pin-colum .row-cols-2.gx-1.gy-0 {
    align-items: center;
}
.pin-colum .row {
    align-items: center;
}



@media screen and (max-width: 639px){
/*横スクロール*/
.scroll-wrap {
    overflow-x: scroll;
    white-space: nowrap;
}

/*メニュー写真*/
.menu-image img {
    width: 95%!important;
    height: 220px!important;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

input#input_total {
	margin-top: -18px;
    width: 97px;
    display: block;
    font-size: 19px;
    margin-left: -6px;
}
}
@media screen and (max-width: 430px){

/*スピナー数字*/
.spinner {
    margin-top: -4px;
}
/*金額*/
input.multipli {
    margin-top: -5px;
}
/*金額やスピナー用コンテナ*/
.gap-cus {
	display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center!important;
    gap: 16px 0;
}
/*文中カートテキスト*/
.cart-tex {
    line-height: 1.5!important;
    margin-top: -8px;
}
.stacks_in_10137-container.gap-2 {
    width: 90%;
    margin: 0 auto;
}


/*SuperForm巾*/
.controls {
    width: 357px!important;
    margin: 0 auto;
}
/*pin内*/
.tady {
    width: 117px!important;
}
.pin-colum .row-cols-2.gx-1.gy-0 {
    align-items: stretch;
}
.goukei {
    width: 52px;
}
.visit-time {
    margin-top: 4px!important;
}

}
@media screen and (max-width: 380px){
/*SuperForm巾*/
.controls {
    width: 334px!important;
}
}
@media screen and (max-width: 320px){
/*SuperForm巾*/
.controls {
    width: 291px!important;
}

.size1 {
    width: 50px;
}
.spi-con2 {
    gap: 0.15rem!important;
}
a.bottom-btn {
    padding: 3px 5px;
}

.size8 {
    margin-right: 0px;
}

}