@charset "utf-8";
				.mypage__line_btn {
					display: block;
					width: 100%;
					height: auto;
				}
			@media (any-hover: hover) {
				.mypage__line_btn {
					transition: .3s;
				}
				.mypage__line_btn:hover {
					opacity: 0.8;
				}
			}
				.mypage__rank {
					width: 100%;
					height: auto;
				}
					.mypage__rank__contents {
						width: 100%;
						height: auto;
						padding: 50px 0 67px;
						background-color: var(--color--lightgray3);
						overflow: hidden;
						position: relative;
					}
						.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;
								gap: 20px;
								width: 100%;
								height: auto;
								margin: 0 auto 30px;
							}
								.mypage__rank__contents__heading__txt {
									font-size: 16px;
									font-weight: 500;
									line-height: 1.5;
									letter-spacing: 0.1em;
									color: var(--color--black);
								}
								.mypage__rank__contents__heading__label {
									padding: 4px 12px;
									background-color: var(--color--black);
									font-size: 12px;
									font-weight: 500;
									line-height: 1.5;
									letter-spacing: 0.06em;
									color: var(--color--white);
									overflow: hidden;
									position: relative;
								}
							.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;
									background-color: var(--color--white);
								}
									.mypage__rank__contents__info__item dl {
										width: 100%;
										height: auto;
									}
										.mypage__rank__contents__info__item dl dt {
											margin-bottom: 3px;
											font-size: 12px;
											font-weight: 500;
											line-height: 1.5;
											letter-spacing: 0.1em;
											text-align: center;
											color: var(--color--gray2);
										}
										.mypage__rank__contents__info__item dl dd {
											font-size: 16px;
											font-weight: 500;
											line-height: 1.5;
											letter-spacing: 0.1em;
											text-align: center;
											color: var(--color--black);
										}
							.mypage__rank__contents__progress {
								display: flex;
								justify-content: space-between;
								align-items: center;
								width: calc((444 / 660) * 100%);
								height: auto;
								margin: 28px 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: #F7DBDB;
									}
									._regular .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon,
									._bronze .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon {
										background-color: #BDAB92;
									}
									._bronze .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon,
									._silver .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon {
										background-color: #C8C8C8;
									}
									._silver .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon,
									._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,
									._diamond .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon {
										background-color: #B0C5E4;
									}
										.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: #F7DBDB transparent transparent transparent;
										}
										._regular .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon__highlights,
										._bronze .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon__highlights {
											border-color: #D6C1A5 transparent transparent transparent;
										}
										._bronze .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon__highlights,
										._silver .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon__highlights {
											border-color: #D9D9D9 transparent transparent transparent;
										}
										._silver .mypage__rank__contents__progress__next .mypage__rank__contents__progress__icon__highlights,
										._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,
										._platinum .mypage__rank__contents__progress__now .mypage__rank__contents__progress__icon__highlights {
											border-color: #C8D7ED 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: 400;
										line-height: 1;
										letter-spacing: 0em;
										text-align: center;
										color: var(--color--black);
										white-space: nowrap;
										text-transform:uppercase;
										position: absolute;
										bottom: -6px;
										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--lightgray1);
									background-color: var(--color--lightgray1);
									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;
										background-color: var(--color--gray1);
									}
					.mypage__rank__note {
						display: flex;
						justify-content: flex-end;
						align-items: center;
						gap: 6px;
						width: 100%;
						height: auto;
						margin: 15px auto 0;
						font-size: 12px;
						font-weight: 400;
						line-height: 18px;
						letter-spacing: 0.05em;
						text-align: right;
					}
						.mypage__rank__note__icon {
							width: 18px;
							height: auto;
						}
							.mypage__rank__note__icon svg {
								fill: var(--color--gray2);
							}
						.mypage__rank__note a {
							color: var(--color--gray2);
							position: relative;
							top: -1px;
						}
							.mypage__rank__note a::after {
								content: '';
								display: block;
								width: 100%;
								height: 1px;
								background-color: var(--color--gray2);
								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__point {
					width: 100%;
					height: auto;
				}
					.mypage__point__contents {
						padding: 50px 0;
						background-color: var(--color--lightgray3);	
					}
						.mypage__point__value {
							display: flex;
							justify-content: center;
							align-items: center;
							gap: 15px;
							width: 100%;
							height: auto;
						}
							.mypage__point__value dt {
								font-size: 14px;
								font-weight: 500;
								line-height: 1.5;
								letter-spacing: 0.1em;
								color: var(--color--black);
							}
							.mypage__point__value dd {
								font-size: 22px;
								font-weight: 400;
								line-height: 1.15;
								letter-spacing: 0.15em;
								color: var(--color--black);
							}
								.mypage__point__value dd small {
									font-size: 16px;
									letter-spacing: 0.05em;
								}
						.mypage__point__limit {
							display: flex;
							justify-content: center;
							align-items: center;
							column-gap: 20px;
							width: 100%;
							height: auto;
							margin: 20px auto 0;
						}
							.mypage__point__limit__item {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 213px;
								height: 86px;
								background-color: var(--color--white);
							}
								.mypage__point__limit__item dl {
									width: 100%;
									height: auto;
								}
									.mypage__point__limit__item dl dt {
										margin-bottom: 3px;
										font-size: 12px;
										font-weight: 500;
										line-height: 1.5;
										letter-spacing: 0.1em;
										text-align: center;
										color: var(--color--gray2);
									}
									.mypage__point__limit__item dl dd {
										font-size: 16px;
										font-weight: 500;
										line-height: 1.5;
										letter-spacing: 0.1em;
										text-align: center;
										color: var(--color--black);
									}
					.mypage__point__note {
						display: flex;
						justify-content: flex-end;
						align-items: center;
						gap: 6px;
						width: 100%;
						height: auto;
						margin: 15px auto 0;
						font-size: 12px;
						font-weight: 400;
						line-height: 18px;
						letter-spacing: 0.05em;
						text-align: right;
					}
						.mypage__point__note__icon {
							width: 18px;
							height: auto;
						}
							.mypage__point__note__icon svg {
								fill: var(--color--gray2);
							}
						.mypage__point__note a {
							color: var(--color--gray2);
							position: relative;
							top: -1px;
						}
							.mypage__point__note a::after {
								content: '';
								display: block;
								width: 100%;
								height: 1px;
								background-color: var(--color--gray2);
								position: absolute;
								bottom: 0;
								left: 0;
								pointer-events: none;
							}
					@media (any-hover: hover) {
							.mypage__point__note a::after {
								transition: .3s;
								opacity: 1;
							}
							.mypage__point__note a:hover::after {
								opacity: 0;
							}
					}
				.mypage__campaign {
					width: 100%;
					height: auto;
					position: relative;
				}
					.campaign__swiper {
						width: 100%;
						height: auto;
					}
						.campaign__swiper__slide {
							display: block;
							width: 100%;
							height: auto;
						}
							.campaign__swiper__slide img {
								width: 100%;
								height: auto;
							}
						.campaign__pagination {
							display: flex;
							justify-content: center;
							align-items: center;
							gap: 10px;
							width: 100% !important;
							height: auto;
							margin: 0 !important;
							position: absolute;
							bottom: -20px !important;
							left: 0 !important;
						}
							.campaign__pagination .swiper-pagination-bullet {
								display: block;
								width: 8px;
								height: 8px;
								margin: 0 !important;
								border-radius: 9999px;
								background-color: var(--color--lightgray1);
								opacity: 1;
								transition: .4s;
							}
							.campaign__pagination .swiper-pagination-bullet-active {
								background-color: var(--color--black);
							}
				.mypage__purchase_history {
					width: 100%;
					height: auto;
				}
					.mypage__purchase_history__txt {
						width: 100%;
						height: auto;
						font-size: 14px;
						font-weight: 400;
						line-height: 1;
						letter-spacing: 0.06em;
						color: var(--color--black);
					}
					.mypage__purchase_history__list {
						width: 100%;
						height: auto;
						margin: 0 auto 0;
					}
					.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;
							justify-content: space-between;
							align-items: flex-start;
							width: 100%;
							height: auto;
                            border-bottom: 1px solid #ECEAE8;
                            padding: 40px 0 40px 0;
						}
						.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: calc(100% - 190px);
								height: auto;
							}
								.mypage__purchase_history__list__item__products_list__item {
									display: flex;
									justify-content: space-between;
									align-items: center;
									width: 100%;
									height: auto;
								}
									.mypage__purchase_history__list__item__products_list__item__image {
										width: 111px;
										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% - 125px);
										height: auto;
									}
										.mypage__purchase_history__list__item__products_list__item__details__name {
											width: 100%;
											height: auto;
											margin: 0 auto;
											font-size: 16px;
											font-weight: 500;
											line-height: 1.5;
											letter-spacing: 0.05em;
                                            margin-bottom: 10px;
										}
											.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__price {
											width: 100%;
											height: auto;
											margin: 0 auto 5px;
											font-size: 14px;
											font-weight: 400;
											line-height: 20px;
											letter-spacing: 0.05em;
											color: var(--color--black);
										}
											.mypage__purchase_history__list__item__products_list__item__details__price small {
												display: inline-block;
												margin-left: 3px;
												font-size: 10px;
											}
										.mypage__purchase_history__list__item__products_list__item__details__quantity_size {
											width: 100%;
											height: auto;
											font-size: 12px;
											font-weight: 400;
											line-height: 1.5;
											letter-spacing: 0.05em;
										}
											.mypage__purchase_history__list__item__products_list__item__details__quantity_size span {
												margin: 0 10px;
											}
                                            
                                            .mypage__purchase_history__list__item__products_list__item__details__point {
											width: 100%;
											height: auto;
											font-size: 12px;
											font-weight: 400;
											line-height: 1.5;
											letter-spacing: 0.05em;
                                            }
                                            
                                            .mypage__purchase_history__list__item__products_list__item__details__payment {
											width: 100%;
											height: auto;
											font-size: 12px;
											font-weight: 400;
											line-height: 1.5;
											letter-spacing: 0.05em;
                                            }
                                            
							.mypage__purchase_history__list__item__purchase_info {
								width: 170px;
								height: auto;
							}
								.mypage__purchase_history__list__item__purchase_info__inner {
									width: 100%;
									height: auto;
								}
									.mypage__purchase_history__list__item__purchase_info__status {
										width: 100%;
										height: auto;
										margin: 0 auto 10px;
										font-size: 14px;
										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: 12px;
												font-weight: 400;
												line-height: 1.2;
												letter-spacing: 0.05em;
											}
									.mypage__purchase_history__list__item__purchase_info__details__btn_wrap {
										width: 100%;
										height: auto;
										margin: 15px auto;
									}
										.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);
										}
									}
									.mypage__purchase_history__list__item__purchase_info__details__price {
										width: 100%;
										height: auto;
										font-size: 16px;
										font-weight: 400;
										line-height: 1.4;
										letter-spacing: 0.05em;
										color: var(--color--black);
										white-space: nowrap;
                                        margin-bottom: 10px;
									}
                                    
                                    .mypage__purchase_history__list__item__purchase_info__details__price span{
                                        font-weight: 700;
                                    }
                                    
                                    .mypage__purchase_history__list__item__purchase_info__details__price span span{
                                        font-size: 10px;
                                    }
				.mypage__favorite {
					width: 100%;
					height: auto;
				}
					.mypage__favorite__list {
						display: grid;
						grid-template-columns: repeat(3, 1fr);
						gap: 15px;
						width: 100%;
						height: auto;
					}
						.mypage__favorite__list__item {
							width: 100%;
							height: auto;
						}
							.mypage__favorite__list__item__link {
								display: block;
								width: 100%;
								height: auto;
							}
								.mypage__favorite__list__item__image {
									width: 100%;
									height: auto;
								}
								.mypage__favorite__list__item__content {
									width: 100%;
									height: auto;
									padding: 10px 0 25px;
								}
                                
                                .mypage__favorite__list__item__cate{
                                    color: #666666;
                                    margin-bottom: 5px;
                                }
                                
									.mypage__favorite__list__item__name {
										width: 100%;
										height: auto;
										margin: 0 auto 10px;
										font-size: 16px;
										font-weight: 700;
										line-height: 1.2;
										letter-spacing: 0.05em;
										color: #000;
									}
									.mypage__favorite__list__item__price {
										width: 100%;
										height: auto;
										font-size: 12px;
										font-weight: 700;
										line-height: 1.2;
										letter-spacing: 0.05em;
                                        font-size: 16px;
                                        color: #000;
									}
                                    
                                    .mypage__favorite__list__item__price span{
                                        font-size: 10px;
                                    }
									.mypage__favorite__list__item__variation {
										display: flex;
										justify-content: flex-start;
										align-items: center;
										flex-wrap: wrap;
										gap: 12px;
										width: 100%;
										height: auto;
										margin: 15px auto 0;
									}
										.mypage__favorite__list__item__variation__size,
										.mypage__favorite__list__item__variation__color {
											font-size: 12px;
											font-weight: 400;
											line-height: 1;
											letter-spacing: 0.05em;
											color: var(--color--black);
										}
				.mypage__information {
					width: 100%;
					height: auto;
				}
					.mypage__information__list {
						display: flex;
						flex-direction: column;
						gap: 20px;
						width: 100%;
						height: auto;
					}
						.mypage__information__list__item {
							width: 100%;
							height: auto;
							padding: 0 0 20px;
							border-bottom: dashed 1px var(--color--lightgray1);
						}
							.mypage__information__list__item__link {
								display: block;
								width: 100%;
								height: auto;
							}
								.mypage__information__list__item__data {
									display: block;
									width: 100%;
									height: auto;
									margin: 0 auto 5px;
									font-size: 12px;
									font-weight: 400;
									line-height: 1.2;
									letter-spacing: 0.05em;
									color: var(--color--gray2);
								}
								.mypage__information__list__item__ttl {
									display: block;
									width: 100%;
									height: auto;
									font-size: 12px;
									font-weight: 500;
									line-height: 1.4;
									letter-spacing: 0.05em;
									color: var(--color--black);
								}
							@media (any-hover: hover) {
								.mypage__information__list__item__ttl {
									transition: .3s;
								}
								.mypage__information__list__item__link:hover .mypage__information__list__item__ttl {
									color: var(--color--hover_text);
								}
							}
				.mypage__help {
					width: 100%;
					height: auto;
					padding: 30px 0;
					background-color: var(--color--lightgray3);
				}
					.mypage__help__ttl {
						width: 100%;
						height: auto;
						margin: 0 auto 60px;
						font-size: 18px;
						font-weight: 500;
						line-height: 1.5;
						letter-spacing: 0.1em;
						text-align: center;
						color: var(--color--black);
						position: relative;
					}
						.mypage__help__ttl::after {
							content: "";
							display: block;
							width: 1px;
							height: 30px;
							background-color: var(--color--black);
							position: absolute;
							bottom: -15px;
							left: 50%;
							transform: translate(-50%,100%);
						}
					.mypage__help__list {
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						gap: 15px;
						width: 90%;
						max-width: 450px;
						height: auto;
						margin: 0 auto;
					}
						.mypage__help__list__item {
							width: 100%;
							height: auto;
						}
							.mypage__help__list__item__link {
								display: flex;
								flex-direction: column;
								justify-content: center;
								align-items: center;
								width: 100%;
								height: auto;
								padding: 20px 0;
								border-radius: 5px;
								background-color: var(--color--white);
							}
								.mypage__help__list__item__icon {
									width: 44px;
									height: auto;
									margin: 0 auto 3px;
								}
								.mypage__help__list__item__details {
									width: 100%;
									height: auto;
								}
									.mypage__help__list__item__details p {
										font-size: 14px;
										font-weight: 400;
										line-height: 1.5;
										letter-spacing: 0.1em;
										text-align: center;
										color: var(--color--black);
									}
				.mypage__purchase_history__details {
					display: flex;
					flex-direction: column;
					gap: 30px;
					width: 100%;
					height: auto;
				}
					.mypage__purchase_history__details__info {
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						gap: 20px;
						width: 100%;
						height: auto;
						padding: 0 0 30px;
						border-bottom: dashed 1px var(--color--lightgray1);
					}
						.mypage__purchase_history__details__info__item {
							width: 100%;
							height: auto;
							padding: 20px;
							background-color: var(--color--lightgray2);
						}
							.mypage__purchase_history__details__info__item__ttl {
								width: 100%;
								height: auto;
								margin: 0 auto 10px;
								font-size: 16px;
								font-weight: 500;
								line-height: 1.5;
								letter-spacing: 0.05em;
								color: var(--color--black);
							}
								.mypage__purchase_history__details__info__item__ttl::before {
									content: '- ';
								}
							.mypage__purchase_history__details__info__item__details {
								display: flex;
								flex-direction: column;
								gap: 5px;
								width: 100%;
								height: auto;
							}
								.mypage__purchase_history__details__info__item__details__item {
									display: flex;
									justify-content: flex-start;
									align-items: flex-start;
									width: 100%;
									height: auto;
								}
									.mypage__purchase_history__details__info__item__details__item dt,
									.mypage__purchase_history__details__info__item__details__item dd {
										font-size: 14px;
										font-weight: 400;
										line-height: 1.25;
										letter-spacing: 0.05em;
										color: var(--color--black);
									}
					.mypage__purchase_history__details__breakdow {
						display: flex;
						flex-direction: column;
						gap: 16px;
						width: 100%;
						height: auto;
						padding: 30px 20px;
						border: solid 1px var(--color--black);
					}
						.mypage__purchase_history__details__breakdow__list {
							display: flex;
							flex-direction: column;
							gap: 7px;
							width: 100%;
							height: auto;
						}
							.mypage__purchase_history__details__breakdow__list._charge {
								padding: 16px 0 0px;
								border-top: dashed 1px var(--color--lightgray1);
							}
							.mypage__purchase_history__details__breakdow__list._point {
								padding: 16px 0 0px;
								border-top: dashed 1px var(--color--lightgray1);
							}
							.mypage__purchase_history__details__breakdow__list__item {
								display: flex;
								justify-content: space-between;
								align-items: center;
								width: 100%;
								height: auto;
							}
								.mypage__purchase_history__details__breakdow__list__item dt,
								.mypage__purchase_history__details__breakdow__list__item dd {
									font-size: 14px;
									font-weight: 500;
									line-height: 1.5;
									letter-spacing: 0.05em;
									color: var(--color--black);
								}
						.mypage__purchase_history__details__breakdow__tax {
							display: flex;
							flex-direction: column;
							gap: 15px;
							width: 100%;
							height: auto;
						}
							.mypage__purchase_history__details__breakdow__tax__ttl {
								width: 100%;
								height: auto;
								font-size: 14px;
								font-weight: 500;
								line-height: 1.5;
								letter-spacing: 0.05em;
								color: var(--color--black);
							}
							.mypage__purchase_history__details__breakdow__tax__item {
								width: 100%;
								height: auto;
							}
								.mypage__purchase_history__details__breakdow__tax__item__ttl {
									width: 100%;
									height: auto;
									margin: 0 auto 7px;
									font-size: 12px;
									font-weight: 500;
									line-height: 1.5;
									letter-spacing: 0.05em;
									color: var(--color--gray1);
								}
						.mypage__purchase_history__details__breakdow__shipping {
							width: 100%;
							height: auto;
						}
							.mypage__purchase_history__details__breakdow__shipping__txt {
								width: 100%;
								height: auto;
								margin: 5px auto 0;
								font-size: 12px;
								font-weight: 500;
								line-height: 1.5;
								letter-spacing: 0.05em;
								color: var(--color--gray1);
							}
						.mypage__purchase_history__details__breakdow__total {
							display: flex;
							justify-content: space-between;
							align-items: center;
							width: 100%;
							height: auto;
							margin: 0 auto;
							padding: 16px 0 0px;
							border-top: dashed 1px var(--color--lightgray1);
						}
							.mypage__purchase_history__details__breakdow__total dt,
							.mypage__purchase_history__details__breakdow__total dd {
								font-size: 16px;
								font-weight: 500;
								line-height: 1.5;
								letter-spacing: 0.05em;
							}
					.mypage__purchase_history__details__btn_area {
						display: flex;
						justify-content: space-between;
						align-items: center;
						width: 100%;
						height: auto;
					}
						.mypage__purchase_history__details__btn_area__btn_wrap {
						}
							.mypage__purchase_history__details__btn_area__btn {
								font-size: 12px;
								font-weight: 400;
								line-height: 1.5;
								letter-spacing: 0.05em;
								cursor: pointer;
                                color: #666666;
                                text-decoration: underline;
							}
								._receipt .mypage__purchase_history__details__btn_area__btn {
									border: solid 1px var(--color--gray1);
									background-color: var(--color--gray1);
									color: var(--color--white);
								}
								._return .mypage__purchase_history__details__btn_area__btn {
									border: solid 1px var(--color--lightgray1);
									background-color: var(--color--lightgray1);
									color: var(--color--black);
								}
							@media (any-hover: hover) {
								.mypage__purchase_history__details__btn_area__btn {
									transition: .3s;
								}
								._receipt .mypage__purchase_history__details__btn_area__btn:hover {
									background-color: var(--color--white);
									color: var(--color--black);
								}
								._return .mypage__purchase_history__details__btn_area__btn:hover {
									background-color: var(--color--white);
								}
							}
				.mypage__customer_information {
					width: 100%;
					height: auto;
				}
					.mypage__customer_information__form_wrap {
						width: 100%;
						height: auto;
					}
						.mypage__customer_information__form {
							width: 100%;
							height: auto;
						}
				.mypage__address_list {
					display: flex;
					flex-direction: column;
					gap: 50px;
					width: 100%;
					height: auto;
				}
					.mypage__address_list__current {
						width: 100%;
						height: auto;
					}
						.mypage__address_list__current__ttl,
						.mypage__address_list__new_address__ttl {
							width: 100%;
							height: auto;
							margin: 0 auto 20px;
							font-size: 16px;
							font-weight: 700;
							line-height: 1.5;
							letter-spacing: 0.05em;
							color: var(--color--black);
                            font-family: "M PLUS 1", sans-serif;
						}
						.mypage__address_list__current__list {
							display: flex;
							flex-direction: column;
							gap: 30px;
							width: 100%;
							height: auto;
							padding: 0 0 30px;
							border-bottom: dashed 1px var(--color--lightgray1);
						}
							.mypage__address_list__current__list__item {
								width: 100%;
								height: auto;
							}
							.mypage__address_list__current__list__item:not(._customer_address) {
								padding: 30px 0 0;
								border-top: dashed 1px var(--color--lightgray1);
							}
							.mypage__address_list__current__list__item._customer_address {
							}
								.mypage__address_list__current__list__item__ttl {
									width: 100%;
									height: auto;
									margin: 0 auto 10px;
									font-size: 14px;
									font-weight: 500;
									line-height: 1.5;
									letter-spacing: 0.05em;
									color: var(--color--black);
								}
								._customer_address .mypage__address_list__current__list__item__ttl {
									font-size: 16px;
									margin: 0 auto 15px;
								}
									.mypage__address_list__current__list__item__ttl::before {
										content: '- ';
									}
								.mypage__address_list__current__list__item__details {
									width: 100%;
									height: auto;
									margin: 0 auto 10px;
								}
								._customer_address .mypage__address_list__current__list__item__details {
									margin: 0 auto 15px;
								}
									.mypage__address_list__current__list__item__details__item {
										display: flex;
										justify-content: flex-start;
										align-items: flex-start;
										width: 100%;
										height: auto;
                                        border-bottom: 1px solid #E5E5E5;
                                        padding-bottom: 30px;
                                        padding-top: 30px;
									}
                                    
                                    .mypage__address_list__current__list__item__details__item:nth-child(1) {
                                        border-top: 1px solid #E5E5E5;
                                    }
                                    
                                    .mypage__address_list__current__list__item__details__item dt{
                                        width: 120px;
                                    }
                                    
                                    .mypage__address_list__current__list__item__details__item dd{
                                        -webkit-flex: 1;
                                        flex: 1;
                                    }
                                    
                                    
										.mypage__address_list__current__list__item__details__item dt,
										.mypage__address_list__current__list__item__details__item dd {
											font-size: 14px;
											font-weight: 400;
											line-height: 1.3;
											letter-spacing: 0.05em;
											color: var(--color--black);
										}
								.mypage__address_list__current__list__item__btn_area {
									display: flex;
									justify-content:flex-end;
									align-items: center;
									gap: 15px;
									width: 100%;
									height: auto;
								}
									.mypage__address_list__current__list__item__btn {
										display: flex;
										justify-content: flex-start;
										align-items: center;
										gap: 7px;
										width: auto;
										height: auto;
										position: relative;
									}
										.mypage__address_list__current__list__item__btn::after {
											content: "";
											display: block;
											width: 100%;
											height: 1px;
											background-color: var(--color--gray2);
											position: absolute;
											bottom: 1px;
											left: 0;
										}
										.mypage__address_list__current__list__item__btn__txt {
											font-size: 14px;
											font-weight: 500;
											line-height: 1.5;
											letter-spacing: 0.05em;
											color: var(--color--gray2);
										}
										.mypage__address_list__current__list__item__btn__arrow {
											width: 5px;
											height: auto;
										}
											.mypage__address_list__current__list__item__btn__arrow svg {
												fill: var(--color--gray2);
											}
								@media (any-hover: hover) {
										.mypage__address_list__current__list__item__btn::after {
											transition: .3s;
											opacity: 1;
										}
										.mypage__address_list__current__list__item__btn:hover::after {
											opacity: 0;
										}
										.mypage__address_list__current__list__item__btn__txt {
											transition: .3s;
										}
										.mypage__address_list__current__list__item__btn:hover .mypage__address_list__current__list__item__btn__txt {
											color: var(--color--black);
										}
										.mypage__address_list__current__list__item__btn__arrow svg {
											transition: .3s;
										}
										.mypage__address_list__current__list__item__btn:hover .mypage__address_list__current__list__item__btn__arrow svg {
											fill: var(--color--black);
										}
								}
					.mypage__address_list__new_address {
						width: 100%;
						height: auto;
					}
						.mypage__address_list__new_address__txt {
							width: 100%;
							height: auto;
							margin: 0 auto 20px;
							font-size: 14px;
							font-weight: 400;
							line-height: 1.5;
							letter-spacing: 0.05em;
							color: var(--color--black);
						}
						.mypage__address_list__new_address__btn_wrap {
							width: 195px;
							height: 48px;
							margin: 0 auto 0 0;
						}
							.mypage__address_list__new_address__btn {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 100%;
								height: 100%;
								background-color: var(--color--black);
								border: solid 1px var(--color--black);
								font-size: 14px;
								font-weight: 400;
								line-height: 1;
								letter-spacing: 0.05em;
								color: var(--color--white);
							}
						@media (any-hover: hover) {
							.mypage__address_list__new_address__btn {
								transition: .3s;
							}
							.mypage__address_list__new_address__btn:hover {
								background-color: var(--color--white);
								color: var(--color--black);
							}
						}
				.mypage__add_address,
				.mypage__address_edit {
					width: 100%;
					height: auto;
				}
					.mypage__add_address__input_btn_wrap {
						width: 195px;
						height: 48px;
						margin: 0 auto 0 0;
					}
						.mypage__add_address__input_btn {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 100%;
							background-color: var(--color--black);
							border: solid 1px var(--color--black);
							font-size: 14px;
							font-weight: 400;
							line-height: 1;
							letter-spacing: 0.05em;
							color: var(--color--white);
						}
					@media (any-hover: hover) {
						.mypage__add_address__input_btn {
							transition: .3s;
						}
						.mypage__add_address__input_btn:hover {
							background-color: var(--color--white);
							color: var(--color--black);
						}
					}
					.mypage__add_address__form_wrap,
					.mypage__address_edit__form_wrap {
						width: 100%;
						height: auto;
						margin: 0 auto;
					}
					.mypage__add_address__form_wrap {
						margin: 50px auto 0;
					}
						.mypage__add_address__form,
						.mypage__address_edit__form {
							width: 100%;
							height: auto;
						}
							.mypage__form__subscription {
								width: 100%;
								height: auto;
							}
								.mypage__form__subscription__account_table {
									width: 100%;
									height: auto;
									border: solid 1px var(--color--gray1);
									font-size: 13px;
									line-height: 1.5;
									text-align: center;
								}
									.mypage__form__subscription__account_table tr {
										width: 100%;
										height: auto;
										border: solid 1px var(--color--gray1);
									}
										.mypage__form__subscription__account_table tr th {
											padding: 10px 7px;
											background-color: var(--color--lightgray1);
											font-weight: 700;
											letter-spacing: 0.05em;
											white-space: nowrap;
										}
										.mypage__form__subscription__account_table tr th:nth-of-type(1),
										.mypage__form__subscription__account_table tr td:nth-of-type(1) {
											width: 34px;
										}
										.mypage__form__subscription__account_table tr th:nth-of-type(2) {
											text-align: center;
										}
										.mypage__form__subscription__account_table tr td {
											padding: 10px 7px;
											font-weight: 500;
										}
											.mypage__form__subscription__account_table tr td a {
												color: var(--color--black);
												text-decoration: underline;
											}
										@media (any-hover: hover) {
											.mypage__form__subscription__account_table tr td a:hover {
												text-decoration: none;
											}
										}
											.subs_order_checkbox {
												width: 100%;
												height: auto;
												margin: 0 auto;
											}
												.subs_order_checkbox input {
													display: none;
												}
												.subs_order_checkbox_label {
													display: block;
													width: 20px;
													height: 20px;
													border: solid 1px var(--color--black);
													position: relative;
													cursor: pointer;
												}
													.subs_order_checkbox_label::after {
														content: '';
														display: block;
														width: 12px;
														height: 6px;
														border-left: solid 2px var(--color--black);
														border-bottom: solid 2px var(--color--black);
														position: absolute;
														top: 8px;
														left: 50%;
														transform: translate(-50%, -50%) rotate(-45deg);
														opacity: 0;
														transition: .4s;
													}
													.subs_order_checkbox input[type=checkbox]:checked ~ .subs_order_checkbox_label::after {
														opacity: 1;
													}
				.mypage__card {
					width: 100%;
					height: auto;
				}
					.mypage__card__list {
						display: flex;
						flex-direction: column;
						gap: 30px;
						width: 100%;
						height: auto;
					}
						.mypage__card__list__item {
							width: 100%;
							height: auto;
							order: 2;
						}
						.mypage__card__list__item._main_card {
							padding: 20px;
							background-color: var(--color--lightgray2);
							order: 1;
						}
						.mypage__card__list__item:not(._main_card) {
							padding: 30px 0 0;
							border-top: dashed 1px var(--color--lightgray1);
							border-bottom: dashed 1px var(--color--lightgray1);
						}
							.mypage__card__list__item__ttl {
								width: 100%;
								height: auto;
								margin: 0 auto 12px;
								font-size: 16px;
								font-weight: 500;
								line-height: 1.5;
								letter-spacing: 0.05em;
								color: var(--color--black);
							}
								.mypage__card__list__item__ttl::before {
									content: '- ';
								}
							.mypage__card__list__item__info_list {
								display: flex;
								flex-direction: column;
								gap: 2px;
								width: 100%;
								height: auto;
								margin: 0 auto 8px;
							}
								.mypage__card__list__item__info_list__item {
									display: flex;
									justify-content: flex-start;
									align-items: center;
									width: 100%;
									height: auto;
								}
									.mypage__card__list__item__info_list__item dt,
									.mypage__card__list__item__info_list__item dd {
										font-size: 14px;
										font-weight: 400;
										line-height: 1.5;
										letter-spacing: 0.05em;
										color: var(--color--black);
									}
										.mypage__card__list__item__info_list__item dd span {
											margin-left: 8px;
											font-size: 12px;
											color: var(--color--red);
										}
							.mypage__card__list__item__btn_area {
								display: flex;
								justify-content: flex-start;
								align-items: center;
								gap: 15px;
								width: 100%;
								height: auto;
							}
								.mypage__card__list__item__btn {
									display: flex;
									justify-content: flex-start;
									align-items: center;
									gap: 7px;
									width: auto;
									height: auto;
									position: relative;
								}
									.mypage__card__list__item__btn::after {
										content: "";
										display: block;
										width: 100%;
										height: 1px;
										background-color: var(--color--gray2);
										position: absolute;
										bottom: 1px;
										left: 0;
									}
									.mypage__card__list__item__btn__txt {
										font-size: 14px;
										font-weight: 500;
										line-height: 1.5;
										letter-spacing: 0.05em;
										color: var(--color--gray2);
									}
									.mypage__card__list__item__btn__arrow {
										width: 5px;
										height: auto;
									}
										.mypage__card__list__item__btn__arrow svg {
											fill: var(--color--gray2);
										}
							@media (any-hover: hover) {
									.mypage__card__list__item__btn::after {
										transition: .3s;
										opacity: 1;
									}
									.mypage__card__list__item__btn:hover::after {
										opacity: 0;
									}
									.mypage__card__list__item__btn__txt {
										transition: .3s;
									}
									.mypage__card__list__item__btn:hover .mypage__card__list__item__btn__txt {
										color: var(--color--black);
									}
									.mypage__card__list__item__btn__arrow svg {
										transition: .3s;
									}
									.mypage__card__list__item__btn:hover .mypage__card__list__item__btn__arrow svg {
										fill: var(--color--black);
									}
							}
					.mypage__card__add_card {
						width: 100%;
						height: auto;
						margin: 50px auto 0;
					}
						.mypage__card__add_card__btn {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 230px;
							height: 48px;
							padding: 0;
							margin: 0 auto 0 0;
							background-color: var(--color--black);
							border: solid 1px var(--color--black);
							font-size: 14px;
							font-weight: 400;
							line-height: 1;
							letter-spacing: 0.05em;
							color: var(--color--white);
							cursor: pointer;
						}
					@media (any-hover: hover) {
						.mypage__card__add_card__btn {
							transition: .3s;
						}
						.mypage__card__add_card__btn:hover {
							background-color: var(--color--white);
							color: var(--color--black);
						}
					}
						.mypage__card__add_card__form_wrap {
							width: 100%;
							height: auto;
							margin: 40px auto 0;
						}
							.mypage__card__add_card__form {
								width: 100%;
								height: auto;
							}
								.mypage__card__add_card__code_note {
									width: 100%;
									height: auto;
									margin: 10px auto 0;
									font-size: 12px;
									font-weight: 400;
									line-height: 1.5;
									letter-spacing: 0.05em;
									color: var(--color--black);
								}
				.mypage__point_history {
					width: 100%;
					height: auto;
				}
					.mypage__point_history__info {
						width: 100%;
						height: auto;
						padding: 20px 0;
						margin: 0 auto;
						background-color: var(--color--lightgray2);
					}
						.mypage__point_history__info__ttl {
							width: 100%;
							height: auto;
							margin: 0 auto 5px;
							font-size: 12px;
							font-weight: 500;
							line-height: 1.5;
							letter-spacing: 0.1em;
							text-align: center;
							color: var(--color--gray1);
						}
						.mypage__point_history__info__point {
							width: 100%;
							height: auto;
							margin: 0 auto 1px;
							font-size: 22px;
							font-weight: 500;
							line-height: 1.15;
							letter-spacing: 0.1em;
							text-align: center;
							color: var(--color--black);
						}
							.mypage__point_history__info__point small {
								display: inline-block;
								margin-left: 5px;
								font-size: 18px;
								letter-spacing: 0em;
							}
						.mypage__point_history__info__note {
							width: 100%;
							height: auto;
							font-size: 12px;
							font-weight: 500;
							line-height: 1.5;
							letter-spacing: 0.1em;
							text-align: center;
							color: var(--color--gray1);
						}
					.mypage__point_history__expired_date {
						width: 100%;
						height: auto;
						padding: 12px 0;
						margin: 10px auto 0;
						background-color: var(--color--lightgray2);
					}
						.mypage__point_history__expired_date__ttl {
							width: 100%;
							height: auto;
							margin: 0 auto 5px;
							font-size: 12px;
							font-weight: 500;
							line-height: 1.5;
							letter-spacing: 0.1em;
							text-align: center;
							color: var(--color--gray1);
						}
						.mypage__point_history__expired_date__txt {
							width: 100%;
							height: auto;
							font-size: 18px;
							font-weight: 500;
							line-height: 1.15;
							letter-spacing: 0.1em;
							text-align: center;
							color: var(--color--black);
						}
					.mypage__point_history__list_wrap {
						width: 100%;
						height: auto;
						margin: 60px auto 0;
					}
						.mypage__point_history__list_wrap__ttl {
							width: 100%;
							height: auto;
							margin: 0 auto 30px;
							font-size: 14px;
							font-weight: 400;
							line-height: 1;
							letter-spacing: 0.06em;
							color: var(--color--black);
						}
						.mypage__point_history__list {
							width: 100%;
							height: auto;
							border-top: dashed 1px var(--color--lightgray1);
						}
							.mypage__point_history__list__item {
								display: flex;
								justify-content: space-between;
								align-items: center;
								width: 100%;
								height: auto;
								padding: 20px 0;
								border-bottom: dashed 1px var(--color--lightgray1);
							}
								.mypage__point_history__list__item__info {
									width: calc(100% - 140px);
									height: auto;
								}
									.mypage__point_history__list__item__info__date {
										width: 100%;
										height: auto;
										margin: 0 auto 5px;
										font-size: 12px;
										font-weight: 400;
										line-height: 1.2;
										letter-spacing: 0.05em;
										color: var(--color--gray2);
									}
									.mypage__point_history__list__item__info__list {
										display: flex;
										flex-direction: column;
										gap: 2px;
										width: 100%;
										height: auto;
									}
										.mypage__point_history__list__item__info__list__item {
											display: flex;
											justify-content: flex-start;
											align-items: flex-start;
											width: 100%;
											height: auto;
										}
											.mypage__point_history__list__item__info__list__item dt,
											.mypage__point_history__list__item__info__list__item dd {
												font-size: 14px;
												font-weight: 400;
												line-height: 1.3;
												letter-spacing: 0.05em;
												color: var(--color--black);
											}
												.mypage__point_history__list__item__info__list__item dd small {
													font-size: 12px;
													letter-spacing: 0em;
												}
								.mypage__point_history__list__item__point {
									width: 140px;
									height: auto;
								}
									.mypage__point_history__list__item__point__txt {
										width: 100%;
										height: auto;
										font-size: 16px;
										font-weight: 400;
										line-height: 1.3;
										letter-spacing: 0.05em;
										text-align: right;
										color: var(--color--black);
									}
									.mypage__point_history__list__item__point__note {
										width: 100%;
										height: auto;
										margin: 5px auto 0;
										font-size: 12px;
										font-weight: 400;
										line-height: 1.2;
										letter-spacing: 0.05em;
										text-align: right;
										color: var(--color--gray1);
									}
				.mypage__favorite {
					width: 100%;
					height: auto;
				}
				.mypage__coupon {
					width: 100%;
					height: auto;
				}
					.mypage__coupon__list {
						width: 100%;
						height: auto;
						border-top: dashed 1px var(--color--lightgray1);
					}
						.mypage__coupon__list__item {
							width: 100%;
							height: auto;
							padding: 20px 0;
							border-bottom: dashed 1px var(--color--lightgray1);
						}
							.mypage__coupon__list__item__info {
								display: flex;
								flex-direction: column;
								gap: 3px;
								width: 100%;
								height: auto;
								margin: 0 auto 10px;
							}
								.mypage__coupon__list__item__info__item {
									display: flex;
									justify-content: flex-start;
									align-items: center;
									gap: 5px;
									width: 100%;
									height: auto;
								}
									.mypage__coupon__list__item__info__item dt,
									.mypage__coupon__list__item__info__item dd {
										font-size: 14px;
										font-weight: 400;
										line-height: 1.3;
										letter-spacing: 0.05em;
										color: var(--color--black);
									}
									._disabled .mypage__coupon__list__item__info__item dt,
									._disabled .mypage__coupon__list__item__info__item dd {
										color: var(--color--gray1);
									}
							.mypage__coupon__list__item__code_wrap {
								width: 100%;
								height: auto;
								margin: 0 auto 10px;
							}
								.mypage__coupon__list__item__code {
									display: inline-flex;
									justify-content: flex-start;
									align-items: center;
									gap: 5px;
									padding: 20px;
									background-color: var(--color--lightgray2);
								}
									.mypage__coupon__list__item__code dt,
									.mypage__coupon__list__item__code dd {
										font-size: 14px;
										font-weight: 400;
										line-height: 1.3;
										letter-spacing: 0.05em;
										color: var(--color--black);
									}
									.mypage__coupon__list__item__code dd {
										font-weight: 700;
									}
									._disabled .mypage__coupon__list__item__code dt,
									._disabled .mypage__coupon__list__item__code dd {
										color: var(--color--gray1);
									}
							.mypage__coupon__list__item__copy_btn_wrap {
								display: flex;
								justify-content: flex-start;
								gap: 12px;
								width: 100%;
								height: auto;
							}
								.mypage__coupon__list__item__copy_btn {
									display: inline-block;
									width: auto;
									height: auto;
									font-size: 12px;
									font-weight: 400;
									line-height: 20px;
									letter-spacing: 0.05em;
									color: var(--color--black);
									cursor: pointer;
									position: relative;
								}
									.mypage__coupon__list__item__copy_btn::after {
										content: '';
										display: block;
										width: 100%;
										height: 1px;
										background-color: var(--color--black);
										position: absolute;
										bottom: 0;
										left: 0;
									}
							@media (any-hover: hover) {
								.mypage__coupon__list__item__copy_btn {
									transition: .3s;
								}
								.mypage__coupon__list__item__copy_btn:hover {
									text-decoration: none;
								}
									.mypage__coupon__list__item__copy_btn::after {
										transition: .3s;
										opacity: 1;
									}
									.mypage__coupon__list__item__copy_btn:hover::after {
										background-color: var(--color--hover_text);
										opacity: 0;
									}
							}
								.mypage__coupon__list__item__copy_btn__success_message {
									display: none;
									padding: 4px 8px;
									background-color: var(--color--lightgray1);
									font-size: 10px;
									font-weight: 400;
									line-height: 1.2;
									letter-spacing: 0.05em;
									color: var(--color--black);
								}
				.mypage__contents__back {
					width: 100%;
					height: auto;
				}
					.mypage__contents__back_btn_wrap {
						width: 100%;
						height: auto;
					}
						.mypage__contents__back_btn {
							display: inline-flex;
							justify-content: flex-start;
							align-items: center;
							gap: 8px;
						}
							.mypage__contents__back_btn__txt {
								font-size: 14px;
								font-weight: 400;
								line-height: 1.5;
								letter-spacing: 0.05em;
								color: var(--color--black);
							}
							.mypage__contents__back_btn__arrow {
								width: 5px;
								height: auto;
								position: relative;
								top: 1px;
							}
								.mypage__contents__back_btn__arrow svg {
									fill: var(--color--black);
								}
						@media (any-hover: hover) {
							.mypage__contents__back_btn__txt {
								transition: .3s;
							}
							.mypage__contents__back_btn:hover .mypage__contents__back_btn__txt {
								color: var(--color--hover_text);
							}
								.mypage__contents__back_btn__arrow svg {
									transition: .3s;
								}
								.mypage__contents__back_btn:hover .mypage__contents__back_btn__arrow svg {
									transform: translateX(-5px);
									fill: var(--color--hover_text);
								}
						}
					.mypage__caution {
						width: 100%;
						height: auto;
						padding: 20px;
						margin: 0 auto 50px;
                        background-color: #ECEAE8;
					}
						.mypage__caution__txt {
							font-size: 14px;
							font-weight: 400;
							line-height: 1.5;
							letter-spacing: 0.1em;
							color: #666666;
						}
							.mypage__caution__txt a {
								color: var(--color--black);
							}
						@media (any-hover: hover) {
							.mypage__caution__txt a {
								transition: .3s;
                                text-decoration: underline;
							}
							.mypage__caution__txt a:hover {
								color: var(--color--hover_text);
							}
						}

