@charset "UTF-8";
:root {
	--font-family01: "Helvetica Neue", arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
	--font-family02: "Zen Maru Gothic", "Helvetica Neue", arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
	--font-family03: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	--color-text-sub: #938275;
	--color01: #087d31;
	--color02: #ff6614;
	--color03: #cc1a1a;
	--color04: #cd8d04;
	--color06: #4C392F;
	--color09: #E39C02;
	--color-link: #8b7c71;
	--color-border: #cdc7c3;
}

/*
===========================================================
 E-commerce
=========================================================== */
.checkout-btn *,
.trial-btn * {
	pointer-events: none;
}

.hidden {
	display: none !important;
}

/*
===========================================================
 keyframes
=========================================================== */
@keyframes fadeIn {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}
/*
===========================================================
 global
=========================================================== */
/* --------------------------------------------------------
-----------------------------------------------------------
 base
-----------------------------------------------------------
----------------------------------------------------------- */
html {
	-webkit-tap-highlight-color: inherit;
	font-size: 2.667vw;
}

@media not all and (max-width: 520px) {
	html {
		font-size: 71%;
	}
}
@media screen and (min-width: 769px) {
	html {
		font-size: 1.05vw;
	}
}
@media screen and (min-width: 1080px) {
	html {
		font-size: 71%;
	}
}
body {
	font-family: var(--font-family01);
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	font-style: normal;
	color: var(--color06);
	line-height: 1.8;
	font-size: 1.4rem;
	letter-spacing: 0.06em;
	animation: fadeIn 0.4s ease-in 0s 1 normal;
}

@media not all and (max-width: 520px) {
	body {
		background: url(/img/body-image-background02.jpg) repeat left top;
	}
	body::before {
		content: "";
		position: fixed;
		z-index: 0;
		left: 0;
		top: 0;
		background: #FFF;
		width: 100%;
		height: 100%;
		opacity: 0.48;
	}
}
body.nav-active {
	overflow: hidden;
}

label {
	cursor: pointer;
}

iframe,
video {
	max-width: 100%;
}

@media (max-width: 520px) {
	textarea,
	input[type=email],
	input[type=tel],
	input[type=text],
	input[type=password],
	select {
		font-size: 16px;
	}
}
textarea,
input[type=email],
input[type=tel],
input[type=text],
input[type=password] {
	border: 0.1rem solid var(--color-border);
	font-family: inherit;
	font-weight: normal;
	letter-spacing: inherit;
	background: #fff;
	border-radius: 0.7rem;
	padding: 0.7rem 1rem;
}
textarea::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=password]::placeholder {
	color: #c1c1c1;
}

#app,
.l-wrapper {
	display: block !important;
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 769px) {
	#app,
	.l-wrapper {
		padding-left: 32rem;
		padding-right: 14rem;
	}
}
main:not(.p-global-unique-main) {
	margin: 0 auto;
	background: url(/img/body-image-background02.jpg) repeat left top;
	box-shadow: 0 0 0.3rem 0 rgba(0, 0, 0, 0.2);
	max-width: 520px;
}

@media screen and (min-width: 769px) {
	main:not(.p-global-unique-main) {
		overflow: hidden;
		border-radius: 1.8rem;
		margin-top: 3.5vh;
		width: 45.8rem;
	}
}
main.inactive {
	display: none;
}

.main__inner {
	overflow: hidden;
	z-index: -1;
	padding-bottom: 5rem;
}

section {
	z-index: 1;
}

h1:not([class]) {
	font-size: 13.514vw;
}

h2:not([class]) {
	font-size: 7.297vw;
}

h3:not([class]) {
	font-size: 7.027vw;
}

h4:not([class]) {
	font-size: 5.405vw;
}

h5:not([class]) {
	font-size: 5.405vw;
}

