@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
:root {
/* カラー */
	--color--black: #2C2C2C;
	--color--blue: #042A9E;
	--color--skyblue: #6A93E3;
	--color--lightblue: #C8D9F2;
	--color--yellow: #FFB700;
	--color--cream: #FEFCF8;
	--color--bluegray: #F4F7F9;
	--color--gray: #D9D9D9;
	--color--white: #ffffff;

	--gradient_01: linear-gradient(to right bottom, rgba(4,42,158,1) 0%, rgba(82,147,246,1) 49%, rgba(255,247,231,1) 100%);
	--gradient_02: linear-gradient(to left bottom, rgba(177,206,250,1) 20%, rgba(255,255,255,1) 100%);
	--gradient_03: linear-gradient(to right bottom, rgba(177,206,250,1) 20%, rgba(255,255,255,1) 100%);
}
body {
	margin: 0px;
	padding: 0px;
	background-color: var(--color--white);
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	color: var(--color--black);
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
.roboto {
	font-family: "Roboto", sans-serif;
	font-style: normal;
}

header {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
	#head_news {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 40px;
		padding: 0;
		background-color: var(--color--black);
		position: relative;
	}
		.head_news__link {
			font-size: 12px;
			font-weight: 500;
			line-height: calc(21.6 / 12);
			letter-spacing: 0em;
			color: var(--color--white);
		}
		.head_news__link__icon {
            max-width: 21px;
            display: inline-block;
            vertical-align: text-bottom;
            margin-right: 1em;
        }
	@media (any-hover: hover) {
		.head_news__link:hover {
			text-decoration: underline;
		}
	}
		.head_news__close {
			width: 20px;
			height: 20px;
			position: absolute;
			top: 50%;
			right: 9px;
			transform: translate(0%,-50%);
			cursor: pointer;
		}
			.head_news__close::before,
			.head_news__close::after {
				content: '';
				display: block;
				width: 12px;
				height: 1px;
				background-color: var(--color--white);
				border-radius: 9999px;
				position: absolute;
				top: 50%;
				left: 50%;
				z-index: 1;
			}
		@media (any-hover: hover) {
			.head_news__close::before,
			.head_news__close::after {
				transition: .3s;
			}
			.head_news__close:hover::before,
			.head_news__close:hover::after {
				background-color: var(--color--yellow);
			}
		}
			.head_news__close::before {
				transform: translate(-50%,-50%) rotate(45deg);
			}
			.head_news__close::after {
				transform: translate(-50%,-50%) rotate(-45deg);
			}
	.header__body {
		width: 100%;
		height: auto;
		background-color: var(--color--white);
	}
		.header__inner {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			width: 100%;
			height: 60px;
			padding: 0 13px 0 60px;
			background-color: var(--color--white);
			position: relative;
		}
			.header__inner::after {
				content: '';
				display: block;
				width: 100%;
				height: 1px;
				background-color: var(--color--black);
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 1;
				pointer-events: none;
			}
			.hamburger {
				display: none;
			}
			.header__logo {
				width: 167px;
				height: auto;
				margin: 0 auto 0 0;
			}
			.global_nav {
				width: auto;
				height: 100%;
				margin-right: 42px;
				position: relative;
				z-index: 1;
			}
				.global_nav__contents {
					width: auto;
					height: 100%;
				}
					.global_nav__contents__inner {
						width: auto;
						height: 100%;
					}
						.global_nav__menu_list {
							display: flex;
							justify-content: flex-end;
							align-items: center;
							column-gap: 1px;
							width: auto;
							height: 100%;
							position: relative;
						}
						.global_nav__menu_list::before {
							content: '';
							display: block;
							width: 1px;
							height: 21px;
							background-color: var(--color--gray);
							position: absolute;
							top: 50%;
							left: -1px;
							transform: translate(0%,-50%);
						}
							.global_nav__menu_list__item {
								width: auto;
								height: 100%;
								position: relative;
								z-index: 2;
							}
							.global_nav__menu_list__item::after {
								content: '';
								display: block;
								width: 1px;
								height: 21px;
								background-color: var(--color--gray);
								position: absolute;
								top: 50%;
								right: -1px;
								transform: translate(0%,-50%);
							}
								.global_nav__menu_list__item__inner {
									display: flex;
									justify-content: center;
									align-items: center;
									width: auto;
									height: 100%;
									padding: 0 28px;
									cursor: pointer;
									font-size: 14px;
									font-weight: 700;
									line-height: calc(21.6 / 14);
									letter-spacing: 0.1em;
									color: var(--color--black);
									position: relative;
									z-index: 2;
								}
								._p_search .global_nav__menu_list__item__inner,
								._a_service .global_nav__menu_list__item__inner {
									padding: 0 20px 0 23px;
								}
									.global_nav__menu_list__item__inner::before {
										content: '';
										display: block;
										width: 100%;
										height: 34px;
										background: var(--gradient_02);
										opacity: 0;
										position: absolute;
										top: 50%;
										left: 0;
										transform: translate(0%,-50%);
										z-index: -1;
										transition: .3s;
									}
									._child_menu_open .global_nav__menu_list__item__inner::before {
										opacity: 1;
									}
									.global_nav__menu_list__item__arrow {
										display: none;
										width: 12px;
										height: auto;
										margin-right: 14px;
										transition: .3s;
										transform: scale(1,1);
									}
									._p_search .global_nav__menu_list__item__arrow,
									._gift .global_nav__menu_list__item__arrow,
									._a_service .global_nav__menu_list__item__arrow {
										display: block;
									}
									._child_menu_open .global_nav__menu_list__item__arrow {
										transform: scale(1,-1);
									}
								.global_nav__menu_list__item__child_menu {
									width: 100%;
									height: calc(100vh - 99px);
									overflow: hidden;
									position: fixed;
									top: 99px;
									left: 0;
									z-index: 1;
									pointer-events: none;
								}
									.global_nav__menu_list__item__child_menu__wrap {
										width: 100%;
										height: auto;
										padding: 58px 0 60px;
										background-color: #F7F7F7;
										position: absolute;
										top: 0;
										left: 0;
										transform: translate(0%,-100%);
										pointer-events: auto;
										filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0));
										transition: .5s;
									}
									._child_menu_open .global_nav__menu_list__item__child_menu__wrap {
										filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.10));
										transform: translate(0%,0%);
									}
										.global_nav__menu_list__item__child_menu__inner {
											display: flex;
											justify-content: space-between;
											align-items: flex-start;
											width: 87%;
											max-width: 824px;
											height: auto;
											margin: 0 auto;
										}
											.global_nav__menu_list__item__child_menu__block {
												height: auto;
											}
											.global_nav__menu_list__item__child_menu__block._category {
												width: calc((480 / 824) * 100%);
											}
											.global_nav__menu_list__item__child_menu__block._worries {
												width: calc((247 / 824) * 100%);
											}
											.global_nav__menu_list__item__child_menu__block._service {
												width: calc((405 / 824) * 100%);
											}
												.global_nav__menu_list__item__child_menu__heading {
													width: 100%;
													height: auto;
													padding: 0 0 8px;
													margin: 0 auto 9px;
													border-bottom: solid 1px #A5A5A5;
													font-size: 16px;
													font-weight: 700;
													line-height: 1.8;
													letter-spacing: 0.05em;
												}
												.global_nav__menu_list__item__child_menu__list {
													display: flex;
													align-items: flex-start;
													flex-wrap: wrap;
													row-gap: 10px;
													width: 100%;
													height: auto;
												}
												._category .global_nav__menu_list__item__child_menu__list {
													justify-content: space-between;
												}
												._worries .global_nav__menu_list__item__child_menu__list {
													justify-content: center;
													column-gap: 1px;
												}
												._service .global_nav__menu_list__item__child_menu__list {
													justify-content: space-between;
													align-items: center;
													padding-top: 11px;
												}
													._category .global_nav__menu_list__item__child_menu__list__item {
														width: calc((120 / 483) * 100%);
														height: auto;
														aspect-ratio: 1 / 1;
													}
													._worries .global_nav__menu_list__item__child_menu__list__item {
														width: calc(33.333333% - ((2 / 3) * 1px));
														width: calc((100% / 3) - ((2 / 3) * 1px));
														height: auto;
														aspect-ratio: 82 / 120;
													}
														.global_nav__menu_list__item__child_menu__list__item__inner {
															display: block;
															width: 100%;
															height: 100%;
															position: relative;
														}
														._category .global_nav__menu_list__item__child_menu__list__item__inner {
															padding-top: calc((5 / 120) * 100%);
														}
														._worries .global_nav__menu_list__item__child_menu__list__item__inner {
															padding-top: calc((18 / 120) * 100%);
														}
													@media (any-hover: hover) {
														.global_nav__menu_list__item__child_menu__list__item__inner {
															transition: .3s;
														}
														.global_nav__menu_list__item__child_menu__list__item__inner:hover {
															background-color: var(--color--lightblue);
														}
													}
															.global_nav__menu_list__item__child_menu__list__item__icon {
																display: block;
																height: auto;
																margin: 0 auto;
																pointer-events: none;
															}
															._category .global_nav__menu_list__item__child_menu__list__item__icon {
																width: calc((102 / 120) * 100%);
															}
															._worries .global_nav__menu_list__item__child_menu__list__item__icon {
																width: calc((72 / 82) * 100%);
															}
															.global_nav__menu_list__item__child_menu__list__item__name {
																width: 100%;
																height: auto;
																font-size: 12px;
																font-weight: 700;
																line-height: 1.5;
																letter-spacing: 0.1em;
																text-align: center;
																color: var(--color--black);
																white-space: nowrap;
																position: absolute;
																bottom: 7px;
																left: 50%;
																transform: translate(-50%,0%);
																z-index: 1;
															}
														@media (any-hover: hover) {
															.global_nav__menu_list__item__child_menu__list__item__icon {
																transition: .3s;
																transform: scale(1);
															}
															.global_nav__menu_list__item__child_menu__list__item__inner:hover .global_nav__menu_list__item__child_menu__list__item__icon {
																transform: scale(1.1);
															}
														}
													.global_nav__menu_list__item__service_menu__btn_wrap {
														width: 100%;
														height: 80px;
													}
														.global_nav__menu_list__item__service_menu__btn {
															display: flex;
															justify-content: flex-start;
															align-items: center;
															width: 100%;
															height: 100%;
															padding: 0;
															background-color: var(--color--white);
															filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05));
															transition: .3s;
														}
														._inactive .global_nav__menu_list__item__service_menu__btn {
															background-color: var(--color--gray);
															pointer-events: none;
															filter: initial;
														}
													@media (any-hover: hover) {
														.global_nav__menu_list__item__service_menu__btn:hover {
															background-color: var(--color--lightblue);
														}
													}
															.global_nav__menu_list__item__service_menu__btn__icon {
																display: flex;
																justify-content: center;
																align-items: center;
																width: 104px;
																height: 100%;
															}
																._pickup .global_nav__menu_list__item__service_menu__btn__icon img {
																	width: 62px;
																	height: auto;
																}
																._subscription .global_nav__menu_list__item__service_menu__btn__icon img {
																	width: 59px;
																	height: auto;
																}
															._inactive .global_nav__menu_list__item__service_menu__btn__icon {
																opacity: 0.6;
															}
															.global_nav__menu_list__item__service_menu__btn__txt {
																font-size: 16px;
																font-weight: 700;
																line-height: 1.5;
																letter-spacing: 0.05em;
																color: var(--color--black);
															}
															._inactive .global_nav__menu_list__item__service_menu__btn__txt {
																opacity: 0.6;
															}

			.header__customer {
				width: auto;
				height: auto;
				position: relative;
				z-index: 2;
			}
				.header__customer__list {
					display: flex;
					justify-content: flex-end;
					align-items: center;
					width: auto;
					height: auto;
				}
					.header__customer__list__item {
						width: auto;
						height: auto;
					}
						.header__customer__list__item__inner {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 42px;
							height: 42px;
							border-radius: 9999px;
							position: relative;
							z-index: 1;
						}
						._signup .header__customer__list__item__inner {
							padding-right: 1px;
						}
						._mypage .header__customer__list__item__inner {
							padding-bottom: 2px;
						}
						._cart .header__customer__list__item__inner {
							padding-right: 2px;
						}
							.header__customer__list__item__inner::before {
								content: '';
								display: block;
								width: 100%;
								height: 100%;
								border-radius: 9999px;
								background: var(--gradient_02);
								opacity: 0;
								position: absolute;
								top: 0;
								left: 0;
								z-index: -1;
							}
						@media (any-hover: hover) {
							.header__customer__list__item__inner::before {
								transition: .3s;
							}
							.header__customer__list__item__inner:hover::before {
								opacity: 1;
							}
						}
							.header__customer__list__item__inner img {
								height: auto;
							}
							._signup .header__customer__list__item__inner img {
								width: 18px;
							}
							._mypage .header__customer__list__item__inner img {
								width: 18px;
							}
							._cart .header__customer__list__item__inner img {
								width: 25px;
							}
							.header__customer__list__item__txt {
								width: auto;
								height: auto;
								padding: 7px 8px;
								border-radius: 3px;
								background-color: rgba(44, 44, 44, .9);
								font-size: 10px;
								font-weight: 700;
								line-height: 1.5;
								letter-spacing: 0.1em;
								color: var(--color--white);
								white-space: nowrap;
								opacity: 0;
								position: absolute;
								bottom: 0;
								left: 50%;
								transform: translate(-50%,100%);
								pointer-events: none;
								z-index: 1;
							}
						@media (any-hover: hover) {
							.header__customer__list__item__txt {
								transition: .3s;
							}
							.header__customer__list__item__inner:hover .header__customer__list__item__txt {
								opacity: 1;
							}
						}
							.header__customer__list__item__cart_count {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 16px;
								height: 16px;
								border-radius: 9999px;
								border: solid 1px var(--color--white);
								background-color: var(--color--yellow);
								font-size: 10px;
								font-weight: 700;
								line-height: 1;
								letter-spacing: 0em;
								color: var(--color--white);
								text-align: center;
								position: absolute;
								top: 3px;
								right: 2px;
								z-index: 1;
							}

