/** Shopify CDN: Minification failed

Line 951:0 "@charset" must be the first rule in the file
Line 1531:0 "@charset" must be the first rule in the file
Line 3647:36 Unexpected "nth-child("
Line 3766:36 Unexpected "nth-child("

**/
@charset "utf-8";

/**
 * 「アイソカル」common.css
 * ---------------------------------------- */

*,*::before,*::after{box-sizing:border-box;}
body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;}
ul,ol{list-style:none;padding:0;}
a{color:inherit;text-decoration:inherit;text-decoration-skip-ink:auto;}
img,svg,video,iframe{vertical-align:middle;}
img,video{max-width:100%;}
img[height]{height:auto;}
input,button,textarea,select{font:inherit;}
button{border:0;padding:0;background:none;}
small{font-size:inherit;}
sub{vertical-align:baseline;}
main{display:block;}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}

.renewal:not(.is-fixed){margin-top:0!important}
.renewal{padding-top:0!important}
@media(min-width: 768px){._siteContents{padding-top:105px}#purchase_main_content{padding-top:105px}}

/**
 * default style
 * @media (min-width: 768px) { calc(desktop-size / 10); }
 * @media (min-width: 1000px) { desktop-size }
 * @media (max-width: 767px) { calc(mobile-size / 4.8) }
 * @media (max-width: 480px) { mobile-size }
 * @media (max-width: 360px) { adjustment small device }
 * ---------------------------------------- */
body {
	color: black;
	font-size: 1em;
	line-height: 1.6;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	letter-spacing: .05em;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	background: #fff9eb;
}
body.is-fixed {
	position: fixed !important;
	width: 100%;
	padding-top: 0 !important;
}
html.hasScrollbar body {
	overflow-y: scroll;
}
html.isIE body {
	font-family: "游ゴシック", "Yu Gothic", sans-serif;
}
html.isIE.wf-active body {
	font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 768px) {
	.siteContents {
		padding-top: 105px;
	}
	#isocal_home .siteContents {
		padding-top: 72px;
	}
}
@media (max-width: 767px) {
	.l-footer {
		padding-bottom: 96px;
	}
}
@media (max-width: 480px) {
	.l-footer {
		padding-bottom: calc(96vw / 4.8);
	}
}

.l-header { z-index: 103; }
.l-nav { z-index: 104; }
.l-menu { z-index: 105; }

/**
 * isocal header
 * ---------------------------------------- */
