.lp_motocul_flow #product_class_area_1,
.lp_motocul_flow #product_class_area_2,
.lp_motocul_flow #product_class_area_3 {
	display: none;
}

.tab-contetns .tab-item {
	display: none;
}

.tab-contetns .tab-item.active {
	display: block;
}

.step-select-area {
	margin-top: 20px;
	padding: 0;
	border: none;
}

.step-select-area select {
	appearance: none;
	width: 100%;
	height: 60px;
	padding: 0 76px 0 20px;
	border: none;
	border-radius: 12px;
	background-color: #feeaea;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpolygon points='0,0 16,0 8,12' fill='%23ffffff'/%3E%3C/svg%3E"),
		linear-gradient(135deg, #8a8a8a 0%, #3a3a3a 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: right 24px center, right center;
	background-size: 16px 12px, 60px 100%;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	line-height: 60px;
}

.step-select-area select::-ms-expand {
	display: none;
}

.step-select-area p {
	display: flex;
	align-items: center;
	margin-bottom: 12px !important;
	color: #333;
	font-size: 18px !important;
	font-weight: bold;
	gap: 0;
}

.step-select-area p::before {
	content: "▼";
	display: inline-block;
	width: auto;
	height: auto;
	margin-right: 8px;
	background: none;
	color: #333;
	font-size: 14px;
}

.step-select-area .set-mix,
.step-select-area .set-fufu {
	margin-top: 16px;
}

.step-select-notes {
	max-width: 94%;
	margin: 16px auto 32px;
	counter-reset: step-select-note;
}

.step-select-notes p {
	display: inline-flex;
	gap: 0 8px;
	color: #555;
	font-size: 12px !important;
	font-weight: normal;
	line-height: 1.6;
}

.step-select-notes p::before {
	content: "※" counter(step-select-note) " ";
	counter-increment: step-select-note;
}

.step-select-notes p:last-child {
	margin-bottom: 0;
}


.ovelay-present-coupon {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ovelay-present-coupon .inner {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 400px;
	translate: -50% -50%;
}

.ovelay-present-coupon .coupon-code,
.ovelay-present-coupon .amazon-copy-code {
	display: block;
}

.ovelay-present-coupon .amazon-copy-code {
	margin-top: 32px;
	padding: 20px;
	background-color: #fff;
	text-align: center;
}

.ovelay-present-coupon .coupon-code img:hover,
.ovelay-present-coupon .amazon-copy-code:hover {
	cursor: pointer;
}

.ovelay-present-coupon .overlay-close {
	position: absolute;
	z-index: 1;
	top: -10px;
	right: -10px;
	border-radius: 50%;
	background-color: #000;
}

@media screen and (width >= 620px) {

	.ovelay-present-coupon .overlay-close {
		top: -16px;
		right: -10px;
	}
}

.ovelay-present-coupon .overlay-close span {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
}

.ovelay-present-coupon .overlay-close span:hover {
	cursor: pointer;
}

.ovelay-present-coupon .overlay-close span::before,
.ovelay-present-coupon .overlay-close span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 20px;
	background: white;
}

.ovelay-present-coupon .overlay-close span::before {
	transform: translate(-50%,-50%) rotate(45deg);
}

.ovelay-present-coupon .overlay-close span::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

.ovelay-present-coupon .overlay-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 50%);
}

.ovelay-present-coupon #coupon-message {
    position: absolute;
    z-index: 10;
	top: -70px;
	left: 50%;
    padding: 8px 40px 4px;
    border-radius: 8px;
    background-color: #16c651;
    box-shadow: 0 2px 3px #888;
	color: white;
    font-size: 22px;
    font-weight: bold;
    white-space: nowrap;
	translate: -50% 0;
}

.ovelay-present-coupon #coupon-message::before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 16px;
	height: 7px;
	background-color: #16c651;
	translate: -50% 0;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

body.no-scroll {
	overflow: hidden;
}


.lp_motocul_flow .motocul-cycle {
	gap: 0;
}

.lp_motocul_flow .motocul-cycle::after {
	display: none;
}

.lp_motocul_flow .motocul-cycle li:first-child {
	order: 2;
}

.lp_motocul_flow .motocul-cycle li:nth-child(2) {
	order: 1;
}

