.page_heading._mypage {
	padding: 12px 0 80px;
}
.p-account {
	width: 100%;
	height: auto;
	padding: 0 0 80px;
}
	.p-account__inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 90%;
		max-width: 1000px;
		margin: 0 auto;
	}
		.p-account__inner__menu {
			width: 280px;
			height: auto;
		}
			.c-account_menu {
				width: 100%;
				height: auto;
			}
				.c-account_menu__heading {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					width: 100%;
					height: auto;
					padding: 0 0 9px;
					margin: 0 auto 20px;
					border-bottom: solid 1px var(--color--gray);
				}
					.c-account_menu__heading__icon {
						height: auto;
					}
					._mypage.c-account_menu__heading__icon {
						width: 18px;
						margin-right: 18px;
					}
					._management.c-account_menu__heading__icon {
						width: 21px;
						margin-right: 16px;
					}
					._s_bubble.c-account_menu__heading__icon {
						width: 20px;
						margin-right: 17px;
					}
					.c-account_menu__heading__txt {
						font-size: 20px;
						font-weight: 500;
						line-height: 1.5;
						letter-spacing: 0.15em;
					}
				.c-account_menu__list {
					width: 100%;
					height: auto;
					margin: 0 auto 30px;
				}
					.c-account_menu__item {
						width: 100%;
						height: auto;
					}
					.c-account_menu__item:not(:last-of-type) {
						margin-bottom: 10px;
					}
						.c-account_menu__content {
							display: flex;
							justify-content: flex-start;
							align-items: center;
							width: 100%;
							height: 54px;
							padding-bottom: 1px;
							padding-left: 55px;
							border-radius: 3px;
							background-color: #F0F2F7;
							position: relative;
							transition: .3s;
						}
					@media (any-hover: hover) {
						.c-account_menu__content:hover {
							background-color: var(--color--lightblue);
						}
					}
							.c-account_menu__icon {
								height: auto;
								position: absolute;
								top: 50%;
								transform: translate(0%,-50%);
							}
							._top .c-account_menu__icon {
								width: 18px;
								left: 18px;
							}
							._sub .c-account_menu__icon {
								width: 21px;
								left: 18px;
							}
							._history .c-account_menu__icon {
								width: 22px;
								left: 15px;
							}
							._point .c-account_menu__icon {
								width: 21px;
								left: 16.5px;
							}
							._favorite .c-account_menu__icon {
								width: 17px;
								left: 17px;
							}
							._edit .c-account_menu__icon {
								width: 17px;
								left: 17px;
							}
							._card .c-account_menu__icon {
								width: 17px;
								left: 17px;
							}
							._password .c-account_menu__icon {
								width: 17px;
								left: 17px;
							}
							._point .c-account_menu__icon {
								width: 17px;
								left: 17px;
							}
							._address .c-account_menu__icon {
								width: 17px;
								left: 17px;
							}
							._faq .c-account_menu__icon {
								width: 22px;
								left: 20px;
							}
							._contact .c-account_menu__icon {
								width: 21px;
								left: 20.5px;
							}
							.c-account_menu__text {
								font-size: 16px;
								font-weight: 500;
								line-height: 1;
								letter-spacing: 0.1em;
								color: var(--color--black);
							}
							.c-account_menu__arrow {
								width: 5.18px;
								height: auto;
								position: absolute;
								top: 50%;
								right: 20px;
								transform: translate(0%,-50%);
							}
				.c-account_menu__logout {
					width: 100%;
					height: auto;
				}
					.c-account_menu__logout__btn {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						height: 54px;
						padding-bottom: 1px;
						padding-left: 55px;
						border-radius: 3px;
						background-color: #A5A5A5;
						position: relative;
						transition: .3s;
					}
				@media (any-hover: hover) {
					.c-account_menu__logout__btn:hover {
						background-color: var(--color--black);
					}
				}
						.c-account_menu__logout__icon {
							width: 19.3px;
							height: auto;
							position: absolute;
							top: 50%;
							left: 20.5px;
							transform: translate(0%,-50%);
						}
						.c-account_menu__logout__text {
							font-size: 16px;
							font-weight: 500;
							line-height: 1;
							letter-spacing: 0.1em;
							color: var(--color--white);
						}
		.p-account__inner__content {
			width: calc(100% - 330px);
			height: auto;
			padding: 0;
		}
			.p-mypage {
				padding: 8px 0 0;
			}

