@charset "utf-8";

/*↓↓ここからusces_cart.cssの内容をそのままコピペ*/

div.loopimg {
	float: left;
	width: 105px;
	padding-right: 10px;
	padding-bottom: 10px;
}
div.loopexp {
	/*float: left;*/
}
/*div.header_explanation {
	padding-top: 15px;
	padding-bottom: 15px;
}
div.footer_explanation {
	padding-top: 15px;
	padding-bottom: 15px;
}*/
.error_message {
	font-weight: bold;
	color: #FF0000;
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 1.4rem;
	border: 1px solid #ccc;
}

/*******************************************************/
#cart .upbutton {
	text-align: right;
	padding-right: 20px;
	margin-bottom: 20px;
}
#cart_table {
	border: 1px solid #CCC;
}
#cart th, /*#cartの中にはtable2つ(#cart_table,.point_table)*/
#cart td {
	border: 1px solid #CCC;
	padding: 3px 5px;
	vertical-align: middle;
	word-break:break-all;
}
#cart th {
	text-align: center;
}
#cart td.signal_red {
	font-weight: bold;
	color: #FF0000;
}
#cart th {
	color: #fff;
	background-color: #999;
	white-space: nowrap;
}
#cart .aright {
	text-align: right;
	white-space: nowrap;
}
td.aleft,
td.productname {
	text-align: left;
}
#cart input.quantity {
	width: 40px;
}
.num,
.thumbnail,
.quantity,
.action {
	white-space: nowrap;
	text-align: center;
}
.num {
	width: 40px;
}
.thumbnail {
	width: 70px;
}
.price,
.unitprice {
	white-space: nowrap;
	width: 80px;
	text-align: right;
}
.quantity {
	width: 65px;
}
.subtotal {
	white-space: nowrap;
	width: 100px;
	text-align: right;
}
.action {
	width: 60px;
}
#point_table {
	margin-top: 3rem;
	margin-bottom: 1rem;
}
#point_table .point {
	font-size: 1.5em;
	font-weight: bold;
}
#point_table input.used_point {
	width: 100px;
	text-align: right;
	padding-right: 5px;
}

/*********************************************************************/
/* USCES Item single page style */

/*********************************************************************/
/* USCES cart page style */
#inside-cart p {
	color: #333;
}
.send {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-top-width: 1px;
	border-top-style: solid;
}
.send_pageLast,
#coml-page .send, /*?#coml-page*/
#error-page .send {
	margin-top: 40px;
	padding-top: 40px;
}
.lost-passward + .send {
	margin-top: 2rem;
	padding-top: 2.5rem;
	margin-bottom: 6rem;
}
.send .infobox {
	width: 100%;
	margin-top: 10px;
}
#inside-cart .send {
	border-top-color: #ffcc00;
}
#inside-cart .no_cart {
	text-align: center;
	width: auto;
	margin-top: 60px;
	font-size: 1.4em;
	font-weight: bold;
	color: #FF9900;
}
.responsive_table th,
.responsive_table td {
	display: block;
}
.customer_form th,
.customer_form td {
	padding: 12px 10px;
	border: 1px solid #e6e6e6;
}
.customer_form th {
	line-height: 150%;
	color: #4c4d25;
	background-color: #f3f3f3;
}
.customer_form td {
	color: #4c4c4c;
}
.customer_form .addMark {
	margin-left: 2%;
}
.form-control_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
}
.search-zipcode + .form-control_explanation {
	flex-basis: 65%;
}
.customer_form th {
	width: 25%;
}
.customer_form.responsive_table th {
	width: auto;
}
.customer_form label.iopt_label {
	display: block;
}
tr.inp1 .form-control-ask {
	width: 82%;
	margin-left: 5px;
}
#customer-info .send {
	border-top-color: #ff9900;
}
#delivery-info #delivery_table input {
	width: 50%;
	margin-right: 3px;
}
#delivery-info #delivery_table tr.inp1 input {
	width: 83%;
	margin-right: 0px;
	margin-left: 3px;
}
#delivery-info #delivery_table tr.inp2 input {
	width: 76%;
	margin-right: 3px;
	margin-left: 0px;
}
#delivery-info .customer_form .btn {
	width: 24px;
}
.notes.form-control { /*textarea*/
	height: 100px;
	width: 100%;
}
#delivery-info .send {
	border-top-color: #ff6600;
}
#confirm_table h3 {
	color: #ff3300;
}
#confirm_table th,
#confirm_table td {
	padding: 10px;
	border: 1px solid #e6e6e6;
}
#confirm_table th {
	font-weight: bold;
	color: #50511d;
	width: 25%;
}
#confirm_table td {
	color: #333333;
}
#confirm_table .ttl {
	background-color: #ffffef;
}
#confirm_table .bdc {
	background-color: #FFFFFF;
}
#info-confirm .send {
	border-top-color: #FF3300;
}
/*#coml-page h2,#error-page h2 {
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
	color: #ffffff;
	background-color: #666600;
	height: 32px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #b2b165;
}
#coml-page p,#error-page p {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#coml-page form,#error-page form {
	margin: 0px;
	padding: 0px;
}
#coml-page .send, #error-page .send {
	border-top-color: #b2b165;
}
#coml-page .post,#error-page .post {
	background-color: #ffffff;
	padding: 15px;
	width: auto;
	margin-top: 10px;
}*/
#status_table table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#status_table th {
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	background-color: #CCCCCC;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#status_table td {
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
/* End USCES cart page style */
/*********************************************************************/
/* USCES Member page style */

