/**
 *	テキストブックの表示
 *
 */
/** 数量入力**/
.columns.row div:nth-child(4), .columns.row div:nth-child(6) input, .columns.row div:nth-child(7)
{
	text-align: right;
}
/** 注文入力 **/
.columns.row div:nth-child(4), .columns.row div:nth-child(5), .columns.row div:nth-child(6)
{
	text-align: right;
}
/* ヘッダー*/
.columns.headers{
	border-top: .1rem solid #eb5c02;
	background: linear-gradient(to bottom, #fff 0%, rgba(235, 92, 2, .3) 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	border-bottom: 1px solid rgba(235, 92, 2, .2);
	padding-top: .2rem; padding-bottom: .2rem;
	line-height: 1.9;
	font-weight: bold;
}
/* 行 */
.columns.row {
	border-bottom: 1px solid rgba(235, 92, 2, .1);
	line-height: 2.1;
	padding-top: .2rem; padding-bottom: .2rem;
}
.columns.row a{
	display: inline-block;
}
.columns.row:nth-child(odd){
	background: #f8f9fa;
}
.columns.row:hover {
	background: #f0f1f4;
}

@media only screen and (max-width: 840px) {

	.columns.row {
		border-bottom: 1px solid rgba(235, 92, 2, .8);
	}
	.columns.headers .column:nth-child(2){padding-left: 1rem;}
	#total-area {
		position: -webkit-sticky; /* Safariに対応する */
		position: sticky; /* 要素を固定/解除する */
		bottom: 0.8vh;
		left: 20px;
		background-color: white;
		filter: drop-shadow(0px 3px 4px rgba(0,0,0,0.3));
	}
	#total-area-box {
		padding-left: 20px;
		padding-top: 6px;
	}
}