.lp_motocul_flow .motocul-cycle li:nth-child(3) {
	order: 3;
}

.lp_motocul_flow .entry-form {
	border: none !important;
}

#lp_motocul_flow .step-select-area {
	max-width: 94%;
	margin-inline: auto;
}


/* お客様の声 */
.layout_lpmain .voice-area,
#main_column .voice-area {
	padding: 40px 40px 60px;
	background-color: #f9efe9;
}

.layout_lpmain .voice-area.decoration,
#main_column .voice-area.decoration {
	position: relative;
	padding: 80px 40px;
	padding-bottom: 100px;
	overflow: hidden;
}

.layout_lpmain .voice-area.decoration .voice-in,
#main_column .voice-area.decoration .voice-in {
	position: relative;
	z-index: 2;
	max-width: 880px;
	margin-inline: auto;
}

.layout_lpmain .voice-area.decoration .voice-card > *,
#main_column .voice-area.decoration .voice-card > * {
	max-width: 640px;
	margin-inline: auto;
}

.layout_lpmain .voice-area.decoration::before,
#main_column .voice-area.decoration::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 260px;
	background: #ebdad4;
	clip-path: polygon(0% 0%, 100% 0%, 100% 84.0%, 96.9% 79.9%, 93.8% 70.0%, 90.6% 60.1%, 87.5% 56.0%, 84.4% 60.1%, 81.2% 70.0%, 78.1% 79.9%, 75.0% 84.0%, 71.9% 79.9%, 68.8% 70.0%, 65.6% 60.1%, 62.5% 56.0%, 59.4% 60.1%, 56.2% 70.0%, 53.1% 79.9%, 50.0% 84.0%, 46.9% 79.9%, 43.8% 70.0%, 40.6% 60.1%, 37.5% 56.0%, 34.4% 60.1%, 31.2% 70.0%, 28.1% 79.9%, 25.0% 84.0%, 21.9% 79.9%, 18.8% 70.0%, 15.6% 60.1%, 12.5% 56.0%, 9.4% 60.1%, 6.2% 70.0%, 3.1% 79.9%, 0.0% 84.0%);
}

.layout_lpmain .voice-area.decoration::after,
#main_column .voice-area.decoration::after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 160px;
	background: #ebdad4;
	clip-path: polygon(0.0% 16.0%, 3.1% 20.1%, 6.2% 30.0%, 9.4% 39.9%, 12.5% 44.0%, 15.6% 39.9%, 18.8% 30.0%, 21.9% 20.1%, 25.0% 16.0%, 28.1% 20.1%, 31.2% 30.0%, 34.4% 39.9%, 37.5% 44.0%, 40.6% 39.9%, 43.8% 30.0%, 46.9% 20.1%, 50.0% 16.0%, 53.1% 20.1%, 56.2% 30.0%, 59.4% 39.9%, 62.5% 44.0%, 65.6% 39.9%, 68.8% 30.0%, 71.9% 20.1%, 75.0% 16.0%, 78.1% 20.1%, 81.2% 30.0%, 84.4% 39.9%, 87.5% 44.0%, 90.6% 39.9%, 93.8% 30.0%, 96.9% 20.1%, 100.0% 16.0%, 100% 100%, 0% 100%);
}

.layout_lpmain .voice-headline,
#main_column .voice-headline {
	position: relative;
	z-index: 2;
	margin: 0 0 20px;
	padding: 0;
	border: none;
	text-align: center;
}

.layout_lpmain .voice-card,
#main_column .voice-card {
	position: relative;
	margin-bottom: 20px;
	padding: 50px 40px;
	background-color: #fff;
	box-shadow: 0 0 6px 4px rgb(0 0 0 / 10%);
	text-align: center;
}

.layout_lpmain .voice-card:last-child,
#main_column .voice-card:last-child {
	margin-bottom: 0;
}

.layout_lpmain .voice-card::before,
#main_column .voice-card::before {
	content: "";
	position: absolute;
	inset: 3px;
	border: 2px solid #EFDED7;
	pointer-events: none;
}

.layout_lpmain .voice-title,
#main_column .voice-title {
	position: relative;
	z-index: 3;
	margin-bottom: 20px;
	overflow: hidden;
}

