/*
* WCEX Multi Shipping Style for Plugin
*/

@charset "utf-8";

/* --------------------------------------------------------------
Common

-------------------------------------------------------------- */

/* --------------------------------------------------------------

Cart

-------------------------------------------------------------- */
/* =Cart
-------------------------------------------------------------- */
/* -- #wc_delivery -- */
.open_allocation_bt {
	border: none;
}
#cart_table td.msa-destination,
#cart_table td.msa-postage-title,
#cart_table td.msa-postage-detail {
	background-color: #fff;
}
#cart_table td.msa-destination,
#cart_table td.msa-postage-title {
	margin-left: 2.856em;
}
#cart_table td.msa-postage-detail {
	margin-left: 0.714em;
}
#cart_table td.msa-postage-title:after {
	content: ':';
}
#new_alloc_button, #memberinfo .msa_area .return_navi a,
.ui-widget-content .go_destination a,
#determine,
#new_alloc_button,
input[type=button].allocation_edit_button {
	display: inline-block;
}

/* - dialog - */
#new_alloc_button,
#memberinfo .msa_area .return_navi a,
.ui-widget-content .go_destination a,
#determine, #new_alloc_button,
input[type=button].allocation_edit_button{
	padding: 0 20px;
	border: none;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#determine,
input[type=button].allocation_edit_button {
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	display: inline-block;
}
input[type=button].allocation_delete_button {
	border: none;
	line-height: 40px;
	padding: 0 20px;
}
.ui-dialog .ui-dialog-buttonpane {
	border: none;
	border-top: 1px solid #ddd;
}
.ui-dialog.allocation select#destination {
	width: auto;
}
#allocation_newarea .msa_table th,
#allocation_newarea .msa_table td {
	border: none;
}
/* -- button -- */
#determine, #new_alloc_button,
.allocation_edit_button {
	background-color: #e14d43 !important;
	color: #fff;
	border: #d02c21 1px solid !important;
}
.msa_table td.msa_thumb {
	width: 40px;
	padding: 0.357em 0;
}
.msa_table td.msa_item_name,
.msa_table td.msa_quantity {
	font-size: 85.7%;
}

/* =Member
-------------------------------------------------------------- */

/* -- #wc_member_msa -- */
#wc_member_msa #memberpages {
	padding: 0 4% 1.714em;
}
/* - table - */
#wc_member_msa table {
	width: 100%;
	margin-bottom: 2.142em;
	font-size: 92.9%;
}
#wc_member_msa table tr {
	letter-spacing: -0.5em;
}
#wc_member_msa table th {
	display: inline-block;
	width: 35%;
	vertical-align: middle;
	border-bottom: 1px dotted #ddd;
	padding: 0.357em 0;
}
#wc_member_msa table td {
	display: inline-block;
	width: 65%;
	vertical-align: middle;
	border-bottom: 1px dotted #ddd;
	padding: 0.357em 0;
}
#wc_member_msa table tr:first-child th:nth-child(1),
#wc_member_msa table tr:first-child td:nth-child(2) {
	border-top: 1px dotted #ddd;
}
#wc_member_msa table .space {
	display: none;
}

