@charset "UTF-8";
/* ==========================================================================
   front.css — じじやEC コア のフロント側スタイル
   商品アドオンと受取情報まわり
   ========================================================================== */

/* 追加10貫盛の見た目は、BASE版の .itemOptionElement としてテーマ側が当てる */

/* --------------------------------------------------------------------------
   購入手続きの受取項目
   Additional Checkout Fields API が出力する要素に寄せる
   -------------------------------------------------------------------------- */
.wc-block-components-address-form .wc-block-components-select,
.wc-block-checkout__add-note + * select {
	min-height: 44px;
}

/* 受取情報は特に見落としてほしくないので少し立たせる */
#order .wc-block-components-select__container,
.wc-block-checkout__order-fields .wc-block-components-select__container {
	border-color: #bbb;
}

/* --------------------------------------------------------------------------
   注文完了・マイアカウントの受取情報
   -------------------------------------------------------------------------- */
.jijiyaPickupSummary {
	margin-top: 32px;
}

.jijiyaPickupSummary h2 {
	margin-bottom: 12px;
	padding-bottom: 6px;
	border-bottom: 2px solid var(--brand, #D12F29);
	font-size: 20px;
}

.jijiyaPickupSummary th {
	width: 160px;
	text-align: left;
	white-space: nowrap;
}

@media (max-width: 560px) {
	.jijiyaPickupSummary th,
	.jijiyaPickupSummary td {
		display: block;
		width: auto;
	}
}