.layout_lpmain .voice-title::after,
#main_column .voice-title::after {
	content: "";
	position: absolute;
	z-index: 4;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	animation: voice-title-shine 2s ease-in-out infinite;
	background: linear-gradient(115deg, rgb(255 255 255 / 0%) 30%, rgb(255 255 255 / 75%) 50%, rgb(255 255 255 / 0%) 70%);
	pointer-events: none;
}

@keyframes voice-title-shine {

	0% {
		left: -60%;
	}

	45% {
		left: 130%;
	}

	100% {
		left: 130%;
	}
}

.layout_lpmain .voice-title img,
#main_column .voice-title img {
	width: 80%;
}

.layout_lpmain .voice-figure,
#main_column .voice-figure {
	margin: 0;
}

.layout_lpmain .voice-figure img,
#main_column .voice-figure img {
	object-fit: cover;
	aspect-ratio: 2/1;
	border-radius: 12px;
}

.layout_lpmain .voice-area.decoration .voice-figure img,
#main_column .voice-area.decoration .voice-figure img {
	aspect-ratio: 4/1;
}

.layout_lpmain .voice-person,
#main_column .voice-person {
	max-width:66%;
	margin:14px 0 18px;
	text-align: left;
}

.layout_lpmain .voice-person img,
#main_column .voice-person img {
	width: auto;
	max-height: 70px;
	object-fit: contain;
}

.layout_lpmain .voice-bodywrap,
#main_column .voice-bodywrap {
	position: relative;
	text-align: left;
}

.layout_lpmain .voice-bodywrap::after,
#main_column .voice-bodywrap::after {
	content: "";
	position: absolute;
	inset: -50px 0 0; /* voice-person の半分くらいの高さから重なるように上へはみ出す */
	transition: opacity .3s ease;
	background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 50%) 50%, #fff 100%);
	pointer-events: none;
}

.layout_lpmain .voice-body,
#main_column .voice-body {
	max-height: 2.4em; /* 閉じている時に約1.5行分表示（line-height 1.6 × 1.5） */
	overflow: hidden;
	transition: max-height .4s ease;
	font-size: clamp(14px, 14px + (20 - 14) * ((100vw - 400px) / (768 - 400)), 20px);
	line-height: 1.6;
}

.layout_lpmain .voice-card.is-open .voice-bodywrap::after,
#main_column .voice-card.is-open .voice-bodywrap::after {
	opacity: 0;
}

.layout_lpmain p.voice-note,
#main_column p.voice-note {
	margin-top: 20px;
	font-size: 12px;
	text-align: left;
}

.layout_lpmain .voice-card .voice-badge,
#main_column .voice-card .voice-badge {
	position: absolute;
	top: -20px;
	width: 80px;
	height: 80px;
}

.layout_lpmain .voice-card .voice-badge img,
#main_column .voice-card .voice-badge img {
	object-fit: contain;
}

.layout_lpmain .voice-card:nth-child(odd) .voice-badge,
#main_column .voice-card:nth-child(odd) .voice-badge {
	right: -20px;
}

.layout_lpmain .voice-card:nth-child(even) .voice-badge,
#main_column .voice-card:nth-child(even) .voice-badge {
	left: -20px;
}

.voice-card__caption{
	margin:6px 0 0;
	color:#6b6b6b;
	font-size:.75rem;
	text-align:right;
}

.layout_lpmain .voice-toggle,
#main_column .voice-toggle{
	display:none; /* JS が有効かつ、はみ出す時だけ表示 */
	align-items:center;
	justify-content:center;
	gap:8px;
	width:100%;
	max-width:280px;
	margin:14px auto 0;
	padding:14px 16px;
	transition:background-color .2s, color .2s;
	animation:voice-toggle-shine 2.5s ease-in-out infinite;
	border:1px solid #f4756f;
	border-radius:999px;
	background:linear-gradient(115deg, #f4756f 0%, #f4756f 40%, rgb(255 255 255 / 85%) 50%, #f4756f 60%, #f4756f 100%);
	background-size:260% 100%;
	color:#fff;
	font:inherit;
	font-size:1.05rem;
	font-weight:bold;
	cursor:pointer;
}

@keyframes voice-toggle-shine {

	0% {
		background-position:100% 0;
	}

	100% {
		background-position:-160% 0;
	}
}

