@charset "utf-8";

/*
 * 棚卸入力css
 */

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

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

.wrapper_inventory_list .content_header_main {
	background-color: #00bfff;
	color: #000000;
}

/*
 * sticky Header
 */
#sticky_header_placeholder {
	display: block;
    margin: 0;
    padding: 0;
    position: relative;
    visibility: hidden;
    z-index: -1;
}

#wrapper_inventory_list .sticky_header {
    background-color: #EEE;
    top: 0;
    left: 0;
    width: 100%;
    position : -webkit-sticky;
    position : sticky;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#wrapper_inventory_list #slip_table_fixed .slip_table {
	width: 100%;
	margin-top: 1.5vh;
}
/*
 * content_body部分
 */


.wrapper_inventory_list .content_body .search_result {
	margin: 3vh 0 0 0;
}

.wrapper_inventory_list .content_body .search_result .none {
	margin : 10vh 10vw 10vh 10vw;
	text-align : center;
	font-size : 5vw;
}

.wrapper_inventory_list .content_body .search_result .slip_table {
	width: 100%;
	vertical-align : middle;
}

/*
 * search_result_msg
 */
.wrapper_inventory_list .content_body .search_result_msg {
    font-weight: bold;
    text-align: center;
    color: red;
    margin-top: 10vw;
}

/*
 * 列幅
 */
.wrapper_inventory_list .slip_table [class^=col] {
	width:20vw;
}

 /*
 * ヘッダ
 */
.wrapper_inventory_list .slip_table th {
	background-color : #E1E1E1;
	font-size : 3.5vw;
	border:1px solid #CCCCCC;
	font-weight : bold;
	padding : 1vw;
}

.wrapper_inventory_list .slip_table .field_product_title {
	text-align : center;
	vertical-align : middle;
}

.wrapper_inventory_list .slip_table .field_capacity_title {
	float : right;
}

.wrapper_inventory_list .content_header_main .search_result_info{
	float: right;
	margin-right: 1vw;
}

/*
 * 明細
 */
.wrapper_inventory_list .content_body .search_result {
	margin: 0;
}

.wrapper_inventory_list .slip_table tr.line1 td {
	border-bottom: hidden;
}

.wrapper_inventory_list .slip_table td {
	background-color : #FFFFFF;
	border:1px solid #CCCCCC;
	vertical-align: bottom;
}

/* 行の高さを指定 */
.wrapper_inventory_list .slip_table tr.line1 {
	line-height : 5.5vw;
	height: 6.5vw;
}
.wrapper_inventory_list .slip_table tr.line2,
.wrapper_inventory_list .slip_table tr.line3,
.wrapper_inventory_list .slip_table tr.line4 {
	line-height : 5.5vw;
	height: 5.5vw;
}

/* フィールド毎の設定 */
.wrapper_inventory_list .slip_table .field_product {
	font-size : 5vw;
	font-weight : bold;
	color : blue;
	padding-left : 1vw;
}

.wrapper_inventory_list .slip_table .field_product .product_name1 {
	/* 商品名１のMAX桁対応 */
	word-break:break-all;

	/* overflow-wrap: break-word;
	  iPhoneが期待した動作をしなかった
	  TableLayout:fixedなどでTableのリサイズを抑制することで回避可能？-> 未検証
	  https://w3g.jp/blog/confusing_word-break_word-wrap */

	max-width : 79vw;
}

.wrapper_inventory_list .slip_table .field_capacity {
	font-size : 5vw;
	font-weight : bold;
	color : blue;
	padding-right : 1vw;
	float : right;
}

.wrapper_inventory_list .slip_table .field_quantity {
	font-size : 5vw;
	font-weight : bold;
	text-align : right;
	padding-right: 1vw;
}

.wrapper_inventory_list .slip_table .field_packing {
	font-weight : bold;
	font-size : 4vw;
	margin-left: 1vw;
}

.wrapper_inventory_list .slip_table .field_num {
	text-align : right;
	padding-right: 1vw;
}

.wrapper_inventory_list .slip_table .field_hand_div {
	font-size : 4vw;
	font-weight : bold;
	color : red;
	padding-right : 1vw;
	float : right;
}

.wrapper_inventory_list .slip_table .field_gray {
	color : #E0E0E0;
}

.wrapper_inventory_list .slip_table .input_area {
	text-align: right;
    padding-right: 1vw;
}

.wrapper_inventory_list .slip_table .input_area.text-bold {
	font-weight : bold;
}

.wrapper_inventory_list .slip_table .input_area.text-left {
	text-align: left;
}

.wrapper_inventory_list .slip_table .input_area.on {
	background-color: #FFFF80;
}

.wrapper_inventory_list .slip_table .input_area.on2 {
	background-color: #BBFFAA;
}

.wrapper_inventory_list .slip_table .field_num.font_small,
.wrapper_inventory_list .slip_table .input_area.font_small {
	font-size : 4.5vw;
}
/*
 * その他レイアウト
 */
.wrapper_inventory_list .slip_table .buttomline {
  border-bottom:2px solid #888888;
}

.wrapper_inventory_list .content_body .search_result .slip_table .table_select_color {
	background-color : #1E90FF;
}

/* 送信完了メッセージ */
.wrapper_inventory_list .content_body .send_complete_msg {
    font-weight: bold;
    text-align: center;
}

/*
 * フッター
 */
.wrapper_inventory_list .content_body #footer_view_area {
    display: table;
    line-height: 12vw;
    border-collapse: separate;
    border-spacing: 1vw 5vw;
    text-align: center;
    font-weight: bold;
}