/* PC ================================================== */
@media all and (min-width: 720px){

}

/* Tablet ================================================== */
@media all and (max-width: 719px){
				/* mypage__rank */
					.mypage__rank__contents {
						padding: 30px 0px 50px;
					}
							.mypage__rank__contents__heading {
								flex-direction: column;
								justify-content: flex-start;
								align-items: center;
								gap: 10px;
								margin: 0 auto 15px;
							}
							.mypage__rank__contents__info {
								width: calc((360 / 400) * 100%);
								max-width: 360px;
							}
								.mypage__rank__contents__info__item {
									width: 100%;
									max-width: 182px;
									height: 74px;
								}
							.mypage__rank__contents__progress {
								width: calc((347 / 400) * 100%);
								margin: 20px auto 0;
							}

				/* mypage__point */
						.mypage__point__value {
							gap: 15px;
						}
							.mypage__point__value dd {
								font-size: 20px;
							}
								.mypage__point__value dd small {
									font-size: 14px;
								}
							.mypage__point__limit__item {
								width: 175px;
								height: 72px;
							}
									.mypage__point__limit__item dl dd {
										font-size: 14px;
									}

				/* mypage__campaign */
						.campaign__pagination {
							gap: 6px;
							bottom: -15px !important;
						}

				/* mypage__purchase_history */
						.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__purchase_info {
								width: 100%;
							}
								.mypage__purchase_history__list__item__purchase_info__inner {
									display: flex;
									flex-direction: column;
								}
									.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__btn_wrap {
										margin: 15px auto 0;
										order: 4;
									}
									.mypage__purchase_history__list__item__purchase_info__details__price {
										margin: 15px auto 0;
										order: 3;
									}
									.mypage__purchase_history__details .mypage__purchase_history__list__item__purchase_info__details__price {
										text-align: right;
									}

				/* mypage__favorite */
					.mypage__favorite__list {
						grid-template-columns: repeat(2, 1fr);
						gap: 10px;
					}
								.mypage__favorite__list__item__content {
									padding: 10px 0 10px;
								}

				/* mypage__information */


				/* mypage__help */
				.mypage__help {
					padding: 20px 0;
				}
					.mypage__help__ttl {
						margin: 0 auto 60px;
						font-size: 16px;
					}
					.mypage__help__list {
						width: calc((363 / 400) * 100%);
					}
							.mypage__help__list__item__link {
								padding: 13px 0;
							}
									.mypage__help__list__item__details p {
										font-size: 13px;
										letter-spacing: 0.05em;
									}

				/* mypage__purchase_history__details */
					.mypage__purchase_history__details__info {
						grid-template-columns: repeat(1, 1fr);
						gap: 10px;
					}
						.mypage__purchase_history__details__info__item {
							padding: 20px 0;
						}
							.mypage__purchase_history__details__info__item__ttl {
								width: calc((360 / 400) * 100%);
							}
							.mypage__purchase_history__details__info__item__details {
								width: calc((360 / 400) * 100%);
								margin: 0 auto;
							}
					.mypage__purchase_history__details__breakdow {
						padding: 30px 0;
					}
						.mypage__purchase_history__details__breakdow > .mypage__purchase_history__details__breakdow__list {
							width: calc((360 / 400) * 100%);
							margin: 0 auto;
						}
						.mypage__purchase_history__details__breakdow__tax {
							width: calc((360 / 400) * 100%);
							margin: 0 auto;
						}
						.mypage__purchase_history__details__breakdow__shipping {
							width: calc((360 / 400) * 100%);
							margin: 0 auto;
						}
						.mypage__purchase_history__details__breakdow__total {
							width: calc((360 / 400) * 100%);
							margin: 0 auto;
						}
						.mypage__purchase_history__details__btn_area__btn_wrap._receipt {
							width: calc((245 / 400) * 100%);
						}
						.mypage__purchase_history__details__btn_area__btn_wrap._return {
							width: calc((145 / 400) * 100%);
						}

				/* mypage__address_list */
						.mypage__address_list__current__ttl,
						.mypage__address_list__new_address__ttl {
							font-size: 16px;
						}
							.mypage__address_list__current__list__item._customer_address {
								padding: 20px 0;
							}
								._customer_address .mypage__address_list__current__list__item__ttl {
									width: calc((360 / 400) * 100%);
								}
								._customer_address .mypage__address_list__current__list__item__details {
									width: calc((360 / 400) * 100%);
								}
								._customer_address .mypage__address_list__current__list__item__btn_area {
									width: calc((360 / 400) * 100%);
									margin: 0 auto;
								}

				/* mypage__add_address, mypage__address_edit */
					.mypage__add_address__input_btn_wrap {
						width: 195px;
						height: 48px;
						margin: 0 auto 0 0;
					}
						.mypage__add_address__input_btn {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 100%;
							background-color: var(--color--black);
							border: solid 1px var(--color--black);
							font-size: 14px;
							font-weight: 400;
							line-height: 1;
							letter-spacing: 0.05em;
							color: var(--color--white);
						}
					@media (any-hover: hover) {
						.mypage__add_address__input_btn {
							transition: .3s;
						}
						.mypage__add_address__input_btn:hover {
							background-color: var(--color--white);
							color: var(--color--black);
						}
					}
								.mypage__form__subscription__account_table {
									display: block;
									font-size: 14px;
								}
									.mypage__form__subscription__account_table tbody {
										display: block;
										width: 100%;
										height: auto;
									}
									.mypage__form__subscription__account_table tr {
										display: block;
										padding: 16px calc((16 / 400) * 100%);
										border: none;
									}
									.mypage__form__subscription__account_table tr:not(:last-of-type) {
										border-bottom: solid 1px var(--color--gray1);
									}
									.mypage__form__subscription__account_table tr:first-of-type {
										display: none;
									}
										.mypage__form__subscription__account_table tr td {
											display: flex;
											justify-content: flex-start;
											align-self: flex-start;
											padding: 0;
											width: 100%;
											height: auto;
											text-align: left;
										}
										.mypage__form__subscription__account_table tr td:not(:last-of-type) {
											margin-bottom: 3px;
										}
											.mypage__form__subscription__account_table > tbody > tr > td::before {
												content: attr(data-title);
												display: block;
												width: 120px;
											}
											.mypage__form__subscription__account_table > tbody > tr > td:first-of-type::before {
												display: none;
											}
											.mypage__form__subscription__account_table > tbody > tr > td span {
												display: block;
												flex: 1;
											}
											.subs_order_checkbox {
												margin: 0 auto 5px;
											}
												.subs_order_checkbox_label {

												}
													.subs_order_checkbox_label::before {
														content: '反映させる';
														display: block;
														font-size: 14px;
														font-weight: 500;
														line-height: 1.5;
														letter-spacing: 0.05em;
														color: var(--color--black);
														white-space: nowrap;
														position: absolute;
														top: 50%;
														right: -10px;
														transform: translate(100%, -50%);
													}

				/* mypage__card */
						.mypage__card__list__item._main_card {
							padding: 20px 0;
						}
							.mypage__card__list__item__ttl {
								width: calc((360 / 400) * 100%);
							}
							.mypage__card__list__item__info_list {
								margin: 0 auto 8px;
							}
							._main_card .mypage__card__list__item__info_list {
								width: calc((360 / 400) * 100%);
							}
							._main_card .mypage__card__list__item__btn_area {
								width: calc((360 / 400) * 100%);
								margin: 0 auto;
							}
						.mypage__card__add_card__form_wrap {
							margin: 40px auto 0;
						}

				/* mypage__point_history */
							.mypage__point_history__list__item {
								display: flex;
								flex-direction: column;
								gap: 18px;
							}
								.mypage__point_history__list__item__info {
									width: 100%;
								}
								.mypage__point_history__list__item__point {
									display: flex;
									justify-content: flex-start;
									align-items: center;
									gap: 5px;
									width: 100%;
								}
									.mypage__point_history__list__item__point__txt {
										width: auto;
										margin: 0;
										text-align: left;
									}
									.mypage__point_history__list__item__point__note {
										width: auto;
										margin: 0;
										text-align: left;
										color: var(--color--gray1);
									}
										.mypage__point_history__list__item__point__note::before {
											content: '/ ';
										}

				/* mypage__favorite */

				/* mypage__coupon */
								.mypage__coupon__list__item__code {
									display: flex;
									padding: 20px calc((20 / 400) * 100%);
								}

				/* mypage__contents__back */
}