.layout_lpmain  .voice-toggle.is-needed,
#main_column  .voice-toggle.is-needed{ display:flex; }

.layout_lpmain .voice-toggle:hover,
#main_column .voice-toggle:hover{
	background:#e2635d;
	color:#fff;
}

.layout_lpmain .voice-toggle:focus-visible,
#main_column .voice-toggle:focus-visible{
	outline:2px solid #f4756f;
	outline-offset:2px;
}

.layout_lpmain .voice-card.is-open .voice-toggle,
#main_column .voice-card.is-open .voice-toggle{ display:none; }

#main_column .voice-area.decoration .voice-toggle{
	max-width:320px;
}

/* ラベルは CSS で出し分け（JS 側で文字列を持たなくて済む） */
.layout_lpmain .voice-toggle::after,
#main_column .voice-toggle::after{ content:"もっと見る"; }

.layout_lpmain .voice-toggle[aria-expanded="true"]::after,
#main_column .voice-toggle[aria-expanded="true"]::after{ content:"閉じる"; }

.layout_lpmain .voice-toggle::before,
#main_column .voice-toggle::before{
	content:""; display:inline-block; flex-shrink:0;
	width:.45em; height:.45em;
	transform:translateY(-2px) rotate(45deg); transition:transform .25s;
	border-right:2px solid currentcolor; border-bottom:2px solid currentcolor;
}

.layout_lpmain .voice-toggle[aria-expanded="true"]::before,
#main_column .voice-toggle[aria-expanded="true"]::before{ transform:translateY(-2px) rotate(-135deg); }


/* Q&A アコーディオン（デフォルトは1カラム／Qのみ表示・Aは開閉式／750px幅デザイン基準） */
.layout_lpmain .qa-area,
#main_column .qa-area {
	padding: 72px 24px 100px;
}

.layout_lpmain .qa-headline,
#main_column .qa-headline {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0 0 40px;
	border: none;
	color: #333;
	font-size: 2.25rem;
	font-weight: bold;
}

.layout_lpmain .qa-list,
#main_column .qa-list {
	max-width: 750px;
	margin: 0 auto;
}

.layout_lpmain .qa-item,
#main_column .qa-item {
	border-bottom: 1px dashed #ccc;
}

.layout_lpmain .qa-question,
#main_column .qa-question {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	margin: 0;
	padding: 28px 8px;
	border: none;
	background: transparent;
	color: #333;
	font: inherit;
	font-size: 1.75rem;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
}

.layout_lpmain .qa-question:focus-visible,
#main_column .qa-question:focus-visible {
	outline: 2px solid #f4756f;
	outline-offset: 2px;
}

.layout_lpmain .qa-question-text,
#main_column .qa-question-text {
	flex: 1;
	padding-top: 3px;
}

.layout_lpmain .qa-question::after,
#main_column .qa-question::after {
	content: "";
	display: inline-block;
	flex-shrink: 0;
	width: 1.8em;
	height: 1.8em;
	margin-top: 4px;
	transition: transform .25s;
	border: 1px solid #ddd;
	border-radius: 0;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23f4756f' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 45%;
}

.layout_lpmain .qa-question[aria-expanded="true"]::after,
#main_column .qa-question[aria-expanded="true"]::after {
	transform: rotate(180deg);
}

.layout_lpmain .qa-badge,
#main_column .qa-badge {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 57px;
	height: 57px;
	border-radius: 50%;
	color: #fff;
	font-size: 1.75rem;
	font-weight: bold;
}

.layout_lpmain .qa-headline .qa-badge,
#main_column .qa-headline .qa-badge {
	width: 89px;
	height: 89px;
	font-size: 2.75rem;
}

.layout_lpmain .qa-badge-q,
#main_column .qa-badge-q {
	background: #262626;
}

.layout_lpmain .qa-badge-a,
#main_column .qa-badge-a {
	background: #f4756f;
}

.layout_lpmain .qa-answer,
#main_column .qa-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height .4s ease;
}

.layout_lpmain .qa-answer-inner,
#main_column .qa-answer-inner {
	display: flex;
	gap: 20px;
	padding: 0 8px 36px;
}

.layout_lpmain .qa-answer-text,
#main_column .qa-answer-text {
	flex: 1;
	text-align: left;
}