footer {
	width: 100%;
	height: auto;
	background-color: var(--color--black);
}
	.footer__inner {
		width: 95%;
		max-width: 1140px;
		height: auto;
		margin: 0 auto;
	}
		.footer__top {
			width: 100%;
			height: auto;
			padding: 60px 0 49px;
			border-bottom: solid 1px var(--color--gray);
		}
			.footer__search {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				width: 95%;
				max-width: 824px;
				height: auto;
				margin: 0 auto 59px;
			}
					.footer__search .global_nav__menu_list__item__child_menu__heading {
						color: var(--color--white);
					}
						@media (any-hover: hover) {
							.footer__search .global_nav__menu_list__item__child_menu__list__item__inner:hover {
								background-color: #3C3C3C;
							}
						}
								.footer__search .global_nav__menu_list__item__child_menu__list__item__name {
									color: var(--color--white);
								}
			.footer__menu {
				width: 100%;
				height: auto;
			}
				.footer__menu__list {
					display: flex;
					justify-content: center;
					align-items: center;
					column-gap: 48px;
					width: 100%;
					height: auto;
				}
					.footer__menu__list__item {
						font-size: 14px;
						font-weight: 700;
						line-height: 1.8;
						letter-spacing: 0.1em;
						position: relative;
					}
						.footer__menu__list__item:not(:last-of-type)::after {
							content: '';
							display: block;
							width: 1px;
							height: 18px;
							background-color: var(--color--white);
							position: absolute;
							top: 50%;
							right: -24px;
							transform: translate(50%,-50%);
						}
						.footer__menu__list__item__txt {
							color: var(--color--white);
							position: relative;
						}
							.footer__menu__list__item__txt::after {
								content: '';
								display: block;
								width: 100%;
								height: 1px;
								background-color: var(--color--yellow);
								opacity: 0;
								position: absolute;
								bottom: 0;
								left: 0;
							}
					@media (any-hover: hover) {
						.footer__menu__list__item__txt {
							transition: .3s;
						}
						.footer__menu__list__item__txt:hover {
							color: var(--color--yellow);
						}
							.footer__menu__list__item__txt::after {
								transition: .3s;
							}
							.footer__menu__list__item__txt:hover::after {
								opacity: 1;
							}
					}
		.footer__bottom {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap;
			width: 100%;
			height: auto;
			padding: 45px 0 30px;
			border-bottom: solid 1px var(--color--white);
			position: relative;
		}
			.footer__brand {
				width: 100%;
				height: auto;
				margin: 0 auto 52px;
			}
				.footer__brand__list {
					display: flex;
					justify-content: center;
					align-items: center;
					flex-wrap: wrap;
					row-gap: 28px;
					column-gap: 78px;
					width: 302px;
					height: auto;
					margin: 0 auto;
				}
					.footer__brand__logo {
						height: auto;
					}
					.footer__brand__logo._ichiban_boshi {
						width: 262px;
					}
					.footer__brand__logo._roppinglife {
						width: 200px;
					}
					.footer__brand__logo._kumonoyasuragi {
						width: 170px;
					}
					.footer__brand__logo._ryuji {
						width: 54px;
					}
					.footer__brand__logo._jadma {
						width: 86px;
					}
					.footer__brand__logo._drbones {
						width: 240px;
					}
			.footer__sns {
				width: 100%;
				height: auto;
				margin-top: -70px;
				pointer-events: none;
			}
				.footer__sns__list {
					display: flex;
					justify-content: flex-end;
					align-items: flex-end;
					column-gap: 20px;
					width: auto;
					height: auto;
				}
					.footer__sns__list__item {
						width: auto;
						height: auto;
						pointer-events: auto;
					}
						.footer__sns__list__item__inner {
							display: block;
							width: auto;
						}
						._jadma .footer__sns__list__item__inner {
							height: 27px;
						}
						._instagram .footer__sns__list__item__inner {
							height: 33px;
						}
						._line .footer__sns__list__item__inner {
							height: 31px;
						}
							.footer__sns__list__item__inner img {
								width: auto;
								height: 100%;
							}
			.footer__contact {
				display: flex;
				justify-content: space-between;
				align-items: center;
				border-top: solid 1px var(--color--white);
				width: 100%;
				height: auto;
				padding: 30px 0 60px;
				margin: 0 auto;
			}
				.footer__contact__contents {
					width: auto;
					height: auto;
				}
					.footer__contact__contents__tel {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						margin-bottom: 10px;
					}
						.footer__contact__contents__tel img {
							width: 47px;
							height: auto;
							margin-top: 4px;
							margin-right: 8px;
						}
						.footer__contact__contents__tel_number {
							font-size: 28px;
							font-weight: 700;
							line-height: 1.5;
							letter-spacing: 0.05em;
							white-space: nowrap;
						}
							.footer__contact__contents__tel_number a {
								color: var(--color--white);
							}
					.footer__contact__contents__business_hoursr {
						font-size: 14px;
						font-weight: 400;
						line-height: 1.8;
						letter-spacing: 0.1em;
						color: var(--color--white);
					}
					.footer__contact__contents__note {
						font-size: 14px;
						font-weight: 400;
						line-height: 1.8;
						letter-spacing: 0.1em;
						color: var(--color--white);
					}
				.footer__contact__btn_wrap {
					width: 280px;
					height: 52px;
				}
					.footer__contact__btn {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						border-radius: 3px;
						border: solid 1px var(--color--white);
						font-size: 14px;
						font-weight: 700;
						line-height: 1;
						letter-spacing: 0.1em;
						color: var(--color--white);
						position: relative;
					}
							.footer__contact__btn .cmn_btn_arrow svg {
								fill: var(--color--white);
							}
				@media (any-hover: hover) {
					.footer__contact__btn {
						transition: .3s;
					}
					.footer__contact__btn:hover {
						background-color: var(--color--white);
						color: var(--color--black);
					}
							.footer__contact__btn:hover .cmn_btn_arrow svg {
								fill: var(--color--black);
							}
				}
			.footer__legal {
				width: auto;
				height: auto;
			}
				.footer__legal__list {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					column-gap: 24px;
					width: auto;
					height: auto;
				}
					.footer__legal__list__item {
						width: auto;
						height: auto;
						font-size: 12px;
						font-weight: 500;
						line-height: 1.8;
						letter-spacing: 0.1em;
						position: relative;
					}
					.footer__legal__list__item:not(:last-of-type)::after {
						content: '';
						display: block;
						width: 1px;
						height: 12px;
						background-color: var(--color--gray);
						position: absolute;
						top: 55%;
						right: -11px;
						transform: translate(50%,-50%);
					}
						.footer__legal__list__item__txt {
							color: var(--color--gray);
							position: relative;
						}
							.footer__legal__list__item__txt::after {
								content: '';
								display: block;
								width: 100%;
								height: 1px;
								background-color: var(--color--yellow);
								opacity: 0;
								position: absolute;
								bottom: 0;
								left: 0;
							}
					@media (any-hover: hover) {
						.footer__legal__list__item__txt {
							transition: .3s;
						}
						.footer__legal__list__item__txt:hover {
							color: var(--color--yellow);
						}
							.footer__legal__list__item__txt::after {
								transition: .3s;
							}
							.footer__legal__list__item__txt:hover::after {
								opacity: 1;
							}
					}
			.footer__copyright {
				width: auto;
				height: auto;
			}
				.footer__copyright__txt {
					font-size: 12px;
					font-weight: 500;
					line-height: 1.8;
					letter-spacing: 0.1em;
					color: var(--color--gray);
				}