/* - .msa_area - */
#wc_member_msa .sub-title {
	overflow: hidden;
	text-align: center;
	font-size: 114.285%;
	line-height: 1.3;
	margin: 3.57em 0 1.428em
}
#wc_member_msa .sub-title span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
#wc_member_msa .sub-title span::before,
#wc_member_msa .sub-title span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 100vw;
	height: 0px;
	border-top: dotted 1px #ddd;
}
#wc_member_msa .sub-title span::before {
	right: 100%;
}
#wc_member_msa .sub-title span::after {
	left: 100%;
}
.msa_total {
	margin-bottom: 0.714em;
}
/* - #new_destination - */
#new_destination {
	padding: 0.571em 1.266em;
	border: none;
	margin: 0.714em 0 0 0;
}
.return_navi {
	position: inherit;
	top: inherit;
	right: inherit;
}
/* - .return_navi - */
.return_navi a {
	display: block;
	padding: 0.571em 1.266em;
	border: none;
	text-align: center;
	line-height: 1.2;
	font-size: 114.285%;
}
/* - .allocation_dialog_exp - */
.allocation_dialog_exp {
	margin: 10px 0 0;
}
/* - .msa_field - */
.msa_field_block .msa_field {
	padding: 0.714em 0;
	border-top: none;
	border-bottom: 1px dotted #e7e7e7;
	background-color: inherit;
}
.msa_field_block .msa_field label {
	font-weight: normal;
	margin-bottom: 0.357em;
}
/* - .msa_field_block - */
.msa_field_block .msa_title {
	margin: 0;
	padding: 0 0 1.071em;
	border-bottom: 1px dotted #e7e7e7;
}
#msa_zip {
	width: 33%;
	margin-right: 1rem;
}
#msa_name,
#msa_name2,
#msa_furigana,
#msa_furigana2 {
	width: calc(100% - 1.4em);
	margin: 0 0 0.25em 0.5em;
	vertical-align: middle;
}
#msa_address1,
#msa_address2,
#msa_note {
	width: 100%;
}
/* - #destination_title - */
#destination_title {
	font-size: 16px;
	letter-spacing: 1px;
}
/* - textarea input text select - */
.msa_area textarea,
.msa_area input[type="text"] {
	padding: 0 10px;
}
.destination_label {
	margin-right: 1rem;
}
.msa_operation #destination,
.msa_area select {
	height: auto;
	font-size: 100%;
	margin: 0;
	padding: 0.357em 1.428em 0.357em 0.714em;
	text-align: right;
	line-height: 1.3;
	min-height: 33px;
	font-weight: 100;
	background: #fff url(assets/images/angle-right-solid.svg) no-repeat right center;
	border: solid 1px #e7e7e7;
}
.msa_operation #destination option {
	background-color: #fff;
}
.member-page input[type=button].search-zipcode {
	margin: 0 0;
	padding: 0 20px;
}
/* - #msa_button - */
#msa_button {
	border-top: none;
}
#add_destination,
#edit_destination {
	padding: 0 20px;
	border: none;
}
#cancel_destination,
#del_destination {
	padding: 0 30px;
	border: none;
}
#AllAllocationPDF,
#del_destination,
#cancel_destination,
.allocation_delete_button {
	background-color: #efefef;
}
#del_destination:hover,
#cancel_destination:hover,
.allocation_delete_button:hover {
	background-color: #ddd;
}
.ui-dialog.allocation #allocation_dialog {
	min-width: inherit;
}
.go_destination {
	margin-right: 0;
	display: block;
	margin-bottom: 0.714em;
}
.msa_field textarea,
.msa_field input[type="text"] {
	margin: 0;
	border: solid 1px #ddd;
}
.msa_field label {
	display: block;
	padding: 0;
	width: auto;
}
#allocation_newarea {
	margin-top: 0.714em;
}
#allocation_newarea .msa_table tr {
	display: block;
	border-top: solid 1px #ddd;
	letter-spacing: -0.5em;
	margin-bottom: 10px;
}
#allocation_newarea .msa_table th,
#allocation_newarea .msa_table td {
	display: inline-block;
	vertical-align: middle;
}
#allocation_newarea .msa_table .msa_arrow {
	width: 25%;
	text-align: left;
	padding: 10px 0 0 0;
}
#allocation_newarea .msa_table .msa_check {
	width: 75%;
	text-align: left;
	padding: 10px 0 0 0;
}
#allocation_newarea .msa_table .msa_thumb {
	width: 18%;
	text-align: left;
	padding: 10px 0 0 0;
}
#allocation_newarea .msa_table .msa_item_name {
	width: 82%;
	text-align: left;
	padding: 10px 0 0 0;
}
#allocation_newarea .msa_table .msa_price {
	width: 60%;
	text-align: right;
	padding: 10px 0 10px 0;
}
#allocation_newarea .msa_table .msa_quantity {
	width: 40%;
	text-align: right;
	padding: 10px 0 10px 10px;
}
#allocation_newarea .msa_table .msa_quantity input {
	margin: 0 0.357em;
}
/* -- #multi_cart_table -- */
#multi_cart_table .price,
#multi_cart_table .unitprice {
	width: auto;
}
#multi_cart_table #cart_table thead th.unitprice,
#multi_cart_table #cart_table thead th.price {
	width: 33%;
	height: 50%;
	top: 50%;
	left: 20%;
	line-height: 2em;
}
#multi_cart_table #cart_table thead th.quantity {
	width: 14%;
	height: 50%;
	top: 50%;
	left: 53%;
	line-height: 2em;
}
#multi_cart_table #cart_table thead th.subtotal {
	width: 33%;
	height: 50%;
	top: 50%;
	left: 67%;
	line-height: 2em;
}
#multi_cart_table #cart_table tbody td.msa-destination,
#multi_cart_table #cart_table tbody td.msa-postage-title,
#multi_cart_table #cart_table tbody td.msa-postage-detail {
	display: inline-block;
	margin-left: 8%;
}
.msa_table th, .msa_table td {
	padding: 0.357em 0.714em;
}

