@charset "utf-8";

/*
 * 発注入力画面表示用css
 */

/* Debug */
#wrapper_sub_input_send_order div {
	/* border: solid 0.1px #ffb6c1; */
}

/* override */

.btn.number_btn {
	padding: 3vh 0;
	background-color: #FFFFFF;
	color: #000000;
}

/* content */

#INPUT_SEND_ORDER_PRODUCT_VIEW_AREA .line1 > div.padding_top {
	padding-top: 3vw;
}

.parent_table .col-0_3 {
	display : table-cell;
	vertical-align: middle;
	padding: 0.5vw;
	width:3%
}

.parent_table .col-3.title_area {
	vertical-align: bottom;
    padding-bottom: 0;
    padding-top: 0;
}
.parent_table .col-3.input_area {
	vertical-align: top;
    padding-bottom: 0;
    padding-top: 0;
}

.btn.edit_product{
	width: 24vw;
	font-size: 4vw;
	padding: 3.6vw 0;
}

.btn.square_btn.line2 {
	line-height: 7.5vw;
}
.btn.number_btn.single {
    width: 21vw;
    height:16vw;
    line-height:16vw;
    font-size: 6vw;
    margin : 0 0.5vw 1vw 0.5vw;
    padding: 0;
}
.btn.number_btn.clear {
    height:16vw;
    line-height: 16vw;
    font-size: 5vw;
    padding: 0;
}

.parent_table .col-3.padding_right {
	padding: 0.5vw 2.5vw 0.5vw 0.5vw;
}

.wrapper_sub_input_send_order {
	width : 100%;
	min-height : 100%;
}

.wrapper_sub_input_send_order .content_body {
	width : 100vw;
	font-size : 5vw;
	font-weight : bold;
}
.wrapper_sub_input_send_order .content_body .parent_table.space_top {
	margin-top: 0.4vw;
}
.wrapper_sub_input_send_order .content_body .parent_table.shorten_top {
	margin-top: -1.5vw;
}

.wrapper_sub_input_send_order .content_body .view_area .single_title {
	display : table;
	margin : 1vh 0 0 0;
	border-collapse: separate;
	border-spacing: 1vw 0;
}

.wrapper_sub_input_send_order .content_body .view_area .single_title .title {
	display : table-cell;
	height : 3.5vh;
	width : 25vw;
	font-size : 5vw;
	font-weight : bold;
	color : #000000;
	background-color : #CCCCCC;
	text-align : left;
	vertical-align : middle;
	padding: 0.5vh 0 0.5vh 0;
}

.wrapper_sub_input_send_order .content_body .view_area .title {
	padding: 0.5vh 0 0.5vh 0;
	color : #000000;
	text-align : center;
}

.wrapper_sub_input_send_order .content_body .view_area .title.align-right {
	text-align:right;
}

.wrapper_sub_input_send_order .content_body .view_area .title.product {
	width:27vw;
	background-color: #CCCCCC;
}

/* 在庫数タイトル */
.wrapper_sub_input_send_order .content_body .view_area .title.stock {
	width:28vw;
	height:7vw;
	line-height:7vw;
	padding:0;
	background-color: #87cefa;
}

/* 発注数タイトル */
.wrapper_sub_input_send_order .content_body .view_area .title.quantity {
	width:28vw;
    height:7vw;
    line-height:7vw;
    padding:0;
	background-color: #87cefa;
}

/* 商品情報 */
.wrapper_sub_input_send_order .content_body .view_area .field_input.product {
	color: blue;
	height: 3.5vh;
}

/* 在庫数入力 */
.wrapper_sub_input_send_order .content_body .view_area .field_input.stock_value {
	width:26vw;
    height : 9vw;
    line-height : 9vw;
    font-size : 5vw;
    color : #000000;
    background-color : #FFFFFF;
    padding-right: 2vw;
    text-align:right;
}

/* 在庫数荷姿 */
.wrapper_sub_input_send_order .content_body .view_area .field_input.stock_packing {
	width:26vw;
    height : 6vw;
    line-height : 6vw;
    font-size : 5vw;
    color : #000000;
    background-color : #FFFFFF;
    padding-left: 2vw;
    text-align:left;
}

/* 発注数入力（在庫数入力モード） */
.wrapper_sub_input_send_order .content_body .view_area .field_input.order_value {
	width:26vw;
    height : 9vw;
    line-height : 9vw;
    font-size : 5vw;
    color : #000000;
    background-color : #FFFFFF;
    padding-right: 2vw;
    text-align:right;
}

/* 発注数入力（発注数入力モード） */
.wrapper_sub_input_send_order .content_body .view_area .field_input.order_value2 {
    width:26vw;
    height : 16vw;
    line-height : 16vw;
    font-size : 5vw;
    color : #000000;
    background-color : #FFFFFF;
    padding-right: 2vw;
    text-align:right;
}

/* 発注数荷姿 */
.wrapper_sub_input_send_order .content_body .view_area .field_input.order_packing {
	width:26vw;
    height : 6vw;
    line-height : 6vw;
    font-size : 5vw;
    color : #000000;
    background-color : #FFFFFF;
    padding-left: 2vw;
    text-align:left;
}

.wrapper_sub_input_send_order .content_body .view_area .field_input.on,
.wrapper_sub_input_send_order .content_body .view_area .field_input.on {
	background-color : #ffccff;
}

.wrapper_sub_input_send_order .content_body .view_area .single_title .field_input {
	display : table-cell;
	position : relative;
	height : 3.5vh;
	width : 25vw;
	font-size : 5vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	text-align : right;
	padding-right: 1vw;
}

/* テンキーを表示する枠 */
.wrapper_sub_input_send_order .tenkey-box {
    height: 68vw;
    display : flex;
    flex-direction : row;
    flex-wrap : wrap;
    justify-content : center;
    align-content : flex-start;
}

/* 在庫数、発注数を入力するテンキーの左の枠 */
.wrapper_sub_input_send_order .value_box {
	height: 68vw;
    display : flex;
    flex-direction : column;
    flex-wrap : nowrap;
    justify-content : start;
}

.wrapper_sub_input_send_order .opacity0_2 {
    opacity: 0.2;
}