#memberpages .loginbox {
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCC;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	width: auto;
	text-align: center;
}
.loginbox .loginmail,
.loginbox .loginpass,
.loginbox .member_login_button {
	width: 200px;
}
.loginbox p {
	color: #333;
	margin-top: 1.8rem;
}
.loginbox p#nav {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
.history-area {
	overflow: auto;
	height: 700px;
	border: 1px solid #ccc;
}
#history_head,
table.retail {
	font-size: 1.4rem;
	width: 100%;
}
table.retail {
	margin-bottom: 3rem;
	border: 1px solid #e6e6e6;
}
.history-area .date{
	white-space: nowrap;
}
.history-area .rightnum{
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
}
.history-area th {
	text-align: center;
	border: 1px solid #e6e6e6;
	background-color: #f8f8f8;
	line-height: 150%;
	color: #4e5020;
}
.history-area td {
	line-height: 150%;
	color: #333333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #e6e6e6;
	vertical-align: middle;
}
#history_head th.historyrow {
	color: #FFFFFF;
	background-color: #999999;
	vertical-align: middle;
}
table.retail th.cartrownum {
	width: 38px;
}
table.retail th.thumbnail {
	width: 60px;
}
table.retail th.price {
	width: 100px;
}
table.retail th.quantity {
	width: 60px;
}
table.retail th.subtotal {
	width: 100px;
}
#history_head td {
	white-space: nowrap;
}
#history_head td.purchase_date {
	text-align: center;
}
#history_head .order_number,
#history_head .shipping,
#history_head .cod,
#history_head .tax {
	display: none;
}
#memberinfo .blank_cell {
	width: 3px;
	padding: 0;
}
#memberinfo h3 {
	color: #ffffff;
	background-color: #C14838;
	text-indent: 10px;
	padding-top: 1.2rem;
	padding-bottom: 0.8rem;
	margin-bottom: 2rem;
}
table.retail td,
#retail_table td {
	white-space: normal;
	word-break:break-all;
}
#newmember .agree_member_area,
#customer-info .agree_member_area {
	margin:20px;
}
#newmember .at_exp_text,
#customer-info .at_exp_text {
	text-align:left;
	width:90%;
	margin:auto;
}
#newmember .at_cont_text,
#customer-info .at_cont_text {
	height: 200px;
	width: 80%;
	display: block;
	margin: 10px auto;
}
#newmember .at_check_area,
#customer-info .at_check_area {
	text-align: center;
	font-size:1.5em;
}