.mypage__news ul{
    margin-bottom: 20px;
}

.mypage__news ul li a{
    color: #000;
    transition: .3s;
}

@media (any-hover: hover) {
    .mypage__news ul li a:hover{
        opacity: 0.5;
    }
}

.mypage__news ul li .date{
    color: #666666;
    margin-bottom: 5px;
    font-size: 12px;
}

.mypage__news ul li{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #E5E5E5;
}

.mypage_more_btn a{
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #666666;
    padding-right: 25px;
    transition: .3s;
}

.mypage_more_btn svg{
    width: 20px;
    position: absolute;
    right: 0;
    top: 7px;
    transition: transform .35s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@media (any-hover: hover) {
    .mypage_more_btn a:hover{
        opacity: 0.7;
        
    }
    
    .mypage_more_btn a:hover svg{
        transform: translateX(3px); /* ← 3px右へ移動 */
    }
}

.mypage_history > ul > li > .li_inner .right .btn1 a, .mypage_history > ul > li > .li_inner .right .btn2 a, .mypage_history > ul > li > .btn3 a{
    display: block;
    background-color: #666666;
    width: 100%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: 15px 0 17px 0;
    margin-top: 15px;
}

.mypage_history > ul > li > .li_inner .right .btn1 a:hover , .mypage_history > ul > li > .li_inner .right .btn2 a:hover, .mypage_history > ul > li > .btn3 a:hover{
    opacity: 0.7;
    transition: .3s;
}

.mypage_history > ul > li > .li_inner .right .box3 .text1{
    color: #9B734E;
    font-size: 12px;
    margin-bottom: 10px;
}

.mypage_history > ul > li > .li_inner .right .box3 .text2{
    font-size: 12px;
    margin-bottom: 10px;
}

.mypage_history > ul > li > .li_inner .right .box3 .text3{
    font-size: 12px;
    margin-bottom: 10px;
}

.mypage_history > ul > li > .li_inner .right .box3 .text4{
    font-size: 10px;
    color: #666666;
}

.mypage_history > ul > li > .li_inner .right .box2 .left {
    -webkit-flex: 1;
    flex: 1;
}

.mypage_history > ul > li > .li_inner .right .box2 .left .cate{
    font-size: 12px;
    color: #666666;
}

.mypage_history > ul > li > .li_inner .right .box2 .left .name{
    font-weight: 700;
}

.mypage_history > ul > li > .li_inner .right .box2 .right{
    font-size: 16px;
    font-weight: 700;
}

.mypage_history > ul > li > .li_inner .right .box2 .right .quantity{
    font-weight: 400;
    font-size: 12px;
}

.mypage_history > ul > li > .li_inner .right .box2 .right span{
    font-size: 10px;
}

.mypage_history > ul > .li_inner li:last-child{
    padding-bottom: 0;
    border: none;
}

.mypage_history > ul > li > .li_inner .right{
    -webkit-flex: 1;
    flex: 1;
}

.mypage_history > ul > li > .li_inner .right .box1 .status{
    background-color: #000;
    color: #fff;
    line-height: 1.5em;
    font-size: 10px;
    padding: 2px 5px 2px 5px;
}

.mypage_history > ul > li > .li_inner .right .box1 .status.ver2{
    background-color: #A9A9A9;
}

.mypage_history > ul > li > .li_inner .right .box1 .status.ver3{
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
    line-height: 1.5em;
    font-size: 10px;
    padding: 1px 4px 1px 4px;
}

.purchase_history .hide_tab{
    display: none;
}

.purchase_history .tab{
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}

.purchase_history .tab > li{
    padding: 0 30px 0 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 1;
    border: 1px solid #000;
    margin-left: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: none;
    color: #A9A9A9;
    height: 32px;
}

@media (any-hover: hover) {
    .purchase_history .tab > li:hover{
        background-color: #000;
        color: #fff;
    }
}

.purchase_history .tab > li.select{
    background-color: #000;
    color: #fff;
    height: 40px;
}

.mypage_history > ul > li > .right .box1 .order_number2{
    font-size: 12px;
}
    
@media print, screen and (min-width: 720px) {
    .mypage_history > ul > li{
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px dashed #EAEAEA;
    }
    
    .mypage_history > ul > li > .li_inner{
        display: flex;
        margin-bottom: 40px;
    }
    
    .mypage_history > ul > li > .li_inner:last-child{
        margin-bottom: 0;
    }
    
    .mypage_history > ul > li > .li_inner > .left{
        width: 150px;
        margin-right: 20px;
    }
    
    .mypage_history > ul > li > .li_inner .right .box2{
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        padding-bottom: 10px;
        align-items: flex-end;
        border-bottom: 1px solid #F0F0F0;
    }
    
    .mypage_history > ul > li > .li_inner .right .box2 .right{
        width: 120px;
        text-align: right;
    }
    
    .mypage_history > ul > li > .li_inner .right .box1{
        display: flex;
        margin-bottom: 10px;
    }
    
    .mypage_history > ul > li > .li_inner .right .box1_2{
        display: flex;
    }
    
    .mypage_history > ul > li > .li_inner .right .box1 .order_number{
        margin-left: 10px;
        font-size: 12px;
    }

    .mypage_history > ul > li > .li_inner .right .box1 .number{
        margin-left: 10px;
        font-size: 12px;
    }
    
    .mypage_history > ul > li > .li_inner .right .box2 .quantity_count{
        font-size: 12px;
        font-weight: 400;
        text-align: right;
    }
}
    
@media print, screen and (max-width: 719px) {
    .mypage_history > ul > li{
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px dashed #EAEAEA;
    }
    
    .mypage_history > ul > li > .li_inner{
        margin-bottom: 40px;
    }
    
    .mypage_history > ul > li > .li_inner:last-child{
        margin-bottom: 0px;
    }
    
    .mypage_history > ul > li > .li_inner > .left{
        width: 150px;
        margin: 0 auto 30px auto;
    }
    
    .mypage_history > ul > li > .li_inner .right .box2{
        margin-bottom: 10px;
        padding-bottom: 10px;
        align-items: flex-end;
        border-bottom: 1px solid #F0F0F0;
    }
    
    .mypage_history > ul > li > .li_inner .right .box2 .left{
        margin-bottom: 10px;
    }
    
    .mypage_history > ul > li > .li_inner .right .box3 .text1{
        margin-bottom: 5px;
    }

    .mypage_history > ul > li > .li_inner .right .box3 .text2{
        margin-bottom: 5px;
    }

    .mypage_history > ul > li > .li_inner .right .box3 .text3{
        margin-bottom: 5px;
    }
    
    .mypage_history > ul > li > .li_inner .right .box1{
        margin-bottom: 10px;
    }
    
    .mypage_history > ul > li > .li_inner .right .box1_2{
        display: flex;
    }

    .mypage_history > ul > li > .li_inner .right .box1 .order_number{
        font-size: 12px;
    }

    .mypage_history > ul > li > .li_inner .right .box1 .number{
        font-size: 12px;
        margin-left: 10px;
    }
    
    .mypage_history > ul > li > .li_inner .right .box1 .status{
        display: inline-block;
        padding: 2px 5px 2px 5px;
        margin-bottom: 5px;
    }
    
    .mypage_history > ul > li > .li_inner .right .box2 .quantity_count{
        font-size: 12px;
        font-weight: 400;
        text-align: left;
    }
    
}

/* SP ================================================== */
@media all and (max-width: 575px){

}

@media print, screen and (min-width: 1110px) {
    .mypage__purchase_history__details_box{
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }

    .mypage__purchase_history__details_box .box1{
        width: 130px;
        margin-right: 20px;
    }

    .mypage__purchase_history__details_box .box1_2{
        -webkit-flex: 1;
        flex: 1;

        display: flex;
        align-items: center;
    }

    .mypage__purchase_history__details_box .box2{
        width: 320px;
        margin-right: 20px;
    }

    .mypage__purchase_history__details_box .box3{
        -webkit-flex: 1;
        flex: 1;
        text-align: right;
    }
}

@media print, screen and (max-width: 1109px) {
    .mypage__purchase_history__details_box{
        display: flex;
        align-items: center;
        margin-bottom: 50px;
    }

    .mypage__purchase_history__details_box .box1{
        width: 130px;
        margin-right: 20px;
    }

    .mypage__purchase_history__details_box .box1_2{
        -webkit-flex: 1;
        flex: 1;
    }

    .mypage__purchase_history__details_box .box2{
        margin-bottom: 20px;
    }
}

.mypage__purchase_history__details_box .box3 a{
    text-decoration: underline;
    color: #666666;
}

@media (any-hover: hover) {
    .mypage__purchase_history__details_box .box3 a:hover{
        text-decoration: none;
    }
}

.mypage__purchase_history__details_box .box3 button:hover{
    opacity: 0.5;
}

.mypage__purchase_history__list__item__products_list__item__details__return{
    font-size: 12px;
}

.mypage__purchase_history__details_title{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
}

.mypage__purchase_history__details_list {
    margin-bottom: 50px;
}

.mypage__purchase_history__details_list > ul > li{
    display: flex;
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #E5E5E5;
}

.mypage__purchase_history__details_list > ul > li:nth-child(1){
    border-top: 1px solid #E5E5E5;
}

.mypage__purchase_history__details_list > ul > li .left{
    width: 170px;
    margin-right: 10px;
}

.mypage__purchase_history__details_list > ul > li .right{
    -webkit-flex: 1;
    flex: 1;
}

.mypage__purchase_history__details_list_text{
    color: #666666;
    margin-bottom: 30px;
}

.mypage__purchase_history__details_list > ul > li > ul{
    width: 100%;
}

.mypage__purchase_history__details_list > ul > li > ul > li{
    display: flex;
    padding-bottom: 30px;
    border-bottom: 1px dashed #E5E5E5;
    padding-top: 30px;
}

.mypage__purchase_history__details_list > ul > li > ul > li:nth-child(1){
    padding-top: 0;
}

.mypage__purchase_history__details_list > ul > li > ul > li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}