/* 共通要素 */
.cmn_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 60px;
	border-radius: 3px;
	border: solid 1px var(--color--black);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	color: var(--color--black);
	position: relative;
}
	.cmn_btn_arrow {
		display: block;
		width: 7px;
		height: auto;
		position: absolute;
		top: 50%;
		right: 26px;
		transform: translate(0%,-50%);
	}
		.cmn_btn_arrow svg {
			fill: var(--color--black);
		}
	.cmn_btn_external_link {
		display: block;
		width: 10px;
		height: auto;
		position: absolute;
		top: 50%;
		right: 26px;
		transform: translate(0%,-50%);
	}
		.cmn_btn_external_link svg {
			fill: var(--color--black);
		}
@media (any-hover: hover) {
.cmn_btn {
	transition: .3s;
}
.cmn_btn:hover {
	background-color: var(--color--black);
	color: var(--color--white);
}
		.cmn_btn_arrow svg,
		.cmn_btn_external_link svg {
			transition: .3s;
		}
		.cmn_btn:hover .cmn_btn_arrow svg {
			fill: var(--color--white);
		}
		.cmn_btn:hover .cmn_btn_external_link svg {
			fill: var(--color--white);
		}
}

/* 購入進捗 */
.order__progress {
	width: 100%;
	height: auto;
	margin: 0 auto 24px;
}
	.order__progress__list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 500px;
		height: auto;
		margin: 0 auto;
		position: relative;
	}
		.order__progress__list::after {
			content: '';
			display: block;
			width: calc(100% - 10px);
			height: 2px;
			background-color: var(--color--gray);
			position: absolute;
			top: 4px;
			left: 50%;
			transform: translate(-50%, 0%);
			z-index: 1;
		}
		.order__progress__list__item {
			width: auto;
			height: auto;
			padding-bottom: 25px;
			position: relative;
			z-index: 2;
		}
			.order__progress__list__item__icon {
				display: block;
				width: 10px;
				height: 10px;
				border-radius: 9999px;
				background-color: var(--color--lightblue);
			}
			._done .order__progress__list__item__icon {
				background-color: var(--color--skyblue);
			}
			._current .order__progress__list__item__icon {
				background-color: var(--color--skyblue);
				animation: progress_flash 1.2s infinite;
			}
			.order__progress__list__item__text {
				width: auto;
				height: auto;
				font-size: 14px;
				font-weight: 500;
				line-height: 1.5;
				letter-spacing: 0.05em;
				text-align: center;
				white-space: nowrap;
				color: var(--color--gray);
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
			}
			._done .order__progress__list__item__text,
			._current .order__progress__list__item__text {
				color: var(--color--black);
			}
			@keyframes progress_flash {
				0%, 100% {
					background-color: var(--color--skyblue);
				}
				80% {
					background-color: var(--color--lightblue);
				}
			}

