@charset "utf-8";
/*--------------------------------------------
  orderGoodsList.css
  注文明細表示用CSS
--------------------------------------------*/

/* 注文明細リスト */
.orderItemTitleItemWrap {
  margin-top: 30px;
}
.table.orderGoodsList{
	font-size:0.9em;
}
.table.orderGoodsList th {
  font-weight: bold;
	white-space: nowrap;
}
.table.orderGoodsList th,
.table.orderGoodsList td {
  border: 0;
  padding: 10px;
}
.table.orderGoodsList tbody tr {
  border-bottom: 1px solid #dbdbdb;
  /*position: relative;*/
}

.orderGoodsList .orderGoodsImageCol{
	width:110px;
}

.orderGoodsList .orderGoodsNameCol  a.btn_1 {
	display:inline-block;
	margin:auto 10px 5px auto;
  margin: 5px 10px 0 0;
  min-width: 140px;
}

.orderGoodsList .orderGoodsImageCol .detailsImg {
	position: relative;
	width:100px;
	height: 100px;
  display: inline-block;
  vertical-align: middle;
}
.orderGoodsList .orderGoodsImageCol .detailsImg img{
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	vertical-align: baseline;
}
.orderGoodsList .orderGoodsImageCol .goodsName {
  padding: 0 1em;
}

.table.orderGoodsList th#resultsGoodsPriceTitle,
.table.orderGoodsList th#resultsGoodsTotalPriceTitle,
.table.orderGoodsList th#orderListGoodsPriceTitle,
.table.orderGoodsList th#orderListGoodsTotalPriceTitle,
.table.orderGoodsList th#orderGoodsListGoodsPriceTitle {
    text-align: right;
}
.orderGoodsList .orderGoodsPriceCol,
.orderGoodsList .orderGoodsTotalPriceCol{
	text-align:right;
	width:130px;
}

/** ガイドライン */
table.orderGoodsList tbody tr:nth-child(even).no-guideLine td {
	display: none;
}

#orderListGuideLineTitle
, #orderGoodsListGuideLineTitle {
	display: none;
}

.promotionTerm {
	display: inline-block;
	font-size: 15px;
}

.orderGoodsList td.orderGoodsOrderNumCol{
	text-align:center;
	width: 190px;
  padding: 10px 20px;
}
.orderGoodsList .orderGoodsOrderNumCol input.goodsAmount {
	width:60px;
	margin: 0 auto;
}
#orderNumWrap {
	display: flex;
}
#orderNumWrap .plusButton {
	margin-left: 5px;
	order: 3;
	width: 45px;
}
#orderNumWrap .minusButton {
	margin-right: 5px;
	order: 1;
	width: 45px;
}
#orderNumWrap .orderNum {
	margin: 0px;
	order: 2;
}

.table.orderGoodsList th#resultsDeleteLinkPCTitle {
  text-align: center;
}
.orderGoodsList td.orderGoodsDeleteLinkCol {
	text-align:center;
	width: 80px;
}

.orderGoodsList .destinationGoodsListDeleteDestinationGoodsButtonCol{
	text-align:center;
	width: 80px;
}
.orderGoodsList .destinationGoodsListDeleteDestinationGoodsButtonCol input{
	margin: 0 auto;
}

.orderGoodsList .orderNumPreLabel,
.orderGoodsList .goodsPricePreLabel,
.orderGoodsList .reglOrderNumPreLabel,
.orderGoodsList .goodsAmountPreLabel,
.orderGoodsList .reglGoodsAmountPreLabel,
.orderGoodsList .goodsTotalPricePreLabel,
.orderGoodsList .reglGoodsTotalPricePreLabel,
.orderGoodsList .plusButtonPreLabel,
.orderGoodsList .taxIncluded {
	display:none;
}

.orderGoodsList .orderGoodsNameCol .goodsName:after{
	content: "\A"; /* 改行コード */
	white-space: pre;
}

.orderGoodsList select.orderNum {
/*    width: auto;*/
  margin: 0;
}

#resultsOrderNumTitle,
#orderListGoodsAmountTitle,
#orderGoodsListGoodsAmountTitle,
#destinationGoodsListGoodsAmountTitle,
#resultsPlusButtonTitle {
  text-align: center;
}
.orderGoodsList .goodsTotalPrice {
  font-size: 1.5em;
}
input.deleteLinkPC,
input[type="button"].deleteLinkPC,
input.deleteLinkSP,
input[type="button"].deleteLinkSP {
  margin: 0;
}
input.deleteLinkPC,
input[type="button"].deleteLinkPC {
  width: 60px;
}

.cartAttentionGroup .cartAttensionMessage,
.attentionGroup .attensionMessage {
  display: block;
  text-align: right;
  font-size: 0.9em;
}

@media screen and (max-width: 641px) {
.table.orderGoodsList tbody tr {
  min-height: 178px;
  }
}

