@charset "UTF-8";

#main-item {
	margin-top: 4rem;
	padding: 0 2rem;
}

.c-Order__inner {
	border: none;
}

#popUp.pack-hidden .pack {
	display: none;
}

body#items-pack-fruit .main-right .main-button {
	display: none;
}

/*
-----------------------------------------------------------
 p-order-trial
----------------------------------------------------------- */
body#items-pack-trial .p-order-trial__txt {
	margin-bottom: 20px;
	font-size: 1.6rem;
}

body#items-pack-trial .p-order-trial__txt-em {
	font-weight: bold;
	color: #ea1010;
}

body#items-pack-trial .p-order-trial__detail {
	text-align: left;
	padding: 0 2rem;
	margin-top: 1.7rem;
	margin-bottom: 3rem;
}

body#items-pack-trial .p-order-trial__detail-section {
	margin-top: 3rem;
}

body#items-pack-trial .p-order-trial__detail-title {
	color: #cd8d04;
	font-weight: bold;
	border-left: 2px solid;
	line-height: 1.4;
	font-size: 1.56rem;
	margin-bottom: 1rem;
	padding: 0.5rem 0 0.5rem 0.8rem;
}

body#items-pack-trial .p-order-trial__detail-body ul {
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 1.7em;
	margin: 0.7rem 0;
	line-height: 1.4;
}

body#items-pack-trial .p-order-trial__detail-body li+li {
	margin-top: 0.28rem;
}

body#items-pack-trial .p-order-trial__detail-caution {
	font-size: 90%;
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 1rem;
	line-height: 1.4;
}

body#items-pack-trial .c-Order__txt--price {
	color: #B98B4C;
	font-size: 2.56rem;
	margin: 2% 0 5% 0;
	line-height: 1;
}

body#items-pack-trial .c-Order__txt--price .small {
	font-size: 1.56rem;
	margin: 0.42rem 0.42rem 0;
	display: inline-block;
	vertical-align: middle;
}

body#items-pack-trial .p-order-trial .discount-msg {
	color: #ea1010;
	font-weight: bold;
	font-size: 1.28rem;
}

body#items-pack-trial .p-order-trial__price {
	color: #cc1a1a;
	line-height: 1.3;
	margin-top: 0.28rem;
}

body#items-pack-trial .p-order-trial__price01 {
	font-size: 2.85rem;
}

body#items-pack-trial .p-order-trial__price-number {
	line-height: 1;
	font-size: 194%;
	letter-spacing: 0;
	font-weight: bold;
}

body#items-pack-trial .p-order-trial__price-yen {
	font-weight: bold;
}

body#items-pack-trial .p-order-trial__price02 {
	color: #666;
	margin-top: 0.42rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 0.7rem;
}

body#items-pack-trial .p-order-trial__price-taxin {
	font-size: 1.56rem;
	letter-spacing: 0;
}

body#items-pack-trial .p-order-trial__price-tax {
	background: #cc1a1a;
	color: #FFF;
	padding: 0.42rem 1.28rem;
	font-size: 1.28rem;
	font-weight: bold;
}

body#items-pack-trial .p-order-trial__button {
	margin-top: 1.42rem;
}

body#items-pack-trial .p-order-trial__caution {
	display: inline-block;
	text-align: left;
	font-size: 1.14rem;
	margin-top: 1rem;
	line-height: 1.4;
	max-width: 87.9%;
}

body#items-pack-trial .p-order-trial__caution p {
	text-indent: -1em;
	margin-left: 1em;
}

body#items-pack-trial .p-order-trial__caution p+p {
	margin-top: 0.35em;
}

/* --------------------------------------------------------
-----------------------------------------------------------
 items-pack-fruit
-----------------------------------------------------------
----------------------------------------------------------- */
body#items-pack-fruit .c-Order__head .text01 {
	font-size: 1.4rem;
}

body#items-pack-fruit .c-Order__head .text02 {
	font-size: 2.6rem;
	letter-spacing: 0;
	margin-top: 0.2rem;
	margin-bottom: 2.5rem;
}

body#items-pack-fruit .c-Order__img-m {
	max-width: none;
	width: 91%;
	border-radius: 0.6rem;
	margin: 0 auto;
}

body#items-pack-fruit .c-Order__img-m+.c-Order__img-m {
	margin-top: 1.2rem;
}

body#items-pack-fruit .p-order-trial__img-caution {
	font-size: 1rem;
	text-indent: -1em;
	margin: 0.5rem 2rem 3rem calc(2rem + 1em);
	text-align: right;
	color: #888;
}

body#items-pack-fruit .p-order-trial__txt-em {
	color: #ea1010;
}