/* PC ================================================== */
@media all and (max-width: 1139px){
		.header__inner {
			padding: 0 13px 0 25px;
		}
								.global_nav__menu_list__item__inner {
									padding: 0 20px;
								}
}

@media all and (max-width: 919px){
			.global_nav {
				margin-right: 15px;
			}
								.global_nav__menu_list__item__inner {
									padding: 0 12px;
									letter-spacing: 0.05em;
								}
									.global_nav__menu_list__item__arrow {
										margin-right: 7px;
									}
						.header__customer__list__item__inner {
							width: 38px;
							height: 38px;
						}
}


@media all and (min-width: 769px){
.sp {display: none;}
.pc {display: inline-block;}
.view_sp {display: none;}
.view_pc {display: block;}
body {
	padding-top: 100px;
}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
}

/* SP ================================================== */
@media all and (max-width: 768px){
.pc {display: none;}
.sp {display: inline-block;}
.view_pc {display: none;}
.view_sp {display: block;}
body {
	padding-top: 110px;
}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

/* header */
		.header__inner {
			justify-content: space-between;
			height: 70px;
			padding: 0 11px 0 5px;
			position: relative;
		}
			.hamburger {
				display: block;
				width: 48px;
				height: 48px;
			}
				.hbg_btn {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: 100%;
					padding: 0;
					margin: 0;
					outline: none;
				}
					.hbg_btn_line {
						width: 18px;
						height: 1px;
						border-radius: 9999px;
						background-color: rgba(44, 44, 44, 1);
						position: relative;
					}
					.hbg_btn_line::before,
					.hbg_btn_line::after {
						content: '';
						display: block;
						width: 100%;
						height: 100%;
						border-radius: 9999px;
						background-color: var(--color--black);
						position: absolute;
						left: 0;
					}
					.hbg_btn_line::before {
						top: -7px;
					}
					.hbg_btn_line::after {
						bottom: -7px;
					}
					/* 開く時の処理 */
					.open .hbg_btn_line {
						animation: hbg_btn-line-open .4s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
					}
						@keyframes hbg_btn-line-open {
							0% {
								background-color: rgba(44, 44, 44, 1);
							}
							60% {
								background-color: rgba(44, 44, 44, 1);
							}
							61% {
								background-color: rgba(44, 44, 44, 0);
							}
							100% {
								background-color: rgba(44, 44, 44, 0);
							}
						}
						.open .hbg_btn_line::before {
							animation: hbg_btn-line_before-open .5s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
						}
						.open .hbg_btn_line::after {
							animation: hbg_btn-line_after-open .5s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
						}
							@keyframes hbg_btn-line_before-open {
								0% {
									top: -7px;
									transform: translate(0%,0%);
								}
								60% {
									top: 0px;
									transform: translate(0%,0%) rotate(0deg);
								}
								61% {
									top: 0px;
								}
								100% {
									top: 0px;
									transform: translate(0%,0%) rotate(45deg);
								}
							}
							@keyframes hbg_btn-line_after-open {
								0% {
									bottom: -7px;
									transform: translate(0%,0%);
								}
								60% {
									bottom: 0px;
									transform: translate(0%,0%) rotate(0deg);
								}
								61% {
									bottom: 0px;
								}
								100% {
									bottom: 0px;
									transform: translate(0%,0%) rotate(-45deg);
								}
							}
					/* 閉じる時の処理 */
					.close .hbg_btn_line {
						animation: hbg_btn-line-close .4s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
					}
						@keyframes hbg_btn-line-close {
							0% {
								background-color: rgba(44, 44, 44, 0);
							}
							60% {
								background-color: rgba(44, 44, 44, 0);
							}
							61% {
								background-color: rgba(44, 44, 44, 1);
							}
							100% {
								background-color: rgba(44, 44, 44, 1);
							}
						}
						.close .hbg_btn_line::before {
							animation: hbg_btn-line_before-close .5s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
						}
						.close .hbg_btn_line::after {
							animation: hbg_btn-line_after-close .5s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
						}
							@keyframes hbg_btn-line_before-close {
								0% {
									top: 0px;
									transform: translate(0%,0%) rotate(45deg);
								}
								60% {
									top: 0px;
								}
								61% {
									top: 0px;
									transform: translate(0%,0%) rotate(0deg);
								}
								100% {
									top: -7px;
									transform: translate(0%,0%);
								}
							}
							@keyframes hbg_btn-line_after-close {
								0% {
									bottom: 0px;
									transform: translate(0%,0%) rotate(-45deg);
								}
								60% {
									bottom: 0px;
								}
								61% {
									bottom: 0px;
									transform: translate(0%,0%) rotate(0deg);
								}
								100% {
									bottom: -7px;
									transform: translate(0%,0%);
								}
							}
			.header__logo {
				margin: 0;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}
			.global_nav {
				display: none;
				width: 100%;
				height: calc((100dvh - 110px));
				margin-right: 0;
				background-color: var(--color--white);
				position: fixed;
				top: 110px;
				left: 0;
				z-index: -1;
			}
				.global_nav__contents {
					width: 100%;
					overflow: scroll;
				}
					.global_nav__contents__inner {
						width: 100%;
						height: auto;
						margin: 0 auto;
					}
						.global_nav__menu_list {
							display: block;
							width: 100%;
							height: auto;
						}
						.global_nav__menu_list::before {
							display: none;
						}
							.global_nav__menu_list__item {
								width: 100%;
								height: auto;
								padding-bottom: 1px;
							}
							.global_nav__menu_list__item::after {
								width: 100%;
								height: 1px;
								top: 100%;
								right: 0;
								transform: translate(0%,0%);
							}
								.global_nav__menu_list__item__inner {
									justify-content: space-between;
									width: 100%;
									height: 60px;
									padding: 11px 15px 10px;
									letter-spacing: 0.05em;
								}
								._p_search .global_nav__menu_list__item__inner,
								._gift .global_nav__menu_list__item__inner,
								._a_service .global_nav__menu_list__item__inner {
									flex-direction: row-reverse;
								}
								._p_search .global_nav__menu_list__item__inner,
								._a_service .global_nav__menu_list__item__inner {
									padding-top: 2px;
								}
									.global_nav__menu_list__item__inner::before {
										display: none;
									}
									.global_nav__menu_list__item__arrow {
										margin-right: 0;
										transform: rotate(-90deg);
									}
									._child_menu_open .global_nav__menu_list__item__arrow {
										transform: scale(1,1) rotate(0deg);
									}
								.global_nav__menu_list__item__child_menu {
									display: none;
									width: 100%;
									height: auto;
									position: initial;
								}
									.global_nav__menu_list__item__child_menu__wrap {
										padding: 0;
										position: initial;
										transform: translate(0%,0%);
										filter: initial;
										transition: initial;
									}
										.global_nav__menu_list__item__child_menu__inner {
											display: block;
											width: 100%;
											max-width: initial;
										}
											.global_nav__menu_list__item__child_menu__block {
												border-top: solid 1px var(--color--gray);
											}
											.global_nav__menu_list__item__child_menu__block._category {
												width: 100%;
											}
											.global_nav__menu_list__item__child_menu__block._worries {
												width: 100%;
											}
											.global_nav__menu_list__item__child_menu__block._service {
												width: 100%;
											}
												.global_nav__menu_list__item__child_menu__heading {
													padding: 6px 15px 6px;
													margin: 0 auto;
													border-bottom: solid 1px var(--color--gray);
													font-size: 14px;
												}
												.global_nav__menu_list__item__child_menu__list {
													row-gap: 1px;
													column-gap: 1px;
													width: calc((368 / 430) * 100%);
													padding: 0 0 12px;
													margin: 0 auto;
												}
												._category .global_nav__menu_list__item__child_menu__list {
													justify-content: flex-start;
												}
												._worries .global_nav__menu_list__item__child_menu__list {
													justify-content: flex-start;
													padding: 5px 0 12px;
													row-gap: 1px;
													column-gap: 1px;
												}
												._service .global_nav__menu_list__item__child_menu__list {
													padding-top: 12px;
													flex-direction: column;
													align-items: flex-start;
													row-gap: 10px;
												}
													._category .global_nav__menu_list__item__child_menu__list__item {
														width: calc(25% - ((3 / 4) * 1px));
														width: calc((100 / 4) - ((3 / 4) * 1px));
													}
													._worries .global_nav__menu_list__item__child_menu__list__item {
														width: calc(25% - ((3 / 4) * 1px));
														width: calc((100 / 4) - ((3 / 4) * 1px));
														aspect-ratio: 1 / 1;
													}
														._category .global_nav__menu_list__item__child_menu__list__item__inner {
															padding-top: 0;
														}
														._worries .global_nav__menu_list__item__child_menu__list__item__inner {
															padding-top: 0;
														}
															._worries .global_nav__menu_list__item__child_menu__list__item__icon {
																position: relative;
																top: calc((5 / 82) * -100%);
																pointer-events: none;
															}
															.global_nav__menu_list__item__child_menu__list__item__name {
																line-height: 1.2;
																letter-spacing: 0.05em;
																color: var(--color--black);
																bottom: 15px;
																transform: translate(-50%,50%);
															}
													.global_nav__menu_list__item__service_menu__btn_wrap {
														height: 72px;
													}
														.global_nav__menu_list__item__service_menu__btn {
															filter: initial;
														}
															.global_nav__menu_list__item__service_menu__btn__txt {
																font-size: 14px;
															}

						.header__customer__list__item__inner {
							width: 38px;
							height: 39px;
						}

/* footer */
	.footer__inner {
		width: calc((368 / 430) * 100%);
		max-width: initial;
	}
		.footer__top {
			padding: 40px 0 0;
			border-bottom: initial;
		}
			.footer__search {
				display: block;
				width: 100%;
				max-width: initial;
				margin: 0 auto 25px;
			}
				.footer__search .global_nav__menu_list__item__child_menu__block {
					border-top: initial;
				}
				.footer__search .global_nav__menu_list__item__child_menu__block:not(:last-of-type) {
					margin-bottom: 20px;
				}
					.footer__search .global_nav__menu_list__item__child_menu__heading {
						padding: 0 0 10px;
						font-size: 16px;
					}
					.footer__search .global_nav__menu_list__item__child_menu__list {
						width: 100%;
					}
				.footer__menu__list {
					column-gap: 62px;
				}
					.footer__menu__list__item {
						font-size: 18px;
					}
						.footer__menu__list__item:not(:last-of-type)::after {
							height: 24px;
							top: 53%;
							right: -31px;
						}
		.footer__bottom {
			display: block;
			padding: 50px 0 30px;
		}
			.footer__brand {
				margin: 0 auto 50px;
			}
			.footer__sns {
				width: 100%;
				margin: 0 auto 28px;
				position: initial;
			}
				.footer__sns__list {
					width: 100%;
					justify-content: center;
				}
			.footer__contact {
				display: block;
				width: 100%;
				padding: 30px 0;
			}
				.footer__contact__contents {
					width: 100%;
					margin-bottom: 30px;
				}
					.footer__contact__contents__tel {
						margin-bottom: 8px;
					}
				.footer__contact__btn_wrap {
					width: 100%;
				}
			.footer__legal {
				width: 100%;
				margin: 0 auto 25px;
			}
				.footer__legal__list {
					display: block;
				}
						.footer__legal__list__item:not(:last-of-type)::after {
							display: none;
						}
			.footer__copyright {
				width: 100%;
			}
				.footer__copyright__txt {
					font-size: 10px;
					text-align: center;
				}

/* 共通要素 */
.cmn_btn {
	height: 55px;
}

/* 購入進捗 */
		.order__progress {
			width: calc((368 / 430) * 100%);
			margin: 0 auto 24px;
		}
			.order__progress__list {
				width: 100%;
			}
}