@media not all and (max-width: 520px) {
	h1:not([class]) {
		font-size: 101px;
	}
	h2:not([class]) {
		font-size: 55px;
	}
	h3:not([class]) {
		font-size: 53px;
	}
	h4:not([class]) {
		font-size: 41px;
	}
	h5:not([class]) {
		font-size: 41px;
	}
	a,
	button,
	input[type=button],
	input[type=submit],
	label {
		transition: opacity 0.2s;
	}
	a:hover,
	button:hover,
	input[type=button]:hover,
	input[type=submit]:hover,
	label:hover {
		opacity: 0.7;
	}
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 components
-----------------------------------------------------------
----------------------------------------------------------- */
/*
-----------------------------------------------------------
 button c-order__btn
----------------------------------------------------------- */
.c-order__btn {
	background: #fc5400;
	background: -moz-linear-gradient(left, #fc5400 0%, #ff861c 100%);
	background: -webkit-linear-gradient(left, #fc5400 0%, #ff861c 100%);
	background: linear-gradient(to right, #fc5400 0%, #ff861c 100%);
	box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0;
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	border-radius: 100px;
	color: #fff;
	margin: 0 auto;
	padding: 1.4rem 0;
	width: 85%;
	line-height: 1.35;
	max-width: 450px;
}
.c-order__btn::before {
	content: "";
	position: absolute;
	width: 2.1rem;
	height: 100%;
	top: 0;
	right: 1.3rem;
	background: url(/img/icon-arrow.svg) no-repeat center center;
	background-size: contain;
}

.c-order__btn.c-btn--order {
	font-weight: bold;
	border-radius: 0.8rem;
	font-size: 2.2rem;
	padding-bottom: 1rem;
	padding-right: 1rem;
	width: 89%;
}
.c-order__btn.c-btn--order::before {
	width: 2.3rem;
	right: 1rem;
}

.c-order__btn.c-btn--order .main-text {
	margin-bottom: 0.3rem;
}

.c-order__btn.c-btn--order .--small {
	font-weight: normal;
	font-size: 1.2rem;
}

.c-order__btn.c-btn--contact {
	font-size: 1.9rem;
}

.c-Order__inner {
	box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0;
	text-align: center;
	background-color: #fff;
	border-radius: 1rem;
	padding: 4rem 0 2rem;
	max-width: 525px;
	margin: 0 auto;
}

.c-Order__head {
	color: var(--color03);
	font-weight: bold;
	font-size: 4.1rem;
	line-height: 1.25;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
}

.c-Order__head .text01 {
	background: var(--color03);
	display: inline-block;
	font-size: 39%;
	margin-bottom: 0.6rem;
	color: #FFF;
	border-radius: 100px;
	padding: 1.3% 6%;
}

.c-Order__head .text02 {
	font-family: var(--font-family02);
	display: block;
}

.c-Order__img-m {
	margin: 0.7rem auto;
	width: 70%;
	max-width: 410px;
}

.c-Order__img-s {
	margin: 0 auto 0.7rem;
	width: 52%;
	max-width: 270px;
}

.c-Order__img-l {
	margin: 0 auto 0.7rem;
	width: 80%;
	max-width: 450px;
	padding-right: 1.4rem;
}

.p-lineup__item-l .p-lineup__item-img {
	margin: 1rem auto;
	width: 94%;
	max-width: 480px;
}

.p-lineup__item-m .p-lineup__item-img {
	margin: 1rem auto;
	width: 77%;
	max-width: 393px;
}

.p-lineup__item-s .p-lineup__item-img {
	margin: 1rem auto;
	width: 61.8%;
	max-width: 315px;
}

.c-Order__inner .discount-msg {
	margin-top: 6%;
}

.c-Order__txt {
	line-height: 1.6;
	margin-bottom: 1.4rem;
}

.c-Order__discount {
	font-family: var(--font-family02);
	color: var(--color03);
	position: relative;
	display: inline-block;
	font-weight: bold;
	font-size: 1.9rem;
	padding: 0 0.8rem 0.3rem;
	margin-bottom: 0.8rem;
	border-bottom: 0.2rem solid;
}
.c-Order__discount::before {
	border-color: var(--color03) transparent transparent transparent;
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0.8rem 1.1rem 0 1.1rem;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 100%;
}
.c-Order__discount::after {
	border-color: #FFF transparent transparent transparent;
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0.8rem 1.1rem 0 1.1rem;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: calc(100% - 0.2rem);
}

.c-Order__discount span {
	font-family: var(--font-family01);
	font-size: 158%;
	padding: 0 0.2rem;
	vertical-align: -0.3rem;
	letter-spacing: 0;
	line-height: 1;
}

.c-Order__txt--price {
	font-size: 2.3rem;
	margin: 0.4rem 0 1.5rem;
	line-height: 1.3;
}

.c-Order__txt--price .monthly {
	background: var(--color03);
	font-weight: bold;
	color: #FFF;
	padding: 0.4rem 0.7rem 0.3rem 0.7rem;
	letter-spacing: -0.1em;
	font-size: 1.8rem;
	vertical-align: 0.5rem;
	margin-right: 0.5rem;
	border-radius: 0.2rem;
}

.c-Order__txt--price .number {
	color: var(--color03);
	font-weight: bold;
	font-size: 194%;
	letter-spacing: 0;
	line-height: 1;
}

.c-Order__txt--price .yen {
	color: var(--color03);
	font-weight: bold;
	padding: 0 0.2rem;
}

.c-Order__txt--price .small {
	color: #666;
	font-size: 1.2rem;
	display: block;
	margin-top: 0.9rem;
}

.c-Order__txt--caution {
	display: inline-block;
	text-align: left;
	font-size: 1.1rem;
	margin-top: 4.1%;
	line-height: 1.5;
	max-width: 87.9%;
}

.discount-msg {
	color: #ea1010;
	font-weight: bold;
	font-size: 1.28em;
}

/*
-----------------------------------------------------------
 hide object
----------------------------------------------------------- */
@media (max-width: 520px) {
	.c-sp-none {
		display: none !important;
	}
}
@media not all and (max-width: 520px) {
	.c-pc-none {
		display: none !important;
	}
}
/*
-----------------------------------------------------------
 underline link
----------------------------------------------------------- */
.c-underline-link {
	text-decoration: underline;
}

@media screen and (min-width: 521px) {
	.c-underline-link:hover {
		text-decoration: none;
	}
}
/*
-----------------------------------------------------------
 .c-content-block
----------------------------------------------------------- */
.c-content-block ~ .c-content-block {
	margin-top: 6rem;
}

/*
-----------------------------------------------------------
 .c-content-body
----------------------------------------------------------- */
.c-content-body {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
@media screen and (min-width: 521px) {
	.c-content-body {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}

/*
-----------------------------------------------------------
 c-title01
----------------------------------------------------------- */
.c-title01 {
	font-weight: bold;
	font-size: 1.56rem;
	line-height: 1.4;
	margin-bottom: 0.85rem;
	border-left: 0.2rem solid;
	padding: 0.42rem 0 0.42rem 0.7rem;
	color: #518959;
	margin-left: -0.9rem;
}

/*
-----------------------------------------------------------
 button c-button01
----------------------------------------------------------- */
.c-button01 {
	background: var(--color01);
	display: block;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	margin: 0 auto;
	width: 85%;
	font-size: 1.6rem;
	padding: 1.4rem;
	border-radius: 0.3rem;
}

/*
-----------------------------------------------------------
 button c-button02
----------------------------------------------------------- */
.c-button02 {
	background: #fc5400;
	background: -moz-linear-gradient(left, #fc5400 0%, #ff861c 100%);
	background: -webkit-linear-gradient(left, #fc5400 0%, #ff861c 100%);
	background: linear-gradient(to right, #fc5400 0%, #ff861c 100%);
	box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0;
	position: relative;
	display: block;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	width: 100%;
	margin: 0 auto;
	line-height: 1.35;
	border-radius: 0.5rem;
	padding: 1.4rem 3rem 1.4rem 2.4rem;
	font-size: 2rem;
	max-width: 450px;
	letter-spacing: 0.08em;
}
.c-button02::before {
	content: "";
	position: absolute;
	height: 100%;
	top: 0;
	background: url(/img/icon-arrow.svg) no-repeat center center;
	background-size: contain;
	width: 2rem;
	right: 1rem;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 l-pagetop
-----------------------------------------------------------
----------------------------------------------------------- */
.l-pagetop {
	display: none;
	position: fixed;
	bottom: 2rem;
	right: 1.2rem;
	z-index: 90;
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
}

@media not all and (max-width: 520px) {
	.l-pagetop {
		right: 2rem;
		left: calc(50% + 22.9rem + 14.3rem);
		bottom: 3rem;
	}
}
@media (max-width: 520px) {
	.l-pagetop.--floating-page {
		bottom: 8.8rem;
	}
}
.l-pagetop a {
	color: var(--color02);
	display: block;
	text-decoration: none;
	position: relative;
	border-radius: 50%;
	width: 4rem;
	height: 4rem;
	background: #FFF;
	border: 0.1rem solid;
}
.l-pagetop a::before {
	content: "";
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	border: 0.2rem solid;
	border-bottom: none;
	border-right: none;
	transform: rotate(45deg);
	margin: 0 auto;
	top: 1.7rem;
	left: 0;
	position: absolute;
	right: 0;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 footer
-----------------------------------------------------------
----------------------------------------------------------- */
@media screen and (max-width: 520px) {
	footer {
		background-color: #fff;
		padding: 3rem 0;
	}
	.l-footer__copyright {
		text-align: center;
		color: #999;
		font-weight: normal;
		line-height: 1.45;
		font-size: 1rem;
		letter-spacing: 0.05rem;
		padding-bottom: env(safe-area-inset-bottom);
		padding-bottom: constant(safe-area-inset-bottom);
	}
}
@media not all and (max-width: 520px) {
	footer {
		padding: 3rem 0 4rem;
	}
	.l-footer__copyright {
		text-align: center;
		color: #999;
		font-weight: normal;
		line-height: 1.45;
		font-size: 1rem;
		letter-spacing: 0.05rem;
	}
}
/* --------------------------------------------------------
-----------------------------------------------------------
 popUp
-----------------------------------------------------------
----------------------------------------------------------- */
#popUp {
	position: relative;
	z-index: 100;
}

#popUp .popUp-bg {
	z-index: 0;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
	animation: fadeIn 0.15s ease-in 0s forwards;
}

#popUp .popUp-body {
	position: fixed;
	top: 2rem;
	right: 0;
	left: 0;
	bottom: 2rem;
	background-color: #FFF;
	z-index: 10;
	width: 94%;
	max-width: 560px;
	margin: auto;
	overflow-y: auto;
	overflow-x: hidden;
	animation: fadeIn 0.3s ease-in 0s forwards;
	padding: 5.5rem 1.5rem 2.5rem;
	border-radius: 0.8rem;
	max-height: 1070px;
}

#popUp .popUp-close {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: none;
	border-radius: 0;
	position: absolute;
	top: 1.5rem;
	right: 1rem;
	width: 3.5rem;
	height: 0;
	padding-bottom: 4.1rem;
}
#popUp .popUp-close::after {
	content: "閉じる";
	position: absolute;
	bottom: 0;
	font-size: 1rem;
	width: 100%;
	text-align: center;
	line-height: 1.3;
}

#popUp .popUp-close span {
	background: var(--color06);
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
	height: 0.1rem;
	width: 80%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: all 0.3s;
	border-radius: 100px;
	top: 30%;
}
#popUp .popUp-close span:nth-of-type(1) {
	transform: rotate(45deg);
}
#popUp .popUp-close span:nth-of-type(2) {
	transform: rotate(-45deg);
}

#popUp .popUp-title {
	font-weight: bold;
	text-align: center;
	font-size: 2rem;
	margin-bottom: 1rem;
}

#popUp .popup-item {
	margin-bottom: 1.2rem;
}

#popUp .item-img {
	width: 20.6rem;
	margin: auto;
	margin-bottom: 2rem;
}

#popUp .item-detail {
	margin-top: 1.3rem;
}

#popUp .item-detail .price-item-name {
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5rem;
	line-height: 1.4;
}

#popUp .item-detail .description {
	font-size: 1.1rem;
	line-height: 1.55;
}

#popUp .price-list {
	padding: 1.1rem 0.4rem;
}
#popUp .price-list:last-of-type {
	margin-bottom: 2rem;
}

#popUp .price-list + .price-list {
	border-top: 0.1rem solid #b9b9b9;
}

#popUp .price-list li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	line-height: 1.4;
}

#popUp .price-list li + li {
	margin-top: 1.1rem;
}

#popUp .price-list li div {
	display: block;
}
#popUp .price-list li div:first-child {
	flex: 1;
	margin-right: 0.14rem;
}

#popUp .price-list li div + div {
	font-weight: bold;
	letter-spacing: 0;
	font-size: 130%;
	line-height: 1.2;
}

#popUp .price-list li .description {
	font-size: 1rem;
	margin-top: 0.3rem;
	color: #888;
}