.subs_orders_first_text{
    padding: 20px;
    color: #666666;
    background-color: #F7F7F7;
    font-size: 12px;
    margin-bottom: 50px;
}

.subs_orders_count{
    margin-bottom: 50px;
}

.subs_orders_box .box1 .title{
    font-weight: 700;
    font-size: 16px;
}

.subs_orders_box ul li{
    display: flex;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #EAEAEA;
}

.subs_orders_box ul li .left{
    width: 150px;
    margin-right: 20px;
}

.subs_orders_box ul li .right{
    -webkit-flex: 1;
    flex: 1;
    word-break: break-all;
}

.subs_orders_box .box1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.subs_orders_box .mypage_more_btn a{
    display: inline-block;
    position: relative;
    font-size: 12px;
    color: #666666;
    padding-right: 20px;
    transition: .3s;
}

.subs_orders_box .mypage_more_btn svg{
    width: 15px;
    position: absolute;
    right: 0;
    top: 6px;
    transition: transform .35s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@media print, screen and (min-width: 720px) {
    .subs_orders_box{
        margin-top: 50px;
        padding: 30px 50px 30px 50px;
        background-color: #F7F7F7;
    }
    
    .subs_orders_box ul li br{
        display: none;
    }
}
@media print, screen and (max-width: 719px) {
    .subs_orders_box{
        margin-top: 50px;
        padding: 20px;
        background-color: #F7F7F7;
    }
    
    .mypage_more_btn{
        text-align: right;
    }
}

@media print, screen and (min-width: 720px) {
    .subs_orders_detail_first_box{
        display: flex;
        align-items: center;
    }
}

.subs_orders_detail_first_box{
    padding: 20px;
    color: #000;
    background-color: #F7F7F7;
    font-size: 12px;
    margin-bottom: 50px;
}
.subs_orders_detail_first_box .status1{
    background-color: #000;
    color: #fff;
    font-size: 10px;
    line-height: 1.4em;
    padding: 2px 3px 2px 3px;
    margin-right: 10px;
    width: 110px;
    text-align: center;
}

.subs_orders_detail_first_box .status1.ver2{
    background-color: #A9A9A9;
}

@media print, screen and (max-width: 719px) {
    .subs_orders_detail_first_box .status1{
        margin: 0 auto 0 auto;
    }
}

.subs_orders_detail_first_box .status2{
    -webkit-flex: 1;
    flex: 1;
}

.subs_orders_btn_area{
    display: flex;
}

.subs_orders_btn_area > div{
    width: 50%;
}

.subs_orders_btn_area > div:first-child{
    margin-right: 10px;
}

.subs_orders_detail{
   border-bottom: 1px dashed #E5E5E5; 
   margin-bottom: 45px;
}

.subs_orders_detail_box{
    margin-bottom: 50px;
}

.subs_orders_detail_box span{
    color: #9B734E;
    font-weight: 700;
}

.subs_orders_detail_box .title{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
}

.subs_orders_detail_box ul li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E5E5E5;
}