.l-header .nav_list li {
	line-height: 1.2;
	font-weight: 400;
}
.l-header .nav_list .ico {
	fill: #1f2880;
}
@media (min-width: 768px) {
	.l-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		box-shadow: 0 0 8px 1px rgba(170,170,170,.1);
		background: white;
	}
	.l-header a {
		display: block;
	}
	.header_container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 72px;
		background: white;
	}
	.header_container,
	.breadcrumb .container {
		width: 100%;
		max-width: 1032px;
		margin: 0 auto;
		padding: 0 16px;
	}
	.l-header .nav_close {
		display: none;
	}
	.l-header .ico {
		width: 20px;
		height: 20px;
	}
	
	/* logo */
	.l-header .logo img {
		width: 120px;
	}
	
	/* nav */
	.l-header .l-nav {
		margin-left: auto;
	}
	.l-header .l-nav .nav_overlay {
		display: none
	}
	.l-header .nav_list {
		display: flex;
	}
	.l-header .nav_list li {
		min-height: 100%;
		text-align: center;
	}
	.l-header .nav_list li:nth-child(n+2) {
		border-left: 1px solid #cdcdcd;
	}
	.l-header .nav_list a {
		display: flex;
		align-items: center;
		position: relative;
		height: 100%;
		padding: 24px calc(16vw / 10) 0;
	}
	.l-header .nav_list .ico {
		position: absolute;
		top: 0;
		left: calc(50% - 10px);
	}
	
	/* パンくず */
	.breadcrumb {
		border-top: 1px solid gainsboro;
	}
	.breadcrumb .container {
	}
	.breadcrumb .page-links {
		display: flex;
		align-items: center;
		height: 32px;
	}
	.breadcrumb li:not(:first-child)::before {
		content: "";
		display: inline-block;
		width: 11px;
		height: 11px;
		margin: -.1em 0 0 -5px;
		border-top: 1px solid #c9caca;
		border-right: 1px solid #c9caca;
		vertical-align: middle;
		transform: rotate(45deg);
	}
	.breadcrumb a {
		display: inline-block;
		padding: 1em;
		color: #9fa0a0;
		font-size: 10px;
		line-height: 1.2;
	}
	.breadcrumb a[href]::after {
		display: none !important;
	}
	
	/* 購入はこちら */
	.l-header .c-purchasebutton {
		margin-left: .3em;
		padding: .6em .6em .7em;
		border-radius: 3px;
		letter-spacing: .05em;
	}
	.l-header .c-purchasebutton .ico {
		width: 1.4em;
		height: 1.4em;
		top: -.2em;
	}
	.l-header .c-purchasebutton::after {
		border-width: 3px 0 3px 5px;
	}
	/* MEMO: ↓後方互換 html 全部書き換えたら削除する */
	.l-header .purchase_open,
	.l-header .purchase_button {
		margin-left: .3em;
		padding: .5em .7em;
		border-radius: 3px;
		color: white;
		background: linear-gradient(to top, #da4c00, #d7a321);
	}
	.l-header .purchase_open .ico,
	.l-header .purchase_button .ico {
		margin-right: .5em;
	}
	.l-header .purchase_open::after,
	.l-header .purchase_button::after {
		position: relative;
		top: -.1em;
		vertical-align: middle;
	}
	.l-header .purchase_open::after,
	.l-header .purchase_button::after {
		content: "";
		display: inline-block;
		margin-left: .5em;
		border-width: 3px 0 3px 5px;
		border-style: solid;
		border-color: transparent;
		border-left-color: currentcolor;
	}
}
@media (min-width: 768px) {
	.l-header .nav_list li {
		font-size: calc(13vw / 10);
	}
	.l-header .c-purchasebutton {
		font-size: 13px;
	}
	/* MEMO: ↓後方互換 html 全部書き換えたら削除する */
	.l-header .purchase_open,
	.l-header .purchase_button {
		font-size: 13px;
	}
}
@media (min-width: 1000px) {
	.l-header .nav_list li {
		font-size: 13px;
	}
	.l-header .nav_list a {
		padding: 24px 16px 0;
	}
	.l-header .c-purchasebutton {
		margin-left: 1em;
		font-size: 14px;
	}
	/* MEMO: ↓後方互換 html 全部書き換えたら削除する */
	.l-header .purchase_open,
	.l-header .purchase_button {
		margin-left: 1em;
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	.l-header .ico {
		width: calc(20vw / 4.8);
		height: calc(20vw / 4.8);
	}
	.l-header .logo,
	.l-header .c-purchasebutton,
	.breadcrumb {
		display: none;
	}
	/* MEMO: ↓後方互換 html 全部書き換えたら削除する */
	.l-header .purchase_open,
	.l-header .purchase_button {
		display: none;
	}
}

/**
 * isocal nav
 * ---------------------------------------- */
@media (max-width: 767px) {
	.l-nav {
		position: fixed;
	}
	.l-nav,
	.l-nav .nav_overlay {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.l-nav .nav_overlay {
		position: absolute;
		background: rgba(255,255,255,.98);
	}
	
	/* 閉じる */
	.l-nav .nav_close {
		position: absolute;
		top: 16px;
		right: 16px;
		overflow: hidden;
	}
	.l-nav .nav_close,
	.l-nav .nav_close .ico {
		width: calc(40vw / 4.8);
		height: calc(40vw / 4.8);
	}
	.l-nav .nav_close .ico {
		fill: none;
		stroke: currentcolor;
		stroke-width: 1.2;
	}
	
	/* list */
	.l-nav .nav_list {
		position: relative;
		top: calc(56vw / 4.8);
	}
	.l-header .nav_list li {
		font-size: calc(20vw / 4.8);
	}
	.l-nav .nav_list li:nth-child(n+2) {
		border-top: 1px solid #cdcdcd;
	}
	.l-nav .nav_list a {
		display: block;
		padding: 1em;
		padding-left: 5em;
		color: #1f2880;
	}
	.l-nav .nav_list .ico {
		margin-right: .5em;
	}
	
	/* 開閉 */
	.l-nav:not(.is-active) {
		pointer-events: none;
	}
	.l-nav:not(.is-active) .nav_overlay,
	.l-nav:not(.is-active) .nav_close,
	.l-nav:not(.is-active) .nav_list li {
		opacity: 0;
	}
	.l-nav:not(.is-active) .nav_close {
		transform: scale(.8);
	}
	.l-nav:not(.is-active) .nav_list li {
		transform: translateY(16px);
	}
	.l-nav.is-anim:not(.is-active) .nav_list li {
		transform: translateY(-16px);
	}
	.l-nav .nav_overlay.is-anim {
		transition: opacity .2s;
	}
	.l-nav .nav_close.is-anim,
	.l-nav.is-anim .nav_list li {
		transition: opacity .2s, transform .2s cubic-bezier(.3,1,.7,1);
	}
	.l-nav.is-active .nav_overlay.is-anim,
	.l-nav.is-active .nav_close.is-anim,
	.l-nav.is-active.is-anim .nav_list li {
		transition-duration: .6s;
	}
	.l-nav.is-active .nav_close.is-anim {
		transition-delay: .3s;
	}
	.l-nav.is-active.is-anim .nav_list li:nth-child(1) { transition-delay: .05s; }
	.l-nav.is-active.is-anim .nav_list li:nth-child(2) { transition-delay: .1s; }
	.l-nav.is-active.is-anim .nav_list li:nth-child(3) { transition-delay: .15s; }
	.l-nav.is-active.is-anim .nav_list li:nth-child(4) { transition-delay: .2s; }
	.l-nav.is-active.is-anim .nav_list li:nth-child(5) { transition-delay: .25s; }
	.l-nav.is-active.is-anim .nav_list li:nth-child(6) { transition-delay: .3s; }
}

/**
 * isocal mobile menu
 * ---------------------------------------- */
@media (min-width: 768px) {
	.l-menu {
		display: none;
	}
}
@media (max-width: 767px) {
	.l-menu {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 96px;
		background: #1f2883;
	}
	.menu_list {
		display: flex;
		justify-content: space-between;
		height: 100%;
	}
	.menu_list li {
		flex-basis: 20%;
		font-size: 14px;
		line-height: 1.2;
		text-align: center;
	}
	.menu_list a,
	.menu_list button {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		color: white;
	}
	.menu_list .ico {
		pointer-events: none;
		width: 40px;
		height: 40px;
		margin-bottom: .3em;
	}
	.menu_close .ico {
		fill: none;
		stroke: currentcolor;
		stroke-width: 1.2;
	}
}
@media (max-width: 480px) {
	.menu_list li {
		font-size: calc(14vw / 4.8);
	}
	.menu_list .ico {
		width: calc(40vw / 4.8);
		height: calc(40vw / 4.8);
	}
	.l-menu {
		height: calc(96vw / 4.8);
	}
}

/**
 * isocal footer
 * ---------------------------------------- */
.l-footer {
	background: #cdcdcd;
}
.footer_container {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: 1032px;
	margin: 0 auto;
	padding: 64px 16px;
}

/* pagetop */
.l-footer .pagetop {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 40px;
	height: 40px;
}
.l-footer .pagetop .ico {
	fill: white;
}

/* logo */
.l-footer .logo img {
	width: 216px;
}

/* contentsinfo */
.l-footer .sns,
.l-footer .links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.l-footer .sns li,
.l-footer .links li {
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
	text-align: center;
}
.l-footer .sns li {
	flex-basis: 112px;
	letter-spacing: 0;
}
.l-footer .sns li:nth-child(n+2),
.l-footer .links li:nth-child(n+2) {
	margin-left: 16px;
}
.l-footer .sns a,
.l-footer .links a {
	display: block;
	padding: .2em .5em;
}
.l-footer .sns a {
	border-radius: 3px;
	color: white;
}
.l-footer .sns .twitter a { background: #0F1419; }
.l-footer .sns .facebook a { background: #395384; }
.l-footer .sns .line a { background: #00ae00; }
.l-footer .sns .ico {
	position: relative;
	top: -.1em;
	width: 1.4em;
	height: 1.4em;
	margin-right: .5em;
	vertical-align: middle;
}
.l-footer .links a {
	color: #1f286f;
}
@media (min-width: 768px) {
	.l-footer .contentsinfo {
		flex-grow: 1;
		padding-right: 5vw;
	}
	.l-footer .links {
		margin-top: 24px;
	}
}
@media (max-width: 767px) {
	.footer_container {
		flex-direction: column;
		padding: 32px 16px;
		padding-top: 72px;
	}
	.l-footer .pagetop {
		top: calc(16vw / 4.8);
		right: 16px;
		width: 40px;
		height: 40px;
	}
	.l-footer .logo {
		order: 1;
	}
	.l-footer .logo img {
		width: 216px;
	}
	.l-footer .logo,
	.l-footer .links {
		margin-top: 16px;
	}
	.l-footer .sns li,
	.l-footer .links li {
		font-size: 12px;
	}
	.l-footer .sns li {
		flex-basis: 112px;
	}
	.l-footer .links li:nth-child(n+2) {
		margin-left: 8px;
	}
	.l-footer .sns a,
	.l-footer .links a {
		padding: .4em .5em;
	}
}
@media (max-width: 480px) {
	.footer_container {
		padding-top: calc(72vw / 4.8);
	}
	.l-footer .pagetop {
		top: calc(16vw / 4.8);
		width: calc(40vw / 4.8);
		height: calc(40vw / 4.8);
	}
	.l-footer .logo img {
		width: calc(216vw / 4.8);
	}
	.l-footer .sns li,
	.l-footer .links li {
		font-size: calc(12vw / 4.8);
	}
	.l-footer .sns li {
		flex-basis: calc(112vw / 4.8);
	}
}


/**
 * isocal modal (shop list)
 * ---------------------------------------- */
.l-modal {
	z-index: 105;
	padding: 120px 64px;
}
.l-modal.is-active {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.l-modal,
.modal_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modal_overlay {
	z-index: -1;
	background: rgba(0,0,0,.5);
}
.modal_container {
	position: relative;
	max-width: calc(1000px - 128px);
	margin: 0 auto;
	border-radius: 10px;
	background: #fff;
}
.modal_contents > *:first-child {
	margin-top: 0;
}
.modal_contents > *:last-child {
	margin-bottom: 0;
}
.modal_close {
	position: absolute;
	top: 16px;
	right: 16px;
	overflow: hidden;
}
.modal_close,
.modal_close .ico {
	width: 40px;
	height: 40px;
}
.modal_close .ico {
	fill: none;
	stroke: currentcolor;
	stroke-width: 1.2;
}
@media (-ms-high-contrast: none) {
	.modal_container {
		margin: 0;
	}
}
@media (min-width: 768px) {
	.l-modal {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.modal_container {
		overflow: auto;
		max-height: 522px;
		padding: calc(80vw / 10);
		-webkit-overflow-scrolling: touch;
	}
}
@media (min-width: 1000px) {
	.modal_container {
		padding: 80px;
	}
}
@media (max-width: 767px) {
	.l-modal {
		padding: 64px calc(32vw / 4.8);
	}
	.modal_container {
		padding: 64px calc(32vw / 4.8) 40px;
	}
}
@media (max-width: 480px) {
	.l-modal {
		padding: calc(32vw / 4.8);
	}
	.modal_container {
		padding: 64px 16px 40px;
	}
}
/* :::::: animation :::::: */
.l-modal:not(.is-active) {
	pointer-events: none;
}
.l-modal:not(.is-active) .modal_overlay {
	opacity: 0;
}
.l-modal:not(.is-active) .modal_container {
	opacity: 0;
	transform: translateY(16px);
}
.l-modal.is-anim:not(.is-active) .modal_container {
	transform: translateY(-16px);
}
.l-modal:not(.is-active) .modal_close {
	opacity: 0;
	transform: scale(.8);
}
/* 開く時は close が最後 */
.l-modal.is-anim .modal_overlay {
	transition: opacity .4s;
}
.l-modal.is-anim .modal_container {
	transition: opacity .4s .2s, transform .4s .2s cubic-bezier(.3,1,.7,1);
}
.l-modal.is-anim .modal_close {
	transition: opacity .4s .4s, transform .4s .4s cubic-bezier(.3,1,.7,1);
}
/* 閉じる時は overlay が最後 */
.l-modal.is-anim:not(.is-active) .modal_overlay {
	transition-duration: .2s;
	transition-delay: .1s;
}
.l-modal.is-anim:not(.is-active) .modal_container {
	transition-duration: .2s;
	transition-delay: 0s;
}
.l-modal.is-anim:not(.is-active) .modal_close {
	transition-duration: 0s;
	transition-delay: .2s;
}

/**
 * 購入はこちらモーダル
 * ---------------------------------------- */
.purchase_section {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.purchase_section.-purchase {
	flex-basis: calc(50% - 24px);
}
.purchase_section .photo {
	order: -1;
	margin: 0 auto;
}
.purchase_section.-strawberry .photo,
.purchase_section.-coffee .photo,
.purchase_section.-banana .photo,
.purchase_section.-azuki .photo,
.purchase_section.-cafemocha .photo,
.purchase_section.-milktea .photo,
.purchase_section.-cornsoup .photo,
.purchase_section.-potatosoup .photo,
.purchase_section.-caramel .photo {
	max-width: 150px;
}
.purchase_section.-jhc-ringo .photo,
.purchase_section.-jhc-momo .photo,
.purchase_section.-jhc-azuki .photo,
.purchase_section.-jhc-coffee .photo,
.purchase_section.-jhc-chocolate .photo,
.purchase_section.-jhc-tofu .photo,
.purchase_section.-jhc-sweetpotato .photo,
.purchase_section.-jhc-kokuto .photo,
.purchase_section.-jhc-kinako .photo,
.purchase_section.-jhc-rarecheesecake .photo {
	max-width: 210px;
}
.purchase_section.-variety1 .photo,
.purchase_section.-variety2 .photo,
.purchase_section.-variety3 .photo,
.purchase_section.-jhc-variety1 .photo,
.purchase_section.-jhc-variety2 .photo {
	max-width: 400px;
	margin: 24px 0;
}
.purchase_section .title {
	margin-top: 16px;
	font-size: 18px;
	letter-spacing: 0;
	text-align: center;
}
@media (-ms-high-contrast: none) {
	.purchase_section {
		display: block;
		min-width: 332px;
	}
	.purchase_section.-strawberry .photo,
	.purchase_section.-coffee .photo,
	.purchase_section.-banana .photo,
	.purchase_section.-azuki .photo,
	.purchase_section.-cafemocha .photo,
	.purchase_section.-milktea .photo,
	.purchase_section.-cornsoup .photo,
	.purchase_section.-potatosoup .photo {
		width: 150px;
	}
	.purchase_section.-jhc-ringo .photo,
	.purchase_section.-jhc-momo .photo,
	.purchase_section.-jhc-azuki .photo,
	.purchase_section.-jhc-coffee .photo,
	.purchase_section.-jhc-chocolate .photo,
	.purchase_section.-jhc-tofu .photo,
	.purchase_section.-jhc-sweetpotato .photo,
	.purchase_section.-jhc-kokuto .photo,
	.purchase_section.-jhc-kinako .photo,
	.purchase_section.-jhc-rarecheesecake .photo {
		width: 210px;
	}
}
@media (-ms-high-contrast: none) and (max-width: 480px) {
	.purchase_section {
		min-width: 100%;
	}
}
@media (min-width: 768px) {
	#purchase .modal_contents {
		display: flex;
		flex-wrap: wrap;
	}
	.purchase_section.-purchase {
		flex-basis: calc(50% - 24px);
	}
	.purchase_section:nth-child(2n) {
		margin-left: 48px;
	}
	.purchase_section:nth-child(n+3) {
		margin-top: 40px;
	}
	.purchase_section .title {
		flex-grow: 1;
	}
}
@media (max-width: 767px) {
	.purchase_section + .purchase_section {
		margin-top: 32px;
	}
	.purchase_section .title {
		font-size: calc(22vw / 4.8);
	}
}

.c-shoplist {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 16px;
}
.c-shoplist li {
	flex-basis: calc(50% - 4px);
}
.c-shoplist li:nth-child(2n) {
	margin-left: 8px;
}
.c-shoplist li:nth-child(n+3) {
	margin-top: 8px;
}
.c-shoplist .button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	border: 2px solid;
	border-radius: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
}
.c-shoplist .-nestle { background: #6cbfde; border-color: #6cbfde; }
.c-shoplist .-limited { background: #ff002b; border-color: #ff002b; }
.c-shoplist .-amazon { background: #f39f23; border-color: #f39f23; }
.c-shoplist .-rakuten { background: #b31f22; border-color: #b31f22; }
.c-shoplist .button:not([href]) {
	pointer-events: none;
	border-color: gainsboro;
	background: gainsboro;
}
@media (hover: hover) {
	.c-shoplist .button {
		transition: color .4s, background .4s;
	}
	.c-shoplist .button:hover {
		transition-duration: 0s;
	}
	.c-shoplist .-nestle:hover { background: white; color: #6cbfde; }
	.c-shoplist .-limited:hover { background: white; color: #ff002b; }
	.c-shoplist .-amazon:hover { background: white; color: #f39f23; }
	.c-shoplist .-rakuten:hover { background: white; color: #b31f22; }
}
@media (max-width: 480px) {
	.c-shoplist .button {
		font-size: 12px;
		letter-spacing: 0;
	}
}

/**
 * プルダウンコンテンツ (javascript)
 * ---------------------------------------- */
/* 以下いずれ消す */
.pull_contents {
	position: relative;
	overflow: hidden;
}
.pull_contents.is-anim {
	transition: height .6s cubic-bezier(.3,1,.7,1);
}
.pull_contents.is-anim .pull_inner,
.pull_contents.is-anim + .c-button span {
	transition: opacity .3s;
}
.pull_contents.is-anim + .c-button::after {
	transition: transform .3s cubic-bezier(.3,1,.7,1);
}
.o-pulldown .c-button {
	position: relative;
}
.o-pulldown .c-button .open,
.o-pulldown .c-button .close {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.o-pulldown .c-button::after {
	position: absolute;
	top: calc(50% - 4px);
	right: 24px;
}
.o-pulldown:not(.is-open) .pull_inner,
.o-pulldown.is-open .c-button .open,
.o-pulldown:not(.is-open) .c-button .close {
	opacity: 0;
}
.o-pulldown.is-open .c-button::after {
	transform: rotate(180deg);
}

@charset "utf-8";

/**
 * 「アイソカル」汎用スタイル
 * ---------------------------------------- */

@media (min-width: 768px) {
	.v-mb { display: none !important; }
}
@media (max-width: 767px) {
	.v-dt { display: none !important; }
}
.ico {
	position: relative;
	top: -.1em;
	vertical-align: middle;
	fill: currentcolor;
}

/**
 * siteContents
 * ---------------------------------------- */
.siteContents {
	z-index: 1;
	position: relative;
	overflow: hidden;
}
.siteContents .content_wrap {
	max-width: 1000px;
	margin: 0 auto;
}

.siteContents p {
	line-height: 2;
	letter-spacing: .05em;
	line-break: strict;
	overflow-wrap: break-word;
}
.siteContents .mplus {
	font-family: "M PLUS 1p", sans-serif;
}
.siteContents .mplus sup {
	font-family: "Noto Sans JP", sans-serif;
}
.siteContents .textlink {
	font-weight: 700;
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
@media (hover: hover) {
	.siteContents .textlink {
		transition: background-size .4s cubic-bezier(.3,1,.7,1);
	}
	.siteContents .textlink:hover {
		background-position: right bottom;
		background-size: 0 1px;
	}
}
.siteContents strong {
	font-weight: 900;
}
.siteContents sup {
	position: relative;
	top: .4em;
}
.siteContents sup[id] {
	display: inline-block;
	margin-left: .1em;
	font-size: 10px;
	font-weight: 500;
	text-indent: 0;
}
.siteContents sup,
.siteContents sup * {
	vertical-align: top;
}
.siteContents sup:target {
	text-decoration: underline dotted;
}
.siteContents .reg {
	top: 0;
	font-size: .9em;
	font-family: "Noto Sans JP", sans-serif;
}
@media (hover: hover) {
	.siteContents sup a[href]:hover {
		text-decoration: underline dotted;
	}
}
@media (min-width: 768px) {
	.siteContents p,
	.siteContents li {
		font-size: calc(17vw / 10);
	}
}
@media (min-width: 1000px) {
	.siteContents p,
	.siteContents li {
		font-size: 17px;
	}
}
@media (max-width: 767px) {
	.siteContents p,
	.siteContents li {
		font-size: calc(17vw / 4.8);
	}
	.siteContents sup {
		font-size: calc(10vw / 4.8);
	}
}
@media (max-width: 480px) {
	.siteContents sup:not([class]) {
		top: .2em;
		font-size: 9px;
	}
}

/* inview */
.siteContents .js-inview:not(.is-inview) {
	opacity: 0;
}
.siteContents .js-inview.is-anim {
	transition: opacity .6s;
}

/* lazy */
img[data-src]:not(.is-loaded) {
	opacity: 0;
}
img.is-anim {
	transition: opacity .6s;
}

/**
 * section
 * ---------------------------------------- */
.content_section {
	z-index: 1;
	position: relative;
	padding: 120px 64px;
}
.content_section.-last:not(.-bg) {
	padding-bottom: 0;
}
.section_inner {
	position: relative;
	max-width: calc(1000px - 128px);
	margin: 0 auto;
	border-radius: 10px;
	background: #fff;
}
.section_inner > *:first-child {
	margin-top: 0;
}
.section_inner > *:last-child {
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.section_inner {
		padding: calc(80vw / 10);
	}
}
@media (min-width: 1000px) {
	.section_inner {
		padding: 80px;
	}
}
@media (max-width: 767px) {
	.content_section {
		padding: 64px calc(32vw / 4.8);
	}
	.section_inner {
		padding: 40px calc(32vw / 4.8);
	}
}
@media (max-width: 480px) {
	.section_inner {
		padding: 40px 16px;
	}
}

/**
 * 購入 (オレンジグラデ) ボタン
 * ---------------------------------------- */
.c-purchasebutton {
	cursor: pointer;
	display: inline-block;
	padding: .5em .7em;
	border-radius: 10px;
	color: white;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .16em;
	background: linear-gradient(to top, #da4c00, #d7a321);
}
.c-purchasebutton .deco {
	display: block;
	margin: 0 auto;
}
.c-purchasebutton .ico {
	width: 1.6em;
	height: 1.6em;
	margin-right: .5em;
}
.c-purchasebutton::after {
	position: relative;
	top: -.1em;
	vertical-align: middle;
}
.c-purchasebutton::after {
	content: "";
	display: inline-block;
	margin-left: .5em;
	border-width: .2em 0 .2em .4em;
	border-style: solid;
	border-color: transparent;
	border-left-color: currentcolor;
}
@media (hover: hover) {
	.c-purchasebutton {
		z-index: 0;
		position: relative;
		overflow: hidden;
	}
	.c-purchasebutton::before {
		content: "";
		z-index: -1;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to top, rgba(215,163,33,.5), rgba(218,76,0,.5));
		transition: opacity 0s;
	}
	.c-purchasebutton:not(:hover)::before {
		opacity: 0;
		transition-duration: .4s;
	}
}
@media (max-width: 767px) {
	.c-purchasebutton {
		font-size: calc(24vw / 4.8);
	}
}
/* MEMO: ↓後方互換 html 全部書き換えたら削除する */
.purchase_button,
.purchase_open {
	padding: .5em .7em;
	border-radius: 3px;
	color: white;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .16em;
	background: linear-gradient(to top, #da4c00, #d7a321);
}
.purchase_button .ico,
.purchase_open .ico {
	width: 1.6em;
	height: 1.6em;
	margin-right: .5em;
	fill: currentcolor;
}
.purchase_button::after,
.purchase_open::after {
	position: relative;
	top: -.1em;
	vertical-align: middle;
}
.purchase_button::after,
.purchase_open::after {
	content: "";
	display: inline-block;
	margin-left: .5em;
	border-width: .3em 0 .3em .58em;
	border-style: solid;
	border-color: transparent;
	border-left-color: currentcolor;
}
@media (max-width: 767px) {
	.purchase_button,
	.purchase_open {
		font-size: calc(24vw / 4.8);
	}
}

/**
 * 一般的な (青い脇丸) ボタン
 * ---------------------------------------- */
.c-button {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 214px;
	height: 48px;
	border: 2px solid #1f2883;
	border-radius: 48px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .2em;
	background: #1f2883;
}
button.c-button {
	outline: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.c-button::after {
	content: "";
	display: inline-block;
	margin-left: .5em;
	border-style: solid;
	border-color: transparent;
	vertical-align: baseline;
}
.c-button.-link::after {
	border-width: .3em 0 .3em .58em;
	border-left-color: currentcolor;
}
.c-button.-pull::after {
	border-width: .58em .3em 0 .3em;
	border-top-color: currentcolor;
}
.c-button.-pull.is-active::after {
	transform: rotateX(180deg);
}
.c-button.-pull::after {
	transition: transform .6s cubic-bezier(.3,1,.7,1);
}
@media (hover: hover) {
	.c-button {
		transition: color .4s, background .4s;
	}
	.c-button:hover {
		color: #1f2883;
		background: #fff;
		transition-duration: 0s;
	}
}
@media (max-width: 767px) {
	.c-button {
		width: calc(214vw / 4.8);
		height: calc(48vw / 4.8);
		font-size: calc(15vw / 4.8);
	}
}

/* プルダウンコンテンツのボタン */
.c-button.js-pullToggle {
	position: relative;
}
.js-pullToggle .open,
.js-pullToggle .close {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.js-pullToggle.is-active .open,
.js-pullToggle:not(.is-active) .close {
	opacity: 0;
}
.js-pullToggle.is-anim .open,
.js-pullToggle.is-anim .close {
	transition: opacity .3s;
}
.c-button.js-pullToggle::after {
	position: absolute;
	top: calc(50% - .29em);
	right: 24px;
}





/**
 * 動画 UI
 * ---------------------------------------- */
.c-video {
	position: relative;
	border: 10px solid #fff;
	border-radius: 10px;
	background: #fff;
}
.c-video .wrap {
	height: 0;
	padding-bottom: 56.25%;
}
.c-video .wrap > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c-video iframe {
	border-radius: 10px;
}
.c-video .poster {
	cursor: pointer;
	transition: opacity .3s;
}
.c-video .poster,
.c-video .poster::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.c-video.is-playing .poster {
	opacity: 0;
}
.c-video .poster::after {
	content: "";
	border-radius: 5px;
	background: rgba(0,0,0,.2);
}
.c-video .poster img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
}
.c-video .play {
	pointer-events: none;
	z-index: 1;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 40px;
	background: rgba(255,255,255,.9);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.c-video .play::after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	left: calc(50% - 6px);
	width: 15px;
	height: 16px;
	background: linear-gradient(to bottom left, transparent 48%, #c81c24 52%) top left / 100% 50% no-repeat,
		linear-gradient(to top left, transparent 48%, #c81c24 52%) bottom left / 100% 50% no-repeat;
}
@media (hover: hover) {
	.c-video .play {
		transition: transform .3s cubic-bezier(.3,1,.7,1);
	}
	.c-video .poster::after {
		transition: background .3s;
	}
	.c-video:hover .play {
		transform: scale(1.2);
	}
	.c-video:hover .poster::after {
		background: rgba(0,0,0,.1);
	}
}
@media (max-width: 767px) {
	.c-video {
		border-width: 5px;
	}
}

/**
 * ●始まりのリスト
 * ---------------------------------------- */
.c-circlelist li {
	padding-left: 1em;
	text-indent: -1em;
}
.c-circlelist li::before {
	content: "●";
	margin-right: .2em;
	font-size: 80%;
}
.c-circlelist li + li {
	margin-top: .3em;
}

/**
 * テーブル基本スタイル
 * ---------------------------------------- */
.c-tablewrap {
	overflow: auto;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
}
.c-tablewrap table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}
.c-tablewrap table.fixed {
	table-layout: fixed;
}
.c-tablewrap th,
.c-tablewrap td {
	padding: .5em 2em;
	border: 1px solid #d2dcdf;
	font-size: 14px;
	line-height: 1.4;
	font-weight: inherit;
}
@media (max-width: 767px) {
	.c-tablewrap th,
	.c-tablewrap td {
		padding: .5em;
	}
}

/**
 * 左に飛び散る汗
 * ---------------------------------------- */
.c-drops {
	position: relative;
}
.c-drops::after {
	content: "";
	position: absolute;
	top: 44%;
	right: 102%;
	width: 23px;
	height: 28px;
	background: url(../img/drops.svg) center / cover no-repeat;
}
@media (max-width: 767px) {
	.c-drops::after {
		width: calc(20vw / 4.8);
		height: calc(23vw / 4.8);
	}
}





/**
 * utility
 * ---------------------------------------- */
.u-svgparts,
.visually-hidden {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	clip: rect(0,0,0,0);
	visibility: hidden;
}
.u-alignl { text-align: left !important; }
.u-alignr { text-align: right !important; }
.u-mt0 { margin-top: 0 !important; }
.u-mt1 { margin-top: 8px !important; }
.u-mt2 { margin-top: 16px !important; }
.u-mt3 { margin-top: 24px !important; }
.u-mt4 { margin-top: 32px !important; }
.u-mt5 { margin-top: 40px !important; }
.u-mt6 { margin-top: 48px !important; }
.u-mt7 { margin-top: 56px !important; }
.u-mt8 { margin-top: 64px !important; }
.u-mt9 { margin-top: 72px !important; }
.u-mt10 { margin-top: 80px !important; }
svg[width="0"] {
	position: absolute;
}

@charset "utf-8";

.l-header,
.header_container {
	background: none;
}
.header_container {
	justify-content: space-around;
	width: calc(100% - 48px);
	max-width: 1000px;
	height: 88px;
}
.l-header .nav_list li:nth-child(n+2) {
	border: 0;
}
.l-header .nav_list a {
	display: block;
}
.l-header .nav_list .ico {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	vertical-align: baseline;
}
.l-header .nav_list li:nth-child(1) .ico {
	width: 29px;
	height: 26px;
}
.l-header .nav_list li:nth-child(2) .ico {
	width: 22px;
	height: 33px;
}
.l-header .nav_list li:nth-child(3) .ico {
	width: 42px;
	height: 21px;
}
.l-header .nav_list li:nth-child(4) .ico {
	width: 25px;
	height: 15px;
}
@media (min-width: 768px) {
	.l-header {
		box-shadow: none;
	}
	.l-header .l-nav {
		margin-left: 0;
	}
	.l-header .nav_list li:nth-child(2) .ico {
		margin-top: -8px;
	}
	.l-header .nav_list a {
		padding: 16px; 
	}
	.l-header .nav_list .ico {
		margin-right: 8px;
	}
}
@media (max-width: 767px) {
	.l-header {
		position: absolute;
	}
	.header_container {
		height: 80px;
		margin-left: 16px;
	}
	.header_container {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.l-header .logo {
		display: inherit;
	}
	.l-header .logo img {
		width: calc(120vw / 4.8);
	}
	.menu_list {
		padding: 0 5%;
	}
	.menu_list li {
		flex-basis: 29%;
	}
	.menu_list li:nth-child(1),
	.menu_list li:nth-child(4) {
		flex-basis: 21%;
	}
	.menu_list .ico {
		display: flex;
		justify-content: center;
		align-items: center;
		width: calc(56vw / 4.8);
		height: calc(56vw / 4.8);
		margin: 0;
	}
	.menu_list .ico img {
		width: 100%;
	}
	.menu_list li:nth-child(1) .ico img {
		width: calc(40vw / 4.8);
	}
	.menu_list li:nth-child(2) .ico img {
		width: calc(28vw / 4.8);
	}
	.menu_list li:nth-child(3) .ico img {
		width: calc(56vw / 4.8);
	}
	.menu_list li:nth-child(4) .ico img {
		width: calc(40vw / 4.8);
	}
}
@media (max-width: 480px) {
	.header_container {
		width: auto;
		height: calc(80vw / 4.8);
	}
}

.l-footer {
	background: #e9e9e9;
}
.l-footer .sns .twitter a,
.l-footer .sns .facebook a,
.l-footer .sns .line a {
	border-radius: 2em;
	color: #1e2280;
	font-weight: 700;
	letter-spacing: .1em;
	background: #fff;
	transition: color .4s, background .4s;
}
.l-footer .sns .twitter .ico,
.l-footer .sns .facebook .ico,
.l-footer .sns .line .ico {
	fill: currentcolor;
}
.l-footer .sns .twitter a:hover,
.l-footer .sns .facebook a:hover,
.l-footer .sns .line a:hover {
	color: #fff;
	background: #1e2280;
	transition-duration: 0s;
}
@media (max-width: 767px) {
	.footer_container {
		padding-top: calc(56vw / 4.8);
	}
	.l-footer .logo {
		order: unset;
		margin: 0;
	}
	.l-footer .contentsinfo {
		margin: 40px 0 0;
	}
}

/* :::::: 水彩 (.wc は js で生成) :::::: */
.c-wc {
	display: inline-block;
	position: relative;
}
.c-wc > img {
	width: 100%;
}
.c-wc .wc {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/watercolor.jpg) center top / 800px repeat;
	mix-blend-mode: color-burn;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
img[data-src] + .wc {
	opacity: 0
}
.c-wc.-l .wc {
	background-image: url(../img/watercolor_l.jpg);
	background-size: 600px;
}
.c-wc.-m .wc {
	background-image: url(../img/watercolor_m.jpg);
	background-size: 300px;
}
.c-wc.-s .wc {
	background-image: url(../img/watercolor_s.jpg);
	background-size: 100px;
}

/* :::::: 商品の影 :::::: */
.c-shadow {
	display: inline-block;
	position: relative;
}
.c-shadow img {
	position: relative;
}
.c-shadow::before {
	content: "";
	position: absolute;
	background: center / 100% 100% no-repeat;
}
.c-shadow.-d::before {
	bottom: -2%;
	left: 16%;
	width: 160%;
	height: 12%;
	background-image: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/drink_shadow.png?v=1680317163);
}
.c-shadow.-j::before {
	bottom: -8%;
	left: 15%;
	width: 70%;
	height: 40%;
	background-image: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/jelly_shadow.png?v=1680317012);
}

/* :::::: セクションタイトル :::::: */
.c-title {
	display: inline-block;
	padding: 0 32px 24px;
	line-height: 1;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/title_stripe.svg?v=1679802173) center bottom / 132px 8px repeat-x;
}
@media (max-width: 767px) {
	.c-title {
		padding: 0 calc(8vw / 4.8) calc(16vw / 4.8);
		background-size: 66px 4px;
	}
}

/* :::::: キラキラ :::::: */
.twinkle {
	position: absolute;
	fill: #fed404;
}
.ppp {
	position: absolute;
}

.p-formama {
	padding: 0;
	color: #1e2280;
	background: #fff;
}
.p-formama .ico {
	fill: currentcolor;
}
.p-formama .c-note {
	font-size: 10px;
	line-height: 1.4;
}
.p-formama .section_inner {
	padding: 0;
	text-align: center;
	background: none;
}
@media (max-width: 767px) {
	.p-formama .content_section {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
}

.p-intro,
.p-about,
.p-trialset,
.p-voice,
.p-about .section_inner,
.trialset_inner {
	box-shadow: 5px 5px 10px rgba(0,0,0,.05);
}
.p-message {
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,.05));
}
.p-intro { z-index: 5; }
.p-message { z-index: 4; }
.p-about { z-index: 3; }
.p-trialset { z-index: 2; }
.p-voice { z-index: 1; }


/**
 * 忙しいママこそアイソカル®で手軽にエネルギー補給
 * ---------------------------------------- */
.p-intro {
	position: relative;
	padding-top: 88px;
	text-align: center;
	background: #fef1bd;
	background-image: radial-gradient(circle at 25% 25%, #fee797 16%, rgba(134,192,222,0) 16%),
		radial-gradient(circle at 75% 75%, #fee797 16%, rgba(220,102,136,0) 16%);
	background-position: center;
	background-size: 160px 160px;
}
.p-keyvisual {
	z-index: 0;
	position: relative;
	width: calc(100% - 48px);
	height: 608px;
	margin: 32px auto 0;
	padding: 40px;
}
.p-keyvisual .bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: #fff;
	filter: drop-shadow(4px 4px 4px rgba(168,132,29,.1));
}
.p-keyvisual .title {
	display: inline-block;
	position: relative;
	line-height: 1;
}
.p-keyvisual .title .bln {
	position: absolute;
	top: -48px;
	left: -72px;
}
.p-keyvisual .title .sub {
	display: inline-block;
}
.p-keyvisual .title .main {
	display: block;
	margin-top: 12px;
}
.p-keyvisual .title .twinkle.-t1 {
	top: 40%;
	right: calc(100% + 32px);
	width: 34px;
	height: 40px;
}
.p-keyvisual .title .twinkle.-t2 {
	top: 60%;
	right: calc(100% + 12px);
	width: 24px;
	height: 26px;
}
.p-keyvisual .illust,
.p-keyvisual .ribbon {
	position: absolute;
}
.p-keyvisual .main {
	bottom: 0;
	left: calc(50% - 136px);
}
.p-keyvisual .i1 {
	top: 45%;
	left: 8%;
}
.p-keyvisual .i2 {
	top: 33%;
	left: 24%;
}
.p-keyvisual .i3 {
	top: 32%;
	right: 24%;
}
.p-keyvisual .i4 {
	top: 50%;
	right: 8%;
}
.p-keyvisual .ribbon {
	top: calc(100% - 32px);
	left: calc(50% - 168px);
}
@media (min-width: 900px) {
	.p-keyvisual {
		width: 900px;
		height: 608px;
	}
}
@media (max-width: 767px) {
	.p-intro {
		padding-top: 80px;
		background-size: 80px 80px;
	}
	.p-keyvisual {
		width: calc(450vw / 4.8);
		height: calc(427vw / 4.8);
		padding: calc(28vw / 4.8);
	}
	.p-keyvisual .title {
		line-height: 0;
	}
	.p-keyvisual .title .bln {
		top: calc(-48vw / 4.8);
		left: calc(-72vw / 4.8);
		width: calc(96vw / 4.8);
		height: calc(79vw / 4.8);
	}
	.p-keyvisual .title .sub {
		width: calc(190vw / 4.8);
		height: calc(28vw / 4.8);
	}
	.p-keyvisual .title .main {
		width: calc(276vw / 4.8);
		height: calc(42vw / 4.8);
		margin-top: calc(4vw / 4.8);
	}
	.p-keyvisual .main {
		left: calc(50% - 90vw / 4.8);
		width: calc(180vw / 4.8);
		height: calc(270vw / 4.8);
	}
	.p-keyvisual .i1 {
		top: 45%;
		left: 4%;
		width: calc(93vw / 4.8);
		height: calc(151vw / 4.8);
	}
	.p-keyvisual .i2 {
		top: 29%;
		left: 21%;
		width: calc(71vw / 4.8);
		height: calc(109vw / 4.8);
	}
	.p-keyvisual .i3 {
		top: 29%;
		right: 23%;
		width: calc(58vw / 4.8);
		height: calc(125vw / 4.8);
	}
	.p-keyvisual .i4 {
		top: 50%;
		right: 5%;
		width: calc(95vw / 4.8);
		height: calc(139vw / 4.8);
	}
	.p-keyvisual .ribbon {
		top: calc(100% - 24vw / 4.8);
		left: calc(50% - 111vw / 4.8);
		width: calc(222vw / 4.8);
		height: calc(56vw / 4.8);
	}
}
@media (max-width: 480px) {
	.p-intro {
		padding-top: calc(80vw / 4.8);
	}
}


/* inner line */
.p-lineup .section_inner::before,
.p-message .section_inner::before,
.p-point::before {
	pointer-events: none;
	content: "";
	position: absolute;
	top: 16px;
	right: 16px;
	bottom: 16px;
	left: 16px;
	border: 2px solid #fff;
	border-radius: 8px;
}
@media (max-width: 767px) {
	.p-lineup .section_inner::before,
	.p-message .section_inner::before,
	.p-point::before {
		top: calc(8vw / 4.8);
		right: calc(8vw / 4.8);
		bottom: calc(8vw / 4.8);
		left: calc(8vw / 4.8);
		border-radius: 4px;
	}
}


/**
 * LINE UP
 * ---------------------------------------- */
.p-lineup .section_inner {
	position: relative;
	max-width: 780px;
	padding: 56px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 4px 4px 0 rgba(168,132,29,.1);
}
.p-lineup .section_inner::before {
	border-color: #ffedb2;
}
.p-lineup .bln {
	position: absolute;
	top: -32px;
	left: 56px;
}
.p-lineup .lead {
	margin-top: 32px;
}
.lineup_products {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
.lineup_products dt {
	flex-basis: 120px;
}
.lineup_products dt:nth-of-type(2) {
	margin-bottom: -56px;
}
.lineup_products dd {
	flex-basis: auto;
	margin-right: -32px;
	margin-left: 16px;
}
.p-lineup .c-note {
	margin-top: 24px;
}
.p-lineup .c-purchasebutton {
	margin-top: 56px;
}
@media (max-width: 767px) {
	.p-lineup .section_inner {
		padding: calc(40vw / 4.8) calc(24vw / 4.8) calc(56vw / 4.8);
		border-radius: 8px;
	}
	.p-lineup .bln {
		top: calc(-40vw / 4.8);
		left: calc(-8vw / 4.8);
		width: calc(132vw / 4.8);
		height: calc(132vw / 4.8);
	}
	.p-lineup .lead {
		margin-top: calc(32vw / 4.8);
	}
	.lineup_products {
		margin-top: calc(40vw / 4.8);
	}
	.lineup_products dt {
		flex-basis: calc(64vw / 4.8);
	}
	.lineup_products dt:nth-of-type(2) {
		margin-bottom: calc(-24vw / 4.8);
	}
	.lineup_products dd {
		flex-basis: calc(100% - 64vw / 4.8);
		margin-right: calc(-16vw / 4.8);
		margin-left: calc(8vw / 4.8);
	}
	.p-lineup .c-note {
		margin-top: calc(24vw / 4.8);
	}
	.p-lineup .c-purchasebutton {
		margin-top: calc(56vw / 4.8);
	}
}

.c-purchasebutton.-td {
	padding-right: 1.8em;
	box-shadow: 2px 2px 0 1px #c14222, 3px 4px 0 1px #c14222, 4px 6px 0 1px #c14222, 6px 8px 0 1px #c14222;
	transition: box-shadow.3s, transform .3s;
}
.c-purchasebutton.-td::after {
	position: absolute;
	top: calc(50% - .2em);
	right: .8em;
}
.c-purchasebutton.-td:active {
	transform: translate(3px, 4px);
	box-shadow: 1px 1px 0 1px #c14222, 1px 2px 0 1px #c14222, 2px 3px 0 1px #c14222, 3px 4px 0 1px #c14222;
	transition-duration: .1s;
}
.c-purchasebutton.-td .ico {
	width: 1.3em;
	height: 1.3em;
	margin-top: -.2em;
}


/**
 * MESSAGE
 * ---------------------------------------- */
.p-message {
	background: #fff;
}
.p-message::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: calc(50% - 56px);
	width: 112px;
	height: 48px;
	background: linear-gradient(to top right, rgba(255,255,255,0) 49.5%, #fff 50%) top left / 50% 100% no-repeat,
		linear-gradient(to top left, rgba(255,255,255,0) 49.5%, #fff 50%) top right / 50% 100% no-repeat;
}
.p-message .section_inner {
	max-width: 800px;
	padding: 0 40px 128px;
	background: #fff0d9;
}
.p-message .section_inner::before {
	border-radius: 4px;
}
.p-message .c-title {
	position: relative;
	top: -12px;
}
.p-message .c-title img {
	position: relative;
}
.p-message .c-title::before {
	content: "";
	position: absolute;
	top: 16px;
	right: 0;
	bottom: 9px;
	left: 0;
	background: #fff0d9;
}
.p-message .lead {
	margin-top: 32px;
}
.p-message .lead .main {
	display: inline-block;
	position: relative;
}
.p-message .text {
	margin-top: 64px;
	font-size: 14px;
	line-height: 1;
}
.p-message .text + .text {
	margin-top: 48px;
}
.p-message .illust_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.p-message .illust {
	position: absolute;
}
@media (min-width: 768px) {
	.p-message .lead .main::before,
	.p-message .lead .main::after {
		content: "";
		position: absolute;
	}
	.p-message .lead .main::before {
		right: calc(100% + 20px);
		bottom: -6px;
		width: 33px;
		height: 65px;
		background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/ico_drink.svg?v=1679802427) center / cover no-repeat;
	}
	.p-message .lead .main::after {
		bottom: 0;
		left: calc(100% + 16px);
		width: 50px;
		height: 30px;
		background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/ico_jelly.svg?v=1679879265) center / cover no-repeat;
	}
	.p-message .lead .twinkle.-t1 {
		top: 4px;
		right: -16px;
		width: 29px;
		height: 33px;
	}
	.p-message .lead .twinkle.-t2 {
		top: -40px;
		right: -48px;
		width: 44px;
		height: 50px;
	}
	.p-message .text {
		padding-left: 2%;
	}
	.p-message .illust.main {
		bottom: 0;
		left: calc(50% - 440px);
	}
	.p-message .illust.i1 {
		top: 26%;
		left: 8%;
		width: 126px;
	}
	.p-message .illust.i2 {
		top: 52%;
		left: 10%;
		width: 113px;
	}
	.p-message .illust.i3 {
		top: 36%;
		right: 10%;
		width: 108px;
	}
	.p-message .illust.i4 {
		top: 64%;
		right: 8%;
		width: 119px;
	}
}
@media (max-width: 767px) {
	.p-message .section_inner {
		padding: 0 calc(24vw / 4.8) calc(104vw / 4.8);
	}
	.p-message .lead {
		margin-top: calc(32vw / 4.8);
	}
	.p-message .lead .twinkle.-t1,
	.p-message .lead .twinkle.-t2 {
		transform: rotate(10deg);
	}
	.p-message .lead .twinkle.-t1 {
		top: calc(100% + 24vw / 4.8);
		right: calc(16vw / 4.8);
		width: calc(16vw / 4.8);
		height: calc(18vw / 4.8);
	}
	.p-message .lead .twinkle.-t2 {
		top: 100%;
		right: calc(-8vw / 4.8);
		width: calc(26vw / 4.8);
		height: calc(28vw / 4.8);
	}
	.p-message .lead img {
		width: calc(216vw / 4.8);
	}
	.p-message .illust.main {
		bottom: 0;
		right: calc(24vw / 4.8);
		width: calc(135vw / 4.8);
		height: calc(163vw / 4.8);
	}
	.p-message .illust.i1 {
		top: calc(144vw / 4.8);
		left: 6%;
		width: calc(67vw / 4.8);
		height: calc(93vw / 4.8);
	}
	.p-message .illust.i2 {
		top: calc(40vw / 4.8);
		left: 5%;
		width: calc(72vw / 4.8);
		height: calc(84vw / 4.8);
	}
	.p-message .illust.i3 {
		top: calc(40vw / 4.8);
		right: 6%;
		width: calc(56vw / 4.8);
		height: calc(87vw / 4.8);
	}
	.p-message .illust.i4 {
		top: calc(144vw / 4.8);
		right: 4%;
		width: calc(70vw / 4.8);
		height: calc(88vw / 4.8);
	}
}


/**
 * ABOUT ISOCAL
 * ---------------------------------------- */
.p-about {
	padding-top: 104px;
	background: #fff2e1;
	background-image: radial-gradient(circle at 25% 25%, #ffeccc 16%, rgba(134,192,222,0) 16%),
		radial-gradient(circle at 75% 75%, #ffeccc 16%, rgba(220,102,136,0) 16%);
	background-position: center;
	background-size: 88px 88px;
}
.p-about .section_inner {
	padding: 0 40px 56px;
	border-radius: 16px;
	background: #fff;
}
.p-about .c-title {
	position: relative;
	top: -24px;
}
.p-about .c-title img,
.p-about .c-title::before {
	z-index: 1;
	position: relative;
}
.p-about .c-title::before {
	content: "";
	display: inline-block;
	top: -8px;
	width: 25px;
	height: 50px;
	margin-right: 16px;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/ico_drink.svg?v=1679802427) center / cover no-repeat;
	vertical-align: middle;
}
.p-about .about_lead {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: 64px;
	padding: 48px;
	border: 2px solid #1d2280;
	border-radius: 160px;
}
.p-about .about_lead .tail {
	position: absolute;
	top: calc(100% - 1px);
	left: calc(50% - 21px);
	width: 43px;
	height: 30px;
}
.p-about .about_lead .stroke {
	fill: none;
	stroke: #1d2280;
	stroke-width: 2;
}
@media (min-width: 768px) {
	.p-about .about_lead {
		height: 160px;
	}
	.p-about .c-title {
		padding-bottom: 16px;
	}
}
@media (max-width: 767px) {
	.p-about {
		background-size: 64px 64px;
	}
	.p-about .section_inner {
		padding: 0 calc(16vw / 4.8) calc(48vw / 4.8);
		border-radius: 8px;
	}
	.p-about .c-title {
		top: calc(-24vw / 4.8);
	}
	.p-about .about_lead {
		margin-top: calc(24vw / 4.8);
		padding: calc(40vw / 4.8) calc(16vw / 4.8);
	}
	.p-about .about_lead .tail {
		width: 24px;
		height: 18px;
	}
}

/* :::::: アイソカル®が選ばれる3つのポイント :::::: */
.p-point {
	position: relative;
	margin-top: 64px;
	padding: 16px 40px 96px;
	border-radius: 16px;
	background: #fff2c5;
}
.p-point::before {
	top: 40px;
	right: 24px;
	bottom: 24px;
	left: 24px;
}
.p-point .title {
	display: inline-block;
	position: relative;
	padding: .5em 1em;
	border-radius: 2em;
	background: #fff;
	line-height: 1;
}
.point_list {
	max-width: 600px;
	margin: 0 auto;
}
.point_item {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 64px;
}
.point_item .image {
	flex-basis: 195px;
	position: relative;
}
.point_item .image .ppp {
	top: -8px;
	left: -24px;
}
.point_item:nth-of-type(1) .image .ppp {
	fill: #a2cff0;
}
.point_item:nth-of-type(2) .image .ppp {
	fill: #feea71;
}
.point_item:nth-of-type(3) .image .ppp {
	fill: #c3df4e;
}
.point_item .text {
	position: relative;
	padding: 24px 32px;
	border-radius: 16px;
	background: #fff;
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,.05));
}
.point_item .text dd {
	margin-top: 16px;
	padding-top: 16px;
	font-size: 14px;
	text-align: left;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_h.svg?v=1679879537) center top / 8px 2px repeat-x;
}
.point_item .text .tail {
	position: absolute;
	width: 24px;
	height: 38px;
	fill: #fff;
}
.p-point + .c-note {
	display: inline-block;
	margin-top: 24px;
	text-align: left;
}
@media (min-width: 768px) {
	.point_list {
		margin-top: 64px;
	}
	.point_item .image {
		min-width: 195px;
	}
	.point_item .text {
		margin-left: 32px;
	}
	.point_item .text .tail {
		top: calc(50% - 19px);
		right: calc(100% - 1px);
	}
}
@media (max-width: 767px) {
	.p-point {
		margin-top: calc(40vw / 4.8);
		padding: calc(24vw / 4.8);
		padding-bottom: calc(48vw / 4.8);
		border-radius: 8px;
	}
	.p-point::before {
		top: calc(32vw / 4.8);
		right: calc(12vw / 4.8);
		bottom: calc(12vw / 4.8);
		left: calc(12vw / 4.8);
	}
	.p-point .title {
		line-height: 0;
	}
	.point_item {
		flex-direction: column;
		margin-top: calc(40vw / 4.8);
	}
	.point_item .image {
		order: 1;
		max-width: 75%;
		margin-top: 32px;
	}
	.point_item .text {
		max-width: 320px;
		padding-bottom: 32px;
	}
	.point_item .text .tail {
		bottom: -24px;
		left: 50%;
		transform: rotate(-90deg);
	}
}


/**
 * QUALITY
 * ---------------------------------------- */
.p-quality {
	margin-top: 80px;
}
.p-quality .c-title {
	top: 0;
}
.p-quality .c-title::before {
	top: 0;
	width: 48px;
	height: 28px;
	background-image: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/ico_jelly.svg?v=1679879265);
}
.p-isocaljelly,
.p-isocal100 {
	max-width: 680px;
	margin: 0 auto;
	padding: 0 32px 32px;
	border-radius: 10px;
}
.p-isocaljelly {
	margin-top: 32px;
	background: #fedb35;
}
.p-isocal100 {
	margin-top: 96px;
	background: #85ceee;
}
.p-quality .title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 104px;
	margin: 0 -32px;
	padding-bottom: 12px;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/white_stripe.svg?v=1680316889) center bottom / 11px 12px repeat-x;
}
.p-quality .c-shadow {
	vertical-align: middle;
}
.p-isocaljelly .title .c-shadow {
	width: 108px;
	margin-right: 16px;
}
.p-isocal100 .title .c-shadow {
	width: 62px;
	margin-top: -56px;
	margin-right: 32px;
}
.quality_list {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-top: 24px;
	border-radius: 10px;
	background: #fff;
}
.quality_list::before,
.quality_list::after {
	content: "";
	position: absolute;
}
.quality_list::before {
	top: 24px;
	right: calc(50% - 1px);
	bottom: 24px;
	left: calc(50% - 1px);
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_v.svg?v=1680317095) center / 2px 8px repeat-y;
}
.quality_list::after {
	top: calc(50% - 1px);
	right: 24px;
	bottom: calc(50% - 1px);
	left: 24px;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_h.svg?v=1679879537) center / 8px 2px repeat-x;
}
.quality_list dt {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	top: calc(50% - 24px);
	left: calc(50% - 92px);
	width: 184px;
	height: 48px;
	border-radius: 50%;
	background: #fff;
}
.quality_item {
	flex-basis: 50%;
	padding: 32px 16px;
}
.p-quality .c-note {
	display: inline-block;
	margin-top: 16px;
	padding: 0 .5em;
	text-align: left;
}
@media (min-width: 768px) {
	.p-quality .c-title {
		padding-bottom: 24px;
	}
	.p-quality .c-shadow {
		top: -16px;
	}
}
@media (max-width: 767px) {
	.p-isocaljelly,
	.p-isocal100 {
		padding: 0 calc(24vw / 4.8) calc(32vw / 4.8);
	}
	.p-isocaljelly {
		margin-top: calc(24vw / 4.8);
	}
	.p-isocal100 {
		margin-top: calc(56vw / 4.8);
	}
	.p-quality .title {
		height: 92px;
		margin: 0 calc(-24vw / 4.8);
		padding-bottom: 6px;
		background-size: 5.5px 6px;
	}
	.p-isocaljelly .title .c-shadow {
		width: calc(64vw / 4.8);
		margin-right: calc(12vw / 4.8);
	}
	.p-isocal100 .title .c-shadow {
		width: calc(44vw / 4.8);
		margin-right: calc(24vw / 4.8);
	}
	.p-isocaljelly .title > img {
		width: calc(280vw / 4.8);
	}
	.p-isocal100 .title > img {
		width: calc(140vw / 4.8);
	}
	.quality_item {
		padding: calc(24vw / 4.8) calc(8vw / 4.8);
	}
	.quality_item.i1,
	.quality_item.i2 {
		padding-bottom: 32px;
	}
	.quality_item.i3,
	.quality_item.i4 {
		padding-top: 24px;
	}
}


/**
 * アイソカル®は保管に便利！食べ方いろいろ！
 * ---------------------------------------- */
.p-howto {
	margin-top: 104px;
	padding: 0 40px 48px;
	border: 2px solid currentcolor;
	border-radius: 10px;
}
.p-howto .c-title {
	top: -16px;
	background-color: #fff;
}
.p-howto .c-title::before {
	display: none;
}
.p-howto .title {
	display: inline-block;
	position: relative;
	padding: 1.5em 2.5em;
	border-radius: 3em;
	line-height: 1;
	background: #fff296;
}
.p-howto .title .tail {
	position: absolute;
	top: calc(100% - 1px);
	left: calc(50% - 9px);
	width: 19px;
	height: 13px;
	fill: #fff296;
}
.howto_list {
	max-width: 640px;
}
.howto_item {
	flex-basis: calc(33.333% - 24px);
}
.howto_item .image img {
	border-radius: 128px;
	background: #fff296;
}
.howto_item dd {
	margin-top: 16px;
	padding-top: 16px;
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_h.svg?v=1679879537) center top / 8px 2px repeat-x;
}
.howto_item dd small {
	font-size: 80%;
}
.p-howto1 {
	margin-top: 28px;
}
.p-howto2 {
	margin-top: 40px;
}
.p-howto2 .image {
	position: relative;
}
.p-howto2 .image::before {
	content: "";
	z-index: 1;
	position: absolute;
	top: -8px;
	right: calc(100% - 32px);
	width: 64px;
	height: 44px;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/jelly_logo_99a5718e-4aad-49d2-a941-8f34f115f588.png?v=1680317282) center top / contain no-repeat;
}
.p-howto2 .howto_item:first-child .image::before {
	background-image: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/drink_logo_4b681a51-86de-46a5-8655-7a1c1285513d.png?v=1680317224);
}
@media (min-width: 768px) {
	.p-howto .c-title {
		padding-bottom: 28px;
	}
	.p-howto .title {
		min-width: 320px;
	}
	.howto_list {
		display: flex;
		justify-content: space-between;
		margin: 28px auto 0;
	}
	.howto_item .image {
		display: inline-block;
		width: 128px;
	}
	.howto_item .text {
		margin-top: 16px;
	}
	.p-howto2 .image::before {
		top: -8px;
		right: calc(100% - 32px);
		width: 64px;
		height: 44px;
	}
}
@media (max-width: 767px) {
	.p-howto {
		margin-top: calc(64vw / 4.8);
		padding: 0 calc(24vw / 4.8) calc(32vw / 4.8);
	}
	.p-howto .c-title {
		padding-bottom: calc(24vw / 4.8);
	}
	.p-howto .title {
		min-width: 80%;
		padding: 1em;
		line-height: 0;
	}
	.p-howto .title img {
		width: auto;
		height: calc(18vw / 4.8);
	}
	.howto_item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: left;
		margin-top: calc(32vw / 4.8);
	}
	.howto_item dd {
		margin-top: calc(16vw / 4.8);
		padding-top: calc(16vw / 4.8);
	}
	.howto_item .text {
		flex-basis: calc(100% - 128vw / 4.8);
	}
	.howto_item .image {
		flex-basis: calc(104vw / 4.8);
	}
	.howto_item .image img {
		width: calc(104vw / 4.8);
	}
	.p-howto1 {
		margin-top: calc(24vw / 4.8);
	}
	.p-howto2 {
		margin-top: calc(40vw / 4.8);
	}
	.p-howto2 .image::before {
		top: -4px;
		left: -8px;
		width: calc(46vw / 4.8);
		height: calc(32vw / 4.8);
	}
}


/**
 * TRIAL SET お試しセットについて
 * ---------------------------------------- */
.p-trialset {
	background: #fff;
}
.p-trialset .section_inner {
	max-width: 800px;
	margin: 0 auto;
}
.p-trialset .title_wrap {
	position: relative;
}
.p-trialset .title_wrap .photo {
	display: flex;
	align-items: flex-end;
	position: absolute;
	right: 32px;
	bottom: 48px;
}
.p-trialset .title_wrap .c-shadow.-d {
	width: 40px;
}
.p-trialset .title_wrap .c-shadow.-j {
	width: 64px;
	margin-left: 16px;
}
.p-isocaljelly-set,
.p-isocal100-set {
	padding: 40px 32px;
	border-radius: 10px;
}
.p-isocaljelly-set {
	background: #fedc34 linear-gradient(-63.5deg,
		rgba(134,192,222,0) 25%, #ffd022 25%,
		#ffd022 50%, rgba(134,192,222,0) 50%,
		rgba(134,192,222,0) 75%, #ffd022 75%
	) center / 40px 80px;
}
.p-isocal100-set {
	margin-top: 48px;
	background: #85ceee linear-gradient(-63.5deg,
		rgba(134,192,222,0) 25%, #79c9ec 25%,
		#79c9ec 50%, rgba(134,192,222,0) 50%,
		rgba(134,192,222,0) 75%, #79c9ec 75%
	) center / 40px 80px;
}
@media (min-width: 768px) {
	.p-trialset .c-title {
		padding-bottom: 32px;
	}
	.p-trialset .title_wrap {
		height: 186px;
	}
	.p-trialset .title_wrap .bln {
		position: absolute;
		top: -16px;
		left: -32px;
	}
	.p-trialset .title_wrap .illust {
		position: absolute;
		bottom: 0;
		left: 32px;
	}
}
@media (max-width: 767px) {
	.p-trialset .c-title {
		max-width: calc(288vw / 4.8);
	}
	.p-trialset .title_wrap .photo {
		justify-content: space-between;
		right: calc(8vw / 4.8);
		bottom: calc(8vw / 4.8);
		left: calc(8vw / 4.8);
	}
	.p-trialset .title_wrap .c-shadow.-d {
		width: calc(32vw / 4.8);
	}
	.p-trialset .title_wrap .c-shadow.-j {
		width: calc(48vw / 4.8);
	}
	.p-trialset .title_wrap .bln,
	.p-trialset .title_wrap .illust {
		display: none;
	}
	.p-isocaljelly-set,
	.p-isocal100-set {
		padding: calc(24vw / 4.8);
		background-size: 30px 60px;
	}
	.p-isocaljelly-set {
		margin-top: calc(40vw / 4.8);
	}
}
.trialset_inner {
	padding: 32px 40px;
	border-radius: 10px;
	background: #fff;
}
.trialset_inner .title {
	flex-basis: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.trialset_inner .emblem {
	flex-basis: 120px;
}
.trialset_inner .main {
	margin-left: 8px;
}
.trialset_inner .photo {
	flex-basis: calc(50% - 8px);
}
.trialset_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.p-isocaljelly-set .trialset_list li:nth-child(n+5) {
	margin-top: 12px;
}
.trialset_inner .text {
	flex-basis: calc(50% - 8px);
}
.trialset_inner .c-purchasebutton {
	width: 100%;
	margin-top: 16px;
	margin-left: -12px;
	font-size: 20px;
}
.trialset_inner .c-purchasebutton .deco {
	width: 128px;
}
.trialset_inner .c-note {
	margin-top: 20px;
	line-height: 1.8;
	text-decoration: underline;
}
.p-trialset .note {
	margin-top: 32px;
	font-size: 13px;
	text-decoration: underline;
}
@media (min-width: 768px) {
	.trialset_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.p-isocaljelly-set .title {
		margin-bottom: 16px;
	}
	.p-isocaljelly-set .trialset_list li {
		flex-basis: 60px;
		max-width: 60px;
		margin: 0 4px;
	}
	.p-isocal100-set .trialset_list li {
		flex-basis: 32px;
		max-width: 32px;
		margin: 0 8px;
	}
	.trialset_inner .photo figcaption {
		margin-top: 16px;
	}
}
@media (max-width: 767px) {
	.trialset_inner {
		padding: calc(24vw / 4.8);
	}
	.trialset_inner .title {
		margin-bottom: calc(16vw / 4.8);
	}
	.p-isocaljelly-set .trialset_list li {
		flex-basis: calc(76vw / 4.8);
		max-width: calc(76vw / 4.8);
		margin: 0 calc(4vw / 4.8);
	}
	.p-isocal100-set .trialset_list li {
		flex-basis: calc(38vw / 4.8);
		max-width: calc(38vw / 4.8);
		margin: 0 calc(8vw / 4.8);
	}
	.trialset_inner .photo figcaption,
	.trialset_inner .text,
	.trialset_inner .c-purchasebutton {
		margin-top: calc(8vw / 4.8);
	}
	.trialset_inner .c-purchasebutton {
		max-width: 280px;
	}
}


/**
 * VOICE ママさんの声
 * ---------------------------------------- */
.p-voice {
	background: linear-gradient(to left,
		#fff2e1 50%, #ffefd8 50%
	) center / 40px 40px;
}
.p-voice .c-title {
	position: relative;
	top: -20px;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/title_stripe.svg?v=1679802173) center bottom / 132px 8px repeat-x,
	linear-gradient(to left,
		#fff2e1 50%, #ffefd8 50%
	) center / 40px 40px;
}
.p-voice .section_inner {
	padding: 0 48px 40px;
}
.p-voice .megaphone {
	position: absolute;
	top: -8px;
	left: -40px;
	transform: rotate(-16deg);
}
.p-voice .lead {
	margin-top: 24px;
	font-size: 14px;
}
.voice_item {
	display: flex;
	align-items: center;
	margin-top: 64px;
}
.voice_item .image {
	flex-basis: 188px;
	position: relative;
}
.voice_item .image .ppp {
	top: -4px;
	left: -20px;
}
.voice_item:nth-of-type(1) .image .ppp {
	fill: #ffd46b;
}
.voice_item:nth-of-type(2) .image .ppp {
	fill: #cbbde0;
}
.voice_item:nth-of-type(3) .image .ppp {
	fill: #ffd7df;
}
.voice_item:nth-child(2n) .image {
	order: 1;
}
.voice_item .image figcaption {
	position: relative;
	margin-top: -16px;
}
.voice_item .text {
	flex-basis: calc(100% - 240px);
	position: relative;
	padding: 40px 48px;
	border-radius: 64px;
	text-align: left;
	background: #fff;
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,.05));
}
.voice_item .text dd {
	margin-top: .8em;
	font-size: 14px;
	line-height: 2;
}
.voice_item .text .tail {
	position: absolute;
	width: 32px;
	height: 48px;
	fill: #fff;
}
.p-voice .c-note {
	margin-top: 48px;
}
@media (min-width: 768px) {
	.p-voice .section_inner {
		border: 10px solid #fff;
		border-radius: 0;
	}
	.voice_item {
		justify-content: space-between;
	}
	.voice_item .text .tail {
		top: calc(50% - 24px);
	}
	.voice_item:nth-child(2n+1) .text .tail {
		right: calc(100% - 2px);
	}
	.voice_item:nth-child(2n) .text .tail {
		transform: scaleX(-1);
		left: calc(100% - 2px);
	}
}
@media (max-width: 767px) {
	.p-voice {
		background-size: 32px 32px;
	}
	.p-voice .section_inner {
		padding: 0 calc(8vw / 4.8);
	}
	.p-voice .megaphone {
		top: calc(-16vw / 4.8);
		left: calc(-16vw / 4.8);
		width: calc(160vw / 4.8);
	}
	.p-voice .lead {
		margin-top: 8px;
	}
	.voice_item {
		flex-direction: column;
		margin-top: calc(32vw / 4.8);
	}
	.voice_item .image {
		order: 1;
		margin-top: 36px;
	}
	.voice_item .text .tail {
		bottom: -37px;
		left: calc(50% - 24px);
		transform: rotate(-90deg);
	}
}
@media (max-width: 480px) {
	.voice_item .text {
		padding: 40px 24px;
	}
}






/**
 * 選べてわたせるネスレの少量高カロリーコンパクト栄養食
 * ---------------------------------------- */
.p-products {
	padding-top: 80px;
	padding-bottom: 64px;
}
.p-products .section_inner {
	max-width: 1000px;
}
.products_title {
	margin-top: 56px;
	color: #1f2880;
	font-weight: 700;
}
.products_title b {
	font-weight: 900;
}
.p-products .section_inner > .products_lead {
	display: inline-block;
	max-width: 450px;
	margin-top: 40px;
	font-size: 14px;
	text-align: left;
}
.products_title .mplus {
	font-size: 42px;
	line-height: 1.4;
	font-weight: 800;
}
.p-isocal .products_lead {
	margin-top: 1em;
	font-size: 17px;
	font-weight: 500;
}
@media (min-width: 768px) {
	.products_title {
		font-size: calc(30vw / 9);
	}
	.products_title b {
		font-size: calc(38vw / 9);
	}
}
@media (min-width: 900px) {
	.products_title {
		font-size: 30px;
	}
	.products_title b {
		font-size: 38px;
	}
}
@media (max-width: 767px) {
	.products_title {
		font-size: calc(23vw / 4.8);
	}
	.products_title b {
		font-size: calc(30vw / 4.8);
	}
	.products_title .mplus {
		font-size: calc(36vw / 4.8);
	}
	.p-isocal .products_lead {
		margin-top: .5em;
		font-size: calc(14vw / 4.8);
	}
}

/* :::::: アンカー :::::: */
@media (max-width: 767px) {
	.products_anchor {
		display: flex;
		justify-content: space-between;
		margin-top: 24px;
	}
	.products_anchor li {
		flex-basis: calc(50% - 4px);
	}
	.products_anchor .c-button {
		width: auto;
		height: calc(64vw / 4.8);
		color: #1f2880;
		font-size: calc(18vw / 4.8);
		line-height: 1.2;
		letter-spacing: 0;
	}
	.products_anchor li:first-child .c-button {
		background: #a0cfff;
	}
	.products_anchor li:last-child .c-button {
		background: #ffdb7c;
	}
	.products_anchor li:last-child .c-button b {
		padding-top: .2em;
	}
}

/**
 * 飲む栄養 / 食べる栄養
 * ---------------------------------------- */
.products_container {
	display: -ms-grid;
	display: grid;
	margin-top: 64px;
}
.product_drink {
	background: #b2e1ff;
}
.product_jelly {
	background: #ffe382;
}
.product_drink > *,
.product_jelly > * {
	z-index: 1;
	position: relative;
}
.products_container .bg {
	position: relative;
	margin: 0 16px 40px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.05);
}
@media (min-width: 768px) {
	.products_container {
		-ms-grid-rows: (auto)[4];
		-ms-grid-columns: (50%)[2];
		grid-template: repeat(4, auto) / repeat(2, 50%);
	}
	@supports (grid-column-gap: 24px) {
		.products_container {
			grid-template: repeat(4, auto) / repeat(2, calc(50% - 12px));
		}
		.products_container {
			grid-column-gap: 24px;
		}
	}
	.product_drink.-head {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: 1 / 1 / 2 / 2;
	}
	.product_drink.-photo {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		grid-area: 2 / 1 / 3 / 2;
	}
	.product_drink.-features {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		grid-area: 3 / 1 / 4 / 2;
	}
	.product_drink.-list {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
		grid-area: 4 / 1 / 5 / 2;
	}
	.product_jelly.-head {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: 1 / 2 / 2 / 3;
	}
	.product_jelly.-photo {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: 2 / 2 / 3 / 3;
	}
	.product_jelly.-features {
		-ms-grid-row: 3;
		-ms-grid-column: 2;
		grid-area: 3 / 2 / 4 / 3;
	}
	.product_jelly.-list {
		-ms-grid-row: 4;
		-ms-grid-column: 2;
		grid-area: 4 / 2 / 5 / 3;
	}
	.products_container .bg.-drink {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-row-span: 3;
		grid-area: 2 / 1 / 5 / 2;
	}
	.products_container .bg.-jelly {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		-ms-grid-row-span: 3;
		grid-area: 2 / 2 / 5 / 3;
	}
}
@media (max-width: 767px) {
	.products_container {
		-ms-grid-rows: (auto)[8];
		grid-template-rows: repeat(8, auto);
		margin-top: calc(24vw / 4.8);
		margin-right: calc(-24vw / 4.8);
		margin-left: calc(-24vw / 4.8);
	}
	.products_container > * {
		grid-column: 1 / 2;
	}
	.product_drink.-head {
		-ms-grid-row: 1;
		grid-row: 1 / 2;
	}
	.product_drink.-photo {
		-ms-grid-row: 2;
		grid-row: 2 / 3;
	}
	.product_drink.-features {
		-ms-grid-row: 3;
		grid-row: 3 / 4;
	}
	.product_drink.-list {
		-ms-grid-row: 4;
		grid-row: 4 / 5;
	}
	.product_jelly.-head {
		-ms-grid-row: 5;
		grid-row: 5 / 6;
	}
	.product_jelly.-photo {
		-ms-grid-row: 6;
		grid-row: 6 / 7;
	}
	.product_jelly.-features {
		-ms-grid-row: 7;
		grid-row: 7 / 8;
	}
	.product_jelly.-list {
		-ms-grid-row: 8;
		grid-row: 8 / 9;
	}
	.products_container .bg.-drink {
		-ms-grid-row: 1;
		-ms-grid-row-span: 4;
		grid-row: 2 / 5;
	}
	.products_container .bg.-jelly {
		-ms-grid-row: 5;
		-ms-grid-row-span: 4;
		grid-row: 6 / 9;
	}
}

/* :::::: タイトル :::::: */
.products_container .-head {
	padding: 40px 16px 24px;
}
.product_title {
	color: #1f2880;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}
.product_title .tagline {
	position: relative;
	padding: 0 32px;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/product_title_l_83ed8ea7-8b19-434e-988f-091516bd7bbb.svg?v=1680317352) center left / 22px 27px no-repeat,
		url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/product_title_r_e2a8b72f-dacf-4165-b320-93494aad9884.svg?v=1680317352) center right / 22px 27px no-repeat;
}
.product_title.mplus,
.product_title .mplus {
	font-weight: 800;
}
.product_title .logo {
	display: block;
	width: 208px;
	margin: 0 auto;
	filter: drop-shadow(-3px 3px 3px rgba(0,0,0,.3));
}
.product_title small {
	display: block;
	margin-top: 1em;
	color: black;
	font-size: 12px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	letter-spacing: .05em;
}
.product_title .num {
	position: relative;
	bottom: -.08em;
	padding: 0 .05em;
	line-height: 1;
}
@media (min-width: 768px) {
	.products_container .-head {
		border-radius: 20px 20px 0 0;
	}
	.product_title {
		font-size: calc(22vw / 10);
	}
	.product_title.mplus,
	.product_title .mplus {
		font-size: calc(30vw / 10);
	}
	.product_drink.-head .logo {
		margin-top: calc(24vw / 10);
	}
	.product_jelly.-head .logo {
		margin-top: calc(16vw / 10);
	}
	.product_title .num {
		font-size: calc(52vw / 10);
	}
}
@media (min-width: 1000px) {
	.product_title {
		font-size: 22px;
	}
	.product_title.mplus,
	.product_title .mplus {
		font-size: 30px;
	}
	.product_drink.-head .logo {
		margin-top: 24px;
	}
	.product_jelly.-head .logo {
		margin-top: 16px;
	}
	.product_title .num {
		font-size: 52px;
	}
}
@media (max-width: 767px) {
	.product_jelly.-head {
		margin-top: 40px;
	}
	.product_title {
		font-size: calc(22vw / 4.8);
	}
	.-head .product_title {
		font-size: calc(32vw / 4.8);
	}
	.product_title.mplus,
	.product_title .mplus {
		font-size: calc(30vw / 4.8);
	}
	.-head .product_title .mplus {
		font-size: calc(40vw / 4.8);
	}
	.product_title .logo {
		margin-top: calc(16vw / 4.8);
	}
	.product_title .num {
		font-size: calc(52vw / 4.8);
	}
}

