@charset "utf-8";

/*
 * 伝票詳細css
 */

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

.wapper_sub_slip_detail .content_body {
	width : 100vw;

}

#wapper_sub_slip_detail .space_row {
	height: 5vw;
	min-height: 5vw;
}

/*
 * content_body部分
 */

.wapper_sub_slip_detail .content_body .view_area {
	width: 100vw;
	font-size : 4.5vw;
	font-weight: bold;
	margin : 0 0 0 0;
}

.wapper_sub_slip_detail .content_body .view_area .group_title {
	height: 10vw;
	line-height: 10vw;
	width : 26vw;
	color : #FFFFFF;
	background-color : #808080;
	text-align : center;
	margin: 1.5vh 0 0 1vw;
}


.wapper_sub_slip_detail .content_body .view_area .table_map {
	width : 90vw;
	display : table;
	margin : 1vh 0 0 1vw;
}

.wapper_sub_slip_detail .content_body .view_area .map {
	display : table-cell;
	float : right;
}

.wapper_sub_slip_detail .content_body .view_area .address {
	height : 4vh;
	width : 90vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	padding : 2vh 0 2vh 0;
	margin : 1vh 0 0 1vw;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .summary {
	height: 10vw;
	line-height: 10vw;
	width : 97vw;
	color : #000000;
	background-color : #FFFFFF;
	word-wrap : break-word;
	margin: 1vw;
}

.wapper_sub_slip_detail .content_body .view_area .table_div {
	height: 10vw;
	display : table;
	margin : 1.5vh 0 1.5vh 0;
	border-collapse : separate;
	border-spacing : 1vw 0;
}

.wapper_sub_slip_detail .content_body .view_area .table_div.product {
	margin : 1.5vh 0 0 0;
}

.wapper_sub_slip_detail .content_body .view_area .table_div .title {
	display : table-cell;
	width : 26vw;
	color : #FFFFFF;
	background-color : #808080;
	text-align : center;
	vertical-align : middle;
}

.wapper_sub_slip_detail .content_body .view_area .table_div .field_cd {
	display : table-cell;
	width : 26vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
}

.wapper_sub_slip_detail .content_body .view_area .table_div .field_name {
	display : table-cell;
	width : 42vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .table_div .field_amount {
	display : table-cell;
	width : 26vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
}

.wapper_sub_slip_detail .content_body .view_area .table_div .field_capacity {
	display : table-cell;
	width : 18vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .slip_no {
	display : table-cell;
	width : 26vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .slip_date {
	display : table-cell;
	width : 26vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .table_name {
	display : table;
	border-collapse: separate;
	border-spacing: 1vw 1vw;
}

.wapper_sub_slip_detail .content_body .view_area .table_name .customer_cd {
	display : table-cell;
	height: 10vw;
	line-height:10vw;
	width : 26vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .table_name .customer_name {
	display : table-cell;
	height: 10vw;
	line-height:10vw;
	width : 70vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .table_name .delivery_cd {
	display : table-cell;
	height: 10vw;
	line-height:10vw;
	width : 26vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .table_name .delivery_name {
	display : table-cell;
	height: 10vw;
	line-height:10vw;
	width : 70vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .product_cd {
	height: 10vw;
	line-height: 10vw;
	width : 40vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .product_name1 {
	height: 10vw;
	line-height: 10vw;
	width : 97vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
	margin: 1vw 1vw 0 1vw;
}

.wapper_sub_slip_detail .content_body .view_area .table_name .product_name2 {
	display : table-cell;
	height: 10vw;
	line-height: 10vw;
	width : 72vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

.wapper_sub_slip_detail .content_body .view_area .table_name .capacity {
	display : table-cell;
	height: 10vw;
	line-height: 10vw;
	width : 24vw;
	color : #000000;
	background-color : #FFFFFF;
	vertical-align : middle;
	word-wrap : break-word;
}

/* .wapper_sub_slip_detail .content_body .view_area .table_div .field_price {
	display : table-cell;
	width : 24vw;
	color : #000000;
	background-color : #FFFFFF;
	text-align : right;
	vertical-align : middle;
	word-wrap : break-word;
} */

/*
 * 価格表示テーブルのレイアウト
 */
 .wapper_sub_slip_detail .content_body .view_area .price_table {
	border-collapse: separate;
	border-spacing: 1vw;
	margin-bottom:3vw;
}
.wapper_sub_slip_detail .content_body .view_area .price_table th, .price_table td {
	height: 10vw;
	line-height: 10vw;
}

.wapper_sub_slip_detail .content_body .view_area .price_table tr *:nth-child(1) {
	width: 26vw;
}

.wapper_sub_slip_detail .content_body .view_area .price_table tr *:nth-child(2) {
	width: 35vw;
}

.wapper_sub_slip_detail .content_body .view_area .price_table tr *:nth-child(3) {
	width: 35vw;
}

.wapper_sub_slip_detail .content_body .view_area .price_table th {
	color : #FFFFFF;
	background-color : #808080;
	text-align : center;
	margin: 10vw;
}

.wapper_sub_slip_detail .content_body .view_area .price_table td {
	color : #000000;
	background-color : #FFFFFF;
	text-align : right;
	word-wrap : break-word;
	padding-right: 2vw;
}

.wapper_sub_slip_detail .content_body .view_area .price_table .empty {
	background-color: inherit;
}