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

.contents .table {
	margin-bottom: 2.5em;
}

.orderSummaryGroup{
	margin-top:10px;
}

.orderTotalGroup{
	float:right;
	width: auto;
	max-width: 35%;
}
.orderTotalGroup .tr .th, .orderTotalGroup .tr .td {
	text-align: right;
}
.orderTotalGroup .totalLayoutGroup .tr.totalAmtItemWrap,
.orderTotalGroup .totalLayoutGroup .tr.ttotalPriceItemWrap,
.orderSummaryGroup .amountInfoLayoutGroup .tr.totalAmtItemWrap,
.orderSummaryGroup .amountInfoLayoutGroup .tr.totalAmt2ItemWrap {
	border: 3px solid #f90000;
}


.orderTotalGroup .totalLayoutGroup .tr .td span.ttotalPrice,
.orderSummaryGroup .amountInfoLayoutGroup .tr .td span.totalAmt,
.orderSummaryGroup .amountInfoLayoutGroup .tr .td span.totalAmt2 {
	color: #f00;
	font-weight: bold;
	font-size: 1.2em;
}

.orderPromotionGroup{
	float:left;
	width: auto;
	max-width: 65%;
}
.amountInfoLayoutGroup.table.th_30 .th, .table.th_30 th {
    width: 35%;
}

div#reglOrderList {
    margin: 10px 0 0 0;
    float: left;
}

.orderPromotionGroup #promotionResults{
	margin:10px 5px;
}
.orderPremiumRow:before,
.promotionResultsRow:before{
	content:"・";
}

@media screen and (max-width: 641px) {
	.orderTotalGroup .totalLayoutGroup .tr.totalAmtItemWrap > div.th,
	.orderTotalGroup .totalLayoutGroup .tr.ttotalPriceItemWrap > div.th,
	.orderSummaryGroup .amountInfoLayoutGroup .tr.totalAmt2ItemWrap > div.th {
		border-bottom: 1px solid #ccc;
	}
	.orderTotalGroup,
	.orderPromotionGroup{
		float:none;
		width: 100%;
		max-width: none;
	}

	.amountInfoLayoutGroup.table.th_30 .th, .table.th_30 th {
    width: 100%;
}
}