/* :::::: 写真 :::::: */
.products_container .-photo {
	padding: 0 16px;
}
.products_container .-photo .photo {
	position: relative;
}
.products_container .-photo .photo img {
	width: 100%;
	border-radius: 10px 10px 0 0;
}
.products_container .-photo .wave {
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 36px;
	left: 0;
	fill: #fff;
}
.products_container .-photo figcaption {
	position: absolute;
	right: 2em;
	bottom: 3em;
	font-size: 10px;
	line-height: 1.2;
}
.products_container .product_jelly.-photo figcaption {
	color: #fff;
}
@media (max-width: 480px) {
	.products_container .-photo figcaption {
		font-size: calc(10vw / 4.8);
	}
}

/* :::::: 特徴 :::::: */
.products_container .-features {
	padding: 24px 40px 0;
}
.features_list {
	margin: 16px auto 0;
}
.features_list img {
	border-radius: 6px;
}
.product_drink .features_list img {
	background: #dfeafe;
}
.product_jelly .features_list img {
	background: #fff5c8;
}
.features_list li:nth-child(n+2) {
	margin-top: 8px;
}
.features_list + .note {
	margin-top: 12px;
	font-size: 10px;
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: 0;
	text-align: left;
}
@media (min-width: 768px) {
	.product_drink.-features .product_title {
		padding: .6em 0;
	}
}
@media (min-width: 1000px) {
.features_list li:nth-child(n+2) {
	margin-top: 12px;
}
}
@media (max-width: 767px) {
	.products_container .-features {
		padding-right: calc(40vw / 4.8);
		padding-left: calc(40vw / 4.8);
	}
}
@media (max-width: 480px) {
	.features_list + .note {
		font-size: calc(10vw / 4.8);
	}
}

