@charset "utf-8";
/*--------------------------------------------
  order_input.css
  注文入力系の共通CSS
--------------------------------------------*/

/* アドレス帳選択 */
.addressBookListItemWrap {
	margin: 10px 0;
}

/* 選択カード */
.radioWrap .radiobuttonLabel {
	display: inline-block;
	width: 24%;
}
.radiobuttonLabel input[type="radio"] {
	margin-right: 1em;
}

@media screen and (max-width: 641px) {
	.radioWrap .radiobuttonLabel {
		width: 49%;
		font-size: 0.8em;
	}
	.radiobuttonLabel input[type="radio"] {
		margin-right: 5px;
	}
}

/* クレジットカード情報 */
.inputArea .creditCardGroup {
	background: #fbfad8;
}
.creditCardGroup label.radiobuttonLabel {
	padding-left: 5px;
	background: #fff;
}
.creditCardGroup .OrderInfoInputCardMember  {
	margin-top: 0.5em;
}
@media screen and (max-width: 641px) {
	.creditCardGroup .OrderInfoInputCardMember  {
		font-size: 0.8em;
	}
}

/* セキュリティーコードとは */
.td.securityCodePartsTdSurround {
  border-right: none;
}
.td.securityCodePartsTdSurround + .td {
  border-left: none;
}
/*.cardInfo .OrderInfoInputSecurityCode {
	display: table-row;
	border-left: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
	background-color: #cbd0d3;
}*/
body#OrderInfoInput .securityCodeArea {
	/*display: table-cell;*/
	padding: 10px;
	/*border-left: 1px solid #cbd0d3;
	border-right: 1px solid #b1b1b1;
	background-color: #fff;*/
}
/*.securityCodeArea {
	padding: 5px 0;
}*/
.securityCodeArea > div {
	display: inline-block; vertical-align: top; width: 49%;
}
.securityCodeTitle {
  font-weight: bold;
}

@media screen and (max-width: 641px) {
  .td.securityCodePartsTdSurround + .td {
    display: none;
  }
	body#OrderInfoInput .securityCodeArea {
		display: block;
	}
	.securityCodeArea > div {
		width: auto;
	}
	.cardInfo .OrderInfoInputSecurityCode {
		display: block;
		/*border-right: 1px solid #ccc;*/
	}
	body#OrderInfoInput .securityCodeArea {
		border: none;
	}
	.securityCodeArea .securityCodeExp {
		font-size: 0.8em;
		padding-bottom: 10px;
	}
}

/* 別な住所に送る */
.destinationAlterFlgItemWrap label {
  margin-bottom: 0;
}
.inputArea .destinationGroup {
	background: #fbfad8;
	padding: 10px;
}

/* ご利用規約の同意チェックボックス */
.isUseAgreementFlgItemWrap {
	text-align: center;
	padding-top: 10px;
}