/*
Template:bootstrap-basic4
Theme Name:bootstrap-basic-calc_akiba
*/
@charset "utf-8";
body{background-color: #fff; font-size: 14px; color: #333; font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif; min-width: 320px;}
body , input , textarea , select {
/* 入力欄にフォーカスが当たっても拡大しない */
font-size:14px;
}
a:hover{text-decoration: none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;}
a{color: #333;}
a:hover{text-decoration: none; color: initial; opacity: 0.7;}
a,.btn{transition:all .5s 0s ease;}

/*---LAYOUT---*/
.container{max-width: 375px;}
.page-title{font-size: 20px; font-weight: bold; margin-bottom: 15px;}


/*---FORM---*/
.input-group-text.v-mini{width: 46px; padding-left: 5px; padding-right: 5px;}
.radio-btn.v-one_chk .btn{margin: 0 0 0 10px;}
.form-control.v-sm{padding-left: 5px; padding-right: 5px;}
.form-control.v-short{width: 50px;}
.form-btn.v-up{padding: 0; border:none; margin:0 0 1rem;}
.input-group-text.v-xs{padding-left: 3px; padding-right: 3px; background-color: #fffdeb;}

/*---CALK---*/
.calc-main{padding: 10px 0;}
.custom-select.v-hi{max-width: 90px;}
.wrp-inp{position: relative;}
.wrp-inp .item-label{font-weight: bold;text-align:right;}
.wrp-inp .calc-text{text-align: right;}
.wrp-inp .input-group .btn{padding-left: 7px; padding-right: 7px;}
.wrp-total{font-weight: bold; font-size: 18px; text-align: center;}
.price_total{background: #f7f7f7; border: 2px solid #ddd; font-size: 24px; padding:10px 15px; text-align: right;}
.wrp-inp .item-readonly{width: 100%; font-size: 16px;}
.sepa{ margin: 0 5px;}
#wrp_items{padding-bottom: 50px;}
.post-add_item{bottom: 0px; font-size: 40px; width: 40px; color: #ff2121; left: 0; right: 0; margin: 0 auto;}
.wrp-discount{margin-bottom: 10px; display: flex; justify-content: flex-end;}
.wrp-discount .input-group{width: 120px;}
.wrp-discount .input-group-text{font-size: 12px; padding: .375rem .5rem;}

/*---TABLE---*/
.table-main{padding: 15px;}
.tb-sm th,.tb-sm td{vertical-align: middle;}
.tb-sm th{text-align: center; font-size: 10px; padding:3px 1px;}
.tb-sm td{padding:3px 5px;}
.th-w_1{min-width: 90px;}
.th-w_2{min-width: 70px;}

#err{color: #ff2f1a; font-weight: bold; text-align: center;}
.td-t_1{font-weight: bold; text-align: right;}
.inp_alert{background-color: #ff2f1a; color: #fff;}

/*独自に追加したもの*/
.form-group{margin-bottom:5px;}
.mt-5{margin-top: 1em!important;}
.form-btn{text-align: center;margin-top: 0rem;padding: 0.5rem 0 0; border-top: none;}

.price_total-label{text-align: left;}
.txt-xs{font-size: 10px; font-weight: normal;}