.subs_orders_detail_box ul li .left{
    -webkit-flex: 1;
    flex: 1;
}

.subs_orders_detail_box ul li .right{
    width:100px;
    margin-left: 20px;
}

.subs_orders_detail_box ul li.kaiyaku .right{
    width:220px;
}

@media print, screen and (max-width: 719px) {
    .subs_orders_detail_box ul li.kaiyaku{
        display: block;
    }

    .subs_orders_detail_box ul li.kaiyaku .right{
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
}

.subs_orders_detail_last_box{
    color: #666666;
    font-size: 12px;
    line-height: 2em;
}

.subs_orders_detail_last_box a{
    text-decoration: underline;
    color: #666666;
}

@media (any-hover: hover) {
    .subs_orders_detail_last_box a:hover{
        text-decoration: none;
    }
}

    .subs_orders_edit1{
        padding: 20px;
        color: #000;
        background-color: #F7F7F7;
        font-size: 12px;
        margin-bottom: 20px;
    }

    .subs_orders_edit2{
        color: #C31A1D;
        font-size: 12px;
        margin-bottom: 50px;
    }
    
    .subs_orders_edit_box{
        margin-bottom: 50px;
    }
    
    .subs_orders_edit_box .title{
        font-weight: 700;
        font-size: 16px;
        margin-bottom: 25px;
    }
    
    .subs_orders_edit_box .text1{
        margin-bottom: 25px;
    }
    
    .subs_orders_edit_box .text2{
        margin-bottom: 25px;
        line-height: 2em;
    }
    
    .subs_orders_edit_box .text3{
        margin-top: 10px;
        font-size: 12px;
        text-align: right;
    }
    
    .subs_orders_edit_box .text3 a{
        text-decoration: underline;
        color: #000;
    }
    
    @media (any-hover: hover) {
        .subs_orders_edit_box .text3 a:hover{
            text-decoration: none;
        }
    }
    
    .subs_orders_edit_box .text4{
        margin-bottom: 20px;
        font-weight: 500;
    }
    
    .subs_orders_edit_box span{
        color: #9B734E;
    }
    
    .subs_orders_edit_box .box1{
        margin-bottom: 30px;
    }
    
    .subs_orders_edit_box .box1 ul li{
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    
    .subs_orders_edit_box .box1 ul li .left{
        width: 130px;
    }
    
    .subs_orders_edit_box .box1 ul li .right{
        -webkit-flex: 1;
        flex: 1;
    }
    
    .subs_orders_edit_box .subs_orders_edit_select select{
        padding: 10px 15px 10px 15px;
        background-color: #F7F7F7;
        width: 100%;
    }
    
    .subs_orders_edit_box .subs_orders_edit_select.w200{
        width: 200px;
    }
    
    .subs_orders_edit_box .subs_orders_edit_select{
        position: relative;
        width: 100%;
    }
    
    .subs_orders_edit_box .subs_orders_edit_select svg{
        position: absolute;
        top: 18px;
        right: 20px;
        width: 10px;
    }
    
    .subs_orders_edit_box .haisou .haisou_box{
        display: flex;
        margin-bottom: 20px;
        align-items: center;
    }
    
    .subs_orders_edit_box .haisou .subs_orders_edit_select{
        width: 120px;
        margin-right: 10px;
    }
    
    .subs_orders_edit_box .subs_orders_edit_textbox .textbox{
        padding: 10px 15px 10px 15px;
        background-color: #F7F7F7;
        width: 100%;
    }
    
    @media print, screen and (min-width: 720px) {
        .subs_orders_edit_box .btn_area ul{
            display: flex;
        }
    }
    
    .subs_orders_edit_box .btn_area ul li .btn1{
        background-color: #000;
        width: 100%;
        color: #fff;
        padding: 18px 0 18px 0;
        line-height: 1;
        cursor: pointer;
        transition: .3s;
        font-weight: 700;
        border: 1px solid #000;
    }
    
    .subs_orders_edit_box .btn_area ul li .btn2{
        background-color: #fff;
        display: block;
        width: 100%;
        color: #000;
        border: 1px solid #000;
        text-align: center;
        padding: 18px 0 18px 0;
        line-height: 1;
        cursor: pointer;
        transition: .3s;
        font-weight: 700;
    }
    
    .subs_orders_edit_box .btn_area ul li:nth-child(1){
        width: 80%;
        margin-right: 10px;
    }
    
    .subs_orders_edit_box .btn_area ul li:nth-child(2){
        -webkit-flex: 1;
        flex: 1;
    }
    
    @media print, screen and (max-width: 719px) {
        .subs_orders_edit_box .btn_area ul li:nth-child(1){
            width: 100%;
            margin-right: 0px;
            margin-bottom: 10px;
        }
    }
    
    @media (any-hover: hover) {
        .subs_orders_edit_box .btn_area ul li .btn1:hover{
            opacity: 0.7;
        }
        
        .subs_orders_edit_box .btn_area ul li .btn2:hover{
            opacity: 0.7;
        }
    }

.subs_orders_edit_box .gray{
    color: #A9A9A9;
}




.subs_orders_edit_box .haisou_box2{
    margin-top: 10px;
}

.subs_orders_edit_box .haisou_box2 label input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.subs_orders_edit_box .haisou_box2 label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.subs_orders_edit_box .haisou_box2 .c-form_table__radio__frame {
  width: 18px;
  height: 18px;
  border: 2px solid #333;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  transition: border-color 0.2s ease;
  flex-shrink: 0;
}

.subs_orders_edit_box .haisou_box2 .c-form_table__radio__frame::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease;
}

.subs_orders_edit_box .haisou_box2 label input[type="radio"]:checked + .c-form_table__radio__frame::after {
  transform: translate(-50%, -50%) scale(1);
}

.subs_orders_edit_box .haisou_box2 label input[type="radio"]:checked + .c-form_table__radio__frame {
  border-color: #333;
}

.subs_orders_edit_box .haisou_box2 .c-form_table__radio__text {
  font-size: 14px;
  color: #000 !important;
}

@media print, screen and (min-width: 720px) {
    .subscription_add_box{
        display: flex;
    }
}

.subscription_add_box .left{
    width: 350px;
    margin-right: 20px;
    position: relative;
}

@media print, screen and (max-width: 719px) {
    .subscription_add_box .left{
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
        position: relative;
    }
}

.subscription_add_box .right{
    -webkit-flex: 1;
    flex: 1;
}

.subscription_add_box .swiper-pagination{
    position: absolute;
    bottom: -40px !important;
}

.subscription_add_box .swiper-pagination-bullet {
  background-color: #111 !important;
  height: 3px !important;
  width: 30px !important;
  border-radius: 0 !important;
}

.subscription_add_box .slider-thumbnail .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 3);
}
.subscription_add_box .slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.subscription_add_box .swiper {
  max-width: 500px;
  width: 100%;
}
.subscription_add_box .swiper-slide img {
  height: auto;
  width: 100%;
}