#popUp .price-list li .description a {
	text-decoration: underline;
}
#popUp .price-list li .description a:hover {
	text-decoration: none;
}

#popUp .price-list li .yen {
	font-size: 1.2rem;
	padding-left: 0.14rem;
	vertical-align: 0.07rem;
}

#popUp .price-list li .frequency {
	font-size: 82%;
}

#popUp .price-list .price-item-name {
	font-weight: bold;
}

/*
-----------------------------------------------------------
 popup-option
----------------------------------------------------------- */
#popUp .popup-option .popUp-sub-title {
	position: relative;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
}
#popUp .popup-option .popUp-sub-title::before {
	position: absolute;
	content: "";
	width: 64%;
	height: 1px;
	background: #b9b9b9;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	right: 0;
}

#popUp .popup-option .popUp-sub-title span {
	background: #FFF;
	position: relative;
	z-index: 10;
	display: inline-block;
	padding: 0 11px;
}

#popUp .popup-option .select_item {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 18px 12px;
	max-width: 440px;
	margin: 0 auto 2.8rem;
}

#popUp .popup-option .select_item label {
	border: 0.1rem solid var(--color01);
	position: relative;
	cursor: pointer;
	padding: 11px 18px 12px 39px;
	border-radius: 33px;
	width: calc((100% - 24px) / 3);
	line-height: 1.3;
}
#popUp .popup-option .select_item label::before, #popUp .popup-option .select_item label::after {
	content: "";
	display: block;
	border-radius: 50%;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
}
#popUp .popup-option .select_item label::before {
	background-color: #fff;
	border: 0.1rem solid var(--color01);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	left: 12px;
}
#popUp .popup-option .select_item label::after {
	background-color: var(--color01);
	border-radius: 50%;
	opacity: 0;
	width: 10px;
	height: 10px;
	left: 17px;
}

#popUp .popup-option .select_item.shipping_frequency label,
#popUp .popup-option .select_item.shipping_day label {
	width: calc((100% - 12px) / 2);
	padding: 12px 44px;
}

#popUp .popup-option .select_item label.checked {
	background-color: var(--color01);
	color: #FFF;
}
#popUp .popup-option .select_item label.checked::after {
	opacity: 1;
}

#popUp .popup-option .select_item .visually-hidden {
	position: absolute;
	white-space: nowrap;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
}

/*
-----------------------------------------------------------
 popup-option02
----------------------------------------------------------- */
.popup-option02 {
	border: 0.1rem solid var(--color-border);
	border-radius: 1rem;
	padding: 2.3rem 1.4rem 2.1rem;
	margin: 0 auto 2rem;
	max-width: 450px;
}

#popUp .popup-option02 .opion-item + .opion-item {
	margin-top: 2.8rem;
}

#popUp .popup-option02 .popUp-sub-title {
	position: relative;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1rem;
	line-height: 1.45;
}
#popUp .popup-option02 .popUp-sub-title::before {
	position: absolute;
	content: "";
	width: 80%;
	height: 0.1rem;
	background: #b9b9b9;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	right: 0;
}

#popUp .popup-option02 .popUp-sub-title span {
	background: #FFF;
	position: relative;
	z-index: 10;
	display: inline-block;
	padding: 0 1.1rem;
}

#popUp .popup-option02 .select_item {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 1.8rem 0;
}

#popUp .popup-option02 .select_item label {
	border: 0.1rem solid var(--color01);
	position: relative;
	cursor: pointer;
	padding: 0.9rem 1.3rem 0.9rem 3.1rem;
	border-radius: 10rem;
	width: calc((100% - 1.2rem) / 3);
	line-height: 1.3;
}

#popUp .popup-option02 .select_item label .select-icon {
	border: 0.1rem solid var(--color01);
	display: block;
	position: absolute;
	background-color: #fff;
	transform: translateY(-50%);
	top: 50%;
	border-radius: 50%;
	width: 1.6rem;
	height: 1.6rem;
	left: 0.7rem;
}
#popUp .popup-option02 .select_item label .select-icon::before {
	background-color: var(--color01);
	content: "";
	position: absolute;
	top: 0;
	border-radius: 50%;
	opacity: 0;
	width: 0.8rem;
	height: 0.8rem;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
}

#popUp .popup-option02 .select_item.shipping_frequency label,
#popUp .popup-option02 .select_item.shipping_day label {
	width: calc((100% - 0.8rem) / 2);
}

#popUp .popup-option02 .select_item label.checked {
	background-color: var(--color01);
	color: #FFF;
}

#popUp .popup-option02 .select_item label.checked .select-icon::before {
	opacity: 1;
}

#popUp .popup-option02 .select_item .visually-hidden {
	position: absolute;
	white-space: nowrap;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	height: 0.1rem;
	width: 0.1rem;
	margin: -0.1rem;
	padding: 0;
}

/*
-----------------------------------------------------------

----------------------------------------------------------- */
#popUp .checkout-btn {
	background-color: var(--color02);
	position: relative;
	font-weight: normal;
	padding: 16px 0;
	display: block;
	border-radius: 8px;
	color: white;
	text-align: center;
	font-size: 2.1rem;
}
#popUp .checkout-btn::before {
	content: "";
	position: absolute;
	width: 2.1rem;
	height: 100%;
	top: 0;
	right: 1.3rem;
	background: url(/img/icon-arrow.svg) no-repeat center center;
	background-size: contain;
}

[v-cloak] {
	display: none;
}

.mt-4 {
	margin-top: 16px;
}

#popUp .popUp-sub-text {
	margin-top: 16px;
	font-size: 1.1rem;
	line-height: 1.4;
}

#popUp .popUp-sub-text p {
	text-indent: -1em;
	margin-left: 1em;
}

#popUp .popUp-sub-text p + p {
	margin-top: 0.4rem;
}

#popUp .popUp-sub-text a {
	text-decoration: underline;
}

@media screen and (min-width: 521px) {
	#popUp .popUp-sub-text a:hover {
		text-decoration: none;
	}
}
/*
-----------------------------------------------------------
 tab
----------------------------------------------------------- */
#popUp .popup-tab-button {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	gap: 0.4rem;
	padding: 0 0.7rem;
	width: calc(100% + 1.6rem);
	margin-left: -0.8rem;
	margin-bottom: 2rem;
}
#popUp .popup-tab-button::before {
	background: var(--color-border);
	content: "";
	position: absolute;
	width: 100%;
	height: 0.1rem;
	left: 0;
	bottom: 0;
	z-index: 10;
}

#popUp .popup-tab-button-item {
	position: relative;
	flex: 1;
	z-index: 20;
	transition: padding-top 0.1s;
	min-height: 4.5rem;
}

#popUp .popup-tab-button-item button {
	color: var(--color01);
	border: 0.1rem solid var(--color-border);
	border-bottom: none;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	background: #FFF;
	width: 100%;
	height: 100%;
	padding: 0.8rem 0 0.7rem;
	line-height: 1.45;
	border-radius: 0.6rem 0.6rem 0 0;
	font-size: 1.3rem;
	gap: 0.4rem;
}
#popUp .popup-tab-button-item button::before {
	border-color: var(--color01) transparent transparent transparent;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.55rem 0.5rem 0 0.5rem;
	margin-bottom: 0.1rem;
}
#popUp .popup-tab-button-item button:hover {
	opacity: 1;
}

#popUp .popup-tab-button-item:not(.active) {
	z-index: 0;
	padding-top: 0.5rem;
}

#popUp .popup-tab-button-item:not(.active) button {
	background: #f4f4f4;
	color: var(--color06);
}
#popUp .popup-tab-button-item:not(.active) button::before {
	border-color: var(--color06) transparent transparent transparent;
}

#popUp.honban #subscription-popup-body {
	display: block !important;
}

#items-pack-trial #popUp.honban #subscription-popup-body {
	display: none !important;
}

#subscription-popup-body.active,
#onetime-popup-body.active {
	display: block !important;
}

#subscription-popup-body:not(.active),
#onetime-popup-body:not(.active) {
	display: none !important;
}

#subscription-popup-body .select_item.pack #id_4,
#subscription-popup-body .select_item.pack #id_5 {
	display: none !important;
}

#onetime-popup-body .select_item.pack #id_1,
#onetime-popup-body .select_item.pack #id_2,
#onetime-popup-body .select_item.pack #id_3 {
	display: none !important;
}

#onetime-popup-body .select_item.pack label {
	width: calc((100% - 12px) / 2);
}