/* -- cart -- */
#cart_table tbody tr {
	padding: 0.714em 0!important;
}
#cart_table tbody td.num {
	top: 50%!important;
	left: inherit;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}
/* Button */
#msa_button input {
	padding: 1em;
}

/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {

	/* =Cart
	-------------------------------------------------------------- */

	#multi_cart_table {
		margin: 0;
	}
	.msa_area .msa_total,
	.msa_area .msa_operation {
		margin: 0;
	}
	#wc_member_msa h3 {
		margin: 40px 0 20px;
	}
	#new_destination {
		display: inline-block;
		width: auto;
		margin: 0 0 0 1.428em;
	}
	.return_navi {
		margin: 0;
		top: 0;
		right: 0;
		position: absolute;
	}
	.allocation_dialog_exp {
		margin: 20px 0 0;
	}
	.msa_field_block .msa_title {
		padding: 0 0 15px;
	}
	.msa_field_block .msa_field {
		padding: 20px 0;
	}
	.msa_field #msa_company,
	.msa_field #msa_address1,
	.msa_field #msa_address2,
	.msa_field #msa_address3,
	.msa_field #msa_note {
		width: 60%;
	}
	.msa_field #msa_name,
	.msa_field #msa_name2,
	.msa_field #msa_furigana,
	.msa_field #msa_furigana2 {
		width: 20%;
		margin-right: 0.714em;
	}
	.msa_operation #destination {
		display: block;
	}
	#wc_member_msa table tr {
		letter-spacing: normal;
	}
	.msa_field {
		background: #fff;
		border-top: 1px solid #e6e6e6;
	}
	#wc_member_msa table th {
		display: table-cell;
		width: auto;
		border-top: dotted 1px #e7e7e7;
		border-bottom: dotted 1px #e7e7e7;
		padding: 0.714em 0;
	}
	#wc_member_msa table td {
		display: table-cell;
		width: auto;
		border-top: dotted 1px #e7e7e7;
		border-bottom: dotted 1px #e7e7e7;
		padding: 0.714em;
	}
	#wc_member_msa table .space {
		display: table-cell;
	}
	.msa_field_block .msa_field {
		letter-spacing: -0.5em;
	}
	.msa_field_block .msa_field label {
		display: inline-block;
		vertical-align: middle;
		width: 20%;
	}
	.msa_field #msa_company,
	.msa_field #msa_address1,
	.msa_field #msa_address2,
	.msa_field #msa_address3,
	.msa_field #msa_note {
		width: 80%;
		display: inline-block;
		vertical-align: middle;
	}
	.msa_operation #destination,
	.msa_area select {
		display: inline-block;
		vertical-align: middle;
	}
	.msa_field #msa_tel,
	.msa_field #msa_fax {
		display: inline-block;
		vertical-align: middle;
		width: 60%;
	}
	#multi_cart_table #cart_table tbody td.msa-destination,
	#multi_cart_table #cart_table tbody td.msa-postage-title,
	#multi_cart_table #cart_table tbody td.msa-postage-detail {
		margin-left: 4%;
	}

	/* =Member
	-------------------------------------------------------------- */

	.return_navi a {
		display: inline-block;
	}

}

/* Desktop Small 1000px
-------------------------------------------------------------- */
@media screen and (min-width: 62.5em) {
	#wc_member_msa #memberpages {
		padding: 0 0 1.714em;
	}
	#multi_cart_table {
		margin: 0.714em 0;
	}
	.new_alloc_button_area {
		letter-spacing: -0.5em;
		text-align: center;
		margin-top: 0.714em;
	}
	.go_destination,
	#new_alloc_button {
		display: inline-block;
		vertical-align: middle;
		margin: 0 0.357em;
	}
	#multi_cart_table #cart_table tbody td.msa-destination,
	#multi_cart_table #cart_table tbody td.msa-postage-title,
	#multi_cart_table #cart_table tbody td.msa-postage-detail {
		display: table-cell;
		margin-left: 0;
		padding: 0.357em;
	}
	#multi_cart_table .msa-postage-detail {
		text-align: center;
	}
	#cart_table tbody td.num {
		top: auto !important;
		left: auto !important;
		-webkit-transform: none;
		transform: none;
		border-right: dotted 1px #ddd;
	}
	#cart_table tbody tr {
		padding: 0!important;
	}
	#cart_table tbody td.productname {
		min-height: auto !important;
	}
	#cart_table tbody td.thumbnail img {
		width: 60px;
		height: auto;
	}
	#msa_button #add_destination {
		margin-right: 0.714em;
	}
}