@charset "utf-8";
/*--------------------------------------------
  orderSummary.css
  注文合計金額、特典表示用の共通CSS
--------------------------------------------*/

.orderSummaryGroup {
	margin-top:30px;
}

.orderTotalGroup {
	float:right;
	width:50%;
  padding: 20px;
  background-color: #f2f2f2;
}
.table.totalLayoutGroup,
.amountInfoLayoutGroup{
  border: none;
}
.orderTotalGroup .tr:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}
.orderTotalGroup .tr:last-child .th,
.orderTotalGroup .tr:last-child .td {
  padding-bottom: 0;
}
.orderTotalGroup .th, .orderTotalGroup .td {
  border: none;
  display: table-cell;
}
.orderTotalGroup .table .td {
  background: none;
  text-align: right;
}
.level_h3.amountInfoTitle {
  font-weight: bold;
  font-size: 1.2em;
}

/* 注文入力 消費税 */
/*.consumptionTax10PerTdSurround .items {
  display: table;
  float: right;
  overflow: hidden;
  min-width: 115px;
  position: relative;
}
.consumptionTax10PerTdSurround .items div {
  display: table-row;
}
.consumptionTax10PerTdSurround .items div span {
  display: table-cell;
}
.consumptionTax10PerTdSurround .preLabel {
  width: 6em;
  text-align: left;
  padding-right: 0.8em;
  position: absolute;
  left: 0;
}
.consumptionTax10PerTdSurround .consumptionTax10Per,
.consumptionTax10PerTdSurround .consumptionTax8Per {
  padding-left: 5em;
  white-space: pre;
}*/
.consumptionTax10PerTdSurround .suffixLabel {
  width: 1.2em;
}

.ttotalPrice_itemLabel,
.totalAmt_itemLabel {
  font-weight: bold;
}
.ttotalPriceTdSurround .ttotalPrice,
.totalAmtTdSurround .totalAmt {
  font-size: 1.6em;
  font-weight: bold;
}

.orderPromotionGroup {
	float:left;
	width:48%;
}
.orderPromotionGroup #promotionResults {
	margin:10px 5px;
}
.orderPremiumRow:before,
.promotionResultsRow:before {
	content:"・";
}

/* 再注文ボタン */
[class*="btn_"].reorderCartLink {
  width: 100%;
}

/* キャンセルエリア */
.orderCancelGroup {
  padding: 15px 10px 0;
  margin-top: 10px;
  border-top: 1px solid #dbdbdb;
}
.orderCancelButtonItemWrap + .orderCancelMessageItemWrap {
	margin-top: 10px;
}

@media screen and (max-width: 641px) {
	.orderTotalGroup,
	.orderPromotionGroup {
		float:none;
		width:100%;
	}
  .orderTotalGroup {
    margin-bottom: 20px;
  }
}