/* End USCES Member page style */
/*********************************************************************/
/* USCES Search page style */
#searchbox {
	margin: 0px;
	padding: 0px;
}
#searchbox div.field {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#searchbox label.outlabel {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
}
#searchbox fieldset {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: both;
}
#searchbox legend {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 12px;
	color: #333333;
}
#searchbox fieldset ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#searchbox fieldset li {
	margin: 0px;
	float: left;
	height: 40px;
	width: 200px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#searchbox .title {
	font-size: 1.2em;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	color: #666666;
	line-height: 26px;
	display: block;
	height: 26px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-top: 40px;
}
#searchbox .itemtitle {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
}
#searchbox .itemlist {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/* End USCES Search page style */
/************************************************************************************/
/* widget */

/*ul.ucart_featured_body li,
ul.ucart_calendar_body li,
ul.ucart_search_body li,
.widget_ucart_calendar ul.ucart_widget_body li,
.sidebar .widget_ucart_calendar ul.ucart_widget_body li,
#sidebar .widget_ucart_calendar ul.ucart_widget_body li,
.widget_ucart_search ul.ucart_widget_body li,
.sidebar .widget_ucart_search ul.ucart_widget_body li,
#sidebar .widget_ucart_search ul.ucart_widget_body li,
.widget_ucart_featured ul.ucart_widget_body li,
.sidebar .widget_ucart_featured ul.ucart_widget_body li,
#sidebar .widget_ucart_featured ul.ucart_widget_body li{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type:none;
	margin-left:0px;
	list-style-image: none;
	background-image: none;
	text-indent: 0px;
	padding-left: 0px;
	margin-bottom:10px;
}
ul.ucart_featured_body,
.widget_ucart_featured ul.ucart_widget_body,
.sidebar .widget_ucart_featured ul.ucart_widget_body,
#sidebar .widget_ucart_featured ul.ucart_widget_body {
	padding: 18px 10px 10px 10px;
	text-align: center;
}
ul.ucart_featured_body .thumimg,
.widget_ucart_featured .thumimg,
.sidebar .widget_ucart_featured .thumimg,
#sidebar .widget_ucart_featured .thumimg {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}
ul.ucart_featured_body .thumtitle a,
.widget_ucart_featured .thumtitle a,
.sidebar .widget_ucart_featured .thumtitle a,
#sidebar .widget_ucart_featured .thumtitle a {
	white-space: normal;
	word-break:break-all;
}
.widget_ucart_calendar ul.ucart_widget_body table,
.sidebar .widget_ucart_calendar ul.ucart_widget_body table,
#sidebar .widget_ucart_calendar ul.ucart_widget_body table {
	width: 100%;
}
.widget_welcart_post p {
	margin-top: 0px;
	margin-bottom: 3px;
	line-height: 1.1em;
}*/
/* End widget style */
/************************************************************************************/
/* catbox */
/*.businessday {
	background-color: #FFECCE;
	color: #ff0000;
}
.businesstoday {
	color: #000000;
	font-weight: bold;
}
/************************************************************************************/
/* liwpp */
/*.liwpp_area {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}*/
/************************************************************************************/

/*↑↑ここまでusces_cart.cssの内容をそのままコピペ*/

/* usces_default.cssをderegisterにつき下記3行転載 */
input.hidden {
	display: none;
}