/* 以下商品選択ダイアログ関連 */
#goodsDialog.goodsDialog {
	background-color: rgba(0, 0, 0, 0.6);
}
#goodsDialog.goodsDialog .goodsDialogMessage {
	margin-top: 30%;
	font-size: 24px;
	color: #fff;
}


/* 注文フロー、各項目 */
#topGroupName .destinationListGroup,
#topGroupName .orderGroup,
#topGroupName .usableCouponGroup,
#topGroupName .certificationPassGroup,
#topGroupName .orderCommentGroup {
	margin-bottom: 60px;
}
#topGroupName .orderSummaryGroup {
	margin-bottom: 30px;
}
#topGroupName .customerInfoGroup,
#topGroupName .destinationOptionGroup{
	margin: 60px 0;
}

/* お届け先情報 */
.destinationList {
	padding-left: 20px;
}
.destinationList .destinationListRow fieldset {
	margin-bottom: 30px;
}
.destinationList .destinationListRow fieldset:last-of-type {
	margin-bottom: 0;
}
.destinationList .destinationListRow legend {
	font-weight: bold;
}

/* 複数のお届け先情報（ギフト設定） */
#GiftOrderInfoInput .destinationListRow {
	position: relative;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
#GiftOrderInfoInput .destinationTitleGroup {
	margin-bottom: 20px;
}
#GiftOrderInfoInput .destinationListRow .openCloseGroup {
	position: absolute;
	top: 10px;
	right: 20px;
}
#GiftOrderInfoInput .openDestinationLinkItemWrap,
#GiftOrderInfoInput .closeDestinationLinkItemWrap,
#GiftOrderInfoInput .deleteDestinationLinkItemWrap {
	position: relative;
	display: inline-block;
}
#GiftOrderInfoInput .openDestinationLinkItemWrap {
	margin-right: 16px;
}
#GiftOrderInfoInput .deleteDestinationLinkItemWrap {
	margin-left: 2.5em;
}
#GiftOrderInfoInput .openDestinationLinkItemWrap a::before,
#GiftOrderInfoInput .closeDestinationLinkItemWrap a::before,
#GiftOrderInfoInput .deleteDestinationLinkItemWrap a::before {
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 0;
	left: -1.3em;
}
#GiftOrderInfoInput .openDestinationLinkItemWrap a::before {
	content: "\f0fe";
}
#GiftOrderInfoInput .closeDestinationLinkItemWrap a::before {
	content: "\f146";
}
#GiftOrderInfoInput .deleteDestinationLinkItemWrap a::before {
	content: "\f2ed";
}
@media screen and (max-width: 641px) {
  #topGroupName .destinationListGroup,
  #topGroupName .orderGroup,
  #topGroupName .orderSummaryGroup,
  #topGroupName .usableCouponGroup,
  #topGroupName .certificationPassGroup,
  #topGroupName .orderCommentGroup {
    margin-bottom: 30px;
  }
}


/* 商品追加ポップアップ */
#goodsDialog.goodsDialog {
	height: 100%;
}
#goodsDialog.goodsDialog .goodsDialogWaku {
	position: absolute;
	border: none;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 10px 10px 0 10px;
}
#goodsDialog.goodsDialog .goodsDialogTitleItemWrap {
	background-color: transparent;
	padding: 0;
	color: #333;
}
#goodsDialog.goodsDialog .goodsDialogTitleItemWrap .headerWrap {
	background-color: transparent;
}

#goodsDialog.goodsDialog .goodsDialogWaku .goodsDialogContents .goodsDialogButtonGroup {
	justify-content: space-between;
}

#goodsDialog.goodsDialog .goodsDialogWaku input.btn_1[type="button"] {
	background-color: #A1D8E6;
	display: inline-block;
	min-width: 180px;
	padding: 10px;
	color: #4C4C4C;
	font-size: 14px;
	line-height: 1.6;
}
#goodsDialog.goodsDialog .goodsDialogWaku .goodsDialogContents .goodsDialogButtonGroup .goodsListCancelButtonItemWrap input[type=button] {
	padding: 9px 10px;
	line-height: 1.6;
	font-size: 14px;
	background-color: transparent;
}

/* WJB:追加 */
.setInfo {
    font-size: 0.9em;
}

.setInfo.setElements:before {
    content:"・";
}
/*個別送料の表記にそぐわないため上書き*/
.extraPostage .setInfo.setElements:before {
    content:"";
}
.setInfo.setElements {
    margin-left: 10px;
    border-bottom: 1px dotted #dbdbdb;
    padding: 2px 7px;
}
/*個別送料の表記にそぐわないため上書き*/
.extraPostage .setInfo.setElements {
    border-bottom: 0px;
}
.setInfo.optionPostageTitle,
.setInfo.setInfoTitle {
	margin-top:5px;
}

