日: 2018年2月15日

//カート

//usccart_navi 
div.usccart_navi ol.ucart {
	list-style: none;
	//overflow: hidden; 
	height: auto;
}
div.usccart_navi li.ucart {
	display: block;
	color: #262626;
	font-size: 14px;
	font-weight: bold;
	padding: 0 .909095em 0 1.81818em;
	background: #dedede;
	float: left;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
}
div.usccart_navi li.ucart:before {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 -20px -20px auto;
	float: right;
	content: " ";
	-webkit-transform: skew(20deg);
	background: #dedede;
	border-right: 4px solid #fff;
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(20deg);
}
div.usccart_navi li.ucart:after {
	display: block;
	width: 20px;
	height: 20px;
	margin: -20px -20px 0 auto;
	background: #dedede;
	border-right: 4px solid #fff;
	position: relative;
	content: " ";
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);	
}
div.usccart_navi li.ucart:last-child:before,
div.usccart_navi li.ucart:last-child:after {
	border: none;
}

body div.usccart_navi li.usccart_confirm,
body div.usccart_navi li.usccart_confirm:before,
body div.usccart_navi li.usccart_confirm:after,

body div.usccart_navi li.usccart_customer,
body div.usccart_navi li.usccart_customer:before,
body div.usccart_navi li.usccart_customer:after,

body div.usccart_navi li.usccart_cart,
body div.usccart_navi li.usccart_cart:before,
body div.usccart_navi li.usccart_cart:after,

body div.usccart_navi li.usccart_delivery,
body div.usccart_navi li.usccart_delivery:before,
body div.usccart_navi li.usccart_delivery:after
{

	color: #fff;
	background-color: #161616;
}

div.usccart_navi li.ucart.usccart_confirm, div.usccart_navi li.ucart.usccart_confirm:beforee, div.usccart_navi li.ucart.usccart_confirm:after {
    color: #fff;
	background-color: #161616;}


div.header_explanation{clear: both;}

//確認テーブル

#confirm_table td{font-size: 14px;padding: 12px;}
#confirm_table .ttl{background: @site_color_main}
#confirm_table h3{color: #fff;}


//会員情報
#memberinfo{
.retail{margin-bottom: 24px;}
	
	.order_head_value td{padding: 12px;}
	table .num{font-size: 100%}
	th{font-size: 90%}
	h3{ background: none;
	color: #333;
	font-size: 18px;
	height: auto;
	border: none;
	text-indent: inherit;
		padding-top: 24px; padding-bottom: 12px;
	}
	.customer_form input#zipcode{width: auto; }
	.customer_form input{width: auto; margin-left: 6px; margin-right: 6px;}
	select{font-size: 15px; margin-left: 6px; }
	
	.edit_member,.logout_member{display: none;}
	
	#memberdetail{margin-top: 60px;}
	
	.send input:nth-child(3){display: none}

}

@media screen and (max-width: 736px) {
//ナビ

	div.usccart_navi li.ucart{width:auto;font-size: 11px}
	.back_cart_button,.to_deliveryinfo_button,.back_to_delivery_button{margin-bottom: 12px;}
	
	#customer-info .customer_form input{width: 100%;}
	
	//カート1P目
	#inside-cart{#cart_table{.num,.thumbnail,.stock,.mov_none{display: none;}}}
	
	//カート4P目
	#info-confirm{#cart_table{.num,.thumbnail,.stock,.mov_none,.action{display: none;}}
	
	}
	
	
	#memberinfo{
		  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
		
		#memberdetail{ margin-top: auto;
			th,td{display: block} .blank_cell,.blank{display: none}}
		
		#history_head{th,td{display: block; padding: 12px;font-size: 12px;} 
			thead,tbody{ float: left;width: 50%;}
			tr{display: block;}
		
		}
		
		.retail{.cartrownum,.thumbnail{display: none;} margin-bottom: 60px;}
		
		.customer_form input{width: 100%;}
	}
	
	
	}

.customer_form input{width: 100%;}

これでなぜかテーブルがレスポンではみ出ない