/*
Template:bootstrap-basic4
Theme Name:bootstrap-basic-energy
*/
@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: 640px;}
.page-title{font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.site-main{padding-top: 15px;}


/*---FORM---*/
.input-group-text.v-mini{width: 60px;}
.radio-btn.v-one_chk .btn{margin: 0 0 0 20px;}
.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;}

/*---CALK---*/
.calc-main{padding: 30px 0;}
.custom-select.v-hi{max-width: 90px;}
.wrp-inp{position: relative;}
.wrp-inp .item-label{font-weight: bold;}
.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;}

.tb-tm th,.tb-tm td{vertical-align: middle; padding:10px 5px;}
.th_w-1{width: 60px;}
.th_w-2{width: 130px;}
.td-t_1{font-weight: bold; text-align: right;}
.td-3{position: relative;}

/*sce*/
.text_p{font-size: 12px; margin: 5px 0 0;}
.sce_box{padding: 5px; margin: 0; border: 1px solid #ddd; border-radius: 3px; position: relative; background-color: #fff;}
.arrow_down{
    display: inline-block;
    vertical-align: middle;
    color: #d70c0c;
    line-height: 1;
    position: relative;
    width: 0.3em;
    height: 200px;
    background: currentColor;
}
.arrow_down::before {
    content: '';
    width: 1em;
    height: 1em;
    border: 0.3em solid currentColor;
    border-top: 0;
    border-right: 0;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    position: absolute;
    left: 50%;
    bottom: -0.1em;
    box-sizing: border-box;
}
.sce_box .arrow_down{position: absolute; top: 0px; z-index: 9;}
.sce_box.type-1 .arrow_down{right: 0px;}
.sce_box.type-2 .arrow_down{right: 10px; color: #250cd7;}
.sce_box.type-3 .arrow_down{right: 20px; color: #0cd722;}
.sce_box.v-memo{position: absolute; width: 97.5%; top: 10px; overflow: auto; z-index: 2;}
.sce_box.active{z-index: 29; background-color: #fafafa;}