/* --------------------------------------------------------
 add style maruwo 20231114
----------------------------------------------------------- */
.bg-color {
	background: #F4F5F0;
	margin: 0 -6.5% 20px;
	padding: 10% 5% 1%;
}

#popUp .bg-color .popUp-sub-title span {
	background: #F4F5F0;
}

#popUp .shipping-info {
	text-align: center;
	margin: 30px auto -10px;
}

#popUp .shipping-info .shipping-info-text02 > span {
	display: inline-block;
}

#popUp .shipping-info .strong {
	color: #DA3922;
	font-size: 115%;
	font-weight: bold;
}

#popUp .shipping-info.--frequency1 .frequency2-group,
#popUp .shipping-info.--frequency2 .frequency1-group {
	display: none;
}

#popUp .p-global-subscription-note__title {
	display: none;
}

#popUp .p-global-subscription-note.view_timer {
	background: #FCF2F2;
	border: none;
	color: #DA3922;
	font-size: 1.1rem;
	letter-spacing: 0.12em;
	margin: 1rem 0 0;
}

.asterisk {
	font-size: 0.8em;
	vertical-align: top;
}

/* ↓ 選択された商品の画像スタイル */
.popUp-img-wrap {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 17rem;
}

@media screen and (min-width: 641px) {
	.popUp-img-wrap {
		height: 22rem;
	}
}
.popUp-img-wrap .popUp-p-item__img {
	position: relative;
	margin: 0;
}

.popUp-img-wrap .popUp-p-item__img-img {
	font-size: 2.66vw;
}

@media screen and (min-width: 641px) {
	.popUp-img-wrap .popUp-p-item__img-img {
		font-size: 14px;
	}
}
.popUp-img-wrap .popUp-p-item__img-label,
.popUp-img-wrap .popUp-p-item__img-onetime-label {
	text-align: center;
}

.popUp-img-wrap.--size-M .popUp-p-item__img-img,
.popUp-img-wrap.--size-one_M .popUp-p-item__img-img {
	width: 21em;
}

.popUp-img-wrap.--size-S .popUp-p-item__img-img,
.popUp-img-wrap.--size-one_S .popUp-p-item__img-img {
	width: 17em;
}

.popUp-img-wrap.--size-L .popUp-p-item__img-img {
	width: 24em;
}

.popUp-img-wrap.--size-L .popUp-p-item__img-label {
	left: calc(50% + 6.5rem);
}

.fade {
	opacity: 0;
}

.fade.in {
	transition: opacity 0.5s ease;
	opacity: 1;
}

.popUp-p-item__img-label {
	background: #FF6614;
	color: #FFF;
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	border-radius: 50%;
	z-index: 10;
	line-height: 1.4;
	border: 0.3rem solid;
	bottom: 0;
	left: calc(50% + 5.5rem);
	width: 8rem;
	height: 8rem;
	padding-top: 0.3rem;
}

.popUp-p-item__img-onetime-label {
	color: #FF6614;
	background: #FFF;
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	border-radius: 50%;
	z-index: 10;
	line-height: 1.4;
	border: 0.3rem solid;
	bottom: 0;
	left: calc(50% - 13.5rem);
	width: 8rem;
	height: 8rem;
	padding-top: 0.3rem;
}

/* ↑ 選択された商品の画像スタイル */
/* --------------------------------------------------------
-----------------------------------------------------------
 l-main-bottom
-----------------------------------------------------------
----------------------------------------------------------- */
.l-main-bottom {
	margin: 5rem auto 0;
	max-width: 520px;
	padding: 3.5rem 3rem 0;
	border-top: 0.1rem solid #cbc6c6;
}

.l-main-bottom__link {
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 1rem;
	line-height: 1.4;
}

.l-main-bottom__link + .l-main-bottom__link {
	margin-top: 1rem;
}

