@charset "utf-8";

.form_title{text-align: center;
	line-height: 40px;
	font-size: 24px;
	font-weight: 700;}

.cart_area{position: relative;
	min-height: 50px;
	padding: 10px 0;}

.select_item_title{width: calc(100% - 20px);
	height: 40px;
	padding: 0 10px;
	margin-bottom: 5px;
	line-height: 40px;
	color: rgba(255,255,255,1.00);
	font-size: 16px;
	background: rgba(86,0,6,0.80);}

.cart_empty_box{width: 100%;
	line-height: 50px;
	text-align: center;
	background: rgba(255,243,142,1.00);
	position: absolute;
	z-index: 1;}

.cart_box{width: 100%;
	position: relative;
	z-index: 2;}
	
.item_block1{height: 50px;
	background: rgba(255,255,255,1.00);
	overflow: hidden;}
	
.item_name{width: calc(40% - 27px);
	margin-right: 5px;
	padding: 0 10px;
	line-height: 48px;
	font-size: 16px;
	border: rgba(0,0,0,0.30) solid 1px;
	float: left;}
	
.item_disc{width: calc(50% - 27px);
	height: 48px;
	margin-right: 5px;
	padding: 0 10px;
	line-height: 48px;
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	border: rgba(0,0,0,0.30) solid 1px;
	float: left;}

.item_count{width: calc(10% - 2px);
	float: left;}
	
input.input_number{width: calc(100% - 2px);
	line-height: 46px;
	font-size: 16px;
	margin: 0;
	padding: 0;}
	
.item_confirm_number{width: calc(10% - 22px);
	padding: 0 10px;
	line-height: 48px;
	font-size: 16px;
	text-align: center;
	border: rgba(0,0,0,0.30) solid 1px;
	float: left;}
	
.btns{padding: 10px 0;
	position: relative;
	text-align: center;}

button.cart_btn{width: 200px;
	line-height: 40px;
	margin-top: 30px;
	cursor: pointer;}
	
button.cart_btn:hover{opacity: 0.7;}

.input_box{padding-top: 20px;}

.cart_input1{width: calc(100% - 20px);
	padding: 0 10px;
	margin-bottom: 5px;
	line-height: 40px;
	font-size: 16px;
	background:rgba(112,112,112,1.00);
	color: rgba(255,255,255,1.00);}

.select1{line-height: 30px;
	padding: 5px;
	margin-right: 5px;
	font-size: 16px;}

.select_label{color: rgba(148,148,148,1.00);}

.text1,.text2{line-height: 30px;
	margin-right: 5px;
	font-size: 16px;}
	
.textarea1{width: calc(100% - 15px);
	height: 100px;
	line-height: 20px;
	padding: 5px;
	resize: none;}
	
.order_block1{width: calc(100% - 30px);
	padding: 15px;
	margin: 20px auto;
	border: rgba(0,0,0,0.20) solid 1px;}
	
.order_block1_caution{font-size: 14px;}

@media screen and ( max-width:736px )
{
.cart_text1{width: 95%;
	margin: 0 auto;
	font-size: 14px;}

form{font-size: 14px;}

.item_block1{height: auto;
	padding-bottom: 5px;
	background: rgba(255,255,255,1.00);
	overflow: hidden;}
	
.item_name{width: calc(100% - 27px);
	margin:0 5px 5px;
	padding: 0 5px;
	line-height: 38px;
	font-size: 14px;
	background: rgba(255,235,151,1.00);
	border: rgba(0,0,0,0.30) solid 1px;
	float: left;}
	
.item_disc{width: calc(70% - 27px);
	height: 38px;
	margin: 0 5px;
	padding: 0 5px;
	line-height: 38px;
	font-size: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	border: rgba(0,0,0,0.30) solid 1px;
	float: left;}

.item_count{width: calc(30% - 2px);
	float: left;}
	
.item_confirm_number{width: calc(30% - 27px);
	padding: 0 10px;
	line-height: 38px;
	font-size: 14px;
	text-align: center;
	border: rgba(0,0,0,0.30) solid 1px;
	float: left;}
	
input.input_number{width: calc(100% - 7px);
	line-height: 38px;
	font-size: 14px;
	border: rgba(0,0,0,0.30) solid 1px;
	margin: 0;
	padding: 0;}

button.cart_btn{width: 200px;
	height: 40px;
	line-height: 40px;
	margin-top: 30px;
	cursor: pointer;}

.input_box{width: 95%;
	margin: 0 auto;
	padding-top: 20px;}

.select1{font-size: 13px;}

.text1,.text2{width:95%;
	line-height: 30px;
	margin-right: 0;
	font-size: 14px;}
	
.order_block1{width: calc(95% - 28px);
	padding: 15px;
	margin: 0 auto 20px;
	font-size: 14px;
	border: rgba(0,0,0,0.20) solid 1px;}
	
.order_block1_caution{font-size: 12px;}
}