span.setInfo.optionElements {
    padding: 5px;
    margin:2.5px;
    border:1px solid;
    border-radius:10px;
}

@media screen and (max-width: 641px) {
  .orderGoodsList tbody {
    border-top: 1px solid #dbdbdb;
  }
	.orderGoodsList tr[id^="resultsRow_"],
	.orderGoodsList tr[id^="orderListRow_"],
	.orderGoodsList tr[id^="destinationGoodsListRow_"],
	.orderGoodsList tr[id^="orderGoodsListRow_"] {
		position: relative;
		display: block;
		padding-left: 40%;
	}
	/*.orderGoodsList tr[id^="resultsRow_"] {
		min-height: 195px;
	}*/
	.orderGoodsList tr[id^="orderListRow_"] {
		min-height: 155px;
	}
	.orderGoodsList th{
		display:none;
	}

	.orderGoodsList td{
		display: block;
		border:none;
		padding: 10px 10px;
	}

	.orderGoodsList .orderGoodsImageCol {
		width: 40%;
	}

	.orderGoodsList .orderGoodsImageCol{
		position: absolute;
		top: 0;
		left: 0;
	}

	.orderGoodsList .orderGoodsImageCol .detailsImg {
		width: 100%;
		height: 120px;
	}

	.orderGoodsList .orderGoodsNameCol {
		width: 100%;
		padding: 10px 10px 20px 10px;
	}

	.orderGoodsList .orderGoodsNameCol a {
		width: 100%;
		margin: 3px 0;
	}

	.orderGoodsList td.orderGoodsPriceCol  ,
  .orderGoodsList td.orderGoodsOrderNumCol,
  .orderGoodsList td.resultsReduceTaxCol {
		width: 100%;
		padding: 3px 10px 3px;
		text-align: right;
	}

	.orderGoodsList td.orderGoodsTotalPriceCol {
		width: 100%;
		text-align:right;
		padding: 3px 10px 10px;
	}

	.orderGoodsList select.orderNum {
		width: 72px;
	}

	.orderGoodsList .orderGoodsDeleteLinkCol{
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.orderGoodsList .destinationGoodsListDeleteDestinationGoodsButtonCol{
		width: 100%;
	}
	.orderGoodsList .destinationGoodsListDeleteDestinationGoodsButtonCol input{
		margin: 0 0 0 auto;
	}

	.orderGoodsList .orderNumPreLabel,
	.orderGoodsList .goodsPricePreLabel,
	.orderGoodsList .reglOrderNumPreLabel,
	.orderGoodsList .goodsAmountPreLabel,
	.orderGoodsList .reglGoodsAmountPreLabel,
	.orderGoodsList .goodsTotalPricePreLabel,
	.orderGoodsList .reglGoodsTotalPricePreLabel,
	.orderGoodsList .plusButtonPreLabel,
	.orderGoodsList .taxIncluded {
		display:inline-block;
	}
	.orderGoodsList .taxIncluded {
		font-size: 0.5em;
	}

	/* 以下商品選択ダイアログ関連 */
	#goodsDialog.goodsDialog .goodsDialogMessage {
		margin-top: 60%;
		font-size: 18px;
	}

	/* 複数のお届け先情報（ギフト設定） */
	#GiftOrderInfoInput .destinationListRow .openCloseGroup {
		right: 10px;
	}
	#GiftOrderInfoInput .openDestinationLinkItemWrap a,
	#GiftOrderInfoInput .closeDestinationLinkItemWrap a,
	#GiftOrderInfoInput .deleteDestinationLinkItemWrap a {
		width: 40px;
		font-size: 0;
	}
	#GiftOrderInfoInput .openDestinationLinkItemWrap {
		margin-right: 0;
	}
	#GiftOrderInfoInput .openDestinationLinkItemWrap a::before,
	#GiftOrderInfoInput .closeDestinationLinkItemWrap a::before,
	#GiftOrderInfoInput .deleteDestinationLinkItemWrap a::before {
		font-size: 16px;
	}
	span.setInfo.optionElements {
	    display: block;
	    padding:0px;
	    padding-left: 10%;
    	border: none;
    }
}

/* 領収書：発行不可能 */
/*囲み*/
.td.receiptIssueBtnTdSurround {
  border-bottom: none;
}
.orderHistoryDetailReceiptTdSurround.td {
  border-top: none;
  padding-top: 0;
}
/*ボタン*/
input[type="button"].receiptIssueBtn.readonly {
  cursor: inherit;
}
input[type="button"].receiptIssueBtn.readonly:hover {
  opacity: 1;
}
/*メッセージ*/
.pagePartsHtmlText.OrderHistoryDetailReceipt p {
  color: #c5484f;
  border: 1px solid #c5484f;
  padding: 10px;
  font-size: 0.9em;
  margin-bottom: 0;
}