.subscription_add_box .slider-thumbnail{
    margin-top: 5px;
}

.subscription_add_box .slider-thumbnail .swiper-slide{
    max-width: 100px;
}

.subscription_add_box .swiper-button-prev{
    left: 20px;
}

.subscription_add_box .swiper-button-next{
    right: 10px;
}

.subscription_add_box .swiper-button-prev,
.subscription_add_box .swiper-button-next {
  height: 20px;
  width: 20px;
}

.subscription_add_box .swiper-button-prev::after,
.subscription_add_box .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  font-size: 0px !important;
  height: 20px;
  margin: auto;
  width: 20px;
}
.subscription_add_box .swiper-button-prev::after {
  background-image: url(../common/img/pagination_left.svg);
}

.subscription_add_box .swiper-button-next::after {
  background-image: url(../common/img/pagination_right.svg);
}

.subscription_add_box .swiper-slide img {
  height: auto;
  width: 100%;
}

.subscription_add_box .right .cate{
    color: #666666;
    margin-bottom: 5px;
}
.subscription_add_box .right .title{
    color: #000;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px;
}

.subscription_add_box .right .label ul{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.subscription_add_box .right .label ul li{
    line-height: 1;
    padding: 5px;
    color: #666666;
    border: 1px solid #666666;
    font-size: 10px;
    margin-right: 3px;
    margin-bottom: 3px;
}

.subscription_add_box .right .text{
    margin-bottom: 15px;
}

.subscription_add_box .right .price{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
}

.subscription_add_box .right .price span{
    font-size: 12px;
}

.subscription_add_box .right .text2{
    margin-bottom: 15px;
}

.subscription_add_box .right .u-text--body{
    color: #000 !important;
}

.subscription_add_box .right .c-product_info__form__quantity{
    margin-bottom: 20px;
}

.jikai{
    padding: 20px;
    background-color: #ECEAE8;
    margin-bottom: 25px;
}

.jikai .c-product_info__form__subsdetail__input{
    margin-bottom: 15px;
}

.jikai2 ul li{
    font-size: 12px;
    padding-left:1em;
    text-indent:-1em;
    color: #666666;
    margin-bottom: 5px;
}

.subscription_add_box .right .teiki_btn{
    width: 100%;
    background-color: #9b734f !important;
    color: #fff;
    padding: 15px 0 15px 0;
    font-weight: 700;
    text-align: center;
    font-family: "M PLUS 1", sans-serif;
    margin-bottom: 15px;
    transition: .3s;
}

.subscription_add_box .right .prev_btn{
    text-align: center;
    color: #666666;
    font-size: 12px;
    display: block;
    text-decoration: underline;
}
@media (any-hover: hover) {
    .subscription_add_box .right .teiki_btn:hover{
        opacity: 0.7;
    }

    .subscription_add_box .right .prev_btn:hover{
        text-decoration:none;
    }
}

.c-product_info__form__subsdetail__input__inputwrap > label > .frame:before {
    background-color: #000 !important;
}

.subs_orders_edit_box .subs_orders_edit_select2 select{
    padding: 10px 15px 10px 15px;
    background-color: #F7F7F7;
    width: 100%;
    padding-right: 40px;

}

.subs_orders_edit_box .subs_orders_edit_select2{
    position: relative;
    display: inline-block;
}

.subs_orders_edit_box .subs_orders_edit_select2 svg{
    position: absolute;
    top: 18px;
    right: 20px;
    width: 10px;
}

.mypage_calendar .u-color__bg--bg{
    background-color: #ECEAE8 !important;
}

.mypage_calendar .month_value{
    font-weight: 700;
    font-family: "M PLUS 1", sans-serif;
}

.mypage_calendar .u-color__text--link{
    font-size: 12px;
    color: #666666;
}

.mypage_calendar .u-color__bg--alert-light{
    background: none !important;
}

.mypage_calendar .u-color__bg--accent-light {
    background: none !important;
}

.mypage_calendar .u-color__text--alert{
    color: #9B734E !important;
    font-weight: 500;
}

.mypage_calendar .scheduled span{
    color: #9B734E !important;
    font-weight: 500;
}

.mypage_cancel .title1{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 30px;
}

.mypage_cancel .text1{
    margin-bottom: 30px;
}

.mypage_cancel .cancel_btn{
    display: block;
    width: 300px;
    background-color: #000 !important;
    color: #fff;
    padding: 15px 0 15px 0;
    font-weight: 700;
    text-align: center;
    font-family: "M PLUS 1", sans-serif;
    margin: 0 auto 15px auto !important;
    transition: .3s;
    cursor: pointer;
}

.mypage_cancel .cancel_back_btn{
    text-align: center;
}

.mypage_cancel .cancel_back_btn a{
    color: #000;
    font-size: 12px;
    color: #666666;
    text-decoration: underline;
}

@media (any-hover: hover) {
    .mypage_cancel .cancel_btn:hover{
        opacity: 0.7;
    }

    .mypage_cancel .cancel_back_btn a:hover{
        text-decoration:none;
    }
}

.mypage_cancel .cancel_area{
   margin-bottom: 40px; 
}

.mypage_cancel .cancel_area .u-color__border--input{
    border-color:#000 !important;
    margin-right: 10px;
}

.mypage_cancel .consent_wrapper{
    margin-bottom: 20px !important;
}



            .mypage_rank_point .rank_point_area{
                color: #232323;
            }
            
            .mypage_rank_point .mater{
                width: 0; /* 初期は0 */
                height: 12px;
                background-color: #9B734E;
                border-bottom-right-radius: 10px;
                border-top-right-radius: 10px;
                transition: width 0.5s ease;
            }
            
            @media print, screen and (min-width: 1280px) {
                .mypage_rank_point .rank_point_area{
                    display: flex;
                    justify-content: center;
                }

                .mypage_rank_point .rank_area{
                    width: 50%;
                    padding: 40px 0 60px 0;
                    background-color: #ECEAE8;
                    margin-right: 20px;
                    flex-direction: column;
                    justify-content: center;
                }

                .mypage_rank_point .rank_area .title{
                    font-size: 16px;
                    font-weight: 500;
                    text-align: center;
                    margin-bottom: 15px;
                    line-height: 1em;
                }

                .mypage_rank_point .rank_area .rank_name{
                    font-size: 12px;
                    width: 112px;
                    padding: 7px 0 11px 0;
                    font-weight: 500;
                    text-align: center;
                    margin: 0 auto 20px auto;
                    line-height: 1em;
                    color: #fff;
                    background-color: #000;
                }

                .mypage_rank_point .rank_area .nextstage{
                    text-align: center;
                    font-size: 12px;
                    font-weight: 500;
                }
                
                .mypage_rank_point .rank_area .nextstage2{
                    text-align: center;
                    font-size: 20px;
                    font-weight: 500;
                }
                
                .mypage_rank_point .rank_area .nextstage3{
                    text-align: center;
                    font-size: 12px;
                    font-weight: 500;
                    margin-bottom: 30px;
                }
                
                .mypage_rank_point .rank_area .nextstage3 span{
                    color: #9B734E;
                    font-size: 14px;
                }

                .mypage_rank_point .rank_area .nextstage span{
                    color: #9B734E;
                    font-size: 14px;
                }

                .mypage_rank_point .rank_area .bottom{
                    position: relative;
                    width: 258px;
                    margin: 0 auto 0 auto;
                }
                
                .mypage_rank_point .rank_area .bottom.ver2{
                    width: 60px;
                }
                
                .mypage_rank_point .rank_area .bottom .icon .text{
                    font-size: 12px;
                    color: #000;
                    font-weight: 500;
                    text-align: center;
                    position: absolute;
                    top: 50px;
                }
                
                .mypage_rank_point .rank_area .bottom2{
                    position: relative;
                }
                
                .mypage_rank_point .rank_area .bottom2 .icon{
                    width: 60px;
                    margin: 0 auto 0 auto;
                }
                
                .mypage_rank_point .rank_area .bottom2 .text{
                    position: absolute;
                    left: 0;
                    right: 0;
                    text-align: center;
                    font-weight: 500;
                }
                
                .mypage_rank_point .rank_area .bottom.ver2 .icon1{
                    position: absolute;
                    top: 0px;
                    left: 0px;
                }

                .mypage_rank_point .rank_area .bottom .icon1{
                    position: absolute;
                    top: -20px;
                    left: -10px;
                }

                .mypage_rank_point .rank_area .bottom .icon2{
                    position: absolute;
                    top: -20px;
                    right: -10px;
                }

                .mypage_rank_point .mater_box{
                    border: 1px solid #E9E9E9;
                    width: 200px;
                    margin: 0 auto 0 auto;
                    height: 14px;
                    display: block;
                    margin-bottom: 10px;
                    background-color: #fff;
                }

                .mypage_rank_point .point_area{
                    width: 50%;
                    padding: 40px 0 30px 0;
                    background-color: #ECEAE8;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                }

                .mypage_rank_point .point_area .title{
                    font-size: 16px;
                    font-weight: 500;
                    text-align: center;
                    margin-bottom: 15px;
                    line-height: 1em;
                }

                .mypage_rank_point .point_area .point{
                    font-size: 20px;
                    width: 200px;
                    padding: 18px 0 22px 0;
                    font-weight: 500;
                    text-align: center;
                    margin: 0 auto 20px auto;
                    line-height: 1em;
                    background-color: #fff;
                }
                
                .mypage_rank_point .point_area .k_text{
                    font-size: 12px;
                    color: #000;
                    margin-bottom: 10px;
                }
                
                .mypage_rank_point .point_area .point span{
                    font-size: 12px;
                }

                .mypage_rank_point .point_area .timelimit{
                    color: #868686;
                    font-size: 12px;
                    text-align: center;
                    line-height: 1.6em;
                    margin-bottom: 10px;
                }

                .mypage_rank_point .point_area .point_info{
                    text-align: center;
                }

                .mypage_rank_point .point_area .point_info a{
                    font-size: 12px;
                    text-decoration: underline;
                    color: #000;
                    line-height: 1em;
                }
            }
            
            @media print, screen and (max-width: 1279px) {

                .mypage_rank_point .rank_area{
                    padding: 40px 0 60px 0;
                    background-color: #ECEAE8;
                    margin-bottom: 20px;
                }

                .mypage_rank_point .rank_area .title{
                    font-size: 16px;
                    font-weight: 500;
                    text-align: center;
                    margin-bottom: 15px;
                    line-height: 1em;
                }

                .mypage_rank_point .rank_area .rank_name{
                    font-size: 12px;
                    width: 112px;
                    padding: 7px 0 11px 0;
                    font-weight: 500;
                    text-align: center;
                    margin: 0 auto 30px auto;
                    line-height: 1em;
                    color: #fff;
                    background-color: #000;
                }

                .mypage_rank_point .rank_area .nextstage{
                    text-align: center;
                    font-size: 12px;
                    font-weight: 500;
                }
                
                .mypage_rank_point .rank_area .nextstage2{
                    text-align: center;
                    font-size: 20px;
                    font-weight: 500;
                }
                
                .mypage_rank_point .rank_area .nextstage3{
                    text-align: center;
                    font-size: 12px;
                    font-weight: 500;
                    margin-bottom: 30px;
                }
                
                .mypage_rank_point .rank_area .nextstage3 span{
                    color: #9B734E;
                    font-size: 14px;
                }

                .mypage_rank_point .rank_area .nextstage span{
                    color: #9B734E;
                    font-size: 14px;
                }

                .mypage_rank_point .rank_area .bottom{
                    position: relative;
                    width: 258px;
                    margin: 0 auto 0 auto;
                }
                
                .mypage_rank_point .rank_area .bottom2{
                    position: relative;
                }
                
                .mypage_rank_point .rank_area .bottom2 .icon{
                    width: 60px;
                    margin: -20px auto 0 auto;
                }
                
                .mypage_rank_point .rank_area .bottom2 .text{
                    position: absolute;
                    left: 0;
                    right: 0;
                    text-align: center;
                    font-weight: 500;
                }
                
                .mypage_rank_point .rank_area .bottom .icon .text{
                    font-size: 12px;
                    color: #000;
                    font-weight: 500;
                    text-align: center;
                    position: absolute;
                    top: 50px;
                }
                
                .mypage_rank_point .rank_area .bottom.ver2{
                    width: 60px;
                    padding-bottom: 30px;
                }
                
                .mypage_rank_point .rank_area .bottom.ver2 .icon1{
                    position: absolute;
                     top: -20px;
                    left: 0px;
                }

                .mypage_rank_point .rank_area .bottom .icon1{
                    position: absolute;
                    top: -20px;
                    left: -10px;
                }

                .mypage_rank_point .rank_area .bottom .icon2{
                    position: absolute;
                    top: -20px;
                    right: -10px;
                }

                .mypage_rank_point .mater_box{
                    border: 1px solid #E9E9E9;
                    width: 200px;
                    margin: 0 auto 0 auto;
                    height: 14px;
                    display: block;
                    margin-bottom: 10px;
                    background-color: #fff;
                }

                .mypage_rank_point .point_area{
                    padding: 40px 0 40px 0;
                    background-color: #ECEAE8;
                }

                .mypage_rank_point .point_area .title{
                    font-size: 16px;
                    font-weight: 500;
                    text-align: center;
                    margin-bottom: 15px;
                    line-height: 1em;
                }

                .mypage_rank_point .point_area .point{
                    font-size: 20px;
                    width: 200px;
                    padding: 18px 0 22px 0;
                    font-weight: 500;
                    text-align: center;
                    margin: 0 auto 20px auto;
                    line-height: 1em;
                    background-color: #fff;
                }
                
                .mypage_rank_point .point_area .k_text{
                    font-size: 12px;
                    color: #000;
                    margin-bottom: 10px;
                }
                
                .mypage_rank_point .point_area .point span{
                    font-size: 12px;
                }

                .mypage_rank_point .point_area .timelimit{
                    color: #868686;
                    font-size: 12px;
                    text-align: center;
                    line-height: 1.6em;
                    margin-bottom: 10px;
                }

                .mypage_rank_point .point_area .point_info{
                    text-align: center;
                }

                .mypage_rank_point .point_area .point_info a{
                    font-size: 12px;
                    text-decoration: underline;
                    color: #000;
                    line-height: 1em;
                }
            }


.mypage__favorite__list__item__image {
  overflow: hidden;
}

.mypage__favorite__list__item__image img {
  transition: .4s;
}

.mypage__favorite__list__item a:hover
.mypage__favorite__list__item__image img {
    transform: scale(1.05);
    opacity: .8;
}

.subs_orders_edit_box .btn_area ul li .btn3 {
    background-color: #000;
    display: block;
    text-align: center;
    width: 100%;
    color: #fff;
    padding: 18px 0 18px 0;
    line-height: 1;
    cursor: pointer;
    transition: .3s;
    font-weight: 700;
    border: 1px solid #000;
}

@media (any-hover: hover) {
    .subs_orders_edit_box .btn_area ul li .btn3:hover {
        opacity: 0.7;
    }
}
/* ============================================================
   キャンペーン：お気に入り一覧の割引前／割引後価格
   ============================================================ */
.mypage__favorite__list__item__price--before {
	font-size: 12px;
	font-weight: 400;
}
.mypage__favorite__list__item__price--before .price__line {
	position: relative;
	display: inline-block;
	font-size: inherit;
}
.mypage__favorite__list__item__price--before .price__line::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 55%;
	height: 1px;
	background: var(--color--red);
	transform: translateY(-50%);
}
.mypage__favorite__list__item__price._campaign {
	color: var(--color--red);
}