.shop .optionlist .iopt_checkbox,
.shop.quant {
	display: none;
}
.form_order { /*section form*/
	margin-bottom: 7rem;
}
.lost-passward {
	margin-top: 20px;
	text-align: center;
}
.lost-passward a {
	color: #0000EE;
}
.quant {
	padding-top: 3rem;
}
.btn_incart { /*inputに擬似要素効かないため*/
	position: relative;
	display: inline-block;
	border-radius: 4px;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 1.2;
	cursor: pointer;
}
.btn_incart::before { /*inputに擬似要素効かないため*/
	display: block;
	position: absolute;
	top: 15px;
	left: 5px;
	margin: -4px 0 0 0;
	content: "\f07a";
	font-family: FontAwesome;
	font-size: 24px;
	color: #fff;
}
.btn_incart:hover {
	opacity: 0.7;
}
input[type="submit"].skubutton { /*.quant .btn_incart input[type=submit]*/
	font-size: 24px;
	font-weight: bold;
	border: none;
	padding-left: 35px;
}
input[type="submit"].skubutton:hover {
	opacity: 1.0;
}
.skubutton,
.btn_incart,
.back_cart_button,
.continue_shopping_button,
.back_to_customer_button,
.back_to_delivery_button,
.search-zipcode,
input[name="upButton"],
.delButton {
	background-color: #004668;
	border: 1px solid #0C2E3F;
}
.search-zipcode {
	margin-left: 3px;
	margin-right: 0.5%;
	font-size: 14px;
	width: auto;
}
/*.send input[type=submit],*/
input.customerlogin_button,
input.to_deliveryinfo_button,
input.to_reganddeliveryinfo_button,
input.to_customerinfo_button,
input.to_confirm_button,
input.use_point_button,
input.checkout_button,
input[name=regmember],
.member_login_button { /*btn-defaultと同じ*/
	background-color: #CC4400;
	border: 1px solid #cc2a00;
	font-size: 24px;
	font-weight: bold;
}
.back_to_delivery_button {
	width: 40%;
	max-width: 150px;
	white-space: pre-line;
	word-break: break-all;
}
.to_reganddeliveryinfo_button,
.to_customerinfo_button,
.to_confirm_button,
.checkout_button {
	width: 50%;
	max-width: 300px;
	margin-left: 8px;
	white-space: pre-line;
	word-break: break-all;
}

table.customer_form,
#confirm_table,
#cart_table,
.point_table {
	width: 100%;
}
#cart td.productname p {
	font-size: 15px;
	line-height: 150%;
}
#cart td.productname p.choice {
	font-weight: bold;
}
.point_table th {
	width: 50%;
}

@media (min-width: 670px) {
	.customer_form.responsive_table th {
		width: 25%;
	}
	.responsive_table th,
	.responsive_table td {
		display: table-cell;
	}
	.customer_form .addMark {
		margin-left: 5px;
	}
	.form-control_wrap {
		flex-wrap: nowrap;
	}
	.form-control_wrap .form-control-ask { /*form-control-ask=65%*/
		margin-right: 1.5%;
	}
	.form-control_explanation {
		width: 33.5%;
	}
	.search-zipcode {
		width: 11%;
	}
	.search-zipcode + .form-control_explanation {
		flex-basis: 22%;
	}
}