.l-main-bottom__link li a {
	position: relative;
	display: inline-block;
	padding: 0.4rem 0 0.4rem 1rem;
	line-height: 1.4;
	letter-spacing: 0.05em;
}
.l-main-bottom__link li a::before {
	border-color: transparent transparent transparent #89827c;
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0 0.5rem 0.55rem;
	top: 0.9rem;
	left: 0;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 .p-global-page-head
-----------------------------------------------------------
----------------------------------------------------------- */
.p-global-page-head__title {
	font-family: var(--font-family02);
	color: var(--color06);
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
	font-size: 2.5rem;
	line-height: 1.45;
	padding: 5rem 1rem 0;
	margin-bottom: 3.5rem;
}

.p-global-page-head__title-sub {
	display: block;
	font-size: 1.5rem;
	margin-bottom: 0.7rem;
}

.p-global-page-head__img {
	display: block;
	margin: -1rem auto 1rem;
	width: 15.3rem;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 p-global-button-top
-----------------------------------------------------------
----------------------------------------------------------- */
.p-global-button-top {
	text-align: center;
	margin: 4rem 0;
}

.p-global-button-top a {
	font-weight: normal;
	display: block;
	margin: 0 auto;
	width: 45%;
	background: #FFF;
	border-radius: 100px;
	padding: 2%;
	min-width: 230px;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 sns-area
-----------------------------------------------------------
----------------------------------------------------------- */
.sns-area {
	margin: 8rem auto 0;
	max-width: calc(100vw - 4rem);
}

.sns-area .top-text {
	text-align: center;
	font-weight: bold;
	font-size: 1.9rem;
	margin-bottom: 2rem;
	line-height: 1.45;
}

.sns-area .top-text span {
	position: relative;
	display: inline-block;
}
.sns-area .top-text span::after, .sns-area .top-text span::before {
	content: "";
	position: absolute;
	width: 25px;
	height: 0;
	border-top: 0.1rem solid;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.sns-area .top-text span::before {
	transform: rotate(55deg);
	left: -23px;
}
.sns-area .top-text span::after {
	transform: rotate(-55deg);
	right: -23px;
}

.sns-area .sns-block {
	max-width: 460px;
	margin: 0px auto;
}

.sns-area .sns-block + .sns-block {
	margin-top: 2.5rem;
}

.sns-area .sns-block-title {
	text-align: center;
	font-weight: bold;
	font-size: 2.2rem;
	line-height: 1.25;
	margin-bottom: 1.5rem;
}

.sns-area .hashtag {
	margin: 2rem 0 1rem;
}

.sns-area .hashtag ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	gap: 1.4rem;
}

.sns-area .hashtag a {
	background-color: #FFF;
	padding: 1rem 1.8rem;
	border-radius: 100px;
	text-align: center;
	font-size: 1.4rem;
	display: block;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 p-global-sns
-----------------------------------------------------------
----------------------------------------------------------- */
.p-global-sns {
	margin: 8rem auto 5rem;
}

/*
-----------------------------------------------------------
 p-global-sns__top-text
----------------------------------------------------------- */
.p-global-sns__top-text {
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 3.2rem;
	line-height: 1.45;
}

.p-global-sns__top-text span {
	position: relative;
	display: inline-block;
}
.p-global-sns__top-text span::after, .p-global-sns__top-text span::before {
	content: "";
	position: absolute;
	width: 25px;
	height: 0;
	border-top: 0.1rem solid;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.p-global-sns__top-text span::before {
	transform: rotate(55deg);
	left: -23px;
}
.p-global-sns__top-text span::after {
	transform: rotate(-55deg);
	right: -23px;
}

/*
-----------------------------------------------------------
 p-global-sns__top
----------------------------------------------------------- */
.p-global-sns__top {
	text-align: center;
	margin-top: 5rem;
}

.p-global-sns__top-text01 {
	color: var(--color01);
	font-weight: bold;
	font-size: 2.3rem;
	margin-bottom: 0.7rem;
	line-height: 1.45;
	letter-spacing: 0.05em;
}

.p-global-sns__top-text01 span {
	position: relative;
	display: inline-block;
}
.p-global-sns__top-text01 span::after, .p-global-sns__top-text01 span::before {
	content: "";
	position: absolute;
	width: 25px;
	height: 0;
	border-top: 0.1rem solid;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.p-global-sns__top-text01 span::before {
	transform: rotate(55deg);
	left: -28px;
}
.p-global-sns__top-text01 span::after {
	transform: rotate(-55deg);
	right: -28px;
}

.p-global-sns__top-text02 {
	font-size: 1.7rem;
	line-height: 1.5;
}

.p-global-sns__top-lit {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 2.5rem;
	margin-top: 2rem;
}

.p-global-sns__top-lit img {
	width: 5rem;
}

/*
-----------------------------------------------------------
 p-global-sns__block
----------------------------------------------------------- */
.p-global-sns__block + .p-global-sns__block {
	margin-top: 5rem;
}

.p-global-sns__block-title {
	font-family: var(--font-family02);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-weight: normal;
	font-weight: bold;
	font-size: 2.7rem;
	line-height: 1.25;
	margin-bottom: 1.5rem;
	gap: 1.4rem;
	padding-right: 2rem;
}

.p-global-sns__block-title-icon {
	width: 2.8rem;
}

.p-global-sns__block-body-top {
	margin-bottom: 1.5rem;
	text-align: center;
}

/*
-----------------------------------------------------------
 p-global-sns__button
----------------------------------------------------------- */
.p-global-sns__button a {
	background: #077542;
	background: -moz-linear-gradient(left, #077542 0%, #018c1d 100%);
	background: -webkit-linear-gradient(left, #077542 0%, #018c1d 100%);
	background: linear-gradient(to right, #077542 0%, #018c1d 100%);
	position: relative;
	display: block;
	text-align: center;
	font-weight: normal;
	color: #FFF;
	border-radius: 100px;
	line-height: 1.3;
	font-size: 1.6rem;
	padding: 1.4rem 0.8rem 1.4rem 0;
	background: #fc5400;
	background: -moz-linear-gradient(left, #fc5400 0%, #ff861c 100%);
	background: -webkit-linear-gradient(left, #fc5400 0%, #ff861c 100%);
	background: linear-gradient(to right, #fc5400 0%, #ff861c 100%);
	margin: 0 auto;
	width: 91%;
}
.p-global-sns__button a::before {
	content: "";
	position: absolute;
	width: 1.92rem;
	height: 100%;
	top: 0;
	right: 1.28rem;
	background: url(/img/icon-arrow.svg) no-repeat center center;
	background-size: contain;
}

/*
-----------------------------------------------------------
 p-global-sns__hashtag
----------------------------------------------------------- */
.p-global-sns__hashtag {
	margin: 2rem 0;
}

.p-global-sns__hashtag ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	gap: 3rem;
}

.p-global-sns__hashtag a {
	font-size: 1.4rem;
	display: block;
	line-height: 1.35;
	text-decoration: underline;
}

@media screen and (min-width: 521px) {
	.p-global-sns__hashtag a:hover {
		text-decoration: none;
	}
}
/*
-----------------------------------------------------------
 p-global-sns__hashtag02
----------------------------------------------------------- */
.p-global-sns__hashtag02 {
	margin-top: 2.5rem;
}

.p-global-sns__hashtag02 ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	gap: 1.5rem;
}

.p-global-sns__hashtag02 a {
	display: block;
	background: #FFF;
	font-size: 1.4rem;
	line-height: 1.35;
	border-radius: 100px;
	padding: 0.5rem 1.8rem;
}

/*
-----------------------------------------------------------
 p-global-instagram__list
----------------------------------------------------------- */
.p-global-instagram__list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0.1rem;
}

.p-global-instagram__list li {
	width: calc((100% - 0.2rem - 1px) / 3);
}

.p-global-instagram__list li a {
	display: block;
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 100%;
}

.p-global-instagram__list li a img {
	position: absolute;
	object-fit: cover;
	transition: transform 0.3s;
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 521px) {
	.p-global-instagram__list li a:hover img {
		transform: scale(1.1);
	}
}
/* --------------------------------------------------------
-----------------------------------------------------------
 p-global-floating-area
-----------------------------------------------------------
----------------------------------------------------------- */
@media screen and (min-width: 521px) {
	.p-global-floating-area {
		display: none;
		position: fixed;
		bottom: 8rem;
		right: 0;
		z-index: 90;
		padding-bottom: env(safe-area-inset-bottom);
		padding-bottom: constant(safe-area-inset-bottom);
	}
	.p-global-floating-area__copy {
		margin: 0 0 6px;
		text-align: center;
		line-height: 1.3;
	}
	.p-global-floating-area__copy span {
		color: var(--color02);
		display: inline-block;
		position: relative;
		font-size: 18px;
		font-weight: bold;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	.p-global-floating-area__copy span::before, .p-global-floating-area__copy span::after {
		content: "";
		position: absolute;
		width: 25px;
		height: 0;
		border-top: 1px solid;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	.p-global-floating-area__copy span::before {
		transform: rotate(55deg);
		left: -23px;
	}
	.p-global-floating-area__copy span::after {
		transform: rotate(-55deg);
		right: -23px;
	}
	.p-global-floating-area__button {
		font-family: var(--font-family02);
		padding: 13px 6px 11px 10px;
		border-radius: 8px 0 0 8px;
		color: #fff;
		line-height: 1.4;
		text-align: center;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
		background: #ed4e18;
		background: -moz-linear-gradient(left, #ed4e18 0%, #fc820e 100%);
		background: -webkit-linear-gradient(left, #ed4e18 0%, #fc820e 100%);
		background: linear-gradient(to right, #ed4e18 0%, #fc820e 100%);
		font-weight: bold;
		min-width: 315px;
	}
	.p-global-floating-area__button-text01 {
		display: block;
		font-size: 1.8rem;
	}
	.p-global-floating-area__button-text02 {
		color: var(--color02);
		font-size: 14px;
		background: #FFF;
		display: inline-block;
		padding: 3px 18px;
		border-radius: 3px;
	}
}
@media (max-width: 520px) {
	.p-global-footer-space {
		padding-top: 20vw;
		padding-bottom: env(safe-area-inset-bottom);
		padding-bottom: constant(safe-area-inset-bottom);
	}
	.p-global-floating-area {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 90;
	}
	.p-global-floating-area__link {
		display: block;
		text-align: center;
		font-weight: bold;
		padding-bottom: env(safe-area-inset-bottom);
		padding-bottom: constant(safe-area-inset-bottom);
		color: #fff;
		line-height: 1.4;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
		background: #ed4e18;
		background: -moz-linear-gradient(left, #ed4e18 0%, #fc820e 100%);
		background: -webkit-linear-gradient(left, #ed4e18 0%, #fc820e 100%);
		background: linear-gradient(to right, #ed4e18 0%, #fc820e 100%);
	}
	.p-global-floating-area__link-inner {
		padding: 11px 8px 9px;
	}
	.p-global-floating-area__copy {
		margin: 0 0 4px;
		text-align: center;
		line-height: 1.3;
	}
	.p-global-floating-area__copy span {
		display: inline-block;
		position: relative;
		font-size: 1.3rem;
		font-weight: bold;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	.p-global-floating-area__copy span::before, .p-global-floating-area__copy span::after {
		content: "";
		position: absolute;
		width: 1.4rem;
		height: 0;
		border-top: 1px solid;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	.p-global-floating-area__copy span::before {
		transform: rotate(55deg);
		left: -18px;
	}
	.p-global-floating-area__copy span::after {
		transform: rotate(-55deg);
		right: -18px;
	}
	.p-global-floating-area__button {
		font-family: var(--font-family02);
	}
	.p-global-floating-area__button-text01 {
		font-size: 2.3rem;
		vertical-align: middle;
		margin-right: 6px;
	}
	.p-global-floating-area__button-text02 {
		color: var(--color02);
		font-size: 1.1rem;
		background: #FFF;
		display: inline-block;
		padding: 0.3rem 0.7rem;
		border-radius: 3px;
		vertical-align: middle;
		letter-spacing: 0;
	}
}
/* --------------------------------------------------------
-----------------------------------------------------------
 p-global-announcement
-----------------------------------------------------------
----------------------------------------------------------- */
.p-global-announcement {
	margin: 2.8rem 0;
}

.p-global-announcement__inner {
	border: 0.1rem solid var(--color02);
	background: #FFF;
	border-radius: 0.6rem;
	max-width: 525px;
	margin: 0 auto;
	line-height: 1.65;
}

.p-global-announcement__title {
	background: var(--color02);
	text-align: center;
	border-radius: 0.4rem 0.4rem 0 0;
	color: #FFF;
	line-height: 1.4;
	padding: 0.4rem;
	font-size: 1.3rem;
}

.p-global-announcement__body {
	font-size: 1.3rem;
	padding: 0.9rem 1.2rem;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 p-global-refund
-----------------------------------------------------------
----------------------------------------------------------- */
.p-global-refund {
	position: relative;
	background: repeating-linear-gradient(150deg, #F1C30D, #F1C30D 0.6rem, #fae699 0.6rem, #fae699 0.7rem);
	margin-top: 6rem;
	padding: 4rem 1.2rem;
}
.p-global-refund::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: url(/img/texture-white.png) repeat center center;
	background-size: 150px auto;
}

.p-global-refund__inner {
	position: relative;
	background: #FFF;
	z-index: 10;
	border-radius: 1rem;
	padding: 3.2rem 2.1rem 2.1rem;
	box-shadow: 0.1rem 0.1rem 0.3rem 0.1rem rgba(0, 0, 0, 0.08);
	max-width: 520px;
	margin: 0 auto;
}
.p-global-refund__inner::before {
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: calc(100% - 1rem);
	height: calc(100% - 1rem);
	border: 0.3rem solid #EE0015;
	border-radius: 0.6rem;
}

.p-global-refund__title {
	text-align: center;
	font-weight: bold;
	position: relative;
	z-index: 10;
	margin-bottom: 1rem;
	line-height: 1.45;
}

.p-global-refund__title-sub {
	display: inline-block;
	background: #EE0015;
	color: #FFF;
	padding: 0.7rem 1.4rem 0.5rem;
	font-size: 1.5rem;
	border-radius: 0.3rem;
	position: relative;
	margin-bottom: 0.8rem;
	line-height: 1.45;
}
.p-global-refund__title-sub::before {
	border-color: #EE0015 transparent transparent transparent;
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0.8rem 1.1rem 0 1.1rem;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 100%;
}

.p-global-refund__title-main {
	font-family: var(--font-family03);
	position: relative;
	color: #EE0015;
	font-weight: bold;
	font-size: 4.3rem;
	letter-spacing: 0.08em;
	line-height: 1.35;
	border-bottom: 0.1rem solid;
	margin-top: 0.2rem;
}

.p-global-refund__body {
	position: relative;
	z-index: 10;
}

.p-global-refund__body-text {
	line-height: 1.6;
	font-weight: bold;
	font-size: 1.35rem;
}

.p-global-refund__button {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin-top: 0.8rem;
}

.p-global-refund__button button {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	gap: 0.4rem;
	line-height: 1.45;
	color: #EE0015;
	padding: 1rem;
}
.p-global-refund__button button::after {
	background: #EE0015;
	content: "";
	-webkit-mask-image: url(/img/icon-arrow01.svg);
	mask-image: url(/img/icon-arrow01.svg);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	width: 1.6rem;
	height: 1.6rem;
	transform: rotate(90deg);
	transition: transform 0.3s;
}

.p-global-refund__button button.--open::after {
	transform: rotate(-90deg);
}

.p-global-refund__detail {
	display: none;
	font-weight: normal;
	font-size: 1.2rem;
	color: #555;
	padding: 1.4rem 1rem;
	background: #f4f4f4;
}

.p-global-refund__detail-list {
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 1.6rem;
	line-height: 1.5;
}

.p-global-refund__detail-list li + li {
	margin-top: 0.7rem;
}

.p-global-refund__detail-note {
	margin-top: 1rem;
	padding-left: 1.4rem;
	position: relative;
	line-height: 1.5;
}
.p-global-refund__detail-note::before {
	content: "※";
	position: absolute;
	left: 0;
	font-weight: 500;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 .p-global-shipping
-----------------------------------------------------------
----------------------------------------------------------- */
.p-global-shipping {
	display: block;
	font-weight: normal;
	text-align: center;
	font-size: 1.1rem;
	letter-spacing: 0.1rem;
}

.p-global-shipping__text02 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 modal
-----------------------------------------------------------
----------------------------------------------------------- */
/**************************\
  Animation Style
\**************************/
@keyframes mmfadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes mmfadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes mmslideIn {
	from {
		transform: translateY(15%);
	}
	to {
		transform: translateY(0);
	}
}
@keyframes mmslideOut {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-10%);
	}
}
.micromodal-slide {
	display: none;
}

.micromodal-slide.is-open {
	display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
	animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
	animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
	animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
	animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
	will-change: transform;
}

/*
-----------------------------------------------------------
modal
----------------------------------------------------------- */
.modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.modal__container {
	position: relative;
	background-color: #fff;
	padding: 4rem 2rem 2rem;
	max-width: 500px;
	max-height: 90vh;
	border-radius: 4px;
	overflow-y: auto;
	box-sizing: border-box;
	width: calc(100% - 4rem);
}

.modal__close {
	position: absolute;
	background: transparent;
	border: 0;
	right: 0rem;
	top: 0rem;
	font-size: 2.2rem;
	vertical-align: top;
	width: 4.5rem;
	height: 5rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	color: #888;
}

.modal__close:before {
	content: "✕";
}

.modal__title02 {
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.45;
	letter-spacing: 0.1em;
	border-bottom: 0.1rem solid #CCC;
	padding-bottom: 0.8rem;
	margin-bottom: 0.8rem;
}

.modal__text {
	font-size: 1.3rem;
}

.modal__text p {
	margin: 1.3em 0 0;
}

.modal .color-red {
	font-weight: bold;
	color: #e20b0b;
}

.modal__container a {
	text-decoration: underline;
}

.modal__container a:hover {
	text-decoration: none;
}

/*
===========================================================
 local
=========================================================== */
/* Order */
.p-Order__img--mv {
	position: absolute;
	top: -30%;
	left: 0;
	width: 100%;
	z-index: -1;
}

.hashtagbox {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.a__hashtag {
	background-color: #fff;
	color: #000;
	padding: 2% 5%;
	border-radius: 100px;
	text-align: center;
	font-size: 1.5rem;
	margin: 5% 2%;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 text-only page
-----------------------------------------------------------
----------------------------------------------------------- */
.text-only {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
@media screen and (min-width: 521px) {
	.text-only {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}

.text-only h1 {
	font-family: var(--font-family02);
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 2.3rem;
	margin-bottom: 9%;
	padding-top: 10%;
	line-height: 1.25;
}

.text-only h2,
.text-only h3 {
	margin: 10% 0 3%;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.4;
}

.text-only ul {
	list-style: disc;
	list-style-position: outside;
	margin: 2% 0;
	padding-left: 1.5em;
}

.text-only ul li + li {
	margin-top: 0.6em;
}

#text-only #p-Massage {
	padding-top: 0 !important;
}

.text-only.text-only_small {
	font-size: 2.432vw;
}

.a__tag2 {
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	overflow: hidden;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	color: #fff;
	padding: 0.3% 2%;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	text-align: center;
	margin-left: 1%;
	margin-right: 1%;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 /event/, キャンペーンページ
-----------------------------------------------------------
----------------------------------------------------------- */
.bk_box {
	background-color: #fff;
	padding: 3%;
	margin: 5% auto 10%;
	border-radius: 20px;
}

.bk_box img {
	max-width: 100%;
}

.campaign_bnr2,
.crowdfunding_bnr {
	text-align: center;
}

.crowdfunding_bnr {
	width: 89.2%;
	margin: 0 auto;
}

.campaign_bnr3:hover,
.crowdfunding_bnr {
	opacity: 0.5;
}

.campaign_bnr2 img,
.crowdfunding_bnr {
	width: 100%;
	margin: 0 auto 10%;
}

.crowdfunding_bnr {
	margin-top: 4.9%;
	margin-bottom: 4.9%;
}

.campaign_time {
	background-color: #fff;
	padding: 4% 8%;
	text-align: center;
	margin-bottom: 5%;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 /event/
-----------------------------------------------------------
----------------------------------------------------------- */
.text-only .pk_box {
	border: #b42c5a 2px solid;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	border-radius: 20px;
}

.text-only .bk_box__p {
	text-align: center;
	font-weight: bold;
	color: #b42c5a;
	margin-bottom: 2%;
	font-size: 4.8vw;
}

@media screen and (min-width: 521px) {
	.text-only .bk_box__p {
		font-size: 25px;
	}
}
/*
===========================================================
 未使用
=========================================================== */
.Caution {
	background-color: var(--color01);
	color: #fff;
	padding: 2%;
	font-size: 2.432vw;
	line-height: 2;
}

@media screen and (min-width: 521px) {
	.Caution {
		font-size: 18px;
	}
}
/* --------------------------------------------------------
-----------------------------------------------------------
 p-global-announcement02
-----------------------------------------------------------
----------------------------------------------------------- */
.p-global-announcement02 {
	margin: 3.5rem 0;
}

.p-global-announcement02 {
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 0 2rem;
}

.p-global-announcement02__button {
	border: 0.2rem solid #d11515;
	border-radius: 0.6rem;
	background: #FFF;
	width: 100%;
}

.p-global-announcement02__text01 {
	background: #d11515;
	color: #FFF;
	font-size: 1.4rem;
	padding: 0.7rem 0.9rem;
	letter-spacing: 0.1em;
	line-height: 1.3;
	margin-bottom: 1rem;
	font-weight: bold;
	border-radius: 0.4rem 0.4rem 0 0;
}

.p-global-announcement02__text02 {
	font-size: 1.5rem;
}

.p-global-announcement02__text03 {
	position: relative;
	display: inline-block;
	padding: 0 2rem;
	color: #d11515;
	margin-top: 0.2rem;
	font-weight: bold;
	line-height: 1.9;
	margin-bottom: 1rem;
}

.p-global-announcement02__text03::before {
	position: absolute;
	top: 0;
	right: 0;
	background: #d11515;
	content: "";
	-webkit-mask-image: url(/img/icon-arrow01.svg);
	mask-image: url(/img/icon-arrow01.svg);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	width: 1.6rem;
	height: 1.6rem;
	transition: transform 0.3s;
	bottom: 0;
	margin: auto 0;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes micromodal-fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes micromodal-fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes micromodal-slideIn {
	from {
		transform: translateY(15%);
	}
	to {
		transform: translateY(0);
	}
}
@keyframes micromodal-slideOut {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-10%);
	}
}
.micromodal-slide {
	display: none;
}

.micromodal-slide.is-open {
	display: block;
}

.micromodal-slide[aria-hidden=false] .p-global-modal__overlay {
	animation: micromodal-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .p-global-modal__container {
	animation: micromodal-slideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .p-global-modal__overlay {
	animation: micromodal-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .p-global-modal__container {
	animation: micromodal-slideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .p-global-modal__container,
.micromodal-slide .p-global-modal__overlay {
	will-change: transform;
}

/*
    -----------------------------------------------------------
     modal
    ----------------------------------------------------------- */
.p-global-modal {
	font-weight: normal;
}

.p-global-modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.p-global-modal__container {
	/* position: relative; */
	/* max-height: 90vh; */
	position: fixed;
	background-color: #fff;
	padding: 2.8rem 2rem 2.5rem;
	max-width: 575px;
	max-height: 90%;
	border-radius: 4px;
	overflow-y: auto;
	box-sizing: border-box;
	width: calc(100% - 4rem);
	font-size: 1.3rem;
}

.p-global-modal__close {
	position: absolute;
	background: transparent;
	border: 0;
	right: 0rem;
	top: 0rem;
	font-size: 2.2rem;
	vertical-align: top;
	width: 4.5rem;
	height: 5rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	color: #888;
}

.p-global-modal__close:before {
	content: "✕";
}

/* .p-global-modal__title {
        font-weight: bold;
        font-size: 1.2rem;
        line-height: 1.3;
        background: #e20b0b;
        letter-spacing: 0.1em;
        color: #FFF;
        padding: 0.5rem 0.8rem 0.3rem;
        display: inline-block;
        margin-bottom: 0.7rem;
    } */
.p-global-modal__title {
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.45;
	/* color: #e20b0b; */
	letter-spacing: 0.1em;
	border-bottom: 0.1rem solid #CCC;
	padding-bottom: 0.8rem;
	margin-bottom: 0.8rem;
}

.p-global-modal__list {
	list-style-position: outside;
	list-style-type: decimal;
	margin-top: 30px;
	padding-left: 2rem;
	font-size: 1.5rem;
	font-weight: bold;
}

.p-global-modal__list-item + .p-global-modal__list-item {
	margin-top: 2rem;
}

.p-global-modal__list-item-body {
	font-size: 1.3rem;
	font-weight: normal;
}

.p-global-modal__sub-list-title {
	font-weight: bold;
	margin-bottom: 0.2rem;
}

.p-global-modal__sub-list {
	margin-top: 0.5rem;
}

.p-global-modal__sub-list li {
	border: 0.1rem solid #CCC;
}

.p-global-modal__sub-list li + li {
	margin-top: 1.2rem;
}

.p-global-modal__sub-list-title {
	font-weight: bold;
	border-bottom: 0.1rem solid #CCC;
	padding: 0.6rem 1rem;
	background: #f7f7f7;
}

p.p-global-modal__sub-list-body {
	padding: 0.8rem 1rem;
}

.p-global-modal__list-item-body a {
	text-decoration: underline;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 p-global-subscription-note
-----------------------------------------------------------
----------------------------------------------------------- */
.p-global-subscription-note {
	color: #cc1a1a;
	font-size: 1.2rem;
	line-height: 1.55;
	border: 0.1rem solid;
	padding: 1rem;
	margin: 2.2rem 2rem 0;
	text-align: left;
}

.p-global-subscription-note__title {
	display: block;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.p-global-subscription-note__body {
	display: block;
	text-indent: -1em;
	margin-left: 1em;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 p-global-fruit
-----------------------------------------------------------
----------------------------------------------------------- */
/*
-----------------------------------------------------------
 p-fruit
----------------------------------------------------------- */
.p-global-fruit {
	padding-top: 6rem;
	background: #fff;
	padding-bottom: 2.5rem;
	position: relative;
}

.p-global-fruit::before {
	border-color: #FFF transparent transparent transparent;
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5rem 23rem 0 23rem;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 0);
	margin: 0 auto;
}

.p-global-fruit02 {
	overflow: hidden;
	background: #fff;
	padding: 4rem 1.2rem;
	margin: 4rem 0;
	border-radius: 1.3rem;
	box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0;
}

.p-global-fruit-area .p-fruit__title {
	color: var(--color02);
	text-align: center;
	font-weight: bold;
	margin-bottom: 1rem;
}

.p-global-fruit-area .p-fruit__title-text01 {
	background: var(--color02);
	color: #fff;
	font-size: 1.9rem;
	display: inline-block;
	padding: 1.1rem 1.2rem 1.1rem 1.9rem;
	margin-bottom: 1.5rem;
	border-radius: 10rem;
	letter-spacing: 0.2rem;
	position: relative;
	line-height: 1.3;
}

.p-global-fruit-area .p-fruit__title-text01::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.9rem 1.1rem 0 1.1rem;
	border-color: var(--color02) transparent transparent transparent;
	display: block;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.p-global-fruit-area .p-fruit__title-text02 {
	font-family: var(--font-family02);
	font-size: 2rem;
	line-height: 1.3;
	display: block;
	letter-spacing: 0.05rem;
}

.p-global-fruit-area .p-fruit__title-text04 {
	font-size: 2.5rem;
}

.p-global-fruit-area .p-fruit__title-text03 {
	font-size: 3.8rem;
}

.p-global-fruit-area .p-fruit__variety {
	text-align: center;
}

.p-global-fruit-area .p-fruit__variety-title {
	font-size: 2rem;
	line-height: 1.3;
	font-weight: bold;
	color: #ee0015;
	margin-bottom: 1rem;
}

.p-global-fruit-area .p-fruit__variety-text {
	border-bottom: 1px solid;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
}

.p-global-fruit-area .p-fruit__variety-box {
	border: 0.1rem solid;
	border-radius: 1rem;
	padding: 1rem;
	margin: 0.5rem 0 1rem;
}

.p-global-fruit-area .p-fruit__comment {
	color: #4c392f;
	text-align: center;
	line-height: 1.45;
	margin-bottom: 1.2rem;
}

.p-global-fruit-area .p-fruit__comment-txt {
	font-weight: bold;
	font-size: 1.3rem;
	margin-bottom: 1rem;
	text-align: center;
}

/* 2025/08/28 追記 */
/* .p-global-fruit-area .p-fruit__comment-sub {
  color: var(--color02);
  display: inline-block;
  padding: 0 0.5rem;
  font-size: 2rem;
  font-weight: bold;
} */
.p-global-fruit-area .p-fruit__main-comment {
	border-bottom: 0.1rem solid var(--color02);
	color: var(--color02);
	display: inline-block;
	padding: 0 0.5rem;
}

/* .p-global-fruit-area .p-fruit__sub-comment {
  border-bottom: none !important;
  color: #ee0015;
  font-weight: bold;
  font-size: 2rem;
} */
.p-global-fruit-area .p-fruit__main-comment-day {
	font-weight: bold;
	font-size: 3rem;
}

.p-global-fruit-area .p-fruit__main-comment-date {
	font-weight: bold;
	font-size: 2rem;
}

.p-global-fruit-area .p-fruit__img {
	margin-bottom: 1.5rem;
}

.p-global-fruit-area .p-fruit__body .p-item01__button2 {
	padding: 0 1rem;
	margin-top: 0.5rem;
}

.p-global-fruit-area .p-fruit__note {
	color: #9c8f87;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.45;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.p-global-fruit-area .p-fruit__note p {
	text-indent: -1em;
	margin-left: 1em;
	text-align: left;
}

.p-global-fruit-area .p-global-fruit__comment02 {
	text-align: center;
	font-size: 1.3rem;
	margin-top: 1rem;
}

.p-global-fruit__button {
	margin-top: 1.8rem;
	text-align: center;
}

.p-global-fruit__button a {
	background: #077542;
	background: -moz-linear-gradient(left, #077542 0%, #018c1d 100%);
	background: -webkit-linear-gradient(left, #077542 0%, #018c1d 100%);
	background: linear-gradient(to right, #077542 0%, #018c1d 100%);
	box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0;
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	color: #fff;
	border-radius: 100px;
	line-height: 1.35;
	width: 94%;
	font-size: 1.6rem;
	padding: 0.9rem;
	margin: 0 auto;
	max-width: 370px;
}

/* 2025/9/12 追加 */
/* .p-fruit-extension .p-fruit__title-text01 {
  background: #2cb44d;
}

.p-fruit-extension .p-fruit__variety {
  padding: 1.5rem;
  border: 1px solid #2cb44d;
  border-radius: 0.7rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.p-fruit-extension .p-fruit__comment {
  margin-bottom: 0;
}

.p-fruit-extension .p-fruit__title-text02 {
  font-size: 2.2rem;
}

.p-fruit-extension .p-fruit__title-text03 {
  font-size: 4.5rem;
}

@media (min-width: 521px) {
  .p-fruit-extension .p-fruit__title-text03 {
    font-size: 4.5rem;
  }
}

.p-fruit-extension .p-fruit__title-text04 {
  font-size: 2.5rem;
}

@media (min-width: 521px) {
  .p-fruit-extension .p-fruit__title-text04 {
    font-size: 3rem;
  }
}

.p-fruit-extension .p-fruit__sub-comment {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1rem;
  font-size: 1.5rem;
  color: #2cb44d;
}

@media (min-width: 521px) {
  .p-fruit-extension .p-fruit__sub-comment {
    font-size: 2rem;
  }
}

.p-fruit-extension .p-fruit__comment-txt {
  margin-top: 1rem;
} */
/* --------------------------------------------------------
-----------------------------------------------------------
 p-global-example
-----------------------------------------------------------
----------------------------------------------------------- */
.p-global-example {
	background: #fff;
	padding-top: 6rem;
	padding-bottom: 4rem;
}

/*
  -----------------------------------------------------------
   p-season__title
  ----------------------------------------------------------- */
.p-global-example .p-season__title {
	font-family: var(--font-family02);
	text-align: center;
	font-weight: bold;
	color: var(--color02);
	font-size: 2.5rem;
	line-height: 1.45;
}

.p-global-example .speech-bubble {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background: url(/img/example/speech-bubble.svg) no-repeat center top;
	background-size: contain;
	color: #fff;
	height: 12.7rem;
	font-size: 2.5rem;
	padding-bottom: 1rem;
	margin-bottom: 0.6rem;
}

.p-global-example .p-season__title .small {
	display: block;
	font-size: 2rem;
}

.p-global-example .p-season__title .large {
	display: block;
	font-size: 3.6rem;
}

.p-global-example .p-season__annotation {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	color: #9b9b9b;
	font-size: 1.1rem;
	line-height: 1.5;
	margin: 2.5rem 0 0 1em;
	text-indent: -1em;
}

/*
  -----------------------------------------------------------
   slide-package
  ----------------------------------------------------------- */
.p-global-example .package-area {
	margin-top: 1rem;
}

.p-global-example .package-area .area-title {
	font-family: var(--font-family02);
	position: relative;
	text-align: center;
	font-weight: bold;
	background: no-repeat center bottom;
	background-size: 100% auto;
	background-image: url(/img/example/cook-ttl-winter.webp);
	height: 0;
	padding-bottom: 45.4%;
	line-height: 1.3;
	min-height: 17.1rem;
	font-size: 2.9rem;
}

.p-global-example .package-area .area-title .inner {
	position: absolute;
	bottom: 3.9rem;
	left: 0;
	width: 100%;
}

.p-global-example .package-area .area-title .inner > span {
	display: block;
}

.p-global-example .package-area .area-title .text01 {
	color: var(--color02);
	font-size: 2.1rem;
}

.p-global-example .package-area .area-body {
	position: relative;
	z-index: 10;
	margin-top: -0.7rem;
}

.p-global-example .package-area .slide-package .text-wrap {
	padding: 1.2rem 1.5rem 0;
}

.p-global-example .package-area .slide-package .title {
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 0.4rem;
	font-size: 1.5rem;
	letter-spacing: 0.18rem;
}

.p-global-example .package-area .slide-package .detail {
	font-size: 1.3rem;
	line-height: 1.55;
}

.p-global-example .package-area .tab-package-input {
	display: none;
}

.p-global-example .package-area .tab-button-wrap {
	border-bottom: 0.5rem solid var(--color02);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	gap: 0.2rem;
	padding: 0 0.2rem;
}

.p-global-example .package-area .tab-button-wrap .tab-button {
	border: 0.2rem solid var(--color02);
	border-bottom: none;
	color: var(--color02);
	display: block;
	text-align: center;
	background: #fff;
	font-weight: bold;
	flex: 1;
	padding: 0.8rem 1rem 0.6rem;
	border-radius: 1rem 1rem 0 0;
	line-height: 1.45;
	font-size: 1.3rem;
}

.p-global-example .package-area .tab-button-wrap .tab-button:first-letter {
	font-size: 2.4rem;
	vertical-align: -0.1rem;
	line-height: 1;
}

.p-global-example .package-area .tab-package01:checked ~ .tab-button-wrap .tab-button01,
.p-global-example .package-area .tab-package02:checked ~ .tab-button-wrap .tab-button02,
.p-global-example .package-area .tab-package03:checked ~ .tab-button-wrap .tab-button03 {
	background: var(--color02);
	color: #fff;
}

.p-global-example .package-area .tab-body {
	display: none;
}

.p-global-example .package-area .tab-package01:checked ~ .tab-body01,
.p-global-example .package-area .tab-package02:checked ~ .tab-body02,
.p-global-example .package-area .tab-package03:checked ~ .tab-body03 {
	display: block;
}

.p-global-example .swiper-package .swiper-pagination {
	gap: 0.5rem;
}

.p-global-example .swiper-package .swiper-pagination-bullet {
	width: auto;
	border-radius: 1rem;
	height: auto;
	color: #666;
	font-size: 1rem;
	font-weight: bold;
	padding: 0 0.8rem;
}

.p-global-example .swiper-package .swiper-pagination-bullet {
	color: #fff;
}

.p-global-example .swiper-package .swiper-pagination-bullet:nth-child(1):before {
	content: "Sサイズ";
}

.p-global-example .swiper-package .swiper-pagination-bullet:nth-child(2):before {
	content: "Mサイズ";
}

.p-global-example .swiper-package .swiper-pagination-bullet:nth-child(3):before {
	content: "Lサイズ";
}

.p-global-example .swiper-wrapper {
	position: relative;
}

.p-global-example .swiper-pagination {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 1.5rem;
	margin-top: 1.2rem;
}

.p-global-example .swiper-pagination-bullet {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #dddddd;
}

.p-global-example .swiper-pagination-bullet-active {
	background: var(--color02);
}

.p-global-example .swiper-button-prev,
.p-global-example .swiper-button-next {
	position: absolute;
	bottom: 30%;
	width: 4rem;
	height: 8rem;
	z-index: 1;
	transition: 0.5s;
}

.p-global-example .swiper-button-prev {
	left: 0;
	background: no-repeat left top;
	background-image: url(/img/example/cook-arrow-prev.svg);
}

.p-global-example .swiper-button-next {
	right: 0;
	background: no-repeat right top;
	background-image: url(/img/example/cook-arrow-next.svg);
}

@media (max-width: 520px) {
	.p-global-example .swiper-button-prev,
	.p-global-example .swiper-button-next {
		width: 3rem;
		height: 6rem;
		bottom: 40%;
	}
}
.p-global-example .swiper-button-prev:hover,
.p-global-example .swiper-button-next:hover {
	opacity: 0.7;
}