.layout_lpmain .qa-answer-lead,
#main_column .qa-answer-lead {
	margin: 0 0 12px;
	color: #333;
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.5;
}

.layout_lpmain .qa-answer-body,
#main_column .qa-answer-body {
	margin: 0;
	color: #666;
	font-size: 1.375rem;
	line-height: 1.7;
}

.layout_lpmain .qa-answer-note,
#main_column .qa-answer-note {
	margin: 12px 0 0;
	color: #888;
	font-size: 1.2rem;
	line-height: 1.6;
}

/* 2カラム版（他LPで使う場合は .qa-area に qa-area--2col を付与） */
@media screen and (width >= 769px) {

	.layout_lpmain .qa-area.qa-area--2col {
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}

	.layout_lpmain .qa-area.qa-area--2col .qa-headline,
	#main_column .qa-area.qa-area--2col .qa-headline {
		max-width: 980px;
		margin-inline: auto;
		font-size: 1.75rem;
	}

	.layout_lpmain .qa-area.qa-area--2col .qa-list,
	#main_column .qa-area.qa-area--2col .qa-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		max-width: 980px;
		column-gap: 40px;
	}

	.layout_lpmain .qa-area.qa-area--2col .qa-headline .qa-badge,
	#main_column .qa-area.qa-area--2col .qa-headline .qa-badge {
		width: 64px;
		height: 64px;
		font-size: 2rem;
	}

	.layout_lpmain .qa-area.qa-area--2col .qa-question,
	#main_column .qa-area.qa-area--2col .qa-question {
		font-size: 1.25rem;
	}

	.layout_lpmain .qa-area.qa-area--2col .qa-badge,
	#main_column .qa-area.qa-area--2col .qa-badge {
		width: 40px;
		height: 40px;
		font-size: 1.25rem;
	}

	.layout_lpmain .qa-area.qa-area--2col .qa-answer-lead,
	#main_column .qa-area.qa-area--2col .qa-answer-lead {
		font-size: 1.25rem;
	}

	.layout_lpmain .qa-area.qa-area--2col .qa-answer-body,
	#main_column .qa-area.qa-area--2col .qa-answer-body {
		font-size: 1rem;
	}

	.layout_lpmain .qa-area.qa-area--2col .qa-answer-note,
	#main_column .qa-area.qa-area--2col .qa-answer-note {
		font-size: .9rem;
	}
}


/* スマホ幅の時の上書き（PCデザインをそのまま縮小せず個別調整） */
@media screen and (width < 769px) {

	.layout_lpmain .voice-area {
		padding-inline: 20px;
	}

	.layout_lpmain .voice-title img {
		width: 100%;
	}

	.layout_lpmain .voice-card {
		padding: 30px 20px;
	}

	.layout_lpmain .voice-person img {
		max-height: 40px;
	}

	.layout_lpmain .voice-card__caption {
		font-size: 8px;
	}

	.layout_lpmain p.voice-note {
		font-size: 8px;
	}

	/* Q&A（PCの750px基準サイズから全体的に縮小） */
	.layout_lpmain .qa-area {
		padding: 32px 24px 48px;
	}

	.layout_lpmain .qa-headline {
		gap: 8px;
		margin-bottom: 16px;
		font-size: 1.3rem;
	}

	.layout_lpmain .qa-badge {
		width: 32px;
		height: 32px;
		font-size: 1rem;
	}

	.layout_lpmain .qa-headline .qa-badge {
		width: 44px;
		height: 44px;
		font-size: 1.4rem;
	}

	.layout_lpmain .qa-question {
		gap: 10px;
		padding: 16px 8px 16px 0;
		font-size: 1rem;
	}

	.layout_lpmain .qa-question::after {
		width: 2.2em;
		height: 2.2em;
		margin-top: 0;
		border: 1px solid #ddd;
		border-radius: 0;
		background-color: #fff;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23f4756f' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 45%;
	}

	.layout_lpmain .qa-answer-inner {
		gap: 10px;
		padding: 0 8px 20px 0;
	}

	.layout_lpmain .qa-answer-lead {
		margin-bottom: 8px;
		font-size: 1rem;
	}

	.layout_lpmain .qa-answer-body {
		font-size: .85rem;
	}

	.layout_lpmain .qa-answer-note {
		margin-top: 8px;
		font-size: .75rem;
	}
}