/*カートナビ*/
.usccart_navi {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	margin-bottom: 40px;
	margin-left: -2.5%;
	margin-right: -2.5%;
	padding-left: 0;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	list-style: decimal inside;
	box-sizing: border-box;
}
.ucart {
	font-weight: bold;
	text-align: center;
	position: relative;
	width: 25%;
	padding-top: 10px;
	padding-bottom: 10px;
	background: transparent;
	color: #ccc;
	box-sizing: border-box;
}
.usccart {
	padding-left: 0.5em;
}
.usccustomer,
.uscdelivery,
.uscconfirm {
	padding-left: 1em;
}
.ucart:before {
	content:'';
	position: absolute;
	top: 50%;
	left: 100%;
	display: block;
	width: 0;
	height: 0;
	margin: -1.5em 0 0 2px;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #ddd;
	z-index: 1;
}
.ucart:after{
	content:'';
	position: absolute;
	top: 50%;
	left: 100%;
	display: block;
	width: 0;
	height: 0;
	margin-top: -1.5em;
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;
	border-left: 1em solid #fff;
	z-index: 2;
}
.ucart:last-child:before,
.ucart:last-child:after {
	content: none;
}
#inside-cart .usccart,
#customer-info .usccart,
#customer-info .usccustomer,
#delivery-info .usccart,
#delivery-info .usccustomer,
#delivery-info .uscdelivery,
#info-confirm .ucart {
	background: #f0f0f0;
}
#inside-cart .usccart,
#customer-info .usccustomer,
#delivery-info .uscdelivery,
#info-confirm .uscconfirm{
	color: #e75252;
}
#inside-cart .usccart:after,
#customer-info .usccart:after,
#customer-info .usccustomer:after,
#delivery-info .usccart:after,
#delivery-info .usccustomer:after,
#delivery-info .uscdelivery:after,
#info-confirm .ucart:after {
	border-left-color: #f0f0f0;
}

/* スマホ用カート画面 */
@media screen and (max-width: 669px) {
	.btn_incart {
		margin-top: 15px;
	}
	.ucart {
		line-height: 1.4;
	}
	.ucart.uscdelivery {
		font-size: 0.95em;
		line-height: 1.1;
	}
	#cart_table tr,
	#cart_table th,
	#cart_table td,
	table.retail tr,
	table.retail th,
	table.retail td {
		display: block;
		box-sizing: border-box;
		width: 100%;
	}
	#cart_table-thead,
	#cart_table-tfoot th:last-child,
	#cart_table-tfoot td:last-child,
	table.retail thead {
		display: none;
	}
	#cart_table-tfoot tr {
		display: table;
	}
	#cart_table-tfoot td {
		display: table-cell;
		width: 50%;
		border-right: none;
		border-bottom: none;
		border-left: none;
	}
	#cart_table-tbody tr:nth-of-type(n + 2) { /*2番目以降のtr(商品)*/
		margin-top: 30px;
	}
	#cart_table-tbody td:not(.thumbnail):not(.action),
	table.retail tbody td:not(.thumbnail) {
		position: relative;
		padding: 10px 10px 10px 8em;
		border-right: none;
		border-bottom: none;
		border-left: none;
	}
	#cart_table-tbody td:before,
	table.retail tbody td:before {
		position: absolute;
		top: 10px;
		left: 10px;
	}
	#cart_table-tbody td.num,
	table.retail tbody td.cartrownum {
		background-color: #999;
		color: #FFF;
		text-align: left;
		padding-left: 3em !important;
		border-top: none;
	}
	#cart_table-tfoot th,
	#cart_table-tbody td.quantity,
	#cart_table-tbody td.unitprice,
	#cart_table-tbody td.subtotal {
		text-align: right;
	}
	#cart_table input.quantity { /*↑wrapperのtdの右揃えを生かす*/
		display: inline-block;
	}
	#cart_table-tbody td.num:before,
	table.retail tbody td.cartrownum:before {
		content: "No.";
	}
	#cart_table-tbody td.productname:before,
	table.retail tbody td.productname:before {
		content: "商品名";
	}
	#cart_table-tbody td.unitprice:before,
	table.retail tbody td.price:before { /*umitpriceではない*/
		content: "単価";
	}
	#cart_table-tbody td.quantity:before,
	table.retail tbody td.quantity:before {
		content: "数量";
	}
	#cart_table-tbody td.subtotal:before,
	table.retail tbody td.subtotal:before {
		content: "金額（税込）";
	}
	#cart_table-tbody .thumbnail,
	#cart_table-tbody .action,
	#cart_table-tfoot th,
	table.retail tbody .thumbnail {
		padding: 10px;
		border-right: none;
		border-bottom: none;
		border-left: none;
	}
/*	.customer_form {
		table-layout: fixed;
	}*/
}