/**
 * 商品一覧
 * ---------------------------------------- */
.products_container .-list {
	display: flex;
	flex-direction: column;
}
.product_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 24px 0 64px;
}
.product_list li {
	flex-basis: 32%;
}
.product_list figure {
	margin: 0 auto;
}
.product_list .shadow {
	display: block;
	position: relative;
}
.product_list .shadow::before {
	content: "";
	z-index: -1;
	position: absolute;
}
.product_list figcaption {
	line-height: 1;
}
@media (min-width: 768px) {
	.products_container .-list {
		padding: calc(32vw / 10) calc(40vw / 10) calc(80vw / 10);
		border-radius: 0 0 20px 20px;
	}
	.product_list figcaption img {
		width: calc(120vw / 11.28);
	}
}
@media (min-width: 1000px) {
	.products_container .-list {
		padding: 32px 40px 80px;
	}
}
@media (min-width: 1128px) {
	.product_list figcaption img {
		width: 120px;
	}
}
@media (max-width: 767px) {
	.products_container .-list {
		padding: 32px calc(40vw / 4.8) 80px;
	}
	.product_list figcaption img {
		width: calc(120vw / 4.8);
	}
}

/* :::::: アイソカル®100 :::::: */
.product_drink .product_list li:not(nth-child(3n+1)) {
	margin-left: 2%;
}
.product_drink .product_list figure {
	max-width: 75px;
}
.product_list .is-new {
	position: relative;
}
.product_list .is-new::after {
	content: "New!";
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
	position: absolute;
	left: -32px;
	width: 64px;
	height: 64px;
	padding-bottom: .2em;
	border-radius: 64px;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0;
}
.product_drink .product_list .is-new::after {
	top: 12px;
	color: #ef7c01;
	background: #fddda7;
}
.product_jelly .product_list .is-new::after {
	top: -32px;
}
.product_jelly .product_list li:nth-child(11) .is-new::after {
	color: #6d6d6d;
	background: #dfdfdf;
}
.product_jelly .product_list li:nth-child(12) .is-new::after {
	color: #f48700;
	background: #ffe89e;
}
.product_drink .product_list .shadow::before {
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/drink_shadow.png?v=1680317163) center / cover no-repeat;
}
.product_drink .product_list figcaption {
	margin: 16px -24px 0;
}
.product_drink .product_list li:nth-child(n+4) {
	margin-top: 16px;
}
@media (min-width: 768px) {
	.product_drink .product_list .shadow::before {
		bottom: calc(-3vw / 11.28);
		left: calc(-2vw / 11.28);
		width: calc(140vw / 11.28);
		height: calc(20vw / 11.28);
	}
}
@media (min-width: 1128px) {
	.product_drink .product_list .shadow::before {
		bottom: -3px;
		left: -2px;
		width: 140px;
		height: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1128px) {
	.product_drink .product_list figure {
		max-width: calc(75vw / 11.28);
	}
	.product_drink .product_list figcaption {
		margin-right: calc(-24vw / 11.28);
		margin-left: calc(-24vw / 11.28);
	}
	.product_list .is-new::after {
		left: calc(-32vw / 11.28);
		width: calc(64vw / 11.28);
		height: calc(64vw / 11.28);
		font-size: calc(17vw / 11.28);
	}
	.product_drink .product_list .is-new::after {
		top: calc(12vw / 11.28);
	}
	.product_jelly .product_list .is-new::after {
		top: calc(-32vw / 11.28);
	}
}
@media (max-width: 767px) {
	.product_list .is-new::after {
		left: calc(-32vw / 4.8);
		width: calc(56vw / 4.8);
		height: calc(56vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	.product_drink .product_list .is-new::after {
		top: calc(12vw / 4.8);
	}
	.product_jelly .product_list .is-new::after {
		top: calc(-32vw / 4.8);
	}
	.product_drink .product_list figure {
		max-width: calc(75vw / 4.8);
	}
	.product_drink .product_list .shadow::before {
		bottom: calc(-3vw / 4.8);
		left: calc(-2vw / 4.8);
		width: calc(140vw / 4.8);
		height: calc(20vw / 4.8);
	}
	.product_drink .product_list figcaption {
		margin-right: calc(-24vw / 4.8);
		margin-left: calc(-24vw / 4.8);
	}
	.product_drink .product_list li:nth-child(n+4) {
		margin-top: 8px;
	}
}

/* :::::: アイソカル®ゼリーハイカロリー :::::: */
.product_jelly .product_list li:not(nth-child(3n+1)) {
	margin-left: 2%;
}
.product_jelly .product_list .shadow::before {
	bottom: 0;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/jelly_shadow.png?v=1680317012) center / cover no-repeat;
}
.product_jelly .product_list li:nth-child(n+4) {
	margin-top: 56px;
}
@media (min-width: 768px) {
	.product_jelly .product_list {
		margin: auto 0;
	}
	.product_jelly .product_list figure {
		max-width: calc(104vw / 11.28);
	}
	.product_jelly .product_list .shadow {
		padding-bottom: calc(8vw / 11.28);
	}
	.product_jelly .product_list .shadow::before {
		left: calc(50% - 40vw / 11.28);
		width: calc(80vw / 11.28);
		height: calc(46vw / 11.28);
	}
	.product_jelly .product_list figcaption {
		margin: 4px calc(-8vw / 11.28) 0;
	}
}
@media (min-width: 1128px) {
	.product_jelly .product_list figure {
		max-width: 104px;
	}
	.product_jelly .product_list .shadow {
		padding-bottom: 8px;
	}
	.product_jelly .product_list .shadow::before {
		left: calc(50% - 40px);
		width: 80px;
		height: 46px;
	}
	.product_jelly .product_list figcaption {
		margin: 4px -8px 0;
	}
}
@media (max-width: 767px) {
	.product_jelly .product_list figure {
		max-width: calc(104vw / 4.8);
	}
	.product_jelly .product_list .shadow {
		padding-bottom: calc(8vw / 4.8);
	}
	.product_jelly .product_list .shadow::before {
		left: calc(50% - 40vw / 4.8);
		width: calc(80vw / 4.8);
		height: calc(46vw / 4.8);
	}
	.product_jelly .product_list li:nth-child(n+4) {
		margin-top: calc(56vw / 4.8);
	}
}

/* :::::: バラエティパック :::::: */
.product_variety {
	margin-top: auto;
	border: 1px solid #1f2880;
	border-radius: 5px;
}
/* title */
.variety_title {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 24px);
	margin: -1.4em auto 0;
	color: #1f2880;
	line-height: 1.2;
	white-space: nowrap;
	letter-spacing: 0;
	background: #fff;
}
.variety_title .bln {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 5em;
	height: 5em;
	margin-right: 1em;
	border-radius: 5em;
}
.variety_title .bln::before {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	left: calc(100% - 1px);
	border-width: 6px 0 6px 8px;
	border-style: solid;
	border-color: transparent;
}
.product_drink .variety_title .bln {
	background: #9ccbff;
}
.product_drink .variety_title .bln::before {
	border-left-color: #9ccbff;
}
.product_jelly .variety_title .bln {
	background: #ffd77c;
}
.product_jelly .variety_title .bln::before {
	border-left-color: #ffd77c;
}
@media (min-width: 768px) {
	.variety_title {
		font-size: calc(21vw / 11.28);
	}
	.variety_title .bln {
		font-size: calc(12vw / 11.28);
	}
}
@media (min-width: 1128px) {
	.variety_title {
		font-size: 21px;
	}
	.variety_title .bln {
		font-size: 12px;
	}
}
@media (max-width: 767px) {
	.variety_title {
		font-size: calc(21vw / 4.8);
	}
	.variety_title .bln {
		font-size: calc(12vw / 4.8);
	}
}
/* wrap */
.variety_wrap {
	padding: 16px;
}
@media (min-width: 481px) {
	.variety_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.product_drink .variety_wrap {
		padding-top: calc(16vw / 11.28);
		padding-bottom: calc(32vw / 11.28);
	}
	.product_jelly .variety_wrap {
		padding-top: calc(4vw / 11.28);
		padding-bottom: calc(24vw / 11.28);
	}
}
@media (min-width: 1128px) {
	.product_drink .variety_wrap {
		padding-top: 16px;
		padding-bottom: 32px;
	}
	.product_jelly .variety_wrap {
		padding-top: 4px;
		padding-bottom: 24px;
	}
}
@media (max-width: 767px) {
	.variety_wrap {
		padding: calc(16vw / 4.8);
	}
}
.product_variety .text dt {
	line-height: 1.2;
}
.product_variety .text dt b {
	position: relative;
	bottom: -.05em;
	padding: 0 .05em;
}
.product_variety .text dd {
	margin-top: 8px;
}
.product_variety .text ul {
	display: flex;
	flex-wrap: wrap;
}
.product_variety .text li {
	flex-basis: calc(50% - 2px);
	line-height: 0;
}
.product_variety .text img {
	width: 100%;
}
@media (min-width: 481px) {
	.product_variety .photo {
		flex-basis: 45%;
	}
	.product_variety .text {
		flex-basis: 50%;
	}
	.product_variety .photo:nth-of-type(n+2),
	.product_variety .text:nth-of-type(n+2) {
		margin-top: 12px;
	}
	.product_variety .text ul {
		justify-content: space-between;
	}
	.product_variety .text li:nth-child(n+3) {
		margin-top: 4px;
	}
}
@media (min-width: 768px) {
	.product_variety .text dt {
		font-size: calc(12vw / 11.28);
	}
	.product_variety .text dt b {
		font-size: calc(23vw / 11.28);
	}
}
@media (min-width: 1128px) {
	.product_variety .text dt {
		font-size: 12px;
	}
	.product_variety .text dt b {
		font-size: 23px;
	}
}
@media (max-width: 767px) {
	.product_variety .text dt {
		font-size: calc(12vw / 4.8);
	}
	.product_variety .text dt b {
		font-size: calc(23vw / 4.8);
	}
}
@media (max-width: 480px) {
	.product_variety .photo {
		width: calc(260vw / 4.8);
		margin: 0 auto;
	}
	.product_variety .photo:nth-of-type(n+2) {
		margin-top: calc(24vw / 4.8);
	}
	.product_variety .text {
		margin-top: calc(4vw / 4.8);
	}
	.product_variety .text li {
		flex-basis: calc(33.333% - 2px);
	}
	.product_variety .text li:not(:nth-child(3n+1)) {
		margin-left: 3px;
	}
	.product_variety .text li:nth-child(n+4) {
		margin-top: 3px;
	}
	.product_drink .product_variety .text:nth-of-type(n+2) ul {
		justify-content: center;
	}
	.product_drink .product_variety .text:nth-of-type(n+2) li:nth-child(2n+1) {
		margin-left: 15%;
	}
	.product_drink .product_variety .text:nth-of-type(n+2) li:nth-child(2n) {
		margin-right: 15%;
		margin-left: 3px;
	}
	.product_drink .product_variety .text:nth-of-type(n+2) li:nth-child(n+3) {
		margin-top: 3px;
	}
}

/* :::::: 商品詳細はこちら :::::: */
.product_drink .c-button,
.product_jelly .c-button {
	margin: 40px auto 0;
}

/* :::::: 購入はこちらから :::::: */
.product_drink .c-purchasebutton,
.product_jelly .c-purchasebutton {
	margin: 40px auto 0;
	padding: .6em 1em .5em;
}
@media (min-width: 768px) {
	.product_drink .c-purchasebutton,
	.product_jelly .c-purchasebutton {
		font-size: calc(28vw / 11.28);
	}
}
@media (min-width: 1128px) {
	.product_drink .c-purchasebutton,
	.product_jelly .c-purchasebutton {
		font-size: 28px;
	}
}


.vpmp_conteiner {
	padding: 40px 0 80px;
	background: #fff9eb;
}

/**
 * ビタミンプラス・ミネラルプラス (from home.css)
 * ---------------------------------------- */
.p-isocalvpmp {
	position: relative;
	max-width: 800px;
	margin: 40px auto 0;
	padding: 64px 40px 48px;
	background: #fff;
	text-align: center;
}
.p-isocalvpmp .vpmp_title {
	position: absolute;
	top: -1em;
	left: 0;
	width: 100%;
	color: #1f2883;
	font-size: 27px;
	font-weight: 700;
}
.p-isocalvpmp .vpmp_title .underline {
	border-bottom: 2px solid currentcolor;
}
.p-isocalvpmp .vpmp_title b {
	font-size: 120%;
}
@media (min-width: 768px) {
	.p-isocalvpmp {
		border-radius: 10px;
		box-shadow: 5px 5px 10px rgb(0,0,0,.1);
	}
	.p-isocalvpmp .vpmp_title .underline {
		padding-bottom: .2em;
	}
}
@media (max-width: 767px) {
	.p-isocalvpmp {
		padding: 48px calc(16vw / 4.8) 40px;
	}
	.p-isocalvpmp .vpmp_title {
		top: -2em;
		font-size: calc(27vw / 4.8);
		line-height: 1.2;
	}
	.p-isocalvpmp .vpmp_title .underline {
		display: inline-block;
	}
}
.p-isocalvpmp .vpmp_container {
	position: relative;
	border-radius: 10px;
	background: #e9f3ff;
	padding: 24px 40px 32px;
}
.p-isocalvpmp .vpmp_lineup {
	display: flex;
}
.p-isocalvpmp .vpmp_lineup .item {
	flex-basis: calc(50% - 16px);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.p-isocalvpmp .vpmp_lineup .title {
	position: relative;
	width: 143px;
}
.p-isocalvpmp .vpmp_lineup .title img {
	width: 100%;
}
.p-isocalvpmp .vpmp_lineup .title .emblem {
	display: block;
	padding-bottom: 20%;
}
.p-isocalvpmp .vpmp_lineup .title .type {
	position: absolute;
	bottom: 0;
	left: -10%;
	width: 120%;
}
@media (min-width: 480px) {
	.p-isocalvpmp .vpmp_lineup {
		justify-content: space-between;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.p-isocalvpmp .vpmp_lineup .item {
		max-width: 50%;
	}
	.p-isocalvpmp .vpmp_lineup .title {
		width: calc(80vw / 4.8);
	}
}
@media (max-width: 767px) {
	.p-isocalvpmp .vpmp_container {
		padding: 16px 0 40px;
	}
}
@media (max-width: 479px) {
	.p-isocalvpmp .vpmp_lineup {
		flex-direction: column;
	}
	.p-isocalvpmp .vpmp_lineup .item.-mp {
		margin-top: 24px;
	}
}
.p-isocalvpmp .c-pop {
	position: relative;
	margin-top: 8px;
	padding: 0 32px;
	font-size: 19px;
	line-height: 1.2;
	font-weight: 700;
	white-space: nowrap;
}
.p-isocalvpmp .-vp .c-pop { color: #00a63c; }
.p-isocalvpmp .-mp .c-pop { color: #0068b6; }
.p-isocalvpmp .c-pop b {
	font-size: 115%;
}
.p-isocalvpmp .c-pop svg {
	position: absolute;
	bottom: .2em;
	fill: currentcolor;
}
.p-isocalvpmp .c-pop svg:first-child { left: 0; }
.p-isocalvpmp .c-pop svg:last-child { right: 0; }
@media (min-width: 480px) and (max-width: 767px) {
	.p-isocalvpmp .c-pop {
		padding: 0 calc(24vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
}
@media (max-width: 479px) {
	.p-isocalvpmp .c-pop {
		font-size: calc(22vw / 4.8);
	}
}
.p-isocalvpmp .visual {
	max-width: 160px;
	margin-top: 8px;
}
.p-isocalvpmp .is-new {
	position: relative;
}
.p-isocalvpmp .is-new::before {
	content: "New!";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: calc(100% - 12px);
	width: 64px;
	height: 64px;
	padding-bottom: .2em;
	border-radius: 64px;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0;
}
.p-isocalvpmp .-vp .is-new::before { background: #5fbe5a; }
.p-isocalvpmp .-mp .is-new::before { background: #66b6e6; }
.jelly_image .shadow {
	position: relative;
	display: inline-block;
}
.jelly_image .shadow::before {
	content: "";
	position: absolute;
	bottom: -8%;
	left: 10%;
	width: 80%;
	height: 40%;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/jelly_shadow.png?v=1680317012) center / 100% 100% no-repeat;
}
.jelly_image .shadow img {
	position: relative;
}
@media (min-width: 480px) and (max-width: 767px) {
	.p-isocalvpmp .visual {
		max-width: calc(120vw / 4.8);
	}
	.p-isocalvpmp .is-new::before {
		left: calc(100% - 12vw / 4.8);
		width: calc(48vw / 4.8);
		height: calc(48vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
}
.p-isocalvpmp .c-button {
	position: absolute;
	bottom: -24px;
	left: calc(50% - 107px);
}
.p-isocalvpmp .c-purchasebutton {
	margin-top: 64px;
}
@media (max-width: 767px) {
	.p-isocalvpmp .c-button {
		left: calc(50% - 107vw / 4.8);
	}
}

.page-width--narrow {
max-width: 1100px;
}

.p-formama {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

@media screen and (min-width: 750px) {
  .article-template>*:first-child:not(.article-template__hero-container) {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 990px) {
  .p-point .title {
    margin: 0 0 0;
  }
}

.element-margin {
  display: none;
}

.button.-nestle,
.button.-amazon,
.button.-rakuten,
.button.-limited {
  padding: 0;
  box-shadow: none;
}

.button.-nestle:hover,
.button.-amazon:hover,
.button.-rakuten:hover,
.button.-limited:hover {
  box-shadow: none;
}

.modal_container,
.modal_overlay {
  transition: all .3s ease;
}

.article-template__content {
  margin-bottom: 0 !important;
}

body {
overflow-x: hidden;
}

div:empty {
  display: block;
}