body#items-pack-fruit .p-order-trial__detail {
	text-align: left;
	padding: 0 2rem;
	font-size: 1.3rem;
	margin-top: 1.7rem;
	margin-bottom: 2rem;
}

body#items-pack-fruit .p-order-trial__detail-section {
	margin-top: 3rem;
}

body#items-pack-fruit .p-order-trial__detail-title {
	color: #cd8d04;
	font-weight: bold;
	font-size: 1.7rem;
	margin-bottom: 0.7rem;
	line-height: 1.4;
	border-left: 2px solid;
	padding: 0.8rem 0 0.8rem 0.8rem;
}

body#items-pack-fruit .p-order-trial__detail-body ul {
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 1.7em;
	margin: 0.7rem 0;
	line-height: 1.4;
	font-weight: bold;
	font-size: 1.5rem;
}

body#items-pack-fruit .p-order-trial__detail-body li+li {
	margin-top: 0.28rem;
}

body#items-pack-fruit .p-order-trial__detail-caution {
	font-size: 90%;
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 1rem;
	color: #888;
}

body#items-pack-fruit .p-order-trial__txt {
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 1.9rem;
}

@media (max-width: 520px) {
	body#items-pack-fruit .p-order-trial__txt {
		font-size: 1.7rem;
	}
}

body#items-pack-fruit .p-order-trial .discount-msg {
	color: #ea1010;
	font-weight: bold;
	font-size: 1.28rem;
}

body#items-pack-fruit .p-order-trial__price {
	color: var(--color02);
	line-height: 1.3;
	margin-top: 0.28rem;
}

body#items-pack-fruit .p-order-trial__price01 {
	font-size: 2.5rem;
	margin-bottom: 1rem;
}

body#items-pack-fruit .p-order-trial__price-number {
	line-height: 1;
	font-size: 5rem;
	letter-spacing: 0;
	font-weight: bold;
}

body#items-pack-fruit .p-order-trial__price-yen {
	font-weight: bold;
	margin-left: 0.5rem;
}

body#items-pack-fruit .p-order-trial__price02 {
	color: #cd8d04;
	display: inline-block;
	font-weight: bold;
	font-size: 2.2rem;
	border-bottom: 0.2rem solid;

}

body#items-pack-fruit .p-order-trial__price-tax {
	background: #cc1a1a;
	color: #FFF;
	padding: 0.42rem 1.28rem;
	font-size: 1.28rem;
	font-weight: bold;
}

body#items-pack-fruit .p-order-trial__button {
	margin-top: 2rem;
}

body#items-pack-fruit .p-order-trial__caution {
	display: inline-block;
	text-align: left;
	font-size: 1.14rem;
	margin-top: 2rem;
	line-height: 1.4;
	max-width: 87.9%;
}

body#items-pack-fruit .p-order-trial__caution p {
	text-indent: -1em;
	margin-left: 1em;
}

body#items-pack-fruit .p-order-trial__caution p+p {
	margin-top: 0.35em;
}

/* 2025/07/14 追加 */
body#items-pack-fruit .p-order-trial__detail-txt {
	font-size: 1.6rem;
	font-weight: bold;
}

body#items-pack-fruit .p-order-trial__detail-period {
	margin-top: 3rem;
}

body#items-pack-fruit .p-order-trial__price-discount {
	font-family: var(--font-family02);
	position: relative;
	display: inline-block;
	font-weight: bold;
	background: var(--color02);
	color: #FFF;
	font-size: 1.6rem;
	padding: 0.3rem 1.7rem;
	margin-bottom: 0.8rem;
	border-radius: 100px;
}

body#items-pack-fruit .p-order-trial__price-discount::before {
	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);
	border-color: var(--color02) transparent transparent transparent;
}

/*
-----------------------------------------------------------
 modal
----------------------------------------------------------- */
body#items-pack-fruit .modal {
	font-weight: normal;
}

body#items-pack-fruit .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;
}

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

body#items-pack-fruit .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;
}

body#items-pack-fruit .modal__close:before {
	content: "✕";
}

body#items-pack-fruit .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;
}

body#items-pack-fruit .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;
}

body#items-pack-fruit .modal__text {
	font-size: 1.3rem;
}

body#items-pack-fruit .modal .color-red {
	font-weight: bold;
	color: #e20b0b;
}

body#items-pack-fruit .modal__button-wrap {
	margin-top: 2.2rem;
}

body#items-pack-fruit .modal__button {
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	color: #fff;
	margin: 0 auto;
	padding: 1.42rem 1rem 1.42rem 0;
	line-height: 1.35;
	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;
	font-size: 2rem;
	max-width: 450px;
	width: 100%;
}

body#items-pack-fruit .modal__button::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;
}

body#items-pack-fruit .c-order__btn {
	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;
}