@charset "utf-8";


section {width: 90.625%;}
section > h3,
section > p {color: #fff;}

.mds_maru {
	font-size: 1.8em;
	letter-spacing: 0.1482em;
	padding-left: 2.593em;}
.mds_maru::before {
	top: calc(50% - 1.1115em); left: 0;
	width: 2.223em; height: 2.223em;
	background-color: #f09456;}
.mds_maru::after {
	top: calc(50% - 0.926em); left: 0.371em;
	width: 1.852em; height: 1.852em;
	background-color: #f7e0d0;}


.btn-purple,
.btn-yellow,
.btn-orange,
.btn-scarlet,
.btn-red,
[class^="btn-order0"] {
	width: 68.966%;
	max-width: 360px;
	font-size: 1.334em;
	letter-spacing: 0.14993em;
	text-align: center;
	margin-top: 0.9995em;
	padding: 0.5994em 0;}

.btn-order01 {
	background-color: #fff5e5;
	border: solid 3px #f3db99;}
.btn-order02 {
	background-color: #ffecde;
	border: solid 3px #f5caaa;}
.btn-order03 {
	background-color: #ffecf0;
	border: solid 3px #f3c6d0;}

.btn-order01:hover {
	background-color: #f3db99;
	border-color: #fff5e5;}
.btn-order02:hover {
	background-color: #f5caaa;
	border-color: #ffecde;}
.btn-order03:hover {
	background-color: #f3c6d0;
	border-color: #ffecf0;}

.btn-skjy {
	width: 56.25%;
	text-align: center;
	padding: 0.49961em 0;
	background-color: #f5f5fc;
    border: 2px solid #b9b9c2;
	border-radius: 8px;}

.btn-skjy:hover {
	color: #fff;
	background-color: #b9b9c2;
    border-collapse: #f5f5fc;}

.error_wk > p:first-child {
	margin-top: 60px;}

/* --- container：order00 --- */
.order00 .btn-skjy {max-width: 200px;}

@media (min-width:1324px) {
	section {max-width: 1200px;}
}
@media (min-width:641px) {
	/* --- container：order00 --- */
	.order00 .btn-purple,
	.order00 [class^="btn-order0"] {max-width: 300px;}
}
@media (max-width:640px) {}


/* --------------- common container：order --------------- */
[class^="order0"] section h3 {margin: 0 5.834% 0 3.334%;}
[class^="order0"] section h3 + p {
	font-size: 1.067em;
	margin: 1.219em 3.334% 0 3.334%;}

[class^="order0"] .order_wk {margin-top: 5.09992em;}


/* --- section：order_wk --- */
[class^="order0"] h3 + .input_wk,
[class^="order0"] p + .input_wk,
[class^="order0"] h3 + .output_wk,
[class^="order0"] p + .output_wk {margin-top: 1.73325em;}

[class^="order0"] dd > p {
	margin-top: 0.49997em;
	text-align: left;}
[class^="order0"] dd > p b {
		display: inline-block;
		color: #e83b0c;}


/* --- input_wk --- */

[class^="order0"] .input_wk {
	padding: 4em 4.5% 3.6em;
	background-color: #fff;
	border: solid 6px #f9eed1;
	border-radius: 8px;}

.input_wk dl {
	max-width: 960px;
	margin: 0 auto;}
.input_wk dt,
.input_wk dd {width: 100%;}

.input_wk dt {
	padding-top: 0.49997em;
	padding-bottom: 0.49997em;}
.input_wk dd {}

.input_wk dd > input,
.input_wk dd > textarea,
.input_wk dd > select {
	max-width: 640px;
	padding: 0.375em 0.813em;
	background-color: #fffaed;
	border: solid 2px #b9b9c2;
	border-radius: 4px;}

.input_wk dd > p + input,
.input_wk dd > p + textarea,
.input_wk dd > p + select {
	margin-top: 0.5em;}

.input_wk .date + .address {margin-top: 5.334rem;}
.input_wk .address input[autocomplete="postal-code"],
.input_wk .address input.todoufuken {
	width: 10em;}
.input_wk .address input[placeholder="市区町村・番地"],
.input_wk .address input[placeholder="建物名・部屋番号"] {
	margin-top: 0.49997em;}
.input_wk .address input[autocomplete="postal-code"] {
	margin-left: 0.25em;}

.input_wk .time select {max-width: 10em;}
.input_wk .tel input {max-width: 200px;}

.input_wk form > dl {margin-top: 2.667rem;}


.input_wk form + .notice,
.input_wk .btn_wk + .notice {margin-top: 4em;}
.input_wk .notice {
	padding-top: 3.99992em;
	background-repeat: repeat-x;
	background-position: top center;
	background-size: auto 4px;
	background-image: url("../img/share/line-dot_gray.png");}
.input_wk .notice h4 {font-size: 1.334em;}
.input_wk .notice h4 + p,
.input_wk .notice h4 + ul {
	margin-top: 0.25em;
	font-size: 1.067em;}
.input_wk .notice p + h4,
.input_wk .notice ul + h4 {margin-top: 1em;}

.input_wk .payment_text {
	padding-top: 3.99992em;}
.input_wk .payment_text h4 {
	font-size: 1.406em;
	text-align: center;}
.input_wk .payment_text h4 + p,
.input_wk .payment_text h4 + table {
	margin-top: 0.25em;
	font-size: 1em;
	text-align: center;}
.input_wk .payment_text p + h4,
.input_wk .payment_text table + h4,
.input_wk .payment_text table + h4 {margin-top: 1em;}

.input_wk .payment_text table {
	width: 100%;
	table-layout: fixed;
	margin: 1em auto 0;
	border: 1px solid #b9b9c2;
	border-spacing: 0;
	border-collapse: separate;}
.input_wk .payment_text table th,
.input_wk .payment_text table td {
	border: 1px solid #b9b9c2;
	line-height: 1;
	text-align: center;
	vertical-align: middle;}
.input_wk .payment_text table th {
	width: 5em;
	padding: 0.5em 0;
	background: #ffecf0;}
.input_wk .payment_text table tr:first-child th {
	background: #fff5e5;}
.input_wk .payment_text table td {
	padding: 0.8em 0;
	line-height: 1.5;}


[class^="order0"] .input_wk [class^="btn-"] {
	margin-left: 2.778%;
	margin-right: 2.778%;}


/* --- output_wk --- */

[class^="order0"] .output_wk {
	padding: 2.667em 4.5% 3.6em ;
	background-color: #fff;
	border: solid 6px #e9e3fa;
	border-radius: 8px;}

.output_wk + .output_wk {
	margin-top: 2.667em;}

.output_wk > h3 {
	margin: 0 !important;
	color: #5a248a;
	font-size: 1.6em;
	text-align: center;}
.output_wk > h3:not(:first-of-type) {
	margin-top: 3em !important;
	padding-top: 1.5em;
	border-top: 2px solid currentColor;}

.output_wk dl {
	display: flex; flex-wrap: wrap; justify-content: flex-start;
	align-items: flex-start;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 2.667rem;}
.output_wk dt,
.output_wk dd {width: 100%;}

.output_wk dt {
	padding-top: 0.49997em;
	padding-bottom: 0.49997em;}
.output_wk dd {
	padding: 0.49997em 1em 0.49997em;
	border: solid 2px #dbcfaf;
	background: #fffaed;}


.output_wk .btn_wk + .notice {margin-top: 4em;}
.output_wk .notice {
	padding-top: 3.99992em;
	background-repeat: repeat-x;
	background-position: top center;
	background-size: auto 4px;
	background-image: url("../img/share/line-dot_gray.png");}
.output_wk .notice h4 {font-size: 1.334em;}
.output_wk .notice h4 + p {font-size: 1.067em;}


[class^="order0"] .output_wk [class^="btn-"] {
	margin-left: 2.5%;
	margin-right: 2.5%;}

.consent {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 3em;
	font-size: 1.0667em;}
.consent label {
	display: flex;
	align-items: center;
	margin-top: 3.083em;}
.consent input[type="checkbox"] + span {
	background: #f5f5fc;
	border: 0.125em solid #b9b9c2;}

.consent form#step_3 {
	width: 100%;}

.read_wk {
	overflow-y: scroll;
	width: 100%;
	max-width: 800px;
	height: 480px;
	margin: 2.934em auto 0;
	padding: 2em 3em 3em;
	background: #f8f8f8;
	border: 1px solid #cccccc;}

.read_wk > h3 {
	margin: 0 !important;
	text-align: center;}
.read_wk p {
	text-align: left;}
.read_wk dd h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	margin-top: 1.209em;}
.read_wk dd h3:first-child {
	margin-top: 0;}
.read_wk dd p span {
	color: #e63925;}
.read_wk dd p small {
	display: block;
	font-weight: bold;
	margin: 0.37em 0 0 0;
	color: #e63925;}
.read_wk .read_fin {
	margin-top: 1.5em;
	padding: 0.25em 0.75em;
	background: #ededed;
	text-align: center;}

.rule_wk + dl {
	margin-top: 2.334em;}

dl.dl-base {
	padding-top: 0;}
.dl-base dt,
.dl-base dd {
	padding: 1.084em 1em;}
.dl-base dt {
	letter-spacing: 0.134em;
	padding: 0.75em 0 0.084em 0;
	border-bottom: solid 2px #ccc;
	color: #5a248a;
	font-size: 1.25em;}
.dl-base dd {
	padding: 0.75em 0 1.084em 0;
	border: none;
	background: none;}

.dl-base dd h3 {font-size: 1.2em;}
.dl-base dd p span {color: #e63925;}

.dl-base dd h3 + p {
	margin: 0;
	margin-top: 0.167em;
    padding-left: 0;}
.dl-base dd p + h3 {margin-top: 1.5em;}
.dl-base dd p + p {margin-top: 0.25em;}

.rule_wk {
	margin-top: 1.334em;
	padding: 2.317em 2rem 4em;
	background: #fff;}
.rule_wk h3 {
	text-align: center;}
.rule_wk h4 {
	font-size: 1.2em;
	color: #114aa8;}
.rule_wk img {
	width: 100%;
	height: auto;}
.rule_wk h3 + h4 {
	margin-top: 1.125em;}
.rule_wk img + h4 {
	margin-top: 2.528em;}
.rule_wk p + img {
	margin-top: 1.084em;}


/* input ＆ output dl dl.custom */
.custom > * {margin-top: 0.313em;}

	dl .custom dt,
	dl .custom dd {padding-top: 0.49997em;}
	dl .custom dt {width: calc(7.498em + 3.437em);}
	dl .custom dd {width: calc(100% - 7.498em - 3.437em);}

		dl .custom input,
		dl .custom select,
		dl .custom textarea {max-width: calc(520px - 3.437em);}

	dl .custom dd > small {
		display: block;
		font-size: 0.813em;
		margin-top: 0.135em;}

dl p + .custom {margin-top: 0.73325em;}
.receive + .btn_wk,
.collection + .btn_wk,
.invoice + .btn_wk,
.receipt + .btn_wk,
.error_wk + .btn_wk {margin-top: 2.666em;}


/* --- complete_wk --- */

.complete_wk {
	padding: 5.234em 4.138% 3.6em;
	background-color: #fff;
	border: solid 6px #e9e3fa;
	border-radius: 8px;}
p + .order-No {margin-top: 3.734em;}
.order-No {
	display: flex;
	justify-content: center;
	align-items: baseline;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;}
.order-No h4 {
	padding: 0.375em 1em 0.5em;
	border-radius: 4px 0 0 4px;
	border: solid 2px #333;
	background: #333;
	color: #fff;
	font-size: 1.333em;
	font-weight: normal;
	line-height: 1;}
.order-No p {
	position: relative;
	margin: 0.2292em 0 0;
	padding: 0.375em 1em 0.5em;
	border: solid 2px #333;
	border-radius: 0 4px 4px 0;
	font-size: 1.333em;
	line-height: 1;
	text-align: center;}

.complete_wk > p {
	font-size: 1.0667em;
	line-height: 1.6875;
	text-align: center;}


[class^="order0"] .complete_wk [class^="btn-"] {
	margin-left: 2.5%;
	margin-right: 2.5%;}


/* --- credit_wk --- */

.credit_wk {
	padding: 5.234em 4.138% 3.6em;
	background-color: #fff;
	border: solid 6px #e9e3fa;
	border-radius: 8px;}

.credit_wk > p {
	font-size: 1.0667em;
	line-height: 1.6875;
	text-align: center;}
.credit_wk > p strong {
	display: inline-block;
	margin-bottom: 1.6em;
	padding: 0.25em 3em;
	color: #fff;
	background: #e83b0c;}


[class^="order0"] .credit_wk [class^="btn-"] {
	margin-left: 2.5%;
	margin-right: 2.5%;}

@media (min-width:641px) {
	
	[class^="order0"] section h3 + p {
		margin-right: 9.167%;
		padding-left: 4.374em;}
	
	/* --- input_wk --- */
	.input_wk dt {width: 240px;}
	.input_wk dd {width: calc(100% - 240px);}

	.input_wk .date dt {width: 160px;}
	.input_wk .date dd {width: calc(100% - 160px);}

	.input_wk .payment_text table {
		max-width: 320px;}

	.howto-pay dd:last-child > * {max-width: 300px;}
	
	/* --- output_wk --- */
	.output_wk dt {
		width: 240px;
		padding-left: 3.437em;}
	.output_wk dd {width: calc(100% - 240px);}

	.dl-base dt {
		width: 100%;
		padding-left: 0;}
	.dl-base dd {width: 100%;}
	.dl-base dd h3 + p {
		margin-right: 0;
		padding-left: 0;}

	/* --- complete_wk --- */
	.complete_wk {
		padding-left: 4.5%;
		padding-right: 4.5%}
		.order-No h4,
		.order-No p {
			font-size: 1.6em;}
}
@media (max-width:640px) {
	
	/* --- input_wk --- */
	.invoice .custom .address {}	
	.invoice .address input[placeholder="都道府県"] {
		width: 100%;
		margin-top: 0.49997em;}
	
	/* --- output_wk --- */
	.read_wk {
		padding: 1.5em;}
	
	/* --- credit_wk --- */
	.credit_wk > p strong br.sp {
		display: inline-block;}
}

/* --------------- container：order00 --------------- */
/* --------- contents：●●● --------- */
/* --- section：order_wk --- */

.order00 .btn_wk a {
	margin-top: 0;
	margin-bottom: 1.999em;}
.order00 .btn_wk .btn-purple {margin-bottom: 0;}

/* --- input_wk --- */

.order00 .btn_wk {margin-top: 2.666em;}


.order00 .mds_maru::before {
	background-color: #f7ce5e;}
.order00 .mds_maru::after {
	background-color: #f9eed1;}

.area-check {background-color: #fffaed;}
.area-check h4 {
	font-size: 1.334em;
	letter-spacing: 0.14993em;
	text-align: center;
	padding: 0.4994em 0;}
.area-check h4 small {
	display: inline-block;
	font-size: 0.7796em;
	letter-spacing: 0.125em;
	margin-right: 15px;}
.area-check h4 span {
	display: inline-block;}
.area-check h4 a {color: #004dbf;}

.quantity_text {
	margin-top: 1em;}

.cart_wk {
	padding-top: 1.5em;
	font-size: 1.067em;}

.cart_wk p.note {
	text-align: center;}
.cart_wk .option_ttl + p.note {
	padding-top: 1.5em;}

.cart_item {
	display: flex;
	align-items: center;
	gap: 30px;}
.cart_item + .cart_item,
.option_ttl + .cart_item {margin-top: 2.678em;}

.cart_img {
	position: relative;
	width: 200px;
	border: 2px solid #f9eed1;
	border-radius: 8px;
	overflow: hidden;}
.cart_img::before {
	display: block;
	padding-top: 100%;
	content: '';}
.cart_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;}

.cart_body {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1;}
.cart_body h4 {
	font-size: 1.375em;}
.cart_body .unit-price {
	margin-left: auto;}
.cart_body .unit-price span {
	margin-left: 0.25em;
	font-size: 1.25em;
	letter-spacing: 0;}
.cart_body .unit-price small {
	font-size: 0.875em;}
.cart_body .subtotal {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 30px;
	width: 100%;
	margin-top: 0.5625em;
	padding-top: 1em;
	background-repeat: repeat-x;
	background-position: top center;
	background-size: auto 4px;
	background-image: url("../img/share/line-dot_gray.png");}
.cart_body .subtotal input {
	width: 3.5em;
	margin-left: 0.25em;
	padding: 0 0.333em;;
	background: #fffaed;
	border: 2px solid #b9b9c2;
	border-radius: 8px;
	font-size: 1.5em;
	text-align: right;}
.cart_body .subtotal span {
	margin-left: 0.25em;
	font-size: 1.875em;
	line-height: 1;
	letter-spacing: 0;}

.cart_update_link {
	margin-left: 0.5em;
	padding: 0.25em 1em;
	background: #faebe2;
	border: 2px solid #d67030;
	transform: translateY(0.125em);
	transition: all 0.3s 0s ease-out;
}
.cart_update_link:hover {
	background: #d67030;
	border-color: #faebe2;
	color: #fff;
}

.cart_delete {
	margin: 1em 0 0 auto;
}
.cart_delete input.cart_delete_btn {
	padding: 0.25em 1em;
	background: #f5f5fc;
	border: 2px solid #b9b9c2;
	transition: all 0.3s 0s ease-out;
}
.cart_delete input.cart_delete_btn:hover {
	background: #b9b9c2;
	border-color: #f5f5fc;
}

.cart_total {
	margin-top: 1.453em;
	padding: 1.1875em 1.5em 1.625em;
	background: #fef5dc;}
.cart_total h4::after {
	display: block;
	height: 4px;
	background-repeat: repeat-x;
	background-position: top center;
	background-size: auto 4px;
	background-image: url("../img/share/line-dot_gray.png");
	content: '';}
.cart_total p span#cart_total_qty {
	padding-left: 0.25em;
	font-size: 1.5em;}
.cart_total p span#cart_total_amount {
	padding: 0 0.25em;
	font-size: 1.875em;}

.cart_total p.total_notice,
.cart_total p.total01,
.cart_total p.total02,
.cart_total p.total03 {
	width: 100%;
	margin-top: 0.5em;
	text-align: right;}
.cart_total p.total01 span,
.cart_total p.total02 span,
.cart_total p.total03 span {
	font-size: 1.375em;
	padding: 0 0.25em;}

.option_ttl {
	display: flex;
	align-items: center;
	gap: 1.25em;
	width: 100%;
	margin-top: 90px;
	color: #5a248a;
	font-size: 1.334em;
    letter-spacing: 0.14993em;}
.option_ttl::after {
	display: block;
	flex: 1;
	height: 6px;
	border-top: solid 2px currentColor;
	border-bottom: solid 1px currentColor;
	content: '';}
p.note + .option_ttl {
	margin-top: 30px;}

.cart_item + .btn_wk {justify-content: flex-end;}
.cart_item + .btn_wk .btn-skjy {margin-right: 0;}

.cart_wk .notice {margin-top: 3.398em;}
.cart_wk .notice h4 {
	font-size: 1.406em;
	text-align: center;}
.cart_wk .notice h4 + p {
	font-size: 1em;
	text-align: center;}
.cart_wk .notice p + h5 {margin-top: 1.203em;}
.cart_wk .notice h5 {
	font-size: 1em;
	text-align: center;}
.cart_wk .notice h5 * {display: inline-block;}
.cart_wk .notice h5 span {
	font-size: 1.24961em;
	margin: 0 20px;}
.cart_wk .notice h5 b {
	font-size: 1.35em;
	letter-spacing: 0;
	margin: 0 5px;}
.cart_wk .notice h5 small {font-size: 0.8em;}

@media (min-width:641px) {
	/* --- input_wk --- */	
	.quantity_text p {
		font-size: 1.0667em;
		text-align: center;}

	.cart_item + .cart_item,
	.option_ttl + .cart_item {margin-top: 1.875em;}
	
	.cart_total {
		display: flex; flex-wrap: wrap;
		justify-content: flex-end;
		align-items: baseline;}
	.cart_total h4 {
		display: flex;
		align-items: center;
		gap: 1em;
		flex: 1;
		font-size: 1.2em;}
	.cart_total h4::after {
		flex: 1;
		margin-right: 1.875em;}
	.cart_total h4 + p + p {margin-left: 1.875em;}
}
@media (max-width:640px) {
	/* --- input_wk --- */
	.area-check h4 small,
	.area-check h4 span {
		display: block;}
	.area-check h4 small {
		margin-right: 0;}

	.cart_item {
		flex-wrap: wrap;
		align-items: flex-start;}

	.cart_img {
		width: 25%;}
	
	.cart_body {
		width: 100%;}
	.cart_body .unit-price {}
	.cart_body .subtotal {
		flex-wrap: wrap;
		gap: 0;}
	.cart_body .subtotal p {
		width: 100%;}
	.cart_body .subtotal p:first-child span {
		font-size: 1.5em;}
	.cart_body .subtotal p + p {
		margin-top: 0.5em;
		text-align: right;}
	
	.cart_delete {}

	.cart_total h4 {
		text-align: right;
		margin-bottom: 0.5em;}
	.cart_total h4::after {
		margin-top: 0.5em;}
	.cart_total p + h4 {
		margin-top: 0.5em;}
	.cart_total p {
		text-align: right;}
	
	.cart_wk .notice h5 span {display: block;}
}



/* --------------- container：order01 --------------- */
/* --------- contents：●●● --------- */
/* --- section：order_wk --- */
/* --- input_wk --- */

.order01 .receive .custom dd,
.order01 .collection .custom dd {margin-top: 0;}

.arrow_wk {
	display: flex !important;
	justify-content: center;
	margin-top: 1.4285em;}
.arrow_wk .slick-disabled {
	opacity: 0.5;}
.arrow_wk .btn-orange {
	display: block;
	max-width: 300px;
	border-radius: 2em;
	font-size: 0.875em;
	font-weight: normal;
	cursor: pointer;}

.calendar {
	margin-top: 1.1875em;}
.calendar .monthly {}
.calendar .monthly + .monthly {
	margin-top: 1em;}
.calendar .monthly p {
	text-align: center;
	letter-spacing: 0;}
.calendar .monthly p + table {margin-top: 0.375em;}
.calendar table {
	width: 100%;
	table-layout: fixed;
	border: 2px solid #b9b9c2;
	border-radius: 4px;
	border-spacing: 0;
	border-collapse: separate;}
.calendar table tr {}
.calendar table tr th:first-of-type {
	color: #d4173d;}
.calendar table tr th:last-of-type {
	color: #3017d4;}
.calendar table tr td.disabled {
	color: #c8c8c8;
	pointer-events: none;}
.calendar table tr td.closed {
	color: #fff;
	background: #d7d7d7;
	pointer-events: none;}
.calendar table th,
.calendar table td {
	border: 1px solid #b9b9c2;
	line-height: 1;
	text-align: center;}
.calendar table th {
	padding: 1em 0 1.5625em;
	background: #fff1e8;
	font-weight: normal;}
.calendar table td {
	padding: 0.8em 0 1.3em;
	font-size: 1.25em;}
.calendar table td label {
	justify-content: center;
	cursor: pointer;}
.calendar table td span {
	z-index: 1;
	width: 100%;
	height: auto;
	margin-right: 0;
	border: none;}
.calendar table td span::before,
.calendar table td span::after {
	display: none;}
.calendar table td :checked + span {
	color: #d4173d;}
.calendar table td :checked + span::before {
	display: block;
	top: 1.75em;
	right: 0;
	left: 0;
	font-size: 0.65em;
	content: '配達日';}
.calendar table td :checked + span::after {
	display: block;
	z-index: -1;
	width: 2em;
	height: 2em;
	background: #ffe5ee;}

@media (min-width:641px) {
	/* --- input_wk --- */

	.calendar {
		display: flex !important;
		gap: 22px;}
	.calendar .monthly {
		width: calc(50% - 11px);}
	.calendar .monthly + .monthly {
		margin-top: 0;}
	.calendar .monthly p {
		text-align: left;
		padding-left: 0.75em;}
}


/* --------------- container：order02 --------------- */
/* --------- contents：●●● --------- */
/* --- section：order_wk --- */
/* --- input_wk --- */

@media (min-width:641px) {}
@media (max-width:640px) {}


/* --------------- container：order03 --------------- */
/* --------- contents：●●● --------- */
/* --- section：order_wk --- */
/* --- output_wk --- */
.order03 .btn_wk {margin-top: 2.666em;}
.order03 .btn_wk + .btn_wk {margin-top: 0;}

.order03 .receive > dd,
.order03 .collection > dd,
.order03 .invoice > dd,
.order03 .receipt > dd {
	padding: 0;
	border: none;
	background: transparent;}

.order03 p + .custom {margin-top: 0.73325em;}
.order03 dd > .custom:first-child {padding-top: 0;}
.order03 .custom > *:not(:first-of-type) {
	margin-top: 0.75em;}
.order03 .custom dt {
	width: 7.498em;
	padding-top: 0.49997em;
	padding-left: 0;}
.order03 .custom dd {
	width: calc(100% - 7.498em);
	padding-top: 0.49997em;}

@media (min-width:641px) {
	/* --- output_wk --- */
	.order03 .date > dd,
	.order03 .time > dd,
	.order03 .receive .custom > dd:last-of-type,
	.order03 .collection .custom > dd,
	.order03 .invoice .custom > dd:first-of-type,
	.order03 .invoice .custom > dd:last-of-type,
	.order03 .receipt .custom > dd:nth-of-type(2) {
		max-width: 260px;}
	.order03 .invoice .custom > dd:first-of-type,
	.order03 .receipt .custom > dd:nth-of-type(2) {
		margin-right: calc(100% - (7.498em + 260px));}
}
@media (max-width:640px) {
	/* --- output_wk --- */
	.order03 .cart_body {
		flex: auto;}
}


/* --------------- container：order04 --------------- */
/* --------- contents：●●● --------- */
/* --- section：order_wk --- */
/* --- complete_wk --- */
.order04 .btn_wk {}
	.order04 * + .btn_wk {
		margin-top: 6em;
		padding-top: 2.666em;
		background-repeat: repeat-x;
		background-position: top center;
		background-size: auto 4px;
		background-image: url("../img/share/line-dot_gray.png");}
	.order04 * + .btn_wk a {
		margin-top: 0;}

.order_guide {
	width: 100%;
	text-align: center;
	margin: 5.7em 0 0 0;}
.order_guide h4 {
	display: flex;
	align-items: center;
	gap: 0.7497em;
	width: 100%;
	color: #5a248a;
	font-size: 1.334em;
	letter-spacing: 0.125em;}
	.order_guide h4::after {
		display: block;
		flex: 1;
		height: 6px;
		border-top: solid 2px currentColor;
		border-bottom: solid 1px currentColor;
		content: '';}

.order_guide h4 + p {
	font-size: 1.067em;
	margin-top: 0.5932em;}
.order_guide p + a {
	font-size: 1.067em;
	margin-top: 1.531em;
	padding: 0.4372em 2.4992em;
	background-color: #e9e3fa;
	border: solid 2px #c6b3de;
	border-radius: 3em;}

.order_guide p + a:hover {
	color: #dd3a5b;
	background-color: #ffecf0;
	border-color: #f6bdc9;}


@media (min-width:641px) {
	/* --- complete_wk --- */
	.order_guide_wk {display: flex; justify-content: center;}
	.order_guide {
		max-width: 450px;
		margin-left: 4.167%;
		margin-right: 4.167%;}
	
}
@media (max-width:640px) {
	.order_guide + .order_guide {
		margin-top: 3em;}
}

#wait {
	display: none;
	position: fixed;
	z-index: 999999;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.6);
	padding-top: 0px;
	text-align: center;
}
 
#loading_icon {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
}

#loading_icon img {
	width: 70px;
}

.loading_text {
	font-size: 14px;
	color: #ffffff !important;
	text-align: center !important;
	line-height: 1.5;
}