/* SP ================================================== */
@media all and (max-width: 575px){
													._category .global_nav__menu_list__item__child_menu__list__item {
														/* width: calc(25% - ((3 / 4) * 1px)); */
														width: calc(33.333333% - ((2 / 3) * 1px));
														width: calc((100 / 3) - ((2 / 3) * 1px));
													}
													._worries .global_nav__menu_list__item__child_menu__list__item {
														/* width: calc(25% - ((3 / 4) * 1px)); */
														width: calc(33.333333% - ((2 / 3) * 1px));
														width: calc((100 / 3) - ((2 / 3) * 1px));
													}
														._category .global_nav__menu_list__item__child_menu__list__item__inner {
															padding-top: 0;
														}
														._worries .global_nav__menu_list__item__child_menu__list__item__inner {
															padding-top: 0;
														}
															._worries .global_nav__menu_list__item__child_menu__list__item__icon {
																position: relative;
																top: calc((5 / 82) * -100%);
																pointer-events: none;
															}
															.global_nav__menu_list__item__child_menu__list__item__name {
																line-height: 1.2;
																letter-spacing: 0.05em;
																color: var(--color--black);
																bottom: 15px;
																transform: translate(-50%,50%);
															}

/* footer */
				.footer__menu__list {
					column-gap: 48px;
				}
						.footer__menu__list__item:not(:last-of-type)::after {
							right: -24px;
						}
}