//カート
//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%;}
これでなぜかテーブルがレスポンではみ出ない