.layout_lpmain .fixed-incart {
	z-index: 3;
}


/* motoculに含まれる栄養素（画像カード＋もっと見る展開） */
.layout_lpmain .nutrient-area,
#main_column .nutrient-area {
	margin: 0;
	padding: 50px  1rem;
}

.layout_lpmain .nutrient-area.pc,
#main_column .nutrient-area.pc {
	padding: 0;
}

.layout_lpmain .nutrient-area.pc .nutrient-list,
#main_column .nutrient-area.pc .nutrient-list {
	max-width: none;
}

.layout_lpmain .nutrient-area.pc .nutrient-note,
#main_column .nutrient-area.pc .nutrient-note {
	font-size: 12px;
}

.layout_lpmain .nutrient-list,
#main_column .nutrient-list {
	max-width: 640px;
	margin: 0 auto;
}

.layout_lpmain .nutrient-card,
#main_column .nutrient-card {
	container-type: inline-size;
	margin-bottom: 48px;
}

.layout_lpmain .nutrient-card:last-child,
#main_column .nutrient-card:last-child {
	margin-bottom: 0;
}

.layout_lpmain .nutrient-body,
#main_column .nutrient-body {
	position: relative;
	max-height: 55cqw;
	overflow: hidden;
	transition: max-height .4s ease;
}

.layout_lpmain .nutrient-body img,
#main_column .nutrient-body img {
	display: block;
	width: 100%;
	height: auto;
}

.layout_lpmain .nutrient-body::after,
#main_column .nutrient-body::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 25%;
	transition: opacity .3s ease;
	background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 70%) 60%, #fff 100%);
	pointer-events: none;
}

.layout_lpmain .nutrient-card.is-open .nutrient-body::after,
#main_column .nutrient-card.is-open .nutrient-body::after {
	opacity: 0;
}

.layout_lpmain .nutrient-card.is-open .voice-toggle,
#main_column .nutrient-card.is-open .voice-toggle {
	display: none;
}

.layout_lpmain .nutrient-card .voice-toggle,
#main_column .nutrient-card .voice-toggle {
	max-width: 200px;
	padding: 10px 14px;
	background: transparent;
	color: #f4756f;
	font-size: .9rem;
}

.layout_lpmain .nutrient-card .voice-toggle:hover,
#main_column .nutrient-card .voice-toggle:hover {
	background: #f4756f;
	color: #fff;
}

@media screen and (width >= 769px) {

	.layout_lpmain .nutrient-card .voice-toggle,
	#main_column .nutrient-card .voice-toggle {
		max-width: 320px;
		margin-top: 60px;
		padding: 14px 20px;
		font-size: 1.1rem;
	}
}

.layout_lpmain .nutrient-note,
#main_column .nutrient-note {
	margin-top: 30px;
	margin-right: 1rem;
	margin-bottom: 0;
	color: #888;
	font-size: 8px;
	text-align: right;
}

#second_date_area {
	display: none !important;
}

#coupon_area {
	display: none !important;
}

/* 住所入力：自動入力ボタン〜都道府県〜市区町村名の間隔 */
select[name="pref"] {
	display: block;
	margin-top: 16px;
	margin-bottom: 16px;
}

.addr-detail-wrap {
	margin-top: 16px;
}

#order-form table td {
	z-index: 1;
}

/* EFOの入力OKチェックマーク：長いLPでのレイアウト崩れによる位置ズレ対策で非表示 */
[class^="raku2_valid_circle_"] {
	display: none !important;
}

/* smooth-incart（追従ボタン）：シャイン */
.smooth-incart {
	position: relative;
	overflow: hidden;
}

.smooth-incart::after {
	content: "";
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	animation: smooth-incart-shine 3s ease-in-out infinite;
	background: linear-gradient(115deg, rgb(255 255 255 / 0%) 30%, rgb(255 255 255 / 65%) 50%, rgb(255 255 255 / 0%) 70%);
	pointer-events: none;
}

@keyframes smooth-incart-shine {
	0% {
		left: -60%;
	}

	45% {
		left: 130%;
	}

	100% {
		left: 130%;
	}
}
	}
}