.mypage__rank {
	width: 100%;
	height: auto;
	margin: 0 auto 60px;
}
	.mypage__rank__contents {
		width: 100%;
		height: auto;
		padding: 50px 54px 70px;
		border-radius: 3px;
		overflow: hidden;
		position: relative;
	}
	.mypage__rank__contents._regular {
		background-color: #F0ECF3;
	}
	.mypage__rank__contents._silver {
		background-color: #E8EEF8;
	}
	.mypage__rank__contents._gold {
		background-color: #EBE2CE;
	}
	.mypage__rank__contents._platinum {
		background-color: #2C2C2C;
	}
		.mypage__rank__contents::before {
			content: '';
			display: block;
			width: 100%;
			height: 204px;
			border-radius: 0px 0px 50% 50% / 0px 0px 204px 204px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
		.mypage__rank__contents._regular::before {
			background-color: #F3F0F5;
		}
		.mypage__rank__contents._silver::before {
			background-color: #EDF2FA;
		}
		.mypage__rank__contents._gold::before {
			background-color: #EFE7D7;
		}
		.mypage__rank__contents._platinum::before {
			background-color: #373737;
		}
		.mypage__rank__contents__inner {
			width: 100%;
			height: auto;
			position: relative;
			z-index: 2;
		}
			.mypage__rank__contents__heading {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: auto;
				margin: 0 auto 40px;
			}
				.mypage__rank__contents__heading__txt {
					font-size: 20px;
					font-weight: 500;
					line-height: 1.5;
					letter-spacing: 0.1em;
					color: var(--color--black);
				}
				._platinum .mypage__rank__contents__heading__txt {
					color: var(--color--white);
				}
				.mypage__rank__contents__heading__label {
					padding: 2px 16px 2px;
					margin-left: 15px;
					border-radius: 3px;
					font-size: 14px;
					font-weight: 500;
					line-height: 1.5;
					letter-spacing: 0.06em;
					color: var(--color--black);
					overflow: hidden;
					position: relative;
				}
				._regular .mypage__rank__contents__heading__label {
					background-color: #CBBCDB;
				}
				._silver .mypage__rank__contents__heading__label {
					background-color: #B0C5E4;
				}
				._gold .mypage__rank__contents__heading__label {
					background-color: #C9AF7C;
				}
				._platinum .mypage__rank__contents__heading__label {
					padding: 1px 16px 1px;
					border: solid 1px var(--color--white);
					background-color: #2C2C2C;
					color: var(--color--white);
				}
					.mypage__rank__contents__heading__label::before {
						content: '';
						display: block;
						width: 100%;
						height: 50%;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
					}
					._regular .mypage__rank__contents__heading__label::before {
						background-color: #D9D0E2;
					}
					._silver .mypage__rank__contents__heading__label::before {
						background-color: #C8D7ED;
					}
					._gold .mypage__rank__contents__heading__label::before {
						background-color: #CEB686;
					}
					._platinum .mypage__rank__contents__heading__label::before {
						background-color: #373737;
					}
					.mypage__rank__contents__heading__label span {
						position: relative;
						z-index: 2;
					}
			.mypage__rank__contents__info {
				display: flex;
				justify-content: center;
				align-items: center;
				column-gap: 20px;
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
				.mypage__rank__contents__info__item {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 213px;
					height: 86px;
					border-radius: 4px;
					background-color: var(--color--white);
				}
					.mypage__rank__contents__info__item dl {
						width: 100%;
						height: auto;
					}
						.mypage__rank__contents__info__item dl dt {
							font-size: 14px;
							font-weight: 500;
							line-height: 1.5;
							letter-spacing: 0.1em;
							text-align: center;
						}
						.mypage__rank__contents__info__item dl dd {
							font-size: 18px;
							font-weight: 700;
							line-height: 1.5;
							letter-spacing: 0.1em;
							text-align: center;
						}
			.mypage__rank__contents__progress {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				height: auto;
				margin: 36px auto 0;
				position: relative;
			}
				.mypage__rank__contents__progress__now {
					position: relative;
					z-index: 2;
				}
				.mypage__rank__contents__progress__next {
					position: relative;
					z-index: 2;
				}
					.mypage__rank__contents__progress__icon {
						width: 42px;
						height: 42px;
						border-radius: 9999px;
						border: solid 2px var(--color--white);
						position: relative;
						overflow: hidden;
					}
					._regular .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon {
						background-color: #CBBCDB;
					}
					._regular .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon {
						background-color: #B0C5E4;
					}
					._silver .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon {
						background-color: #B0C5E4;
					}
					._silver .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon {
						background-color: #C9AF7C;
					}
					._gold .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon {
						background-color: #C9AF7C;
					}
					._gold .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon {
						background-color: #2C2C2C;
					}
					._platinum .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon {
						background-color: #2C2C2C;
					}
						.mypage__rank__contents__progress__icon::before,
						.mypage__rank__contents__progress__icon::after {
							content: '';
							display: block;
							width: 100%;
							height: 100%;
							border-radius: 9999px;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%,-50%);
							z-index: 2;
						}
						.mypage__rank__contents__progress__icon__highlights {
							width: 0;
							height: 0;
							border-width: 38px 38px 0px 0px;
							border-style: solid;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 1;
						}
						._regular .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon__highlights {
							border-color: #D9D0E2 transparent transparent transparent;
						}
						._regular .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon__highlights {
							border-color: #C8D7ED transparent transparent transparent;
						}
						._silver .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon__highlights {
							border-color: #C8D7ED transparent transparent transparent;
						}
						._silver .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon__highlights {
							border-color: #CEB686 transparent transparent transparent;
						}
						._gold .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon__highlights {
							border-color: #CEB686 transparent transparent transparent;
						}
						._gold .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon__highlights {
							border-color: #373737 transparent transparent transparent;
						}
						._platinum .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon__highlights {
							border-color: #373737 transparent transparent transparent;
						}
						.mypage__rank__contents__progress__icon__shape {
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 2;
						}
					.mypage__rank__contents__progress__name {
						font-size: 12px;
						font-weight: 700;
						line-height: 1.5;
						letter-spacing: 0.1em;
						text-align: center;
						color: var(--color--black);
						white-space: nowrap;
						position: absolute;
						bottom: -5px;
						left: 50%;
						transform: translate(-50%,100%);
					}
				.mypage__rank__contents__progress__bar_wrap {
					width: calc(100% - 42px);
					height: 16px;
					border-radius: 9999px;
					border: solid 1px var(--color--white);
					background-color: var(--color--white);
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					z-index: 1;
				}
					.mypage__rank__contents__progress__bar {
						width: 100%;
						height: 100%;
						border-radius: 9999px;
					}
					._regular .mypage__rank__contents__progress__bar {
						background: linear-gradient(90deg, #D9D0E2 0%, #C8D7ED 100%);
					}
					._silver .mypage__rank__contents__progress__bar {
						background: linear-gradient(90deg, #C8D7ED 0%, #CEB686 100%);
					}
					._gold .mypage__rank__contents__progress__bar {
						background: linear-gradient(90deg, #CEB686 0%, #373737 100%);
					}
					._platinum .mypage__rank__contents__progress__bar {
						background: linear-gradient(90deg, #373737 0%, #373737 100%);
					}
	.mypage__rank__note {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
		height: auto;
		margin: 18px auto 0;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0,06em;
		text-align: right;
	}
		.mypage__rank__note img {
			width: 17px;
			height: auto;
			margin-right: 5px;
		}
		.mypage__rank__note a {
			color: #8C8C8C;
			position: relative;
		}
			.mypage__rank__note a::after {
				content: '';
				display: block;
				width: 100%;
				height: 1px;
				background-color: #8C8C8C;
				position: absolute;
				bottom: 0;
				left: 0;
				pointer-events: none;
			}
		@media (any-hover: hover) {
			.mypage__rank__note a::after {
				transition: .3s;
				opacity: 1;
			}
			.mypage__rank__note a:hover::after {
				opacity: 0;
			}
		}

.mypage_section {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.mypage_section:not(:last-of-type) {
	margin-bottom: 80px;
}
	.mypage_section__heading {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		height: auto;
		margin: 0 auto 30px;
	}
		.mypage_section__heading__icon {
			height: auto;
		}
		.mypage_section__heading__icon._cart {
		    width: 22px;
			padding-top: 1px;
			margin-right: 9px;
        }
		.mypage_section__heading__icon._campaign {
			width: 19.15px;
			padding-top: 1px;
			margin-right: 9.5px;
		}
		.mypage_section__heading__icon._track {
			width: 21px;
			padding-top: 1px;
			margin-right: 9.5px;
		}
		.mypage_section__heading__icon._favo {
			width: 21px;
			padding-top: 1px;
			margin-right: 9.5px;
		}
		.mypage_section__heading__icon._notice {
			width: 20px;
			padding-top: 1.5px;
			margin-right: 10px;
		}
		.mypage_section__heading__icon._calendar {
			width: 20px;
			padding-top: 0.5px;
			margin-right: 11px;
		}
		.mypage_section__heading__icon._address {
			width: 20px;
			margin-right: 10px;
		}
		.mypage_section__heading__icon._card {
			width: 21px;
			padding-top: 0.5px;
			margin-right: 12.5px;
		}
		.mypage_section__heading__icon._point {
			width: 21px;
			padding-top: 1px;
			margin-right: 12.5px;
		}
		.mypage_section__heading__icon._password {
			width: 21px;
			margin-top: -1px;
			margin-right: 16px;
		}
		.mypage_section__heading__txt {
			font-size: 20px;
			font-weight: 500;
			line-height: 1.5;
			letter-spacing: 0.1em;
		}
		.mypage_section__heading__btn_wrap {
			width: 200px;
			height: 30px;
			margin: 0 0 0 auto;
		}
			.mypage_section__heading__btn {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				height: 100%;
				padding: 0 9px 0 16px;
				border-radius: 9999px;
				border: solid 1px var(--color--black);
				font-size: 14px;
				font-weight: 400;
				line-height: 1.5;
				letter-spacing: 0.05em;
				color: var(--color--black);
			}
				.mypage_section__heading__btn span {
					display: block;
				}
				.mypage_section__heading__btn svg {
					width: 5.18px;
					fill: var(--color--black);
				}
		@media (any-hover: hover) {
			.mypage_section__heading__btn {
				transition: .3s;
			}
				.mypage_section__heading__btn svg {
					transition: .3s;
				}
			.mypage_section__heading__btn:hover {
				background-color: var(--color--black);
				color: var(--color--white);
			}
				.mypage_section__heading__btn:hover svg {
					fill: var(--color--white);
				}
		}

	/* 購入履歴 */
	.sub_order__total {
		width: 100%;
		height: auto;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 0.1em;
		margin-bottom: 8px;
	}
	.mypage__purchase_history__list {
		width: 100%;
		height: auto;
		margin: 30px auto 0;
		border-top: dashed 1px var(--color--black);
	}
	.mypage__purchase_history__details .mypage__purchase_history__list {
		margin: 0 auto;
		border-top: dashed 1px var(--color--lightgray1);
	}
		.mypage__purchase_history__list__item {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: stretch;
			gap: 20px;
			width: 100%;
			height: auto;
			padding: 30px 0;
			border-bottom: dashed 1px var(--color--black);
		}
		.mypage__purchase_history__details .mypage__purchase_history__list__item {
			align-items: flex-end;
			border-bottom: dashed 1px var(--color--lightgray1);
		}
			.mypage__purchase_history__list__item__products_list {
				display: flex;
				flex-direction: column;
				gap: 20px;
				width: 100%;
				height: auto;
			}
				.mypage__purchase_history__list__item__products_list__item {
					display: flex;
					justify-content: space-between;
					align-items: center;
					flex-wrap: wrap;
					width: 100%;
					height: auto;
				}
					.mypage__purchase_history__list__item__products_list__item__image {
						width: 160px;
						height: auto;
					}
						.mypage__purchase_history__list__item__products_list__item__image__link {
							display: block;
							width: 100%;
							height: auto;
						}
							.mypage__purchase_history__list__item__products_list__item__image img {
								width: 100%;
								height: auto;
							}
						@media (any-hover: hover) {
							.mypage__purchase_history__list__item__products_list__item__image img {
								transition: .3s;
							}
							.mypage__purchase_history__list__item__products_list__item__image__link:hover img {
								opacity: 0.7;
							}
						}
					.mypage__purchase_history__list__item__products_list__item__details {
						width: calc(100% - 175px);
						height: auto;
					}
						.mypage__purchase_history__list__item__products_list__item__details__name {
							width: 100%;
							height: auto;
							margin: 0 auto 4px;
							font-size: 18px;
							font-weight: 600;
							line-height: 1.5;
							letter-spacing: 0.05em;
						}
							.mypage__purchase_history__list__item__products_list__item__details__name__link {
								color: var(--color--black);
							}
						@media (any-hover: hover) {
							.mypage__purchase_history__list__item__products_list__item__details__name__link {
								transition: .3s;
							}
							.mypage__purchase_history__list__item__products_list__item__details__name__link:hover {
								color: var(--color--hover_text);
							}
						}
						.mypage__purchase_history__list__item__products_list__item__details__quantity_size {
							width: 100%;
							height: auto;
							margin: 0 auto 7px;
							font-size: 14px;
							font-weight: 700;
							line-height: 1.6;
							letter-spacing: 0.05em;
							color: var(--color--gray2);
						}
							.mypage__purchase_history__list__item__products_list__item__details__quantity_size span {
								margin: 0 10px;
							}
						.mypage__purchase_history__list__item__products_list__item__details__price {
							display: flex;
							justify-content: flex-end;
							align-items: flex-end;
							width: 100%;
							height: auto;
							font-size: 18px;
							font-weight: 500;
							line-height: 24px;
							letter-spacing: 0.05em;
							color: var(--color--black);
						}
							.mypage__purchase_history__list__item__products_list__item__details__price small {
								display: inline-block;
								margin-left: 5px;
								font-size: 12px;
								position: relative;
								top: 2px;
							}
					.mypage__purchase_history__list__item__products_list__item__review {
						width: 100%;
						height: auto;
						margin: -22px auto 0;
					}
						.mypage__purchase_history__list__item__products_list__item__review__text {
							display: flex;
							justify-content: flex-start;
							align-items: center;
							width: calc(100% - 175px);
							height: auto;
							margin: 0 0 0 auto;
							font-size: 14px;
							font-weight: 500;
							line-height: 1.6;
							letter-spacing: 0em;
						}
							.mypage__purchase_history__list__item__products_list__item__review__text::before {
								content: '';
								display: block;
								width: 8px;
								height: 10px;
								margin-right: 4px;
								clip-path: polygon(0 0, 100% 50%, 0 100%);
								background-color: var(--color--black);
								position: relative;
								top: 1px;
							}
							.mypage__purchase_history__list__item__products_list__item__review__link {
								display: inline-block;
								color: var(--color--black);
								position: relative;
							}
								.mypage__purchase_history__list__item__products_list__item__review__link::after {
									content: '';
									display: block;
									width: 100%;
									height: 1px;
									background-color: var(--color--black);
									position: absolute;
									bottom: 0;
									left: 0;
								}
							@media (any-hover: hover) {
								.mypage__purchase_history__list__item__products_list__item__review__link::after {
									transition: .3s;
									opacity: 1;
								}
								.mypage__purchase_history__list__item__products_list__item__review__link:hover::after {
									opacity: 0;
								}
							}
			.mypage__purchase_history__list__item__purchase_info {
				width: 100%;
				height: auto;
				padding: 15px;
				background-color: var(--color--bluegray);
			}
				.mypage__purchase_history__list__item__purchase_info__inner {
					width: 100%;
					height: auto;
				}
					.mypage__purchase_history__list__item__purchase_info__main {
						display: flex;
						justify-content: space-between;
						align-items: flex-end;
						width: 100%;
						height: auto;
					}
						.mypage__purchase_history__list__item__purchase_info__status_wrap {
							width: calc(100% - 190px);
							height: auto;
						}
							.mypage__purchase_history__list__item__purchase_info__status {
								width: 100%;
								height: auto;
								margin: 0 auto 5px;
								font-size: 16px;
								font-weight: 700;
								line-height: 1.2;
								letter-spacing: 0.05em;
								color: var(--color--black);
							}
							.mypage__purchase_history__list__item__purchase_info__details {
								display: flex;
								flex-direction: column;
								gap: 3px;
								width: 100%;
								height: auto;
							}
								.mypage__purchase_history__list__item__purchase_info__details__item {
									display: flex;
									justify-content: flex-start;
									align-items: center;
									width: 100%;
									height: auto;
								}
									.mypage__purchase_history__list__item__purchase_info__details__item dt,
									.mypage__purchase_history__list__item__purchase_info__details__item dd {
										font-size: 14px;
										font-weight: 500;
										line-height: 1.2;
										letter-spacing: 0.05em;
										color: var(--color--gray2);
									}
						.mypage__purchase_history__list__item__purchase_info__details__price {
							width: 190px;
							height: auto;
							padding-right: 3px;
							font-size: 16px;
							font-weight: 500;
							line-height: 1.4;
							letter-spacing: 0.05em;
							text-align: right;
							color: var(--color--black);
							white-space: nowrap;
						}
							.mypage__purchase_history__list__item__purchase_info__details__price span {
								font-size: 20px;
								font-weight: 700;
							}
					.mypage__purchase_history__list__item__purchase_info__details__btn_wrap {
						width: 100%;
						height: auto;
						margin: 15px auto 0;
					}
						.mypage__purchase_history__list__item__purchase_info__details__btn {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 44px;
							border: solid 1px var(--color--black);
							background-color: var(--color--black);
							font-size: 14px;
							font-weight: 500;
							line-height: 1;
							letter-spacing: 0.05em;
							color: var(--color--white);
						}
					@media (any-hover: hover) {
						.mypage__purchase_history__list__item__purchase_info__details__btn {
							transition: .3s;
						}
						.mypage__purchase_history__list__item__purchase_info__details__btn:hover {
							background-color: var(--color--white);
							color: var(--color--black);
						}
					}
	.order__list {
		width: 100%;
		height: auto;
	}
		.order__list__item {
			width: 100%;
			height: auto;
			border-top: solid 1px var(--color--gray);
		}
		._sub_order .order__list__item:last-of-type {
			padding-bottom: 30px;
			border-bottom: solid 1px var(--color--gray);
		}
		.order__list__item:not(:last-of-type) {
			margin-bottom: 30px;
		}
			.order__list__item__inner {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				height: auto;
				padding: 30px 0;
			}
			.order__list__item__inner + .order__list__item__inner {
				padding: 0 0 30px;
			}
				.order__list__item__image {
					width: calc((170 / 670) * 100%);
					height: auto;
					aspect-ratio: 1 / 1;
					overflow: hidden;
				}
					.order__list__item__image img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center;
					}
				@media (any-hover: hover) {
					.order__list__item__image img {
						transform: scale(1);
						transition: .3s;
					}
					.order__list__item__image:hover img {
						transform: scale(1.07);
					}
				}
				.order__list__item__details {
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: center;
					width: calc((480 / 670) * 100%);
					height: auto;
					min-height: 136px;
					padding-top: 3px;
					padding-left: 20px;
				}
					.order__list__item__number {
						width: 100%;
						height: auto;
						margin-bottom: 12px;
						font-size: 14px;
						font-weight: 500;
						line-height: 1.5;
						letter-spacing: 0.1em;
						color: var(--color--gray);
					}
					.order__list__item__number._sub {
						margin-top: -12px;
					}
					.order__list__item__name {
						width: 100%;
						height: auto;
						margin-top: 0px;
						margin-bottom: 8px;
						font-size: 20px;
						font-weight: 500;
						line-height: 1.5;
						letter-spacing: 0.1em;
					}
						.order__list__item__name a {
							color: var(--color--black);
						}
					@media (any-hover: hover) {
						.order__list__item__name a {
							transition: .3s;
						}
						.order__list__item__name a:hover {
							color: var(--color--yellow);
						}
					}
					.order__list__item__price {
						width: 100%;
						height: auto;
						margin-top: auto;
						margin-bottom: 0px;
						font-size: 22px;
						font-weight: 500;
						line-height: 1.5;
						letter-spacing: 0.05em;
					}
			.order__list__item__bottom {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				width: 100%;
				height: auto;
				margin: 30px auto 0;
			}
				.order__list__item__next {
					display: flex;
					justify-content: center;
					align-items: center;
					width: calc((328 / 670) * 100%);
					height: auto;
					min-height: 70px;
					padding: 8px 0 5px;
					background-color: #F8F8F8;
					border-radius: 3px;
				}
				.order__list__item__confirmed,
				.order__list__item__can_be_changed,
				.order__list__item__payment {
					display: flex;
					justify-content: center;
					align-items: center;
					width: calc((328 / 670) * 100%);
					height: auto;
					min-height: 70px;
					padding: 8px 0 5px;
					border-radius: 3px;
				}
				.order__list__item__confirmed {
					background-color: #F8F8F8;
				}
				.order__list__item__can_be_changed {
					background-color: #EDEDED;
				}
				.order__list__item__payment {
					background-color: #E2E1E1;
				}
					.order__list__item__next dl,
					.order__list__item__confirmed dl,
					.order__list__item__can_be_changed dl,
					.order__list__item__payment dl {
						width: 100%;
						height: auto;
					}
						.order__list__item__next dl dt,
						.order__list__item__confirmed dl dt,
						.order__list__item__can_be_changed dl dt,
						.order__list__item__payment dl dt {
							width: 100%;
							height: auto;
							margin-bottom: -1px;
							font-size: 14px;
							font-weight: 500;
							line-height: 1.5;
							letter-spacing: 0.1em;
							text-align: center;
						}
						.order__list__item__confirmed dl dt,
						.order__list__item__can_be_changed dl dt,
						.order__list__item__payment dl dt {
							font-weight: 700;
						}
						.order__list__item__next dl dd,
						.order__list__item__confirmed dl dd,
						.order__list__item__can_be_changed dl dd,
						.order__list__item__payment dl dd {
							width: 100%;
							height: auto;
							font-size: 16px;
							font-weight: 700;
							line-height: 1.5;
							letter-spacing: 0.1em;
							text-align: center;
						}
						.order__list__item__confirmed dl dd,
						.order__list__item__can_be_changed dl dd,
						.order__list__item__payment dl dd {
							font-weight: 500;
						}
				.order__list__item__btn_wrap._large {
					width: 100%;
					height: 70px;
				}
				.order__list__item__btn_wrap._small {
					width: calc((328 / 670) * 100%);
					height: 70px;
				}
				.order__list__item__btn_wrap._mini {
					width: calc((218 / 670) * 100%);
					height: 70px;
				}
				._unsubscribe {
					width: 100%;
					height: 70px;
				}
					.order__list__item__btn {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						border-radius: 3px;
						border: solid 1px var(--color--black);
						background-color: var(--color--black);
						font-size: 16px;
						font-weight: 700;
						line-height: 1.5;
						letter-spacing: 0.1em;
						color: var(--color--white);
						position: relative;
					}
					._mini .order__list__item__btn {
						padding-right: 6px;
					}
					._unsubscribe .order__list__item__btn {
						border: solid 1px #FFF7E7;
						background-color: #FFF7E7;
						color: var(--color--black);
					}
						.order__list__item__btn svg {
							width: 5.18px;
							fill: var(--color--white);
							position: absolute;
							top: 50%;
							right: 16px;
							transform: translate(0%,-50%);
						}
						._unsubscribe .order__list__item__btn svg {
							fill: var(--color--black);
						}
				@media (any-hover: hover) {
					.order__list__item__btn {
						transition: .3s;
					}
						.order__list__item__btn svg {
							transition: .3s;
						}
					.order__list__item__btn:hover {
						background-color: var(--color--yellow);
						color: var(--color--black);
					}
					._unsubscribe .order__list__item__btn:hover {
						background-color: var(--color--black);
						color: var(--color--white);
					}
						.order__list__item__btn:hover svg {
							fill: var(--color--black);
						}
						._unsubscribe .order__list__item__btn:hover svg {
							fill: var(--color--white);
						}
				}
			.order__list__item__note {
				width: 100%;
				height: auto;
				font-size: 10px;
				font-weight: 400;
				line-height: 1.5;
				letter-spacing: 0.1em;
			}
			.order__list__item__note._change {
				margin: 40px auto 5px;
				color: #E74646;
			}
			.order__list__item__note._holiday {
				color: var(--color--black);
			}

	/* キャンペーン */
	.campaign_banner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		row-gap: 14px;
		width: 100%;
		height: auto;
	}
		.campaign_banner__item {
			display: block;
			width: calc((328 / 670) * 100%);
			height: auto;
			aspect-ratio: 328 / 232;
		}
	@media (any-hover: hover) {
		.campaign_banner__item {
			transition: .3s;
		}
		.campaign_banner__item:hover {
			opacity: .8;
		}
	}
			.campaign_banner__item img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}

	/* サブメニュー */
	.submenu__list {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		row-gap: 10px;
		width: 100%;
		height: auto;
		padding: 15px 0 20px;
	}
		.submenu__list__item {
			width: calc((329 / 670) * 100%);
			height: auto;
		}
			.submenu__btn {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				width: 100%;
				height: 54px;
				padding-left: 52px;
				border-radius: 3px;
				background-color: #F0F2F7;
				font-size: 15px;
				font-weight: 500;
				line-height: 1;
				letter-spacing: 0.1em;
				color: var(--color--black);
				position: relative;
			}
		@media (any-hover: hover) {
			.submenu__btn {
				transition: .3s;
			}
			.submenu__btn:hover {
				background-color: var(--color--lightblue);
			}
		}
				.submenu__btn__icon {
					height: auto;
					position: absolute;
					top: 50%;
					transform: translate(0%,-50%);
				}
				.submenu__btn__icon._history {
					width: 23px;
					left: 15px;
				}
				.submenu__btn__icon._edit {
					width: 18px;
					left: 21px;
				}
				.submenu__btn__icon._card {
					width: 21px;
					padding-bottom: 1px;
					left: 16.5px;
				}
				.submenu__btn__icon._password {
					width: 21px;
					padding-bottom: 1px;
					left: 19.5px;
				}
				.submenu__btn svg {
					width: 5.18px;
					fill: var(--color--black);
					position: absolute;
					top: 50%;
					right: 20px;
					transform: translate(0%,-50%);
				}

	/* お気に入り */
	.favorite__list {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
	}
		.favorite__list::after {
			content: '';
			display: block;
			width: calc((216.76 / 670) * 100%);
			height: 0;
		}
		.favorite__list__item {
			width: calc((216.76 / 670) * 100%);
			height: auto;
		}
			.favorite__list__item__inner {
				display: block;
				width: 100%;
				height: auto;
			}
				.favorite__list__item__image {
					width: 100%;
					height: auto;
					margin: 0 auto 16px;
					aspect-ratio: 1 / 1;
					overflow: hidden;
				}
					.favorite__list__item__image img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center;
					}
				@media (any-hover: hover) {
					.favorite__list__item__image img {
						transform: scale(1);
						transition: .3s;
					}
					.favorite__list__item__inner:hover .favorite__list__item__image img {
						transform: scale(1.08);
					}
				}
				.favorite__list__item__details {
					width: 100%;
					height: auto;
				}
					.favorite__list__item__name {
						width: 100%;
						height: auto;
						margin: 0 auto 3px;
						font-size: 14px;
						font-weight: 700;
						line-height: 1.8;
						letter-spacing: 0.1em;
						color: var(--color--black);
					}
					.favorite__list__item__price {
						width: 100%;
						height: auto;
						font-size: 14px;
						font-weight: 700;
						line-height: 1.8;
						letter-spacing: 0.1em;
						color: #A5A5A5;
					}

	/* お知らせ */
	.notice__wrap {
		width: 100%;
		height: auto;
		padding: 34px 34px 38px;
		border-radius: 3px;
		background-color: #F5F5F5;
	}
		.notice__wrap .mypage_section__heading {
			margin-bottom: 20px;
		}
		.notice__list {
			width: 100%;
			height: auto;
			padding: 13px 25px 7px;
			border-radius: 5px;
			background-color: var(--color--white);
		}
			.notice__list__item {
				display: flex;
				justify-content: flex-start;
				align-items: flex-start;
				width: 100%;
				height: auto;
				padding: 20px 20px 20px 10px;
				position: relative;
			}
			.notice__list__item:not(:last-of-type) {
				border-bottom: solid 1px #A5A5A5;
			}
				.notice__list__item__date {
					width: 100px;
					height: auto;
					font-size: 14px;
					font-weight: 400;
					line-height: 1.5;
					letter-spacing: 0.05em;
					color: #A5A5A5;
				}
				.notice__list__item__ttl {
					width: calc(100% - 100px);
					font-size: 14px;
					font-weight: 500;
					line-height: 1.5;
					letter-spacing: 0.1em;
				}
					.notice__list__item__ttl a {
						color: var(--color--black);
					}
				@media (any-hover: hover) {
					.notice__list__item__ttl a {
						transition: .3s;
					}
					.notice__list__item__ttl a:hover {
						color: var(--color--yellow);
					}
				}
				.notice__list__item svg {
					width: 5.18px;
					fill: var(--color--black);
					position: absolute;
					top: 28.5px;
					right: 3px;
				}

.mypage__support {
	width: 100%;
	height: auto;
	margin: 80px auto 0;
}
	.mypage__support__heading {
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 0.1em;
		text-align: center;
	}
	.mypage__support__list {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 11px;
		width: 100%;
		height: auto;
	}
		.mypage__support__list__item {
			display: block;
			width: 216px;
			height: auto;
			padding: 20px 10px 14px;
			border-radius: 5px;
		}
		.mypage__support__list__item:nth-of-type(1) {
			background: linear-gradient(23deg, #B1CCF5 59.52%, #FFF7E7 176.4%);
		}
		.mypage__support__list__item:nth-of-type(2) {
			background: linear-gradient(33deg, #B1CCF5 5.91%, #FFF7E7 126.27%);
		}
	@media (any-hover: hover) {
		.mypage__support__list__item {
			transition: .3s;
			opacity: 1;
		}
		.mypage__support__list__item:hover {
			opacity: .8;
		}
	}
			.mypage__support__list__item__icon {
				width: 44px;
				height: auto;
				margin: 0 auto 3px;
			}
			.mypage__support__list__item__details {
				width: 100%;
				height: auto;
			}
				.mypage__support__list__item__details dt {
					margin-bottom: 2px;
					font-size: 14px;
					font-weight: 700;
					line-height: 1.5;
					letter-spacing: 0.1em;
					text-align: center;
					color: var(--color--black);
				}
				.mypage__support__list__item__details dd {
					font-size: 12px;
					font-weight: 500;
					line-height: 1.5;
					letter-spacing: 0.1em;
					text-align: center;
					color: var(--color--black);
				}

/* 定期便お届け先一覧 */
.c-form_table__subscription {
	width: 100%;
	height: auto;
}
	.form__item__input_wrap_checkbox {
		justify-content: flex-start;
		margin: 0 auto 10px;
	}
	.c-account_table {
		width: 100%;
		height: auto;
		border: solid 1px #A5A5A5;
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.1em;
	}
	.c-account_table tr {
		width: 100%;
		height: auto;
		border: solid 1px #A5A5A5;
	}
	.c-account_table tr th {
		padding: 10px 7px;
		background-color: var(--color--bluegray);
		font-weight: 700;
		white-space: nowrap;
	}
	.c-account_table tr th:nth-of-type(2) {
		width: 43px;
		text-align: center;
	}
	.c-account_table tr td {
		padding: 10px 7px;
		font-weight: 500;
	}
	.c-account_table tr td:nth-of-type(2) {
		width: 43px;
		text-align: center;
	}
		.c-account_table tr td a {
			color: var(--color--skyblue);
			text-decoration: underline;
		}
	@media (any-hover: hover) {
		.c-account_table tr td a:hover {
			text-decoration: none;
		}
	}
		.subs_order_checkbox {
			width: 16px;
			height: 16px;
		}
			.subs_order_checkbox input {
				display: none;
			}
			.subs_order_checkbox_label {
				display: block;
				width: 16px;
				height: 16px;
				border-radius: 2px;
				border: solid 1px #A5A5A5;
				position: relative;
				cursor: pointer;
			}
				.subs_order_checkbox_label::after {
					content: '';
					display: block;
					width: 9px;
					height: 14px;
					border-right: solid 3px var(--color--yellow);
					border-bottom: solid 3px var(--color--yellow);
					position: absolute;
					top: -3px;
					left: 4px;
					opacity: 0;
					transform: rotate(45deg);
					transition: .3s;
					pointer-events: none;
				}
				.subs_order_checkbox input[type=checkbox]:checked ~ .subs_order_checkbox_label::after {
					opacity: 1;
				}

.mypage__back_btn_wrap {
	width: 100%;
	height: auto;
	margin: 75px auto 0;
}
	.mypage__back_btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: 500px;
		height: 70px;
		margin: 0 auto;
		border-radius: 9999px;
		border: solid 1px var(--color--black);
		font-size: 16px;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 0.1em;
		color: var(--color--black);
		position: relative;
	}
		.mypage__back_btn svg {
			width: 5.18px;
			fill: var(--color--black);
			position: absolute;
			top: 50%;
			right: calc((29 / 500) * 100%);
			transform: translate(0%,-50%);
		}
@media (any-hover: hover) {
	.mypage__back_btn {
		transition: .3s;
	}
		.mypage__back_btn svg {
			transition: .3s;
		}
	.mypage__back_btn:hover {
		background-color: var(--color--black);
		color: var(--color--white);
	}
		.mypage__back_btn:hover svg {
			fill: var(--color--white);
		}
}

/* SP ================================================== */
@media all and (max-width: 768px){
.page_heading._mypage {
	padding: 4px 0 60px;
}
	.p-account__inner {
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
	}
		.p-account__inner__menu {
			width: calc((350 / 430) * 100%);
			margin: 0 auto;
		}
		.p-account__inner__content {
			width: 100%;
			padding: 0 0 60px;
		}
			.p-mypage {
				padding: 0;
			}

.mypage__rank {
	width: calc((390 / 430) * 100%);
	margin: 0 auto 50px;
}
	.mypage__rank__contents {
		padding: 30px 0px 50px;
	}
		.mypage__rank__contents::before {
			height: 120px;
			border-radius: 0px 0px 50% 50% / 0px 0px 120px 120px;
		}
			.mypage__rank__contents__heading {
				display: flex;
				flex-direction: column-reverse;
				justify-content: flex-start;
				margin: 0 auto 30px;
			}
				.mypage__rank__contents__heading__txt {
					margin-top: 10px;
				}
				.mypage__rank__contents__heading__label {
					margin-left: initial;
				}
			.mypage__rank__contents__info {
				width: calc((350 / 390) * 100%);
				max-width: 350px;
				justify-content: space-between;
				column-gap: initial;
			}
				.mypage__rank__contents__info__item {
					width: calc(50% - 5px);
					max-width: 213px;
				}
						.mypage__rank__contents__info__item dl dt {
							letter-spacing: 0em;
						}
						.mypage__rank__contents__info__item dl dt {
							letter-spacing: 0em;
						}
			.mypage__rank__contents__progress {
				width: calc((354 / 390) * 100%);
				margin: 30px auto 0;
			}
	.mypage__rank__note {
		margin: 10px auto 0;
	}

/* mypage_section */
.mypage_section {
	width: calc((390 / 430) * 100%);
	margin: 0 auto;
}
.mypage_section:not(:last-of-type) {
	margin-bottom: 70px;
}
	.mypage_section__heading {
		align-items: flex-start;
		margin: 0 auto 20px;
	}
		.mypage_section__heading__icon {
			position: relative;
			top: 5px;
		}
		.mypage_section__heading__icon._campaign {
			width: 19.15px;
			padding-top: 3px;
		}
		.mypage_section__heading__btn_wrap {
			width: auto;
			max-width: 168px;
			min-width: 105px;
		}
			.mypage_section__heading__btn {
				padding: 0 6px 0 10px;
				font-size: 12px;
			}

	/* 購入履歴 */
	.sub_order__total {
		font-size: 14px;
	}
		.mypage__purchase_history__list__item {
			flex-direction: column;
			gap: 15px;
		}
			.mypage__purchase_history__list__item__products_list {
				width: 100%;
				gap: 10px;
			}
				.mypage__purchase_history__list__item__products_list__item {
					align-items: flex-start;
				}
				.mypage__purchase_history__list__item__products_list__item:not(:last-of-type) {
					padding: 0 0 10px;
					border-bottom: dashed 1px var(--color--gray);
				}
					.mypage__purchase_history__list__item__products_list__item__image {
						width: 111px;
					}
					.mypage__purchase_history__list__item__products_list__item__details {
						width: calc(100% - 121px);
					}
						.mypage__purchase_history__list__item__products_list__item__details__name {
							font-size: 16px;
						}
					.mypage__purchase_history__list__item__products_list__item__review {
						margin: 5px auto 0;
					}
						.mypage__purchase_history__list__item__products_list__item__review__text {
							width: 100%;
							margin: 0 auto;
						}
			.mypage__purchase_history__list__item__purchase_info {
				width: 100%;
				padding: 10px;
			}
				.mypage__purchase_history__list__item__purchase_info__inner {
					display: flex;
					flex-direction: column;
				}
					.mypage__purchase_history__list__item__purchase_info__main {
						flex-direction: column;
					}
						.mypage__purchase_history__list__item__purchase_info__status_wrap {
							width: 100%;
						}
							.mypage__purchase_history__list__item__purchase_info__status {
								margin: 0 auto 5px;
								order: 1;
							}
							.mypage__purchase_history__list__item__purchase_info__details {
								gap: 5px;
								order: 2;
							}
						.mypage__purchase_history__list__item__purchase_info__details__price {
							width: 100%;
							margin: 15px auto 0;
							order: 3;
						}
							.mypage__purchase_history__list__item__purchase_info__details__price span {
								font-size: 16px;
							}
					.mypage__purchase_history__list__item__purchase_info__details__btn_wrap {
						margin: 15px auto 0;
						order: 4;
					}
		._sub_order .order__list__item:last-of-type {
			padding-bottom: 20px;
		}
		.order__list__item:not(:last-of-type) {
			margin-bottom: 20px;
		}
			.order__list__item__inner {
				padding: 20px 0;
			}
				.order__list__item__image {
					width: calc((118 / 390) * 100%);
				}
				.order__list__item__details {
					width: calc((272 / 390) * 100%);
					min-height: initial;
					padding-top: 0;
				}
					.order__list__item__number {
						margin-bottom: 10px;
						font-size: 10px;
					}
					.order__list__item__number._sub {
						margin-top: -10px;
					}
					.order__list__item__name {
						margin-top: 0px;
						margin-bottom: 8px;
						font-size: 14px;
					}
					.order__list__item__price {
						font-size: 18px;
					}
			.order__list__item__bottom {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: center;
			}
				.order__list__item__next,
				.order__list__item__confirmed,
				.order__list__item__can_be_changed,
				.order__list__item__payment {
					width: 100%;
					height: auto;
					min-height: auto;
					padding: 12px 0;
					margin-bottom: 10px;
				}
					.order__list__item__next dl dd,
					.order__list__item__confirmed dl dd,
					.order__list__item__can_be_changed dl dd,
					.order__list__item__payment dl dd {
						font-weight: 700;
					}
				.order__list__item__btn_wrap._large {
					height: 60px;
				}
				.order__list__item__btn_wrap._small {
					width: 100%;
					height: 60px;
				}
				.order__list__item__btn_wrap._mini {
					width: 100%;
					height: 60px;
				}
				._unsubscribe {
					height: 60px;
				}
					.order__list__item__btn {
						font-size: 14px;
					}
					._mini .order__list__item__btn {
						padding-right: 0px;
					}
			.order__list__item__note._change {
				margin: 12px auto 5px;
			}
	/* キャンペーン */
	.campaign_banner {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		row-gap: 12px;
	}
		.campaign_banner__item {
			display: block;
			width: 100%;
			aspect-ratio: 390 / 275.85;
		}

	/* サブメニュー */
	.submenu__list {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
	}
		.submenu__list__item {
			width: 100%;
		}
			.submenu__btn {
				padding-left: 49px;
				font-size: 15px;
			}

	/* お気に入り */
	.favorite__list {
		row-gap: 24px;
	}
		.favorite__list::after {
			display: none;
		}
		.favorite__list__item {
			width: calc((172 / 350) * 100%);
		}
				.favorite__list__item__image {
					margin: 0 auto 9px;
				}
					.favorite__list__item__name {
						margin: 0 auto;
					}
					.favorite__list__item__price {
						font-size: 12px;
					}

	/* お知らせ */
	.mypage_section._notice {
		width: 100%;
	}
	.notice__wrap {
		padding: 30px calc((40 / 430) * 100%) 40px;
	}
		.notice__wrap .mypage_section__heading {
			margin-bottom: 30px;
		}
		.notice__list {
			padding: 6px 12px 11px;
		}
			.notice__list__item {
				display: block;
				padding: 13px 20px 16px 8px;
			}
				.notice__list__item__date {
					width: 100%;
					height: auto;
					margin: 0 auto 3px;
					font-size: 12px;
				}
				.notice__list__item__ttl {
					width: 100%;
					height: auto;
				}
				.notice__list__item svg {
					top: initial;
					bottom: 22px;
					right: 9px;
				}

.mypage__support {
	width: calc((390 / 430) * 100%);
}
	.mypage__support__list {
		justify-content: space-between;
		gap: initial;
		row-gap: 11px;
	}
		.mypage__support__list__item {
			width: calc((190 / 390) * 100%);
			padding: 17px 10px 11px;
		}
			.mypage__support__list__item__icon {
				width: 40px;
				margin: 0 auto 5px;
			}
				.mypage__support__list__item__details dt {
					font-size: 12px;
				}
				.mypage__support__list__item__details dd {
					font-size: 10px;
				}

/* 定期便お届け先一覧 */
.c-account_table {
	display: block;
	font-size: 14px;
}
	.c-account_table tbody {
		display: block;
		width: 100%;
		height: auto;
	}
	.c-account_table tr {
		display: block;
		padding: 20px calc((22 / 390) * 100%);
		border: none;
	}
	.c-account_table tr:not(:last-of-type) {
		border-bottom: solid 1px #A5A5A5;
	}
	.c-account_table tr:first-of-type {
		display: none;
	}
	.c-account_table tr td {
		display: flex;
		justify-content: flex-start;
		align-self: flex-start;
		padding: 0;
	}
	.c-account_table tr td:nth-of-type(2) {
		width: 100%;
		text-align: left;
	}
	.c-account_table tr td:not(:last-of-type) {
		margin-bottom: 5px;
	}
		.c-account_table > tbody > tr > td::before {
			content: attr(data-title);
			display: block;
			width: 120px;
		}
		.c-account_table > tbody > tr > td:first-of-type::before {
			display: none;
		}
		.c-account_table > tbody > tr > td span {
			display: block;
			flex: 1;
		}
		.subs_order_checkbox {
			width: 16px;
			height: 16px;
		}
			.subs_order_checkbox input {
				display: none;
			}
			.subs_order_checkbox_label {
				display: block;
				width: 16px;
				height: 16px;
				border-radius: 2px;
				border: solid 1px #A5A5A5;
				position: relative;
				cursor: pointer;
			}
				.subs_order_checkbox_label::after {
					content: '';
					display: block;
					width: 9px;
					height: 14px;
					border-right: solid 3px var(--color--yellow);
					border-bottom: solid 3px var(--color--yellow);
					position: absolute;
					top: -3px;
					left: 4px;
					opacity: 0;
					transform: rotate(45deg);
					transition: .3s;
					pointer-events: none;
				}
				.subs_order_checkbox input[type=checkbox]:checked ~ .subs_order_checkbox_label::after {
					opacity: 1;
				}

.mypage__back_btn_wrap {
	margin: -30px auto 0;
}
	.mypage__back_btn {
		max-width: 306px;
		height: 55px;
	}
		.mypage__back_btn svg {
			right: 27px;
		}
}