/** Shopify CDN: Minification failed

Line 39594:0 Unexpected "}"
Line 48607:16 Expected identifier but found bad string token
Line 48607:17 Unterminated string token

**/
@charset "utf-8";

@font-face { /* Medium */
  font-family: 'Noto Sans JP';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/NotoSansJP-Medium.ttf?v=1678535907) format('truetype');
  font-weight: 500;
}
@font-face { /* Medium */
  font-family: 'M PLUS 1p';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/MPLUS1p-Medium.ttf?v=1678534728) format('truetype');
  font-weight: 400;
}
@font-face { /* Extra Bold */
  font-family: 'M PLUS 1p';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/MPLUS1p-ExtraBold.ttf?v=1678519231) format('truetype');
  font-weight: bold;
}
@font-face { /* Medium */
  font-family: 'Zen Maru Gothic';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/ZenMaruGothic-Medium.ttf?v=1678880945) format('truetype');
  font-weight: 500;
}
@font-face { /* Bold */
  font-family: 'Zen Maru Gothic';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/ZenMaruGothic-Bold.ttf?v=1678880945) format('truetype');
  font-weight: 700;
}
@font-face { /* Black */
  font-family: 'Zen Maru Gothic';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/ZenMaruGothic-Black.ttf?v=1678880945) format('truetype');
  font-weight: 900;
}
@font-face { /* Bold */
  font-family: 'Noto Sans JP';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/NotoSansJP-Bold.otf?v=1678963983) format('truetype');
  font-weight: 700;
}
@font-face { /* Black */
  font-family: 'Noto Sans JP';
  src: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/NotoSansJP-Black.otf?v=1678963722) format('truetype');
  font-weight: 900;
}

#isocal div:empty {
  display: inherit;
}
#isocal .bg_white {
  background: #fff !important;
}
body.is-fixed {
  overflow: hidden;
}
@media (min-width: 800px) {
  #isocal {
    margin-top: 104px;
  }
  #isocal.c-header-fix {
    margin-top: 104px;
  }
  #isocal .siteContents.p-isocalvpmp.c-isocal100 {
    margin-top: 124px;
  }
}


table:not([class]) {
  box-shadow: none;
}

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

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


#isocal .p-nutrients015 .c-table thead th:first-child{
  width: 30%;
}
#isocal .p-nutrients015 .c-table thead th{
  width: auto;
}
#isocal .c-cafefood.p-nutrients015 .c-table tbody th{
  text-align: center;
}

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

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

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

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

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

@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: 104; }

/**
 * isocal header
 * ---------------------------------------- */
.l-header .nav_list {
    list-style: none;
}
.l-header .nav_list li {
	line-height: 1.2;
	font-weight: 400;
}
.l-header .nav_list li a {
    text-decoration: none;
    color: #000;
}
.l-header .nav_list .ico {
	fill: #1f2880;
}
.l-header .c-purchasebutton {
     border: none;
}
@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;
	}
    .header_container .logo a {
          display: flex;
    }
	.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 {
        width: 100%;
        max-width: 1032px;
        margin: 0 auto !important;
        padding: 0 16px !important;
	}
	.breadcrumb .page-links {
		display: flex;
		align-items: center;
		height: 32px;
      list-style: none;
	}
	.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 !important;
		font-size: 10px;
		line-height: 1.2;
        text-decoration: none;
	}
	.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; */
        position: relative;
        top: 4px;
	}
    .l-header .c-purchasebutton .ico path {
         fill: #fff;
    }
	.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;
        border: none;
        background: transparent;
	}
	.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);
        padding-left: 0;
        margin: 0;
	}
	.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 !important;
	}
	.l-nav .nav_list .ico {
		margin-right: .5em;
	}
  .l-nav .nav_list .v-dt {
    display: none !important;
  }

	/* 開閉 */
	.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
 * ---------------------------------------- */
.l-menu .menu_list {
   list-style: none;
    padding-left: 0;
      align-items: center;
      margin: 0;
 }
.l-menu .menu_list button {
  height: inherit;
    color: white;
      background: inherit;
    border: none;
      font-size: 10px;
}
.l-menu .menu_list .ico path,
.l-menu .menu_list button .ico path {
  fill: #fff;
}
.l-menu .menu_list li a {
     text-decoration: none;
  color: white;
 }
@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 {
	margin: 0;
}
.l-footer .logo img {
	width: 216px;
    height: auto;
}

/* contentsinfo */
.l-footer .sns,
.l-footer .links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    list-style: none;
      padding-left: 0;
}
.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 .twitter a {
	display: block;
	padding: .23em .5em;
}
.l-footer .sns a {
	border-radius: 3px;
	color: white;
    text-decoration: none;
}
.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 .sns .twitter .ico {
	position: relative;
	top: -.1em;
	width: 1.2em;
	height: 1.2em;
	margin-right: .5em;
	vertical-align: middle;
}
.l-footer .sns .ico path {
      fill: #fff;
   }
.l-footer .links a {
	color: #1f286f;
    text-decoration: none;
    font-family: "Noto Sans JP", sans-serif;
}
@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);
	}
}

/**
 * 購入 (オレンジグラデ) ボタン
 * ---------------------------------------- */
.l-header a.c-purchasebutton {
    text-decoration: none;
    padding: 0.7em 0.6em 0.6em;
}
.c-purchasebutton,
#isocal .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,
#isocal .c-purchasebutton .deco {
	display: block;
	margin: 0 auto;
}
.c-purchasebutton .ico,
#isocal .c-purchasebutton .ico {
	width: 1.6em;
	height: 1.6em;
	margin-right: .5em;
}
.c-purchasebutton::after,
#isocal .c-purchasebutton::after {
	position: relative;
	top: -.1em;
	vertical-align: middle;
}
.c-purchasebutton::after,
#isocal .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,
	#isocal .c-purchasebutton {
		z-index: 0;
		position: relative;
		overflow: hidden;
	}
	.c-purchasebutton::before,
	#isocal .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,
	#isocal .c-purchasebutton:not(:hover)::before {
		opacity: 0;
		transition-duration: .4s;
	}
}
@media (max-width: 767px) {
	.c-purchasebutton,
	#isocal .c-purchasebutton {
		font-size: calc(24vw / 4.8);
	}
}
/* MEMO: ↓後方互換 html 全部書き換えたら削除する */
#isocal .purchase_button,
#isocal .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);
}
#isocal .purchase_button .ico,
#isocal .purchase_open .ico {
	width: 1.6em;
	height: 1.6em;
	margin-right: .5em;
	fill: currentcolor;
}
#isocal .purchase_button::after,
#isocal .purchase_open::after {
	position: relative;
	top: -.1em;
	vertical-align: middle;
}
#isocal .purchase_button::after,
#isocal .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) {
	#isocal .purchase_button,
	#isocal .purchase_open {
		font-size: calc(24vw / 4.8);
	}
}

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

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

/**
 * 動画 UI
 * ---------------------------------------- */
#isocal .c-video {
	position: relative;
	border: 10px solid #fff;
	border-radius: 10px;
	background: #fff;
}
#isocal .c-video .wrap {
	height: 0;
	padding-bottom: 56.25%;
}
#isocal .c-video .wrap > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#isocal .c-video iframe {
	border-radius: 10px;
}
#isocal .c-video .poster {
	cursor: pointer;
	transition: opacity .3s;
}
#isocal .c-video .poster,
#isocal .c-video .poster::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#isocal .c-video.is-playing .poster {
	opacity: 0;
}
#isocal .c-video .poster::after {
	content: "";
	border-radius: 5px;
	background: rgba(0,0,0,.2);
}
#isocal .c-video .poster img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
}
#isocal .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;
}
#isocal .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) {
	#isocal .c-video .play {
		transition: transform .3s cubic-bezier(.3,1,.7,1);
	}
	#isocal .c-video .poster::after {
		transition: background .3s;
	}
	#isocal .c-video:hover .play {
		transform: scale(1.2);
	}
	#isocal .c-video:hover .poster::after {
		background: rgba(0,0,0,.1);
	}
}
@media (max-width: 767px) {
	#isocal .c-video {
		border-width: 5px;
	}
}

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

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

/**
 * 左に飛び散る汗
 * ---------------------------------------- */
#isocal .c-drops {
	position: relative;
}
#isocal .c-drops::after {
	content: "";
	position: absolute;
	top: 44%;
	right: 102%;
	width: 23px;
	height: 28px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_drops.svg?v=1679392362') center / cover no-repeat;
}
@media (max-width: 767px) {
	#isocal .c-drops::after {
		width: calc(20vw / 4.8);
		height: calc(23vw / 4.8);
	}
}

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


#isocal .p-1weekrecipe {
	background: #cceff1 url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_dot.svg?v=1678449027') center / 8px 8px;
}
#isocal .c-weekday {
	background: linear-gradient(to left top, #3bced4 50%, #6edae0 50%);
}
#isocal .recipe_inner {
	filter: drop-shadow(8px 8px 0 #aae1e8);
}
@media (-ms-high-contrast: none) {
	#isocal .recipe_inner {
		box-shadow: 16px 16px 0 #aae1e8;
	}
}
#isocal .recipe_inner .c-hook::before,
#isocal .recipe_inner .c-hook::after {
	background: #3bced4 url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_hook.svg?v=1678452015') center;
}
#isocal .intro_title .name {
	background: linear-gradient(to top, #d9f3f4 .5em, transparent .5em);
}
#isocal .intro_menu .list .underline {
	background: linear-gradient(to top, #a5e5ec .5em, transparent .5em);
}
#isocal .menu_title .name .steam {
	fill: #d9f3f4;
}
#isocal .menu_title .time .ico {
	fill: #3bced4;
}

/* text */
#isocal .c-table .title th,
#isocal .c-table .mtitle th,
#isocal .intro_title .name,
#isocal .intro_memo .text,
#isocal .menu_title .name,
#isocal .table_title,
#isocal .cooking_section .title,
#isocal .menu_cooking .alp,
#isocal .c-alphabetlist li::marker,
#isocal .c-howtocolumn > dt,
#isocal .c-flowlist li::before {
	color: #3bced4;
}

/* border */
#isocal .c-table {
	border: 1px solid #6edae0;
}
#isocal .c-table th,
#isocal .c-table td {
	border-right: 1px dotted #6edae0;
	border-bottom: 1px dotted #6edae0;
}

/* background */
#isocal .c-table tbody th,
#isocal .c-table tfoot th,
#isocal .c-table .unit th:first-child,
#isocal .c-table .group span {
	background: #f4fcfc;
}
#isocal .c-table .indent .group span {
	color: #3bced4;
}
#isocal .c-table .total th,
#isocal .c-table .total td {
	background: #d3f9fb;
}
#isocal .c-table .title th,
#isocal .cooking_section .title,
#isocal .c-flowlist li::before {
	background: #d9f3f4;
}
#isocal .intro_menu,
#isocal .intro_menu .title::before {
	background: #e0f5f6;
}
#isocal .intro_menu .list li::before,
#isocal .c-howtotext::before,
#isocal .c-howtolist li::before,
#isocal .c-circlelist dt::before,
#isocal .p-pageback .c-button {
	background: #3bced4;
}
#isocal .p-pageback .c-button {
	border-color: #3bced4;
}
@media (hover: hover) {
	#isocal .p-pageback .c-button:hover {
		color: #3bced4;
		background: #fff;
	}
}
#isocal .menu_title .name .regular,
#isocal .table_title .regular {
	background: #ffab05;
}

#isocal .-recipe1 .menu_title .name {
	padding-top: .5em;
}

/**
 * 不足しがちな栄養を補う「低栄養」1週間レシピ
 * ---------------------------------------- */
#isocal .p-1weekrecipe {
	text-align: center;
}
#isocal .p-1weekrecipe::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 40px;
	right: 0;
	bottom: 40px;
	left: 0;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_stripe.svg?v=1678452015') center top / 21px 13px repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_stripe.svg?v=1678452015') center bottom / 21px 13px repeat-x;
}

#isocal .content_section {
	padding-top: 40px;
	padding-bottom: 40px;
}

/* :::::: 曜日丸 :::::: */
#isocal .c-weekday {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 96px;
	height: 96px;
	border-radius: 96px;
	color: #fff;
}
#isocal .c-weekday .deco {
	position: absolute;
	top: 20px;
	left: 26px;
	width: 14px;
	height: 11px;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-width: 1.67;
}
#isocal .c-weekday img {
	width: 34px;
	height: 34px;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-weekday {
		width: calc(96vw / 10);
		height: calc(96vw / 10);
	}
	#isocal .c-weekday .deco {
		top: calc(20vw / 10);
		left: calc(26vw / 10);
		width: calc(14vw / 10);
		height: calc(11vw / 10);
	}
	#isocal .c-weekday img {
		width: calc(34vw / 10);
		height: calc(34vw / 10);
	}
}
@media (max-width: 767px) {
  #isocal .p-1weekrecipe::before {
      top: 24px;
    bottom: 24px;
    background-size: 11px 7px;
  }
	#isocal .c-weekday {
		width: calc(72vw / 4.8);
		height: calc(72vw / 4.8);
	}
	#isocal .c-weekday .deco {
		top: calc(9vw / 4.8);
		left: calc(15vw / 4.8);
		width: calc(14vw / 4.8);
		height: calc(11vw / 4.8);
	}
	#isocal .c-weekday img {
		width: calc(34vw / 4.8);
		height: calc(34vw / 4.8);
	}
}

/* :::::: 表テーブル :::::: */
#isocal .c-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
}
#isocal .c-table th,
#isocal .c-table td {
	padding: .6em;
	background: #fff;
}
#isocal .c-table td {
	text-align: right;
}
#isocal .c-table thead th {
	width: 10%;
	padding: .6em .3em;
}
#isocal .c-table thead th:first-child {
	width: 30%;
}
#isocal .c-table th:first-child,
#isocal .c-table .group + th {
	border-right-style: solid;
}
#isocal .c-table tbody th,
#isocal .c-table tfoot th,
#isocal .c-table .unit th:first-child {
	text-align: left;
}
#isocal .c-table .group {
	position: relative;
	width: 1em;
	border-right: 0;
	text-align: center;
}
#isocal .c-table .group span::before,
#isocal .c-table .group span::after {
	content: "";
	position: absolute;
	left: 50%;
	width: 4px;
	border-left: 1px solid currentcolor;
}
#isocal .c-table .group span::before {
	top: .6em;
	bottom: calc(50% + .8em);
	border-top: 1px solid currentcolor;
}
#isocal .c-table .group span::after {
	top: calc(50% + .8em);
	bottom: .6em;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-table .indent .group span::before {
	bottom: 50%;
	border-top: 0;
}
#isocal .c-table .indent .group span::after {
	top: 50%;
}
#isocal .c-table .title th,
#isocal .c-table .separate th,
#isocal .c-table .separate td {
	border-bottom-style: solid;
}
#isocal .c-table .title th,
#isocal .c-table .mtitle th {
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-table {
		font-size: calc(14vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-table {
		font-size: calc(12vw / 4.8);
	}
}
@media (max-width: 767px) {
	#isocal .intro_table,
	#isocal .menu_table {
		overflow: auto;
	}
	#isocal .intro_table .c-table,
	#isocal .menu_table .c-table {
		min-width: 400px;
		font-size: 12px;
	}
}

/* :::::: セクション :::::: */
#isocal .recipe_inner {
	position: relative;
	max-width: 880px;
	margin: 0 auto;
	padding: 48px;
	border: 8px solid #fff;
	border-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_paper.svg?v=1678523826') 16 / 16px / 1 round;
	background: #fff;
}
@media (-ms-high-contrast: none) {
	#isocal .recipe_inner {
		border-radius: 10px;
	}
}
@media (max-width: 767px) {
	#isocal .recipe_inner {
		padding-right: 0;
		padding-left: 0;
	}
}

/* :::::: ラベルタイトル :::::: */
#isocal .recipe_label {
	line-height: 0;
  position: relative;
  z-index: 4;
}
#isocal .recipe_label span {
	display: inline-block;
	position: relative;
	width: 96px;
	padding: 0 16px;
    z-index: 4;
}
#isocal .p-recipe_intro .recipe_label span {
	width: 136px;
}
#isocal .recipe_inner .c-hook::before,
#isocal .recipe_inner .c-hook::after {
	content: "";
	position: absolute;
	top: 4px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
}
#isocal .recipe_inner .c-hook::before {
	left: 4px;
}
#isocal .recipe_inner .c-hook::after {
	right: 4px;
}
#isocal .recipe_inner .c-hook + .c-hook::before,
#isocal .recipe_inner .c-hook + .c-hook::after {
	top: auto;
	bottom: 4px;
}
@media (max-width: 767px) {
	#isocal .recipe_inner .c-hook::before,
	#isocal .recipe_inner .c-hook::after {
		width: 16px;
		height: 16px;
	}
	#isocal .recipe_inner .c-hook::before,
	#isocal .recipe_inner .c-hook::after {
		top: 0;
	}
	#isocal .recipe_inner .c-hook::before {
		left: 0;
	}
	#isocal .recipe_inner .c-hook::after {
		right: 0;
	}
	#isocal .recipe_inner .c-hook + .c-hook::before,
	#isocal .recipe_inner .c-hook + .c-hook::after {
		bottom: 0;
	}
}

/**
 * レシピページ
 * ---------------------------------------- */
#isocal .p-recipe_intro {
	padding-top: 120px;
}
#isocal .p-recipe_intro .recipe_inner {
	padding-top: 24px;
	padding-bottom: 32px;
}
#isocal .p-recipe_intro .recipe_label {
	margin-bottom: -16px;
}

#isocal .p-recipe_menu:last-of-type {
	padding-bottom: 120px;
}
#isocal .p-recipe_menu .recipe_inner {
	max-width: 800px;
	padding-top: 24px;
	padding-bottom: 32px;
}
#isocal .p-recipe_menu .recipe_label {
	margin-bottom: -16px;
}

/* :::::: イントロ :::::: */
#isocal .intro_title {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 32px 0;
	white-space: nowrap;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_belt.svg?v=179780152646812275751751092039') center top / 100% 6px no-repeat,
		url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_belt.svg?v=179780152646812275751751092039') center bottom / 100% 6px no-repeat;
}
#isocal .intro_title .name {
	margin-left: 24px;
	font-size: 40px;
	line-height: 1.4;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
}
#isocal .intro_photo {
	position: relative;
	max-width: 704px;
	margin: 48px auto 0;
}
#isocal .intro_photo img {
	border-radius: 10px;
}
#isocal .intro_photo .tag {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -12px;
	right: 24px;
	width: 84px;
	height: 85px;
	padding: 0 3px 16px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_week.svg?v=1678452015') center / cover no-repeat;
}
@media (min-width: 768px) {
	#isocal .intro_column {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 640px;
		margin: 48px auto 0;
	}
	#isocal .intro_menu {
		flex-basis: calc(50% - 16px);
	}
	#isocal .intro_memo {
		flex-basis: calc(50% - 16px);
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .intro_title .name {
		margin-left: calc(24vw / 10);
		font-size: calc(40vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .intro_title .name {
		margin-left: calc(12vw / 4.8);
		font-size: calc(32vw / 4.8);
		text-align: left;
	}
}

/* :::::: 本日の献立 :::::: */
#isocal .intro_menu {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 40px 0;
	border-radius: 10px;
}
#isocal .intro_menu::after {
	content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	border: 1px solid #fff;
}
#isocal .intro_menu .title {
	z-index: 1;
	position: absolute;
	top: -12px;
	width: 160px;
	left: calc(50% - 80px);
	margin-top: 0;
	line-height: 1;
}
#isocal .intro_menu .title::before {
	content: "";
	z-index: -1;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: .5em;
}
#isocal .intro_menu .list {
	padding-left: 20px;
	text-align: left;
}
#isocal .intro_menu .list li {
	position: relative;
	font-size: 16px;
	line-height: 1.4;
	font-family: "M PLUS 1p", sans-serif;
	letter-spacing: 0;
}
#isocal .intro_menu .list li + li {
	margin-top: 1em;
}
#isocal .intro_menu .list li::before {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	left: -20px;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	border-radius: 12px;
	vertical-align: middle;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .intro_menu .list li {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .intro_menu {
		margin-top: 40px;
	}
	#isocal .intro_menu .list li {
		font-size: calc(19vw / 4.8);
	}
}

/* :::::: メモ :::::: */
#isocal .intro_memo {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 40px 0;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_belt.svg?v=179780152646812275751751092039') center 6px / 100% 6px no-repeat,
		url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_belt.svg?v=179780152646812275751751092039') center bottom 6px / 100% 6px no-repeat;
}
#isocal .intro_memo .title {
	z-index: 1;
	position: absolute;
	top: -8px;
	left: calc(50% - 40px);
	width: 80px;
	margin-top: 0;
	padding: 0 12px;
	line-height: 1;
	background: #fff;
}
#isocal .intro_memo .text {
	font-size: 16px;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
	letter-spacing: 0;
	text-align: left;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .intro_memo .text {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .intro_memo {
		margin-top: 32px;
	}
	#isocal .intro_memo .text {
		font-size: calc(19vw / 4.8);
	}
}

/* :::::: 材料テーブル :::::: */
#isocal .intro_table {
	flex-basis: 100%;
	margin-top: 48px;
}
#isocal .intro_table .c-table tfoot {
	display: table-row-group;
}
#isocal .intro_table .c-table thead th {
	width: 12%;
}
#isocal .intro_table .c-table thead th:first-child {
	width: 28%;
}
@media (max-width: 767px) {
	#isocal .intro_table {
		margin-top: 24px;
	}
}

/* :::::: メニュータイトル :::::: */
#isocal .menu_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_belt.svg?v=179780152646812275751751092039') center top / 100% 6px no-repeat,
		url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_belt.svg?v=179780152646812275751751092039') center bottom / 100% 6px no-repeat;
      z-index: 1;
    position: relative;
}

#isocal .menu_title .text {
	flex-basis: calc(50% - 24px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#isocal .menu_title .name {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 288px;
	height: 214px;
	font-size: 30px;
	line-height: 1.4;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_menu.svg?v=1678452015') center / cover no-repeat;
}
#isocal .menu_title .name .regular {
	top: calc(50% - 2.5em);
	left: calc(50% - 2.5em);
	position: absolute;
	padding: .3em 1em;
	border-radius: 2em;
	color: #fff;
	font-size: 70%;
	line-height: 1;
	font-style: normal;
}
#isocal .menu_title .name .regular + b {
	padding-top: 1em;
}
#isocal .menu_title .name .deco {
	position: absolute;
}
#isocal .menu_title .name .fork,
#isocal .menu_title .name .spoon {
	bottom: 0;
	width: 17px;
	height: 85px;
	fill: currentcolor;
}
#isocal .menu_title .name .fork {
	left: 8px;
	transform: rotate(-20deg);
}
#isocal .menu_title .name .spoon {
	right: 8px;
	transform: rotate(20deg);
}
#isocal .menu_title .name .steam {
	top: -8px;
	left: -8px;
	width: 37px;
	height: 36px;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .menu_title .name {
		width: calc(288vw / 10);
		height: calc(214vw / 10);
		font-size: calc(30vw / 10);
	}
	#isocal .menu_title .name .fork,
	#isocal .menu_title .name .spoon {
		width: calc(17vw / 10);
		height: calc(85vw / 10);
	}
	#isocal .menu_title .name .fork {
		left: calc(8vw / 10);
	}
	#isocal .menu_title .name .spoon {
		right: calc(8vw / 10);
	}
	#isocal .menu_title .name .steam {
		top: calc(-8vw / 10);
		left: calc(-8vw / 10);
		width: calc(37vw / 10);
		height: calc(36vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .menu_title .name {
		width: calc(194vw / 4.8);
		height: calc(144vw / 4.8);
		font-size: calc(22vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .menu_title .name .fork,
	#isocal .menu_title .name .spoon {
		width: calc(11vw / 4.8);
		height: calc(55vw / 4.8);
	}
	#isocal .menu_title .name .fork {
		left: calc(8vw / 4.8);
	}
	#isocal .menu_title .name .spoon {
		right: calc(8vw / 4.8);
	}
	#isocal .menu_title .name .steam {
		top: calc(-16vw / 4.8);
		left: calc(-8vw / 4.8);
		width: calc(32vw / 4.8);
		height: calc(32vw / 4.8);
	}
}
/* 調理時間 */
#isocal .menu_title .time {
	display: inline-flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 8px;
}
#isocal .menu_title .time .ico {
	width: 30px;
	height: 30px;
	margin-top: 1.4em;
}
#isocal .menu_title .time dl {
	margin-left: 8px;
	font-size: 15px;
	line-height: 1.4;
	font-family: "M PLUS 1p", sans-serif;
	text-align: left;
}
#isocal .menu_title .time dt,
#isocal .menu_title .time dd {
	display: inline-block;
	white-space: nowrap;
}
#isocal .menu_title .time dt::after {
	content: ":";
	margin: 0 .3em;
}
#isocal .menu_title .time b {
	position: relative;
	top: .05em;
	font-size: 200%;
}
#isocal .menu_title .time .note {
	display: block;
	font-size: 11px;
	text-indent: -.5em;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .menu_title .time .ico {
		width: calc(30vw / 10);
		height: calc(30vw / 10);
	}
	#isocal .menu_title .time dl {
		margin-left: calc(8vw / 10);
		font-size: calc(15vw / 10);
	}
	#isocal .menu_title .time .note {
		font-size: calc(11vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .menu_title .time .ico {
		width: calc(30vw / 4.8);
		height: calc(30vw / 4.8);
	}
	#isocal .menu_title .time dl {
		margin-left: calc(8vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
	#isocal .menu_title .time .note {
		font-size: 9px;
		white-space: normal;
	}
}
/* 写真 */
#isocal .menu_title .photo {
	flex-basis: 328px;
	margin-left: 48px;
}
#isocal .menu_title .photo img {
	border-radius: 10px;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .menu_title .photo {
		flex-basis: calc(328vw / 10);
		margin-left: calc(48vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .menu_title .photo {
		flex-basis: calc(183vw / 4.8);
		margin-left: calc(16vw / 4.8);
	}
}

/* :::::: メニュー材料テーブル :::::: */
#isocal .table_title {
	margin-top: 48px;
	font-size: 29px;
	line-height: 1.4;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
}
#isocal .table_title .regular {
	position: relative;
	top: -.1em;
	padding: .3em 1em;
	border-radius: 2em;
	color: #fff;
	font-size: 70%;
	font-style: normal;
}
#isocal .menu_table {
	margin-top: 48px;
}
#isocal .menu_table .title th:first-child {
	font-size: 20px;
	line-height: 1;
}
#isocal .menu_table .title th small {
	font-size: 70%;
}
#isocal .table_title + .menu_table {
	margin-top: 32px;
}
#isocal .table_note {
	margin-top: 4px;
	font-size: 10px;
	text-align: right;
}
@media (max-width: 767px) {
	#isocal .table_title,
	#isocal .menu_table {
		margin-top: 32px;
	}
	#isocal .table_title {
		font-size: calc(27vw / 4.8);
	}
	#isocal .table_title + .menu_table {
		margin-top: 16px;
	}
	#isocal .menu_table .title th:first-child {
		font-size: 16px;
	}
	#isocal .table_note {
		white-space: nowrap;
		text-align: left;
	}
}

/* :::::: メニュークッキング :::::: */
#isocal .menu_cooking {
	position: relative;
	margin-top: 48px;
}
#isocal .cooking_title {
	position: absolute;
	top: 0;
	left: 0;
	width: 93px;
	height: 92px;
}
#isocal .cooking_section {
	padding: 0 16px;
	text-align: left;
}
#isocal .cooking_section + .cooking_section {
	margin-top: 40px;
}
#isocal .cooking_section:first-of-type {
	padding-top: 40px;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_line.svg?v=78905379432983395531751092039') center top / 100% 3px no-repeat;
}
#isocal .cooking_section:last-of-type {
	padding-bottom: 40px;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_line.svg?v=78905379432983395531751092039') center bottom / 100% 3px no-repeat;
}
#isocal .cooking_section:first-of-type:last-of-type {
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_line.svg?v=78905379432983395531751092039') center top / 100% 3px no-repeat,
		url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_line.svg?v=78905379432983395531751092039') center bottom / 100% 3px no-repeat;
}
#isocal .cooking_section .title {
	display: inline-block;
	padding: .2em 1em .2em 1.2em;
	border-radius: 2em;
	font-size: 15px;
	line-height: 1.4;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
	letter-spacing: .2em;
}
#isocal .cooking_section p,
#isocal .cooking_section li,
#isocal .cooking_section dt,
#isocal .cooking_section dd {
	margin-top: .5em;
	font-size: 16px;
	font-family: "M PLUS 1p", sans-serif;
	letter-spacing: 0;
}
#isocal .cooking_section p,
#isocal .cooking_section ul,
#isocal .cooking_section ol,
#isocal .cooking_section dl {
	margin-top: 1em;
}
#isocal .c-flowlist .c-circlelist {
	margin-top: .5em;
}
@media (min-width: 768px) {
	#isocal .cooking_section {
		margin-left: 96px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .cooking_title {
		width: calc(93vw / 10);
		height: calc(92vw / 10);
	}
	#isocal .cooking_section {
		padding: 0 calc(16vw / 10);
		margin-left: calc(96vw / 10);
	}
	#isocal .cooking_section .title {
		font-size: calc(15vw / 10);
	}
	#isocal .cooking_section p,
	#isocal .cooking_section li,
	#isocal .cooking_section dt,
	#isocal .cooking_section dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .menu_cooking {
		margin-top: calc(64vw / 4.8 + 16px);
	}
	#isocal .cooking_title {
		top: calc(-64vw / 4.8);
		width: calc(93vw / 4.8);
		height: calc(92vw / 4.8);
	}
	#isocal .cooking_title img {
		width: 100%;
		max-width: none;
	}
	#isocal .cooking_section:first-of-type {
		padding-top: calc(28vw / 4.8 + 16px);
		background-position: right top;
		background-size: 76% 3px;
	}
	#isocal .cooking_section:last-of-type {
		padding-bottom: 24px;
	}
	#isocal .cooking_section:first-of-type:last-of-type {
		background-position: right top, center bottom;
		background-size: 76% 3px, 100% 3px;
	}
	#isocal .cooking_section .title {
		font-size: calc(20vw / 4.8);
	}
	#isocal .cooking_section p,
	#isocal .cooking_section li,
	#isocal .cooking_section dt,
	#isocal .cooking_section dd {
		font-size: calc(16vw / 4.8);
	}
}

/* :::::: 文中装飾 :::::: */
#isocal .menu_cooking .alp {
	margin: 0 .1em;
	font-size: 108%;
	font-weight: 700;
}
#isocal .menu_cooking .grp {
	margin: 0 .1em;
}
#isocal .menu_cooking .num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.4em;
	height: 1.4em;
	margin: 0 .1em;
	border-radius: 1.4em;
	color: #333;
	font-size: 82%;
	font-weight: 700;
	background: #ddd;
}

/* :::::: アルファベットリスト :::::: */
#isocal .c-alphabetlist {
	list-style: upper-alpha;
	list-style-position: outside;
	padding-left: 1.4em;
}
#isocal .c-alphabetlist li {
	line-height: 1.4;
}
#isocal .c-alphabetlist li + li {
	margin-top: .5em;
}
#isocal .c-alphabetlist li::marker {
	font-weight: 900;
}

/* :::::: 作り方コラム :::::: */
#isocal .c-howtocolumn > dt {
	font-size: 18px;
	font-weight: 700;
}
#isocal .c-howtocolumn > dt::before {
	content: "［";
	margin-left: -.3em;
}
#isocal .c-howtocolumn > dt::after {
	content: "］";
}

/* :::::: 作り方一文 :::::: */
#isocal .c-howtotext,
#isocal .c-howtolist li {
	padding-left: 24px;
	text-indent: -24px;
}
#isocal .siteContents .c-howtotext {
	line-height: inherit;
}
#isocal .c-howtotext::before,
#isocal .c-howtolist li::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 10px;
	border-radius: 14px;
	text-indent: 0;
	vertical-align: middle;
}

/* :::::: 丸番号リスト :::::: */
#isocal .c-flowlist li {
	counter-increment: num;
	margin-top: .5em;
	padding-left: 1.9em;
	text-indent: -1.9em;
}
#isocal .c-flowlist li > * {
	text-indent: 0;
}
#isocal .c-flowlist li::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.4em;
	height: 1.4em;
	margin-right: .5em;
	border-radius: 1.4em;
	font-weight: 700;
	text-indent: 0;
	vertical-align: middle;
}

/* :::::: ビュレットリスト :::::: */
#isocal .c-circlelist dt {
	margin-top: .5em;
	padding-left: 16px;
	font-weight: 700;
	text-indent: -16px;
}
#isocal .c-circlelist dt::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 8px;
	border-radius: 8px;
	text-indent: 0;
	vertical-align: middle;
}
#isocal .c-circlelist dd {
	margin-top: 0;
}

/* :::::: トップページへ戻る :::::: */
#isocal .p-pageback {
	padding-bottom: 120px;
	text-align: center;
}
#isocal .p-pageback .c-button {
	display: inline-block;
	position: relative;
	width: auto;
	height: auto;
	padding: 8px 32px 8px 48px;
	border-radius: 10px;
}
#isocal .p-pageback .c-button::after {
	position: absolute;
	top: calc(50% - 4px);
	left: 8px;
	border-width: 6px 10px 6px 0;
	border-style: solid;
	border-right-color: currentcolor;
}


/**
 * レシピBのスタイルCSS
 * ---------------------------------------- */
#isocal .c-orange.p-1weekrecipe {
	background: #f7ba70 url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipeb_bg_dot.svg?v=1678688142') center / 8px 8px;
}
#isocal .c-orange .c-weekday {
	background: linear-gradient(to left top, #ffa100 50%, #ffaf00 50%);
}
#isocal .c-orange .recipe_inner {
	filter: drop-shadow(8px 8px 0 #ff931a);
}
@media (-ms-high-contrast: none) {
	#isocal .c-orange .recipe_inner {
		box-shadow: 16px 16px 0 #ff931a;
	}
}
#isocal .c-orange .recipe_inner .c-hook::before,
#isocal .c-orange .recipe_inner .c-hook::after {
	background: #ff7200 url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_hook.svg?v=1678452015') center;
}
#isocal .c-orange .intro_title .name {
	background: linear-gradient(to top, #ffcc45 .5em, transparent .5em);
}
#isocal .c-orange .intro_menu .list .underline {
	background: linear-gradient(to top, rgba(255,204,69,.5) .5em, transparent .5em);
}
#isocal .c-orange .menu_title .name .steam {
	fill: #ffdda7;
}
#isocal .c-orange .menu_title .time .ico {
	fill: #ff7200;
}

/* text */
#isocal .c-orange .c-table .title th,
#isocal .c-orange .c-table .mtitle th,
#isocal .c-orange .intro_title .name,
#isocal .c-orange .intro_memo .text,
#isocal .c-orange .menu_title .name,
#isocal .c-orange .table_title,
#isocal .c-orange .cooking_section .title,
#isocal .c-orange .menu_cooking .alp,
#isocal .c-orange .c-alphabetlist li::marker,
#isocal .c-orange .c-howtocolumn > dt,
#isocal .c-orange .c-flowlist li::before {
	color: #ff7200;
}

/* border */
#isocal .c-orange .c-table {
	border: 1px solid #ff9d39;
}
#isocal .c-orange .c-table th,
#isocal .c-orange .c-table td {
	border-right: 1px dotted #ff9d39;
	border-bottom: 1px dotted #ff9d39;
}

/* background */
#isocal .c-orange .c-table tbody th,
#isocal .c-orange .c-table tfoot th,
#isocal .c-orange .c-table .unit th:first-child,
#isocal .c-orange .c-table .group span {
	background: #fff0da;
}
#isocal .c-orange .c-table .indent .group span {
	color: #ff7200;
}
#isocal .c-orange .c-table .total th,
#isocal .c-orange .c-table .total td {
	background: #ffe7a8;
}
#isocal .c-orange .c-table .title th {
	background: #ffcc78;
}
#isocal .c-orange .cooking_section .title,
#isocal .c-orange .c-flowlist li::before {
	background: #ffdda7;
}
#isocal .c-orange .intro_menu,
#isocal .c-orange .intro_menu .title::before {
	background: #fff0da;
}
#isocal .c-orange .intro_menu .list li::before,
#isocal .c-orange .c-howtotext::before,
#isocal .c-orange .c-howtolist li::before,
#isocal .c-orange .c-circlelist dt::before,
#isocal .c-orange .p-pageback .c-button {
	background: #ff7200;
}
#isocal .c-orange .p-pageback .c-button {
	border-color: #ff7200;
}
@media (hover: hover) {
	#isocal .c-orange .p-pageback .c-button:hover {
		color: #ff7200;
		background: #fff;
	}
}
#isocal .c-orange .menu_title .name .regular,
#isocal .c-orange .table_title .regular {
	background: #8fd5e9;
}

/**
 * 不足しがちな栄養を補う「低栄養」1週間レシピB
 * ---------------------------------------- */
 #isocal .c-orange.p-1weekrecipe::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 40px;
	right: 0;
	bottom: 40px;
	left: 0;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipeb_bg_stripe.svg?v=1678686310') center top / 21px 13px repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipeb_bg_stripe.svg?v=1678686310') center bottom / 21px 13px repeat-x;
}

/* :::::: イントロ :::::: */
#isocal .c-orange .intro_title {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 32px 0;
	white-space: nowrap;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_belt.svg?v=29871679039793937581751092040') center top / 100% 6px no-repeat,
		url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_belt.svg?v=29871679039793937581751092040') center bottom / 100% 6px no-repeat;
}
#isocal .c-orange .intro_photo .tag {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -12px;
	right: 24px;
	width: 84px;
	height: 85px;
	padding: 0 3px 16px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipeb_bg_week.svg?v=1678686310') center / cover no-repeat;
}

/* :::::: メモ :::::: */
#isocal .c-orange .intro_memo {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 40px 0;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_belt.svg?v=29871679039793937581751092040') center 6px / 100% 6px no-repeat,
		url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_belt.svg?v=29871679039793937581751092040') center bottom 6px / 100% 6px no-repeat;
}

/* :::::: メニュータイトル :::::: */
#isocal .c-orange .menu_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_belt.svg?v=29871679039793937581751092040') center top / 100% 6px no-repeat,
		url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_belt.svg?v=29871679039793937581751092040') center bottom / 100% 6px no-repeat;
}
#isocal .c-orange .menu_title .name {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 288px;
	height: 214px;
	font-size: 30px;
	line-height: 1.4;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipeb_bg_menu.svg?v=1678686310') center / cover no-repeat;
}
#isocal .c-orange .menu_title .name .regular {
	top: calc(50% - 2.5em);
	left: calc(50% - 2.5em);
	position: absolute;
	padding: .3em 1em;
	border-radius: 2em;
	color: #fff;
	font-size: 70%;
	line-height: 1;
	font-style: normal;
}
#isocal .c-orange .menu_title .name .regular + b {
	padding-top: 1em;
}
#isocal .c-orange .menu_title .name .deco {
	position: absolute;
}
#isocal .c-orange .menu_title .name .fork,
#isocal .c-orange .menu_title .name .spoon {
	bottom: 0;
	width: 17px;
	height: 85px;
	fill: currentcolor;
}
#isocal .c-orange .menu_title .name .fork {
	left: 8px;
	transform: rotate(-20deg);
}
#isocal .c-orange .menu_title .name .spoon {
	right: 8px;
	transform: rotate(20deg);
}
#isocal .c-orange .menu_title .name .steam {
	top: -8px;
	left: -8px;
	width: 37px;
	height: 36px;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-orange .menu_title .name {
		width: calc(288vw / 10);
		height: calc(214vw / 10);
		font-size: calc(30vw / 10);
	}
	#isocal .c-orange .menu_title .name .fork,
	#isocal .c-orange .menu_title .name .spoon {
		width: calc(17vw / 10);
		height: calc(85vw / 10);
	}
	#isocal .c-orange .menu_title .name .fork {
		left: calc(8vw / 10);
	}
	#isocal .c-orange .menu_title .name .spoon {
		right: calc(8vw / 10);
	}
	#isocal .c-orange .menu_title .name .steam {
		top: calc(-8vw / 10);
		left: calc(-8vw / 10);
		width: calc(37vw / 10);
		height: calc(36vw / 10);
	}
}
@media (max-width: 767px) {
  #isocal .c-orange.p-1weekrecipe::before {
      top: 24px;
    bottom: 24px;
    background-size: 11px 7px;
  }
	#isocal .c-orange .menu_title .name {
		width: calc(194vw / 4.8);
		height: calc(144vw / 4.8);
		font-size: calc(22vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-orange .menu_title .name .fork,
	#isocal .c-orange .menu_title .name .spoon {
		width: calc(11vw / 4.8);
		height: calc(55vw / 4.8);
	}
	#isocal.c-orange .menu_title .name .fork {
		left: calc(8vw / 4.8);
	}
	#isocal .c-orange .menu_title .name .spoon {
		right: calc(8vw / 4.8);
	}
	#isocal .c-orange .menu_title .name .steam {
		top: calc(-16vw / 4.8);
		left: calc(-8vw / 4.8);
		width: calc(32vw / 4.8);
		height: calc(32vw / 4.8);
	}
}

/* :::::: メニュークッキング :::::: */
#isocal .c-orange .cooking_section:first-of-type {
	padding-top: 40px;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_line.svg?v=183065183375227672041751092040') center top / 100% 3px no-repeat;
}
#isocal .c-orange .cooking_section:last-of-type {
	padding-bottom: 40px;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_line.svg?v=183065183375227672041751092040') center bottom / 100% 3px no-repeat;
}
#isocal .c-orange .cooking_section:first-of-type:last-of-type {
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_line.svg?v=183065183375227672041751092040') center top / 100% 3px no-repeat,
		url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_line.svg?v=183065183375227672041751092040') center bottom / 100% 3px no-repeat;
}
@media (max-width: 767px) {
	#isocal .c-orange .cooking_section:first-of-type {
		padding-top: calc(28vw / 4.8 + 16px);
		background-position: right top;
		background-size: 76% 3px;
	}
	#isocal .c-orange .cooking_section:last-of-type {
		padding-bottom: 24px;
	}
	#isocal .c-orange .cooking_section:first-of-type:last-of-type {
		background-position: right top, center bottom;
		background-size: 76% 3px, 100% 3px;
	}
}

/* :::::: レシピBメインページ :::::: */
#isocal .c-orange .keyvisual .title .sub .deco {
	fill: #ff7200;
}
#isocal .c-orange .keyvisual .v img {
	box-shadow: 4px 4px 0 #ff931a;
}
@media (max-width: 767px) {
	#isocal .c-orange .keyvisual .v img {
		box-shadow: 1.6vw 1.6vw 0 #ff931a;
	}
}
#isocal .c-orange .keyvisual .v8 { fill: #ff931a; }
#isocal .c-orange .keyvisual .v9 { fill: #ffce00; }
#isocal .c-orange .recipe_day {
	background: #ffa100;
}
#isocal .c-orange .recipe_day:nth-child(2n) {
	background: #ffba00;
}
#isocal .c-orange .recipe_day:nth-child(2n) .c-weekday {
	background: linear-gradient(to left top, #f7bd00 50%, #ffce00 50%);
}
#isocal .c-orange .keyvisual .title .supervision,
#isocal .c-orange .recipe_teacher .text dt,
#isocal .c-orange .notes_title {
	color: #ff7200;
}
#isocal .c-orange .keyvisual .title .supervision,
#isocal .c-orange .recipe_teacher,
#isocal .c-orange .recipe_teacher .recipe_label::before {
	background: #fff0da;
}
#isocal .c-orange .keyvisual .title::before {
	right: -12px;
	bottom: -8px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipeb_bg_title_shadow.svg?v=1678705526') right bottom / contain no-repeat;
}
#isocal .c-orange .p-index .recipe_inner::before,
#isocal .c-orange .p-index .recipe_inner::after {
	content: "";
	position: absolute;
	right: 40px;
	left: 40px;
	height: 20px;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_recipeb_belt.svg?v=29871679039793937581751092040') center / 100% 6px no-repeat;
}


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

#isocal *, #isocal *::before, #isocal *::after{box-sizing:border-box;}
#isocal h, #isocal h2, #isocal h3, #isocal h4, #isocal p, #isocal ul, #isocal ol, #isocal li, #isocal figure, #isocal figcaption, #isocal blockquote, #isocal dl, #isocal dd{margin:0;}
#isocal ul, #isocal ol{list-style:none;padding:0;}
#isocal a{color:inherit;text-decoration:inherit;text-decoration-skip-ink:auto;}
#isocal img, #isocal svg, #isocal video, #isocal iframe{vertical-align:middle;}
#isocal img, #isocal video{max-width:100%;}
#isocal img[height]{height:auto;}
#isocal input, #isocal button, #isocal textarea, #isocal select{font:inherit;}
#isocal button{border:0;padding:0;}
#isocal small{font-size:inherit;}
#isocal sub{vertical-align:baseline;}
#isocal 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;}}

#isocal .renewal:not(.is-fixed){margin-top:0!important}
#isocal .renewal{padding-top:0!important}
@media(min-width: 768px){#isocal ._siteContents{padding-top:105px}#isocal #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 }
 * ---------------------------------------- */
#isocal {
	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;
}
#isocal h1,
#isocal h2,
#isocal h3,
#isocal p {
  font-family: "Noto Sans JP", sans-serif !important;
}
#isocal .is-fixed {
	position: fixed !important;
	width: 100%;
	padding-top: 0 !important;
}
@media (min-width: 768px) {
	#isocal #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);
	}
}



#isocal .keyvisual .title .sub .deco {
	fill: #3bced4;
}
#isocal .keyvisual .v img {
	box-shadow: 4px 4px 0 #aae1e8;
}
@media (max-width: 767px) {
	#isocal .keyvisual .v img {
		box-shadow: 1.6vw 1.6vw 0 #aae1e8;
	}
}
#isocal .keyvisual .v8 { fill: #aae1e8; }
#isocal .keyvisual .v9 { fill: #e3f7f8; }
#isocal .recipe_day {
	background: #3bced4;
}
#isocal .recipe_day:nth-child(2n),
#isocal .recipe_day:last-child {
	background: #6fd6e2;
}
@media (min-width: 768px) {
	#isocal .recipe_day:nth-child(4) {
		background: #a6dfec;
	}
}
#isocal .recipe_day:nth-child(2n) .c-weekday,
#isocal .recipe_day:last-child .c-weekday {
	background: linear-gradient(to left top, #6fd6e2 50%, #91e1e8 50%);
}
#isocal .keyvisual .title .supervision,
#isocal .recipe_teacher .text dt,
#isocal .notes_title {
	color: #3bced4;
}
#isocal .keyvisual .title .supervision,
#isocal .recipe_teacher,
#isocal .recipe_teacher .recipe_label::before {
	background: #e0f5f6;
}

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

/**
 * 購入はこちらモーダル
 * ---------------------------------------- */
#isocal .purchase_section {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#isocal .purchase_section.-purchase {
	flex-basis: calc(50% - 24px);
}
#isocal .purchase_section .photo {
	order: -1;
	margin: 0 auto;
}
#isocal .purchase_section.-strawberry .photo,
#isocal .purchase_section.-coffee .photo,
#isocal .purchase_section.-banana .photo,
#isocal .purchase_section.-azuki .photo,
#isocal .purchase_section.-cafemocha .photo,
#isocal .purchase_section.-milktea .photo,
#isocal .purchase_section.-cornsoup .photo,
#isocal .purchase_section.-potatosoup .photo,
#isocal .purchase_section.-caramel .photo {
	max-width: 150px;
}
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-ringo .photo,
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-ringo .photo,
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-momo .photo,
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-azuki .photo,
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-coffee .photo,
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-chocolate .photo,
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-tofu .photo,
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-sweetpotato .photo,
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-kokuto .photo,
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-kinako .photo,
#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-rarecheesecake .photo {
	max-width: 210px;
    width: inherit;
}
#isocal .purchase_section.-variety1 .photo,
#isocal .purchase_section.-variety2 .photo,
#isocal .purchase_section.-variety3 .photo,
#isocal .purchase_section.-jhc-variety1 .photo,
#isocal .purchase_section.-jhc-variety2 .photo {
	max-width: 340px;
	margin: 18px 0;
}
#isocal .purchase_section .title,
#isocal .p-isocaljhc.c-isocaljhc .purchase_section .title {
	margin-top: 16px;
	font-size: 18px;
	letter-spacing: 0;
	text-align: center;
      color: #000;
   font-family: "Noto Sans JP", sans-serif;
}
@media (-ms-high-contrast: none) {
	#isocal .purchase_section {
		display: block;
		min-width: 332px;
	}
	#isocal .purchase_section.-strawberry .photo,
	#isocal .purchase_section.-coffee .photo,
	#isocal .purchase_section.-banana .photo,
	#isocal .purchase_section.-azuki .photo,
	#isocal .purchase_section.-cafemocha .photo,
	#isocal .purchase_section.-milktea .photo,
	#isocal .purchase_section.-cornsoup .photo,
	#isocal .purchase_section.-potatosoup .photo {
		width: 150px;
	}
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-ringo .photo,
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-ringo .photo,
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-momo .photo,
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-azuki .photo,
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-coffee .photo,
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-chocolate .photo,
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-tofu .photo,
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-sweetpotato .photo,
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-kokuto .photo,
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-kinako .photo,
	#isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-rarecheesecake .photo {
		width: 210px;
	}
}
@media (-ms-high-contrast: none) and (max-width: 480px) {
	#isocal .purchase_section {
		min-width: 100%;
	}
}
@media (max-width: 480px){
    #isocal .purchase_section.-variety1 .photo,
    #isocal .purchase_section.-variety2 .photo,
    #isocal .purchase_section.-variety3 .photo,
    #isocal .purchase_section.-jhc-variety1 .photo,
    #isocal .purchase_section.-jhc-variety2 .photo {
    	max-width: 200px;
    	margin: 14px 0;
    }
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-ringo .photo,
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-ringo .photo,
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-momo .photo,
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-azuki .photo,
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-coffee .photo,
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-chocolate .photo,
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-tofu .photo,
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-sweetpotato .photo,
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-kokuto .photo,
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-kinako .photo,
    #isocal .p-isocaljhc.c-isocaljhc.c-isocal100 .purchase_section.-jhc-rarecheesecake .photo {
    	max-width: 160px;
        width: inherit;
    }
}
@media (min-width: 768px) {
	#isocal #purchase .modal_contents {
		display: flex;
		flex-wrap: wrap;
	}
	#isocal .purchase_section.-purchase {
		flex-basis: calc(50% - 24px);
	}
	#isocal .purchase_section:nth-child(2n) {
		margin-left: 48px;
	}
	#isocal .purchase_section:nth-child(n+3) {
		margin-top: 40px;
	}
	#isocal .purchase_section .title {
		flex-grow: 1;
	}
}
@media screen and (max-width: 767px) {
	#isocal .purchase_section + .purchase_section {
		margin-top: 32px;
	}
	.c_isocal-tab {
		display: none;
	}
}
@media (max-width: 767px) {
	#isocal .purchase_section .title {
		font-size: calc(22vw / 4.8);
	}
    #isocal .siteContents .c-shoplist-box-title {
		font-size: 15px;
	}
}

#isocal .c-shoplist {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 16px;
}
#isocal .c-shoplist li {
	flex-basis: calc(50% - 4px);
}
#isocal .c-isocal100 .c-purchace-list .c-shoplist li {
	flex-basis: calc(50% - 4px);
}
#isocal .c-isocal100 .-lineup-plus .c-shoplist li {
	flex-basis: calc(50% - 4px);
}
#isocal .c-shoplist li:nth-child(2n) {
	margin-left: 8px;
}
#isocal .c-isocal100 .c-purchace-list .c-shoplist li:nth-child(2n) {
	margin-left: 8px;
}
#isocal .c-isocal100 .c-purchace-list .c-shoplist li:nth-child(3n) {
    margin-left: inherit;
    margin-top: 8px;
}
#isocal .c-isocal100 .c-purchace-list .c-shoplist li:nth-child(4n) {
	margin-top: 8px;
}
#isocal .c-shoplist li:nth-child(n+3) {
	margin-top: 8px;
}
#isocal .c-isocal100 .product_list .capsule {
    max-width: inherit;
}
#isocal .c-shoplist .button,
#isocal .c-shoplist-box .button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	border: 2px solid;
	border-radius: 10px;
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
}

#isocal .c-shoplist-box {
	width: 110%;
	background-color: #e0e3df;
	padding: 20px 15px;
	margin-top: 15px;
	border-radius: 10px;
}
#isocal .c-shoplist-box-title {
	text-align: center;
	margin-bottom: 10px;
}
#isocal .c-shoplist-box-flex {
	display: flex;
	gap:8px;
}
#isocal .c-shoplist-box-flex a {
	width: 100%;
}
#isocal .c-shoplist .button,
#isocal .c-shoplist-box .button {
  padding: 0;
  box-shadow: none;
}
#isocal .c-shoplist-box .-nestle { background: #6cbfde; border-color: #6cbfde; }
#isocal .c-shoplist .-limited { background: #ff002b; border-color: #ff002b; }
#isocal .c-shoplist .-amazon { background: #f39f23; border-color: #f39f23; }
#isocal .c-shoplist .-rakuten { background: #b31f22; border-color: #b31f22; }
#isocal .c-shoplist .-au { background: #e45107; border-color: #e45107; }
#isocal .c-shoplist .button:not([href]) {
	pointer-events: none;
	border-color: gainsboro;
	background: gainsboro;
}
@media (hover: hover) {
	#isocal .c-shoplist .button,
	#isocal .c-shoplist-box .button {
		transition: color .4s, background .4s;
	}
	#isocal .c-shoplist .button:hover,
	#isocal .c-shoplist-box .button:hover {
		transition-duration: 0s;
	}
	#isocal .c-shoplist-box .-nestle:hover { background: white; color: #6cbfde; }
	#isocal .c-shoplist .-limited:hover { background: white; color: #ff002b; }
	#isocal .c-shoplist .-amazon:hover { background: white; color: #f39f23; }
	#isocal .c-shoplist .-rakuten:hover { background: white; color: #b31f22; }
	#isocal .c-shoplist .-au:hover { background: white; color: #e45107; }
}
@media (max-width: 480px) {
	#isocal .c-shoplist .button,
	#isocal .c-shoplist-box .button {
		font-size: 12px;
		letter-spacing: 0;
	}
	#isocal .c-shoplist-box {
		padding: 15px 10px;
	}
	#isocal .siteContents .c-shoplist-box-title {
		font-size: 12px;
	}
}

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


/**
 * 不足しがちな栄養を補う「低栄養」1週間レシピ - トップページ
 * ---------------------------------------- */
#isocal .keyvisual {
	position: relative;
	max-width: 1000px;
	height: 440px;
	margin: 0 auto;
}
#isocal .keyvisual .title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 476px;
	height: 383px;
	margin: 0 auto;
	padding-top: 72px;
}
#isocal .keyvisual .title::before,
#isocal .keyvisual .title::after {
	content: "";
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
}
#isocal .keyvisual .title::before {
	right: -12px;
	bottom: -8px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_title_shadow.svg?v=1678598046') right bottom / contain no-repeat;
}
#isocal .keyvisual .title::after {
	top: 0;
	left: 0;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_title.svg?v=1678598046') center bottom / cover no-repeat;
}
#isocal .keyvisual .title .supervision {
	padding: .2em 1.2em;
	border-radius: 2em;
	font-size: 10px;
	font-family: "M PLUS 1p", sans-serif;
}
#isocal .keyvisual .title .supervision b {
	font-size: 150%;
}
#isocal .keyvisual .title .sub,
#isocal .keyvisual .title .main,
#isocal .keyvisual .title .recipe {
	line-height: 0;
}
#isocal .keyvisual .title .sub {
	margin-top: .4em;
	font-size: 19px;
}
#isocal .keyvisual .title .sub .deco {
	width: 8px;
	height: 40px;
}
#isocal .keyvisual .title .sub .deco:first-child {
	margin-right: .8em;
	transform: rotate(-16deg) translateY(4px);
}
#isocal .keyvisual .title .sub .deco:last-child {
	margin-left: .8em;
	transform: rotate(16deg) translateY(4px);
}
#isocal .keyvisual .title .main {
	margin-top: 6px;
	padding-left: 12px;
}
#isocal .keyvisual .title .recipe {
	margin: -24px 0 16px;
}
#isocal .keyvisual .v {
	position: absolute;
}
#isocal .keyvisual .v img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}
@media (min-width: 768px) {
	#isocal .keyvisual .v1 { top: 112px; left: 120px; width: 112px; }
	#isocal .keyvisual .v2 { top: 184px; left: 32px; width: 80px; }
	#isocal .keyvisual .v3 { top: 248px; left: 104px; width: 148px; }
	#isocal .keyvisual .v4 { top: 104px; right: 96px; width: 128px; }
	#isocal .keyvisual .v5 { top: 212px; right: 20px; width: 74px; }
	#isocal .keyvisual .v6 { top: 252px; right: 140px; width: 98px; }
	#isocal .keyvisual .v7 { top: 304px; right: 32px; width: 76px; }
	#isocal .keyvisual .v8 { top: 104px; left: 40px; width: 36px; height: 57px; }
	#isocal .keyvisual .v9 { top: 112px; right: 20px; width: 59px; height: 79px; }
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .keyvisual {
		height: calc(440vw / 10);
	}
	#isocal .keyvisual .title {
		width: calc(476vw / 10);
		height: calc(383vw / 10);
		padding-top: calc(72vw / 10);
	}
	#isocal .keyvisual .title .supervision {
		font-size: calc(10vw / 10);
	}
	#isocal .keyvisual .title .sub {
		font-size: calc(19vw / 10);
	}
	#isocal .keyvisual .title .main {
		margin-top: calc(6vw / 10);
		padding-left: calc(12vw / 10);
	}
	#isocal .keyvisual .title .recipe {
		margin-top: calc(-24vw / 10);
		margin-bottom: calc(16vw / 10);
	}
	#isocal .keyvisual .title .sub img {
		width: calc(228vw / 10);
		height: calc(33vw / 10);
	}
	#isocal .keyvisual .title .main img {
		width: calc(185vw / 10);
		height: calc(65vw / 10);
	}
	#isocal .keyvisual .title .recipe img {
		width: calc(353vw / 10);
		height: calc(113vw / 10);
	}
	#isocal .keyvisual .v1 { top: calc(112vw / 10); left: calc(120vw / 10); width: calc(112vw / 10); }
	#isocal .keyvisual .v2 { top: calc(184vw / 10); left: calc(32vw / 10); width: calc(80vw / 10); }
	#isocal .keyvisual .v3 { top: calc(248vw / 10); left: calc(104vw / 10); width: calc(148vw / 10); }
	#isocal .keyvisual .v4 { top: calc(104vw / 10); right: calc(96vw / 10); width: calc(128vw / 10); }
	#isocal .keyvisual .v5 { top: calc(212vw / 10); right: calc(20vw / 10); width: calc(74vw / 10); }
	#isocal .keyvisual .v6 { top: calc(252vw / 10); right: calc(140vw / 10); width: calc(98vw / 10); }
	#isocal .keyvisual .v7 { top: calc(304vw / 10); right: calc(32vw / 10); width: calc(76vw / 10); }
	#isocal .keyvisual .v8 { top: calc(104vw / 10); left: calc(40vw / 10); width: calc(36vw / 10); height: calc(57vw / 10); }
	#isocal .keyvisual .v9 { top: calc(112vw / 10); right: calc(20vw / 10); width: calc(59vw / 10); height: calc(79vw / 10); }
}
@media (max-width: 767px) {
	#isocal .keyvisual {
		height: calc(552vw / 4.8);
	}
	#isocal .keyvisual .title {
		width: calc(430vw / 4.8);
		height: calc(365vw / 4.8);
		padding-top: calc(84vw / 4.8);
	}
	#isocal .keyvisual .title .supervision {
		font-size: calc(10vw / 4.8);
	}
	#isocal .keyvisual .title .sub .deco {
		width: calc(7vw / 4.8);
		height: calc(35vw / 4.8);
	}
	#isocal .keyvisual .title .sub {
		font-size: calc(19vw / 4.8);
	}
	#isocal .keyvisual .title .main {
		margin-top: calc(6vw / 4.8);
		padding-left: calc(12vw / 4.8);
	}
	#isocal .keyvisual .title .recipe {
		margin-top: calc(-24vw / 4.8);
		margin-bottom: calc(16vw / 4.8);
	}
	#isocal .keyvisual .title .sub img { width: calc(206vw / 4.8); height: calc(30vw / 4.8); }
	#isocal .keyvisual .title .main img { width: calc(183vw / 4.8); height: calc(64vw / 4.8); }
	#isocal .keyvisual .title .recipe img { width: calc(349vw / 4.8); height: calc(110vw / 4.8); }
	#isocal .keyvisual .v1 { top: calc(11vw / 4.8); left: calc(-18vw / 4.8); width: calc(102vw / 4.8); }
	#isocal .keyvisual .v2 { top: calc(15vw / 4.8); right: calc(42vw / 4.8); width: calc(62vw / 4.8); }
	#isocal .keyvisual .v3 { top: calc(78vw / 4.8); right: 0; width: calc(50vw / 4.8); }
	#isocal .keyvisual .v4 { top: calc(340vw / 4.8); left: calc(12vw / 4.8); width: calc(64vw / 4.8); }
	#isocal .keyvisual .v5 { top: calc(390vw / 4.8); left: calc(69vw / 4.8); width: calc(135vw / 4.8); }
	#isocal .keyvisual .v6 { top: calc(375vw / 4.8); right: calc(149vw / 4.8); width: calc(93vw / 4.8); }
	#isocal .keyvisual .v7 { top: calc(393vw / 4.8); right: calc(-6vw / 4.8); width: calc(127vw / 4.8); }
	#isocal .keyvisual .v8 { top: calc(460vw / 4.8); left: calc(9vw / 4.8); width: calc(41vw / 4.8); height: calc(58vw / 4.8); }
	#isocal .keyvisual .v9 { top: calc(330vw / 4.8); right: calc(16vw / 4.8); width: calc(32vw / 4.8); height: calc(50vw / 4.8); }
}

/* :::::: opening :::::: */
#isocal .keyvisual:not(.is-active) .v {
	opacity: 0;
	transform: scale(.5);
}
#isocal .keyvisual.is-anim .v {
	transition: opacity .4s, transform .4s cubic-bezier(.3,1.6,.7,1);
}
#isocal .keyvisual.is-anim .v8,
#isocal .keyvisual.is-anim .v9 {
	transition-duration: .6s;
	transition-timing-function: cubic-bezier(.3,1,.7,1);
}
@media (min-width: 768px) {
	#isocal .keyvisual:not(.is-active) .v8,
	#isocal .keyvisual:not(.is-active) .v9 {
		transform: scale(.5) translateY(24px);
	}
	#isocal .keyvisual.is-anim .v1 { transition-delay: .1s; }
	#isocal .keyvisual.is-anim .v2 { transition-delay: .2s; }
	#isocal .keyvisual.is-anim .v3 { transition-delay: .3s; }
	#isocal .keyvisual.is-anim .v4 { transition-delay: .4s; }
	#isocal .keyvisual.is-anim .v5 { transition-delay: .5s; }
	#isocal .keyvisual.is-anim .v6 { transition-delay: .6s; }
	#isocal .keyvisual.is-anim .v7 { transition-delay: .7s; }
}
@media (max-width: 767px) {
	#isocal .keyvisual:not(.is-active) .v8,
	#isocal .keyvisual:not(.is-active) .v9 {
		transform: scale(.5) translateY(8vw);
	}
	#isocal .keyvisual.is-anim .v1 { transition-delay: .1s; }
	#isocal .keyvisual.is-anim .v2 { transition-delay: .2s; }
	#isocal .keyvisual.is-anim .v3 { transition-delay: .3s; }
	#isocal .keyvisual.is-anim .v4 { transition-delay: .7s; }
	#isocal .keyvisual.is-anim .v5 { transition-delay: .6s; }
	#isocal .keyvisual.is-anim .v6 { transition-delay: .5s; }
	#isocal .keyvisual.is-anim .v7 { transition-delay: .4s; }
}
#isocal .keyvisual.is-anim .v8 { transition-delay: .65s; }
#isocal .keyvisual.is-anim .v9 { transition-delay: .75s; }

/**
 * トップページ
 * ---------------------------------------- */
#isocal .p-index {
	padding-top: 0;
	padding-bottom: 120px;
}
#isocal .p-index .recipe_inner::before,
#isocal .p-index .recipe_inner::after {
	content: "";
	position: absolute;
	right: 40px;
	left: 40px;
	height: 20px;
	background: url('//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/isocal_belt.svg?v=179780152646812275751751092039') center / 100% 6px no-repeat;
}
#isocal .p-index .recipe_inner::before {
	top: 4px;
}
#isocal .p-index .recipe_inner::after {
	bottom: 4px;
}
#isocal .p-index .recipe_inner::after {
	bottom: 4px;
}
#isocal .p-index .recipe_label {
	margin-top: -44px;
}
#isocal .p-index .recipe_label span {
	width: 136px;
}
#isocal .p-index .recipe_lead {
	margin-top: 40px;
	font-size: 15px;
	font-family: "M PLUS 1p", sans-serif;
}
@media (max-width: 767px) {
	#isocal .p-index .recipe_lead {
		display: inline-block;
		padding: 0 calc(12vw / 4.8);
		font-size: calc(17vw / 4.8);
		text-align: left;
	}
	#isocal .p-index .recipe_label span {
		width: calc(136vw / 4.8);
	}
}

/* :::::: 一週間 :::::: */
#isocal .recipe_week {
	display: flex;
	flex-wrap: wrap;
	margin-top: 48px;
}
#isocal .recipe_day {
	flex-basis: calc(33.333% - 48px / 3);
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
    position: relative;
}
@media (min-width: 768px) {
	#isocal .recipe_day:not(:nth-child(3n+1)) {
		margin-left: 24px;
	}
	#isocal .recipe_day:nth-child(n+4) {
		margin-top: 48px;
	}
}
@media (max-width: 767px) {
	#isocal .recipe_week {
		justify-content: space-between;
	}
	#isocal .recipe_day {
		flex-basis: calc(50% - 8px);
		border-radius: calc(8vw / 4.8);
	}
	#isocal .recipe_day:nth-child(n+3) {
		margin-top: 48px;
	}
}
@media (max-width: 360px) {
	#isocal .recipe_day {
		flex-basis: calc(50% - 6px);
	}
}

/* :::::: 曜日 :::::: */
#isocal .recipe_day a {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
}
#isocal .recipe_day .c-weekday {
	position: absolute;
	top: -24px;
	left: -16px;
	width: 80px;
	height: 80px;
}
#isocal .recipe_day .c-weekday .deco {
	top: 16px;
	left: 19px;
}
#isocal .recipe_day .c-weekday img {
	width: 30px;
	height: 30px;
}
#isocal .recipe_day .photo {
	position: relative;
}
#isocal .recipe_day .photo::after {
	content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	border: 1px solid #fff;
}
#isocal .recipe_day .photo img {
	border-radius: 10px 10px 0 0;
}
#isocal .recipe_day .text {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
#isocal .recipe_day .name {
	position: relative;
	width: 100%;
	padding: 4px 16px 4px 8px;
	color: #fff;
	font-size: 18px;
	line-height: 1.4;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
}
#isocal .recipe_day .name::after {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: 8px;
	border-width: 6px 0 6px 10px;
	border-style: solid;
	border-color: transparent;
	border-left-color: currentcolor;
}
#isocal .recipe_day .name::first-letter {
	font-size: 134%;
}
@media (min-width: 768px) {
	#isocal .recipe_day .name {
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 64px;
	}
}
@media (max-width: 767px) {
	#isocal .recipe_day .c-weekday {
		top: calc(-24vw / 4.8);
		left: calc(-12vw / 4.8);
		width: calc(64vw / 4.8);
		height: calc(64vw / 4.8);
		padding-top: calc(4vw / 4.8);
		padding-left: calc(2vw / 4.8);
	}
	#isocal .recipe_day .c-weekday .deco {
		top: calc(8vw / 4.8);
		left: calc(13vw / 4.8);
		width: calc(14vw / 4.8);
		height: calc(11vw / 4.8);
	}
	#isocal .recipe_day .c-weekday img {
		width: calc(30vw / 4.8);
		height: calc(30vw / 4.8);
	}
	#isocal .recipe_day .photo::after {
		top: 4px;
		right: 4px;
		bottom: 4px;
		left: 4px;
		border-color: rgba(255,255,255,.5);
	}
	#isocal .recipe_day .photo img {
		border-radius: calc(8vw / 4.8) calc(8vw / 4.8) 0 0;
	}
	#isocal .recipe_day .name {
		padding: 16px 16px 16px 4px;
		font-size: calc(19vw / 4.8);
	}
}

/* :::::: 監修 :::::: */
#isocal .recipe_teacher {
	display: flex;
	align-items: center;
	position: relative;
	border-radius: 10px;
}
#isocal .recipe_teacher::after {
	content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	border: 1px solid #fff;
}
#isocal .recipe_teacher .recipe_label {
	z-index: 1;
	position: absolute;
	top: -4px;
	left: calc(50% - 28px);
	margin-top: 0;
}
#isocal .recipe_teacher .recipe_label::before {
	content: "";
	position: absolute;
	right: -16px;
	bottom: 0;
	left: -16px;
	height: .3em;
}
#isocal .recipe_teacher .recipe_label span {
	width: 56px;
	padding: 0;
	background: none;
}
#isocal .recipe_teacher .photo {
	flex-basis: 120px;
}
#isocal .recipe_teacher .photo img {
	max-width: 120px;
	border-radius: 120px;
}
#isocal .recipe_teacher .text {
	font-family: "M PLUS 1p", sans-serif;
	text-align: left;
}
#isocal .recipe_teacher .text dt {
	font-size: 14px;
	font-weight: 700;
}
#isocal .recipe_teacher .text dt::before {
	content: "［";
	margin-left: -.3em;
}
#isocal .recipe_teacher .text dt::after {
	content: "］";
}
#isocal .recipe_teacher .text dd {
	font-size: 12px;
}
#isocal .recipe_teacher .text .post {
	margin-top: .4em;
}
#isocal .recipe_teacher .text .name b {
	font-size: 150%;
	font-weight: inherit;
}
@media (min-width: 768px) {
	#isocal .recipe_teacher {
		flex-basis: calc(66.666% - 112px);
		align-self: center;
		margin: 48px 32px 0 80px;
		padding: 32px;
	}
	#isocal .recipe_teacher .text {
		margin-left: 24px;
	}
}
@media (max-width: 767px) {
	#isocal .recipe_teacher {
		flex-basis: calc(50% - 8px);
		flex-direction: column;
		justify-content: center;
		margin-top: 48px;
		padding-top: calc(8vw / 4.8);
		border-radius: calc(8vw / 4.8);
	}
	#isocal .recipe_teacher::after {
		top: 4px;
		right: 4px;
		bottom: 4px;
		left: 4px;
		border-color: rgba(255,255,255,.5);
	}
	#isocal .recipe_teacher .recipe_label {
		top: -8px;
		left: calc(50% - 28vw / 4.8);
	}
	#isocal .recipe_teacher .recipe_label span {
		width: calc(56vw / 4.8);
	}
	#isocal .recipe_teacher .photo {
		width: calc(112vw / 4.8);
		flex-basis: calc(112vw / 4.8);
	}
	#isocal .recipe_teacher .photo img {
		max-width: calc(112vw / 4.8);
	}
	#isocal .recipe_teacher .text {
		margin-top: calc(8vw / 4.8);
	}
	#isocal .recipe_teacher .text dt {
		font-size: calc(14vw / 4.8);
	}
	#isocal .recipe_teacher .text dd {
		font-size: calc(12vw / 4.8);
	}
	#isocal .recipe_teacher .text .name {
		font-size: calc(10vw / 4.8);
	}
	#isocal .recipe_teacher .text .name b {
		font-size: calc(18vw / 4.8);
	}
}
@media (max-width: 360px) {
	#isocal .recipe_teacher {
		flex-basis: calc(50% - 6px);
	}
}

/* 注意点 */
#isocal .notes {
	margin-top: 40px;
	padding: 24px 40px;
	border-radius: 10px;
	text-align: left;
	background: whitesmoke;
}
#isocal .notes_title {
	font-size: 14px;
}
#isocal .notes_list li {
	margin-top: .3em;
	padding-left: .8em;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 400;
	text-indent: -.8em;
}
#isocal .notes_list li::before {
	content: "・";
	display: inline-block;
	width: .8em;
	text-align: center;
}
@media (max-width: 767px) {
	#isocal .notes {
		padding: 16px 24px;
	}
	#isocal .notes_list li {
		font-size: 10px;
	}
}


/**
 * アイソカル「こうやって食べてます」おいしく栄養補給1週間
 * ---------------------------------------- */
#isocal .p-1weekstory {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-feature-settings: "palt";
	background: #fff2e0;
}
@media (min-width: 768px) {
	#isocal .p-1weekstory .logo_isocal {
		display: none;
	}
}
@media (max-width: 767px) {
	#isocal .l-header .logo {
		display: block;
		z-index: 2;
		position: absolute;
		top: calc(24vw / 4.8);
		right: calc(16vw / 4.8);
		width: 146px;
	}
	#isocal .l-header .logo img,
	#isocal .p-1weekstory .logo_isocal img {
		width: 100%;
		filter: drop-shadow(0 0 4px white) drop-shadow(0 0 4px white);
	}
	#isocal .p-1weekstory .logo_isocal {
		z-index: 1;
		position: absolute;
		top: calc(24vw / 4.8);
		left: calc(16vw / 4.8);
		width: 229px;
	}
}
@media (max-width: 480px) {
	#isocal .l-header .logo {
		width: calc(146vw / 4.8);
	}
	#isocal .p-1weekstory .logo_isocal {
		width: calc(229vw / 4.8);
	}
}

/* :::::: キービジュアル :::::: */
#isocal .p-visual {
	position: relative;
	width: 100%;
	-webkit-mask-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_visual.svg?v=1678880585');
	-webkit-mask-size: 100% 100%;
	mask-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_visual.svg?v=1678880585');
	mask-size: 100% 100%;
}
#isocal .p-visual img {
	width: 100%;
	height: auto;
}
#isocal .p-visual .illust {
	position: absolute;
	bottom: 0;
	left: 5%;
	width: 90%;
}
#isocal .p-visual .title {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 2.4vw;
	right: 0;
	left: 0;
	width: 59.7%;
	margin: 0 auto;
	color: #ff6700;
	line-height: 0;
}
#isocal .p-visual .title .lead {
	width: 32.7%;
}
#isocal .p-visual .title .isocal {
	width: 56.8%;
	margin-top: 1.6vw;
}
#isocal .p-visual .title .main {
	width: 100%;
	margin: -1.6vw 0 0 -2.4vw;
}
#isocal .p-visual .title .pop {
	position: absolute;
	bottom: -1.6vw;
	width: 6.6vw;
	height: 9vw;
	fill: currentcolor;
}
#isocal .p-visual .title .pop.-l { left: -8vw; }
#isocal .p-visual .title .pop.-r { right: -6.4vw; }
/* opening */
#isocal .p-visual .title,
#isocal .p-visual .illust {
	transform-origin: center bottom;
}
#isocal .p-visual:not(.is-active) .title,
#isocal .p-visual:not(.is-active) .illust {
	opacity: 0;
	transform: scale(.5);
}
#isocal .p-visual:not(.is-active) .illust {
	transform: translateY(24px);
}
#isocal .p-visual.is-anim .title,
#isocal .p-visual.is-anim .illust {
	transition: opacity .6s, transform .6s cubic-bezier(.3,1,.7,1);
}
#isocal .p-visual.is-anim .title {
	transition-delay: .2s;
	transition-timing-function: ease, cubic-bezier(.3,1.6,.7,1);
}
@media (max-width: 767px) {
	#isocal .p-visual .illust {
		left: 0;
		width: 100%;
	}
	#isocal .p-visual .title {
		top: calc(104vw / 4.8);
		width: 80%;
	}
	#isocal .p-visual .title .lead {
		width: 55%;
	}
	#isocal .p-visual .title .isocal {
		width: 65%;
		margin-top: calc(16vw / 4.8);
	}
	#isocal .p-visual .title .main {
		margin: calc(-8vw / 4.8) 0 0 calc(-12vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .p-visual .title {
		top: calc(112vw / 4.8);
	}
}


/**
 * 目次
 * ---------------------------------------- */
#isocal .p-intro {
	padding: 128px 24px 0;
	text-align: center;
}
#isocal .p-intro .section_inner {
	position: relative;
	max-width: 936px;
	padding: 104px 24px 48px;
	border-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_rect_intro.svg?v=1678876884') fill 20 / 40px round;
	background: none;
}
#isocal .p-intro .section_inner::before,
#isocal .p-intro .section_inner::after {
	content: "";
	position: absolute;
	right: 40px;
	left: 40px;
	height: 4px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_slash.svg?v=1678876884') center;
}
#isocal .p-intro .section_inner::before { top: 24px; }
#isocal .p-intro .section_inner::after { bottom: 24px; }
#isocal .c-story .intro_title {
	z-index: 0;
	position: absolute;
	top: -32px;
	width: 96%;
	left: 2%;
}
#isocal .c-story .intro_title {
    padding: 0;
    background: inherit;
}
#isocal .c-story .intro_title .sub {
	position: absolute;
	bottom: 70%;
	left: 0;
	max-width: 50%;
}
#isocal .c-story .intro_title .main {
	display: inline-block;
	position: relative;
}
#isocal .c-story .intro_title .main::before {
	content: "";
	z-index: -1;
	position: absolute;
	left: -4%;
	width: 108%;
	height: 50%;
	background: #ffe8cc;
}
#isocal .c-story .p-intro {
      padding: 128px 24px 0;
}
#isocal .p-intro .pin::before,
#isocal .p-intro .pin::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 18px;
	background: #fa6200;
}
#isocal .p-intro .pin.-t::before,
#isocal .p-intro .pin.-t::after { top: 16px; }
#isocal .p-intro .pin.-b::before,
#isocal .p-intro .pin.-b::after { bottom: 16px; }
#isocal .p-intro .pin::before   { left: 16px; }
#isocal .p-intro .pin::after    { right: 16px; }
@media (min-width: 768px) {
	#isocal .c-story .intro_title .main::before {
		bottom: 0;
	}
}
@media (max-width: 767px) {
	#isocal .p-intro .section_inner {
		padding: calc(64vw / 4.8) calc(24vw / 4.8) calc(40vw / 4.8);
	}
	#isocal .c-story .intro_title {
		top: -24px;
	}
	#isocal .c-story .intro_title .main {
		width: calc(293vw / 4.8);
	}
	#isocal .c-story .intro_title .main::before {
		top: 70%;
	}
}
@media (max-width: 479px) {
	#isocal .p-intro,
    #isocal .c-story .p-intro {
		padding-top: calc(120vw / 4.8);
	}
	#isocal .p-intro .section_inner {
		padding-right: calc(16vw / 4.8);
		padding-left: calc(16vw / 4.8);
	}
	#isocal .p-intro .section_inner::before,
	#isocal .p-intro .section_inner::after {
		right: 24px;
		left: 24px;
	}
	#isocal .p-intro .section_inner::before { top: 12px; }
	#isocal .p-intro .section_inner::after { bottom: 12px; }
	#isocal .p-intro .pin::before,
	#isocal .p-intro .pin::after {
		width: 12px;
		height: 12px;
	}
	#isocal .p-intro .pin.-t::before,
	#isocal .p-intro .pin.-t::after { top: 8px; }
	#isocal .p-intro .pin.-b::before,
	#isocal .p-intro .pin.-b::after { bottom: 8px; }
	#isocal .p-intro .pin::before   { left: 8px; }
	#isocal .p-intro .pin::after    { right: 8px; }
}
/* 一覧 */
#isocal .intro_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#isocal .intro_list li {
	position: relative;
	border-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_rect.svg?v=1678876884') fill 20 / 40px round;
}
#isocal .intro_list .weekday {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -16px;
	left: -16px;
	width: 54px;
	height: 54px;
	border-radius: 54px;
	background: #ffdb51;
}
#isocal .intro_list .image {
	padding: 8px;
}
@media (min-width: 768px) {
	#isocal .intro_list li {
		flex-basis: calc(25% - 96px / 4);
	}
	#isocal .intro_list li:not(:nth-child(4n+1)) {
		margin-left: 32px;
	}
	#isocal .intro_list li:nth-child(n+5) {
		margin-top: 48px;
	}
}
@media (max-width: 767px) {
	#isocal .intro_list li {
		flex-basis: calc(33.3333% - 32px / 3);
	}
	#isocal .intro_list li:nth-child(1),
	#isocal .intro_list li:nth-child(6) {
		margin-left: 15%;
	}
	#isocal .intro_list li:nth-child(2),
	#isocal .intro_list li:nth-child(7) {
		margin-right: 15%;
	}
	#isocal .intro_list li:nth-child(2),
	#isocal .intro_list li:nth-child(4),
	#isocal .intro_list li:nth-child(5),
	#isocal .intro_list li:nth-child(7) {
		margin-left: 16px;
	}
	#isocal .intro_list li:nth-child(n+3) {
		margin-top: 32px;
	}
	#isocal .intro_list .weekday {
		top: calc(-16vw / 4.8);
		left: calc(-8vw / 4.8);
		width: calc(37vw / 4.8);
		height: calc(37vw / 4.8);
	}
	#isocal .intro_list .weekday img {
		width: 60%;
	}
}
@media (max-width: 479px) {
	#isocal .intro_list li {
		flex-basis: calc(33.3333% - 16px / 3);
	}
	#isocal .intro_list li:nth-child(2),
	#isocal .intro_list li:nth-child(4),
	#isocal .intro_list li:nth-child(5),
	#isocal .intro_list li:nth-child(7) {
		margin-left: 8px;
	}
	#isocal .intro_list li:nth-child(n+3) {
		margin-top: 16px;
	}
}
/* メッセージ */
#isocal .p-intro .intro_lead {
	display: inline-block;
	margin-top: 1.5em;
	color: #c47200;
	/* font-size: 19px; */
	font-size: 12px;
	line-height: 1.6;
	white-space: nowrap;
}
#isocal .intro_lead b {
	/* font-size: 140%; */
}
#isocal .intro_lead .deco {
	position: relative;
	top: -.1em;
	vertical-align: middle;
}
#isocal .intro_lead .deco.-d1 { margin-right: .5em; }
@media (max-width: 767px) {
	#isocal .p-intro .intro_lead {
		position: relative;
		left: .25em;
		/* font-size: calc(16vw / 4.8); */
		font-size: calc(12vw / 4.8);
		line-height: 1.4;
	}
	#isocal .intro_lead .deco  {
		position: absolute;
		top: calc(50% - 16vw / 4.8);
		width: calc(24vw / 4.8);
	}
	#isocal .intro_lead .deco.-d1 { left: calc(-24vw / 4.8); }
	#isocal .intro_lead .deco.-d2 { right: calc(-12vw / 4.8); }
}


/**
 * 1週間スタート！
 * ---------------------------------------- */
#isocal .p-oneweek,
#isocal .c-story .p-oneweek {
	padding-top: 80px;
}
#isocal .p-oneweek::after {
	content: "";
	position: absolute;
	right: 0;
	top: calc(100% - 64px);
	left: 0;
	height: 96px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_wave_bottom.svg?v=1678879515') center top / 100% 100% no-repeat;
}
#isocal .oneweek_start {
	position: relative;
	margin: 0 auto;
	line-height: 0;
	text-align: left;
}
#isocal .oneweek_start .sub,
#isocal .oneweek_start .main {
	display: inline-block;
}
#isocal .oneweek_start .sub {
	position: absolute;
	top: -1em;
	left: -24px;
	transform-origin: left top;
	transform: rotate(-12deg);
}
#isocal .oneweek_day,
#isocal .oneweek_start {
	max-width: 880px;
}
@media (max-width: 767px) {
	#isocal .p-oneweek::after {
		top: calc(100% - 40px);
		height: 48px;
	}
}

/* :::::: 背景 :::::: */
#isocal .oneweek_bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#isocal .oneweek_bg .bg {
	position: absolute;
	width: 100%;
	height: 1200px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_bg.jpg?v=1678878917') center / 500px 500px;
	-webkit-mask-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_bg.svg?v=1678878917');
	-webkit-mask-size: 100% 100%;
	mask-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_bg.svg?v=1678878917');
	mask-size: 100% 100%;
}
#isocal .oneweek_bg .bg:nth-child(2n) {
	transform: scaleX(-1);
}
#isocal .oneweek_bg .bg.-bg7 {
	bottom: 0;
}
@media (min-width: 768px) {
	#isocal .oneweek_bg .bg {
		height: 22%;
	}
	#isocal .oneweek_bg .bg.-bg1 {
		top: .5%;
	}
	#isocal .oneweek_bg .bg.-bg2 {
		top: 37.5%;
	}
	#isocal .oneweek_bg .bg.-bg7 {
		height: 28%;
	}
	#isocal .oneweek_bg .bg.-bg3,
	#isocal .oneweek_bg .bg.-bg4,
	#isocal .oneweek_bg .bg.-bg5,
	#isocal .oneweek_bg .bg.-bg6 {
		display: none;
	}
	#isocal .oneweek_bg .bg.-bg7 {
		-webkit-mask-image: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_bg2.svg?v=1678879438);
		mask-image: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_bg2.svg?v=1678879438);
	}
}
@media (max-width: 767px) {
	#isocal .oneweek_start {
		max-width: calc(100% - 16px);
	}
	#isocal .oneweek_start .sub {
		left: -16px;
		width: calc(112vw / 4.8);
	}
	#isocal .oneweek_start .main {
		width: calc(144vw / 4.8);
	}
	#isocal .oneweek_bg .bg {
		height: 8%;
	}
	#isocal .oneweek_bg .bg.-bg1 {
		top: .5%;
	}
	#isocal .oneweek_bg .bg.-bg2 {
		top: 14%;
	}
	#isocal .oneweek_bg .bg.-bg3 {
		top: 28%;
	}
	#isocal .oneweek_bg .bg.-bg4 {
		top: 41%;
	}
	#isocal .oneweek_bg .bg.-bg5 {
		top: 54%;
	}
	#isocal .oneweek_bg .bg.-bg6 {
		top: 67%;
	}
	#isocal .oneweek_bg .bg.-bg7 {
		height: 20%;
		-webkit-mask-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_bg3.svg?v=1678951059');
		mask-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_bg3.svg?v=1678951059');
	}
}


/* :::::: 曜日セット :::::: */
#isocal .oneweek_day {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin: 0 auto 0;
	padding: 80px 64px;
	border-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_rect.svg?v=1678876884') fill 20 / 40px round;
	text-align: center;
	background: none;
}
#isocal .oneweek_day.-monday { margin-top: 64px; }
#isocal .oneweek_day::before,
#isocal .oneweek_day::after {
	content: "";
	position: absolute;
	right: 40px;
	left: 40px;
	height: 4px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_slash_y.svg?v=1678879106') center;
}
#isocal .oneweek_day::before { top: 24px; }
#isocal .oneweek_day::after { bottom: 24px; }
#isocal .oneweek_title {
	z-index: 0;
	position: absolute;
	top: -40px;
	left: 40px;
}
@media (min-width: 768px) {
	#isocal .oneweek_day.-friday,
	#isocal .oneweek_day.-sunday {
		padding-bottom: 64px;
	}
}
@media (max-width: 767px) {
	#isocal .oneweek_day {
		flex-direction: column;
		padding: calc(48vw / 4.8) calc(24vw / 4.8) 24px;
	}
	#isocal .oneweek_day.-monday   { margin-top: calc(48vw / 4.8); }
	#isocal .oneweek_day.-wednesday,
	#isocal .oneweek_day.-friday   { padding-top: calc(56vw / 4.8); }
	#isocal .oneweek_day.-saturday { padding-top: calc(64vw / 4.8); }
	#isocal .oneweek_day::before,
	#isocal .oneweek_day::after {
		right: 16px;
		left: 16px;
	}
	#isocal .oneweek_day::before { top: 16px; }
	#isocal .oneweek_day::after { display: none; }
}
@media (max-width: 479px) {
	#isocal .oneweek_day {
		padding-right: calc(16vw / 4.8);
		padding-left: calc(16vw / 4.8);
	}
}
@media (min-width: 768px) {
	#isocal .oneweek_day.-friday,
	#isocal .oneweek_day.-sunday {
		padding-bottom: 64px;
	}
}
/* 繋ぐ線 */
#isocal .oneweek_line {
	width: calc(100% - 48px);
	max-width: 1000px;
	text-align: center;
}
#isocal .oneweek_line svg {
	max-width: 100%;
	height: 180px;
	fill: none;
	stroke: #c47200;
	stroke-width: 2px;
	stroke-dasharray: 0 0 5px 5px;
	stroke-linecap: round;
}
#isocal .oneweek_line.-montue svg { stroke-dasharray: 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 379px; }
#isocal .oneweek_line.-tuewed svg { stroke-dasharray: 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 506px; }
#isocal .oneweek_line.-wedthu svg { stroke-dasharray: 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 294px; }
#isocal .oneweek_line.-thufri svg { stroke-dasharray: 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 596px; }
#isocal .oneweek_line.-frisat svg { stroke-dasharray: 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 390px; }
#isocal .oneweek_line.-satsun svg { stroke-dasharray: 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 5px 432px; }
#isocal .oneweek_line.js-inview:not(.is-inview) { opacity: 1; }
#isocal .oneweek_line.-montue.js-inview:not(.is-inview) svg { stroke-dashoffset: 379px; }
#isocal .oneweek_line.-tuewed.js-inview:not(.is-inview) svg { stroke-dashoffset: 506px; }
#isocal .oneweek_line.-wedthu.js-inview:not(.is-inview) svg { stroke-dashoffset: 294px; }
#isocal .oneweek_line.-thufri.js-inview:not(.is-inview) svg { stroke-dashoffset: 596px; }
#isocal .oneweek_line.-frisat.js-inview:not(.is-inview) svg { stroke-dashoffset: 390px; }
#isocal .oneweek_line.-satsun.js-inview:not(.is-inview) svg { stroke-dashoffset: 432px; }
#isocal .oneweek_line.is-anim svg {
	transition: stroke-dashoffset .6s cubic-bezier(.3,1,.7,1);
}
@media (min-width: 768px) {
	#isocal .oneweek_line {
		margin: -24px auto;
	}
	#isocal .oneweek_line.-tuewed { padding-left: 25%; }
	#isocal .oneweek_line.-wedthu { padding-right: 20%; }
	#isocal .oneweek_line.-frisat { padding-right: 10%; }
}
@media (max-width: 767px) {
	#isocal .oneweek_line {
		margin: -8px auto;
	}
	#isocal .oneweek_line svg {
		height: 120px;
	}
	#isocal .oneweek_line.-tuewed { padding-left: 15%; }
	#isocal .oneweek_line.-thufri { padding-left: 20%; }
	#isocal .oneweek_line.-satsun { padding-left: 10%; }
	#isocal .oneweek_line.-montue svg { width: calc(194vw / 4.8); }
	#isocal .oneweek_line.-tuewed svg { width: calc(331vw / 4.8); }
	#isocal .oneweek_line.-wedthu svg { width: calc(203vw / 4.8); }
	#isocal .oneweek_line.-thufri svg { width: calc(390vw / 4.8); }
	#isocal .oneweek_line.-frisat svg { width: calc(297vw / 4.8); }
	#isocal .oneweek_line.-satsun svg { width: calc(244vw / 4.8); }
}
#isocal .oneweek_title::before {
	content: "";
	z-index: -1;
	position: absolute;
	left: -1%;
	bottom: 0;
	width: 120%;
	height: 50%;
	background: white;
}
#isocal .weekday_image {
	order: -1;
	position: relative;
}
#isocal .weekday_image .bg,
#isocal .weekday_image .illust {
	display: block;
}
#isocal .weekday_image img {
	width: 100%;
}
#isocal .weekday_image .illust {
	position: absolute;
	top: 0;
	left: 0;
}
#isocal .weekday_text {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #c47200;
}
/* inview */
#isocal .weekday_image .bg.js-inview:not(.is-inview) {
	transform: scale(.5);
}
#isocal .weekday_image .illust.js-inview:not(.is-inview) {
	transform: translateY(24px);
}
#isocal .weekday_image .bg.is-anim,
#isocal .weekday_image .illust.is-anim {
	transition: opacity .6s, transform .6s cubic-bezier(.3,1,.7,1);
}
#isocal .weekday_image .bg.is-anim {
	transition-timing-function: ease, cubic-bezier(.3,1.6,.7,1);
}
#isocal .weekday_image .illust.is-anim {
	transition-delay: .3s;
}
@media (min-width: 768px) {
	#isocal .weekday_image {
		flex-basis: 48%;
		max-width: 48%;
		margin-left: -40px;
	}
	#isocal .weekday_text {
		flex-basis: calc(50% + 40px);
		max-width: calc(50% + 40px);
	}
}
@media (max-width: 767px) {
	#isocal .weekday_text {
		width: 100%;
		margin-top: calc(16vw / 4.8);
	}
	#isocal .oneweek_title {
		top: calc(-40vw / 4.8);
		left: calc(8vw / 4.8);
	}
	#isocal .oneweek_title::before {
		height: 56px;
	}
	#isocal .oneweek_day.-wednesday .oneweek_title,
	#isocal .oneweek_day.-thursday .oneweek_title,
	#isocal .oneweek_day.-saturday .oneweek_title {
		top: calc(-48vw / 4.8);
	}
	#isocal .oneweek_day.-monday .oneweek_title    { width: calc(137vw / 4.8); }
	#isocal .oneweek_day.-tuesday .oneweek_title   { width: calc(143vw / 4.8); }
	#isocal .oneweek_day.-wednesday .oneweek_title { width: calc(143vw / 4.8); }
	#isocal .oneweek_day.-thursday .oneweek_title  { width: calc(158vw / 4.8); }
	#isocal .oneweek_day.-friday .oneweek_title    { width: calc(148vw / 4.8); }
	#isocal .oneweek_day.-saturday .oneweek_title  { width: calc(150vw / 4.8); }
	#isocal .oneweek_day.-sunday .oneweek_title    { width: calc(125vw / 4.8); }
	#isocal .weekday_image {
		width: 90%;
	}
	#isocal .oneweek_day.-thursday .weekday_image { margin-left: calc(32vw / 4.8); }
}
@media (max-width: 479px) {
	#isocal .oneweek_title::before {
		height: calc(56vw / 4.8);
	}
	#isocal .oneweek_day.-tuesday .oneweek_title::before,
	#isocal .oneweek_day.-thursday .oneweek_title::before,
	#isocal .oneweek_day.-friday .oneweek_title::before {
		height: calc(64vw / 4.8);
	}
	#isocal .oneweek_day.-sunday .oneweek_title::before {
		height: calc(48vw / 4.8);
	}
}
/* イラストと本日のアイソカルを繋ぐ線 (金曜日のみ) */
#isocal .weekday_image .connect {
	position: absolute;
}
#isocal .weekday_image .connect svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #c47200;
	stroke-width: 1.5px;
	stroke-dasharray: 0 0 4px 4px;
}
@media (min-width: 768px) {
	#isocal .oneweek_day.-friday .weekday_image {
		margin-top: 40px;
	}
	#isocal .weekday_image .connect {
		top: calc(96vw / 7.68);
		left: calc(144vw / 7.68);
		width: calc(168vw / 7.68);
	}
}
@media (min-width: 999px) {
	#isocal .weekday_image .connect {
		top: 126px;
		left: 198px;
		width: 220px;
	}
}
@media (max-width: 767px) {
	#isocal .weekday_image .connect {
		top: calc(230vw / 7.68);
		left: calc(-8vw / 7.68);
		width: calc(120vw / 7.68);
	}
}
@media (max-width: 480px) {
	#isocal .weekday_image .connect {
		top: calc(148vw / 4.8);
		left: calc(-8vw / 4.8);
		width: calc(81vw / 4.8);
	}
}
/* 時間とタイトル */
#isocal .weekday_text .weekday_time {
	position: relative;
}
#isocal .weekday_text .weekday_time::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(100% - 52px);
	height: 4px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_slash_y.svg?v=1678879106') center;
}
#isocal .weekday_text .weekday_time dt,
#isocal .weekday_text .weekday_time dd {
	display: inline;
	vertical-align: middle;
}
#isocal .weekday_text .weekday_time dt {
	font-size: 17px;
}
#isocal .weekday_text .weekday_time .ico {
	margin: -.1em .7em 0 0;
	vertical-align: middle;
}
#isocal .weekday_text .weekday_time dd {
	position: relative;
	top: -.1em;
	margin-left: .5em;
	font-size: 19px;
}
#isocal .weekday_title {
    color: #c47200;
}
#isocal .weekday_text .weekday_title {
	font-size: 32px;
	line-height: 1.4;
	white-space: nowrap;
  font-family: "Zen Maru Gothic", sans-serif;
}
#isocal .weekday_text .weekday_title:first-letter {
	font-size: 170%;
	font-weight: 500;
}
#isocal .weekday_text .note {
	align-self: flex-start;
	margin-top: 1em;
	color: #c48000;
	font-size: 12px;
}
@media (min-width: 768px) {
	#isocal .weekday_text .weekday_title {
		margin-right: -.5em;
	}
}
@media (max-width: 767px) {
	#isocal .weekday_text .weekday_time dt {
		font-size: calc(15vw / 4.8);
	}
	#isocal .weekday_text .weekday_time .ico {
		width: calc(40vw / 4.8);
	}
	#isocal .weekday_text .weekday_time dd {
		font-size: calc(17vw / 4.8);
	}
	#isocal .weekday_text .weekday_title {
		font-size: calc(25vw / 4.8);
	}
}
@media (max-width: 479px) {
	#isocal .weekday_text .note {
		font-size: 10px;
		letter-spacing: 0;
		text-align: left;
	}
}

/* :::::: 本日のアイソカル︎ :::::: */
#isocal .today_isocal {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin-top: 40px;
	padding: 32px 24px 24px;
	border-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_rect_today.svg?v=1678879229') fill 20 / 40px round;
}
#isocal .today_isocal .ribbon_title {
	position: absolute;
	top: -1em;
	right: 0;
	left: 0;
	margin: 0 auto;
	color: white;
	font-size: 13px;
}
#isocal .today_isocal .ribbon_title span {
	display: inline-block;
	padding: .2em 1em .4em;
	background: #fa6200;
	-webkit-mask-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_ribbon.svg?v=1678879229');
	-webkit-mask-size: 100% 100%;
	mask-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_ribbon.svg?v=1678879229');
	mask-size: 100% 100%;
  font-family: "Zen Maru Gothic", sans-serif;
}
#isocal .today_isocal .jelly_image {
	order: -1;
	flex-basis: 104px;
	z-index: 0;
	position: relative;
}
#isocal .today_isocal .jelly_image .comment {
	z-index: -1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -56px;
	left: -56px;
	width: 88px;
	height: 88px;
	padding-bottom: .2em;
	border-radius: 88px;
	color: #fa6200;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: -.06em;
	background: #ffd127;
}
#isocal .today_isocal .text {
	flex-basis: calc(100% - 120px);
	display: flex;
	flex-direction: column;
	align-items: center;
}
#isocal .today_isocal .lead {
	position: relative;
	padding-bottom: 1.5em;
	font-size: 16px;
	line-height: 1.4;
}
#isocal .today_isocal .lead::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: -6%;
	width: 110%;
	height: 2em;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_tail_l.svg?v=1678879229') center / 100% 100% no-repeat;
}
#isocal .today_isocal .name {
	color: #fa6200;
	font-size: 12px;
	line-height: 1.4;
}
#isocal .today_isocal .name strong {
	font-size: 180%;
}
@media (max-width: 767px) {
	#isocal .today_isocal {
		margin-top: 24px;
		padding: 32px calc(24vw / 4.8) 24px;
	}
	#isocal .today_isocal .ribbon_title {
		font-size: calc(15vw / 4.8);
	}
	#isocal .today_isocal .jelly_image {
		flex-basis: calc(104vw / 4.8);
	}
	#isocal .today_isocal .text {
		flex-basis: calc(100% - 112vw / 4.8);
	}
	#isocal .today_isocal .jelly_image .comment,
	#isocal .today_isocal .lead,
	#isocal .today_isocal .name {
		font-size: calc(12vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .today_isocal .jelly_image .comment {
		top: calc(-48vw / 4.8);
		left: calc(-48vw / 4.8);
		width: calc(76vw / 4.8);
		height: calc(76vw / 4.8);
	}
}

/* :::::: アレンジレシピ/アレンジ動画はこちら！ :::::: */
#isocal .oneweek_link {
	margin: 32px auto 0;
}
#isocal .oneweek_link .c-button {
	display: inline-flex;
	position: relative;
	width: auto;
	height: auto;
	padding: .5em 40px .6em;
	border-radius: 8px;
	font-size: 18px;
	line-height: 1.2;
}
#isocal .oneweek_link .c-button b {
	font-size: 120%;
}
#isocal .oneweek_link .lead {
	display: inline-block;
	position: relative;
	font-size: 16px;
	line-height: 1.4;
}
#isocal .oneweek_link .lead b {
	font-size: 150%;
}
#isocal .oneweek_link .lead .pop {
	position: absolute;
	bottom: 0;
	fill: currentcolor;
}
#isocal .oneweek_day.-sunday .oneweek_link .lead {
	color: #00a3db;
}
#isocal .oneweek_day.-sunday .oneweek_link .lead .pop.-l {
	left: -24px;
}
#isocal .oneweek_day.-sunday .oneweek_link .lead .pop.-r {
	right: -24px;
}
@media (min-width: 768px) {
	#isocal .oneweek_day.-sunday .oneweek_link {
		display: flex;
		flex-direction: column;
	}
}
@media (max-width: 767px) {
	#isocal .oneweek_link .c-button {
		font-size: calc(15vw / 4.8);
	}
	#isocal .oneweek_link {
		margin-top: 24px;
	}
	#isocal .oneweek_link .lead {
		font-size: calc(16vw / 4.8);
	}
}
/* 個別 */
#isocal .oneweek_day.-friday .oneweek_link .c-button {
	border-color: #ffdb55;
	color: #fa6200;
	background: #ffdb55;
}
#isocal .oneweek_day.-sunday .oneweek_link .c-button {
	margin-top: 16px;
	border-color: #b3e4f4;
	color: #00a3db;
	background: #b3e4f4;
}
#isocal .oneweek_link .c-button span {
	position: relative;
}
#isocal .oneweek_link .c-button .deco {
	position: absolute;
}
#isocal .oneweek_day.-friday .oneweek_link .c-button .deco {
	top: calc(50% - 18px);
}
#isocal .oneweek_day.-friday .oneweek_link .c-button .deco.-d1 { left: -24px; }
#isocal .oneweek_day.-friday .oneweek_link .c-button .deco.-d2 { right: -16px; }
#isocal .oneweek_day.-sunday .oneweek_link .c-button .deco.-d1,
#isocal .oneweek_day.-sunday .oneweek_link .c-button .deco.-d3 {
	bottom: 50%;
	width: 16px;
}
#isocal .oneweek_day.-sunday .oneweek_link .c-button .deco.-d2,
#isocal .oneweek_day.-sunday .oneweek_link .c-button .deco.-d4 {
	top: 54%;
	width: 8px;
}
#isocal .oneweek_day.-sunday .oneweek_link .c-button .deco.-d1 { left: -28px; }
#isocal .oneweek_day.-sunday .oneweek_link .c-button .deco.-d2 { left: -12px; }
#isocal .oneweek_day.-sunday .oneweek_link .c-button .deco.-d3 { right: -24px; }
#isocal .oneweek_day.-sunday .oneweek_link .c-button .deco.-d4 { right: -8px; }
#isocal .oneweek_link .c-button .arr {
	position: absolute;
	top: calc(50% - 6px);
	right: 16px;
	fill: currentcolor;
}
@media (hover: hover) {
	#isocal .oneweek_day.-friday .oneweek_link .c-button:hover,
	#isocal .oneweek_day.-sunday .oneweek_link .c-button:hover {
		background: white;
	}
}

/* :::::: おいしく栄養週間 ::::::*/
#isocal .oneweek_end {
	margin-top: 80px;
	text-align: center;
}
#isocal .oneweek_end .image {
	margin-top: 24px;
	-webkit-mask-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_visual.svg?v=1678880585');
	-webkit-mask-size: 90% 200%;
	-webkit-mask-position: center bottom;
	mask-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_visual.svg?v=1678880585');
	mask-size: 90% 200%;
	mask-position: center bottom;
}
/* inview */
#isocal .oneweek_end .text.js-inview:not(.is-inview) {
	transform: translateY(24px) scale(.5);
}
#isocal .oneweek_end .text.is-anim {
	transition: opacity .6s, transform .6s cubic-bezier(.3,1,.7,1);
}
#isocal .oneweek_end .image.is-anim {
	transition-delay: .2s;
}
@media (max-width: 767px) {
	#isocal .oneweek_end {
		margin-top: 40px;
	}
	#isocal .oneweek_end .image {
		margin-top: 8px;
	}
}


/**
 * 登場する商品はこちら！
 * ---------------------------------------- */
#isocal .p-products {
	display: flex;
	max-width: 1000px;
	margin: 0 auto;
	padding-right: 24px;
	padding-left: 24px;
}
#isocal .products_title {
	position: relative;
	line-height: 0;
}
#isocal .products_title .sub {
	position: absolute;
	top: -16px;
	left: 56px;
	transform: rotate(-12deg);
}
#isocal .products_title .main img {
	width: 100%;
}
@media (min-width: 768px) {
	#isocal .p-products {
		flex-wrap: wrap;
		justify-content: center;
	}
}
@media (max-width: 767px) {
	#isocal .p-products {
		flex-direction: column;
		padding-top: 40px;
		margin: 0 4px 0 -8px;
	}
	#isocal .products_title .sub {
		top: -16px;
		left: 24px;
	}
}
@media (max-width: 479px) {
	#isocal .p-products {
		padding-top: 24px;
	}
}

/* :::::: 商品セクション ::::::*/
#isocal .product_section {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	margin-top: 48px;
	padding: 72px 40px 48px;
	border-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_mask_rect.svg?v=1678876884') fill 20 / 40px round;
	text-align: center;
	filter: drop-shadow(20px 24px 0 #ffce00);
}
#isocal .product_section.-tp,
#isocal .product_section.-mp {
	margin-top: 80px;
}
#isocal .product_section::before,
#isocal .product_section::after {
	content: "";
	position: absolute;
	right: 16px;
	left: 16px;
	height: 4px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/story_slash_y.svg?v=1678879106') center;
}
#isocal .product_section::before { top: 16px; }
#isocal .product_section::after { bottom: 16px; }
@media (min-width: 768px) {
	#isocal .product_section.-jelly {
		flex-basis: 616px;
	}
	#isocal .product_section.-tp,
	#isocal .product_section.-mp {
		flex-basis: calc(50% - 40px);
	}
	#isocal .product_section.-mp {
		margin-left: 40px;
	}
}
@media (min-width: 1000px) {
	#isocal .product_section.-tp,
	#isocal .product_section.-mp {
		flex-basis: 416px;
	}
}
@media (max-width: 999px) and (min-width: 768px) {
	#isocal .product_section.-tp,
	#isocal .product_section.-mp {
		padding-right: 24px;
		padding-left: 24px;
	}
}
@media (max-width: 767px) {
	#isocal .product_section {
		padding: calc(48vw / 4.8) calc(24vw / 4.8) 48px;
	}
	#isocal .product_section.-jelly {
		margin-top: 32px;
	}
	#isocal .product_section.-tp,
	#isocal .product_section.-mp {
		margin-top: 64px;
	}
}
@media (max-width: 479px) {
	#isocal .product_section {
		padding-right: calc(16vw / 4.8);
		padding-bottom: calc(48vw / 4.8);
		padding-left: calc(16vw / 4.8);
	}
	#isocal .product_section.-jelly {
		margin-top: 24px;
	}
	#isocal .product_section.-tp,
	#isocal .product_section.-mp {
		margin-top: calc(64vw / 4.8);
	}
}
/* タイトル */
#isocal .product_title {
	z-index: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: -1.2em;
	color: #fa6200;
	font-size: 20px;
	line-height: 1.4;
}
#isocal .product_title.four-kinds {
  position: relative;
}
#isocal .-tp .product_title,
#isocal .-mp .product_title {
	padding-left: 80px;
}
#isocal .product_title::before {
	content: "";
	z-index: -1;
	position: absolute;
	right: -.3em;
	bottom: 0;
	left: -.3em;
	height: 50%;
	background: white;
}
#isocal .-jelly .product_title::before {
	right: -1em;
	left: -1em;
}
#isocal .product_title .balloon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(50% - 37px);
	left: 0;
	width: 74px;
	height: 74px;
	padding-bottom: .5em;
	border-radius: 74px;
	color: white;
	font-size: 70%;
	line-height: 1.2;
}
#isocal .-tp .product_title .balloon { background: #50c058; }
#isocal .-mp .product_title .balloon { background: #42d3e0; }
#isocal .product_title .balloon b {
	font-size: 180%;
}
#isocal .product_title .main {
	font-size: 160%;
	font-weight: 900;
}
#isocal .product_title .balloon span,
#isocal .product_title .main,
#isocal .product_title .sub {
  font-family: "Zen Maru Gothic", sans-serif;
}
@media (max-width: 999px) and (min-width: 768px) {
	#isocal .-tp .product_title,
	#isocal .-mp .product_title {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	#isocal .product_title {
		top: -1em;
		font-size: calc(15vw / 4.8);
		line-height: 1.2;
	}
	#isocal .-tp .product_title,
	#isocal .-mp .product_title {
		padding-left: calc(64vw / 4.8);
	}
	#isocal .product_title .balloon {
		top: calc(50% - 28vw / 4.8);
		width: calc(56vw / 4.8);
		height: calc(56vw / 4.8);
	}
}
/* 一覧 */
#isocal .product_list {
	display: flex;
	justify-content: center;
}
#isocal .product_list li {
	flex-basis: 160px;
}
#isocal .product_list li + li {
	margin-left: 24px;
}
#isocal .product_list .capsule {
	max-width: 152px;
	margin: 1em auto 0;
	font-size: 15px;
	line-height: 1.4;
}
#isocal .jelly_image.-jelly_12 .capsule { background: #ee821a; }
#isocal .jelly_image.-jelly_3 .capsule  { background: #d80002; }
#isocal .jelly_image.-jelly_2 .capsule  { background: #ff6486; }
#isocal .jelly_image.-tp_1 .capsule     { background: #ff6628; }
#isocal .jelly_image.-tp_2 .capsule     { background: #cb007e; }
#isocal .jelly_image.-mp_1 .capsule     { background: #00b9e3; letter-spacing: -.16em; }
#isocal .jelly_image.-mp_3 .capsule     { background: #4bb46c; }
@media (max-width: 999px) and (min-width: 768px) {
	#isocal .-tp .product_list,
	#isocal .-mp .product_list {
		width: 100%;
	}
	#isocal .-tp .product_list li,
	#isocal .-mp .product_list li {
		flex-basis: calc(50% - 8px);
		max-width: calc(50% - 8px);
	}
	#isocal .-tp .product_list li + li,
	#isocal .-mp .product_list li + li {
		margin-left: 16px;
	}
}
@media (max-width: 767px) {
	#isocal .product_list {
		width: 100%;
	}
	#isocal .product_list li {
		flex-basis: calc(33.3333% - 32px / 3);
	}
	#isocal .product_list li + li {
		margin-left: 16px;
	}
	#isocal .product_list .capsule {
		font-size: calc(14vw / 4.8);
	}
}
@media (max-width: 479px) {
	#isocal .product_list li {
		flex-basis: calc(33.3333% - 16px / 3);
	}
	#isocal .-jelly .product_list li + li {
		margin-left: 8px;
	}
}
/* 購入はこちら */
#isocal .product_section .c-purchasebutton {
	margin-top: 32px;
	font-size: 20px;
}
@media (max-width: 479px) {
	#isocal .product_section .c-purchasebutton {
		margin-top: calc(24vw / 4.8);
		font-size: calc(20vw / 4.8);
	}
}
/* 注釈 */
#isocal .p-products .note {
	margin: 40px 0 0 auto;
	color: #000;
	font-size: 10px;
}
@media (max-width: 479px) {
	#isocal .p-products .note {
		margin-top: 32px;
		font-size: 10px;
	}
}

#isocal .p-products .note.note-1week-story {
  flex: 0 0 100%;
  text-align: right;
  position: relative;
  right: 206px;
}
@media (max-width: 479px) {
  #isocal .p-products .note.note-1week-story {
    right: 0;
  }
}


/* イラスト */
#isocal .p-products .deco {
	z-index: 1;
	position: absolute;
}
#isocal .p-products .deco img {
	width: 100%;
	height: auto;
}
#isocal .p-products .deco.-d1 { width: 69px; top: calc(36% - 35px); left: -20px; }
#isocal .p-products .deco.-d2 { width: 118px; top: calc(36% - 48px); right: -56px; }
#isocal .p-products .deco.-d3 { width: 100px; bottom: 0; right: 8px; }
#isocal .p-products .deco.-d4 { width: 71px; bottom: 0; left: 8px; }
#isocal .p-products .deco.-d5 { width: 65px; bottom: 0; right: 8px; }
#isocal .p-products .deco.-d6 { width: 75px; bottom: 0; right: -12px; }
@media (max-width: 767px) {
	#isocal .p-products .deco.-d1 { top: calc(-2vw / 4.8); left: calc(-16vw / 4.8); width: calc(48vw / 4.8); }
	#isocal .p-products .deco.-d2 { top: calc(-16vw / 4.8); right: calc(-32vw / 4.8); width: calc(78vw / 4.8); }
	#isocal .p-products .deco.-d3 { width: calc(72vw / 4.8); }
	#isocal .p-products .deco.-d4 { width: calc(80vw / 4.8); }
	#isocal .p-products .deco.-d5 { width: calc(72vw / 4.8); }
	#isocal .p-products .deco.-d6 { width: calc(72vw / 4.8); }
}

/* :::::: ゼリーの影 :::::: */
#isocal .jelly_image {
	position: relative;
}
#isocal .jelly_image .capsule {
	padding: .2em .5em;
	border-radius: 2em;
	color: white;
	white-space: nowrap;
	background: gainsboro;
}
#isocal .jelly_image .shadow {
	display: inline-block;
	z-index: 0;
	position: relative;
}
#isocal .jelly_image .shadow::before {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: -14%;
	left: 10%;
	width: 80%;
	height: 80%;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/jelly_shadow.png?37250) center / 100% 100% no-repeat;
}


/**
 * 「アイソカル」HOME 固有スタイル
 * ---------------------------------------- */
#isocal .c-home .isocal_home {
	background: #fff2e4;
}
#isocal .c-home.siteContents.p-isocal {
}
#isocal .c-home.p-isocal .content_section {
    background: #fff2e4;
}
@media (min-width: 768px) {
	#isocal .c-home.p-isocal .content_section {
		padding: calc(64vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-home.p-isocal .content_section {
		padding: 64px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home.p-isocal .content_section {
		padding: 32px calc(24vw / 4.8);
	}
}

/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
#isocal .flickity-enabled{position:relative}
#isocal .flickity-enabled:focus{outline:0}
#isocal .flickity-viewport{overflow:hidden;position:relative;height:100%}
#isocal .flickity-slider{position:absolute;width:100%;height:100%}
#isocal .flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#isocal .flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
#isocal .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
#isocal .flickity-button{position:absolute;border:none;color:#fff}
#isocal .isTouch .flickity-button{opacity:.8}
@media (hover:hover) {
	#isocal .flickity-button:not(:hover){opacity:.8}
	#isocal .flickity-button:hover{cursor:pointer}
	#isocal .flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}
	#isocal .flickity-button:active{margin-top:1px}
}
#isocal .flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}
#isocal .flickity-button-icon{fill:currentcolor}
#isocal .flickity-prev-next-button{top:calc(50% - 20px);width:40px;height:40px;border-radius:40px;box-shadow:5px 5px 10px rgba(0,0,0,.1);background:rgba(0,0,0,.1)}
#isocal .flickity-prev-next-button.previous{left:24px}
#isocal .flickity-prev-next-button.next{right:24px}
#isocal .flickity-rtl .flickity-prev-next-button.previous{left:auto;right:16px}
#isocal .flickity-rtl .flickity-prev-next-button.next{right:auto;left:16px}
#isocal .flickity-prev-next-button .flickity-button-icon{width:100%;height:100%;fill:currentcolor}
#isocal .flickity-page-dots{z-index:1;position:absolute;width:100%;bottom:24px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
#isocal .flickity-rtl .flickity-page-dots{direction:rtl}
#isocal .flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#1f2880;border-radius:50%;cursor:pointer}
#isocal .flickity-page-dots .dot:not(.is-selected){background:#333;opacity:.25}
@media (max-width: 767px) {
	#isocal .flickity-prev-next-button.previous{left:12px}
	#isocal .flickity-prev-next-button.next{right:12px}
	#isocal .flickity-page-dots{bottom:0}
}

/**
 * keyvisual
 * ---------------------------------------- */
#isocal .c-home .keyvisual {
	position: relative;
}
#isocal .c-home .keyvisual .visual,
#isocal .c-home .keyvisual .visual img {
	width: 100%;
}
#isocal .c-home .keyvisual .round {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100vw;
	height: 60px;
	fill: #fff2e4;
}
#isocal .c-home .section_inner {
	max-width: 1000px;
	padding: 0;
	background: none;
}
@media (max-width: 767px) {
	#isocal .c-home .keyvisual .round {
		height: 6vw;
	}
}
/* html.isIE .keyvisual .flickity-viewport {
	min-height: 49vw;
} */

/* banner */
#isocal .c-home.p-isocal .p-homebanner {
	padding-top: 40px;
	padding-bottom: 16px;
}
#isocal .c-home .p-homebanner .section_inner {
	margin: 0 auto;
}
#isocal .c-home .p-homebanner li:nth-child(n+2) {
	margin-top: 40px;
}
#isocal .c-home .p-homebanner img {
	border-radius: 10px;
}
@media (min-width: 768px) {
  #isocal .c-home.p-isocal .p-homebanner {
	padding-top: 16px;
}
	#isocal .c-home .p-homebanner .section_inner {
		max-width: calc(740vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-home .p-homebanner .section_inner {
		max-width: 740px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .p-homebanner {
/* 		margin-top: 24px; */
		padding-top: 24px;
	}
	#isocal .c-home .p-homebanner .section_inner {
		max-width: 417px;
	}
	#isocal .c-home .p-homebanner li:nth-child(n+2) {
		margin-top: 24px;
	}
}


/**
 * keyvisual (home-fv.css へ移動)
 * ---------------------------------------- */
#isocal .c-home .section_inner {
	max-width: 1000px;
	padding: 0;
	background: none;
}
#isocal .c-home .keyvisual {
    max-width: inherit;
    height: inherit;
}

/* banner (home-fv.css へ移動) */

/**
 * 医療・介護現場で30年以上の実績。
 * 大切な人に届ける、コンパクト栄養食。
 * ---------------------------------------- */
#isocal .c-home.p-isocal .p-lineup {
	position: relative;
	text-align: center;
}
#isocal .c-home .p-lineup .section_inner {
	max-width: 800px;
	margin-top: 16px;
	padding: 64px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-home .p-lineup .lineup_title {
	display: inline-block;
	position: relative;
	margin-left: .3em;
	padding-bottom: 8px;
	color: #1f2880;
	font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.6;
}
#isocal .c-home .p-lineup .lineup_title::before,
#isocal .c-home .p-lineup .lineup_title::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 74px;
	height: 87px;
	background: center / cover no-repeat;
}
#isocal .c-home .p-lineup .lineup_title::before {
	right: 100%;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_lineup_title_l.svg?v=1679390637');
}
#isocal .c-home .p-lineup .lineup_title::after {
	left: calc(100% - .5em);
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_lineup_title_r.svg?v=1679390637');
}
#isocal .c-home .p-lineup .lineup_title b {
	font-weight: 900;
}
#isocal .c-home .p-lineup .lineup_title b .mplus {
	font-weight: 800;
}
@media (min-width: 768px) {
	#isocal .c-home .p-lineup .lineup_title {
		font-size: calc(32vw / 9);
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-home .p-lineup .section_inner {
		padding: 64px 6.4vw;
	}
}
@media (min-width: 900px) {
	#isocal .c-home .p-lineup .lineup_title {
		font-size: 32px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .p-lineup .section_inner {
		padding: 48px calc(20vw / 4.8) 24px;
	}
	#isocal .c-home .p-lineup .lineup_title {
		font-size: calc(22vw / 4.8);
	}
}

/* 累計販売数1億個突破！ */
#isocal .c-home .p-lineup .badge {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -80px;
	left: -64px;
	width: 164px;
	height: 164px;
	border-radius: 164px;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	font-weight: 900;
	background: #1f2880;
}
#isocal .c-home .p-lineup .badge strong {
	font-size: 150%;
}
#isocal .c-home .p-lineup .badge .num {
	position: relative;
	top: .06em;
	font-size: 150%;
	letter-spacing: -.05em;
}
#isocal .c-home .p-lineup .badge sup {
	position: relative;
	top: -.1em;
	font-size: 10px;
	vertical-align: text-top;
}
#isocal .c-home .p-lineup .badge .type {
	margin-top: .5em;
	font-size: 10px;
	font-weight: 500;
}
#isocal .c-home .p-lineup .note {
	display: inline-block;
	margin-top: 8px;
	font-size: 12px;
	color: #1f2880;
}
@media (max-width: 767px) {
	#isocal .c-home .p-lineup .badge {
		top: calc(-96vw / 4.8);
		left: calc(-56vw / 4.8);
		width: calc(128vw / 4.8);
		height: calc(128vw / 4.8);
		border-radius: calc(128vw / 4.8);
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 479px) {
	#isocal .c-home .p-lineup .note {
		margin-top: 8px;
		font-size: 10px;
		letter-spacing: 0;
	}
}

/* タイプ */
#isocal .c-home .p-lineup .lineup_section {
	position: relative;
	text-align: center;
}
#isocal .c-home .p-lineup .lineup_section + .lineup_section {
	margin-top: 40px;
}
#isocal .c-home .p-lineup .lineup_jelly,
#isocal .c-home .p-lineup .lineup_drink {
	padding: 48px 40px;
	border-radius: 12px;
}
#isocal .c-home .p-lineup .lineup_jelly {
	background: #e9f3ff;
}
#isocal .c-home .p-lineup .lineup_jelly .jelly_type {
	margin-top: 24px;
	padding: .5em 1em;
	border-radius: 2em;
	color: #1e2280;
	font-size: 27px;
	line-height: 1.2;
	font-weight: 900;
	background: #fff;
}
#isocal .c-home .p-lineup .lineup_drink {
	padding-bottom: 24px;
	background: #fff0d7;
}
#isocal .c-home .p-lineup .lineup_jelly .jelly_list {
	position: relative;
	margin-top: 24px;
}
#isocal .c-home .p-lineup .lineup_jelly .name,
#isocal .c-home .p-lineup .lineup_drink .name {
	color: #1f2880;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
}
#isocal .c-home .p-lineup .lineup_jelly .name b,
#isocal .c-home .p-lineup .lineup_drink .name b {
	font-size: 133%;
}
#isocal .c-home .p-lineup .lineup_jelly .shadow,
#isocal .c-home .p-lineup .lineup_drink .shadow {
	position: relative;
	display: inline-block;
}
#isocal .c-home .p-lineup .lineup_jelly .photo img,
#isocal .c-home .p-lineup .lineup_drink .photo img {
	position: relative;
}
@media (min-width: 768px) {
	#isocal .c-home .p-lineup .lineup_jelly .jelly_type.-pouch {
		margin-top: 48px;
	}
	#isocal .c-home .p-lineup .lineup_jelly .name,
	#isocal .c-home .p-lineup .lineup_drink .name {
		margin-top: 12px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-home .p-lineup .lineup_jelly,
	#isocal .c-home .p-lineup .lineup_drink {
		padding: 48px 4vw;
	}
	#isocal .c-home .p-lineup .lineup_jelly .name,
	#isocal .c-home .p-lineup .lineup_drink .name {
		font-size: 1.5vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .p-lineup .lineup_jelly,
	#isocal .c-home .p-lineup .lineup_drink {
		padding: calc(32vw / 4.8) calc(20vw / 4.8) 24px;
	}
	#isocal .c-home .p-lineup .lineup_jelly {
		padding-top: calc(40vw / 4.8);
	}
	#isocal .c-home .p-lineup .lineup_jelly .jelly_type {
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-home .p-lineup .lineup_jelly .jelly_type.-cup {
		margin-top: 16px;
	}
	#isocal .c-home .p-lineup .lineup_jelly .jelly_list.-pouch {
		margin-top: 8px;
	}
	#isocal .c-home .p-lineup .lineup_jelly .name,
	#isocal .c-home .p-lineup .lineup_drink .name {
		font-size: calc(17vw / 4.8);
	}
}

/* ゼリータイプ */
#isocal .c-home .p-lineup .lineup_type {
	position: absolute;
	top: -1em;
	width: 100%;
	color: #1f2880;
	font-size: 29px;
}
#isocal .c-home .p-lineup .lineup_type .underline {
	padding-bottom: .2em;
	border-bottom: 2px solid currentcolor;
}
#isocal .c-home .p-lineup .lineup_type b {
	font-size: 124%;
}
@media (max-width: 767px) {
	#isocal .c-home .p-lineup .lineup_type {
		font-size: calc(26vw / 4.8);
	}
}

/* カップゼリー */
#isocal .c-home .p-lineup .lineup_cup {
	display: flex;
}
#isocal .c-home .p-lineup .lineup_cup .shadow::before {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 10%;
	width: 80%;
	height: 80px;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/jelly_shadow.png?37250) center / 100% 100% no-repeat;
}
#isocal .c-home .p-lineup .lineup_cup .is-comingsoon {
	position: relative;
}
#isocal .c-home .p-lineup .lineup_cup .is-comingsoon::after {
	content: "Coming Soon";
	color: #3aa1df;
	font-size: 20px;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 900;
	white-space: nowrap;
	text-shadow: 0 4px 4px white, 4px 0 4px white, 0 -4px 4px white, -4px 0 4px white,
		4px 4px 4px white, 4px -4px 4px white, -4px -4px 4px white, -4px 4px 4px white;
}
#isocal .c-home .p-lineup .lineup_cup .is-comingsoon .photo {
	opacity: .3;
	pointer-events: none;
}
@media (min-width: 768px) {
	#isocal .c-home .p-lineup .lineup_cup {
		align-items: flex-end;
	}
	#isocal .c-home .p-lineup .lineup_cup .item {
		flex-basis: calc(40% - 24px);
	}
	#isocal .c-home .p-lineup .lineup_cup .is-comingsoon::after {
		position: absolute;
		top: calc(32% - 1em);
		left: 0;
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-home .p-lineup .lineup_cup .item
	#isocal .c-home .p-lineup .lineup_cup .item:first-child {
		max-width: calc(33.3333% - 2.4vw);
	}
}
@media (max-width: 767px) {
	#isocal .c-home .p-lineup .lineup_cup {
		flex-direction: column;
		align-items: center;
	}
	#isocal .c-home .p-lineup .lineup_cup .item {
		display: -ms-grid;
		display: grid;
	}
	#isocal .c-home .p-lineup .lineup_cup .item:nth-child(n+2) {
		margin-top: 16px;
	}
	#isocal .c-home .p-lineup .lineup_cup .photo,
	#isocal .c-home .p-lineup .lineup_cup .is-comingsoon::after {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
		grid-area: 1 / 1 / 3 / 2;
		margin-right: calc(16vw / 4.8);
	}
	#isocal .c-home .p-lineup .lineup_cup .name {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: 1 / 2 / 2 / 3;
		align-self: flex-end;
	}
	#isocal .c-home .p-lineup .lineup_cup .c-button {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: 2 / 2 / 3 / 3;
	}
	#isocal .c-home .p-lineup .lineup_cup .is-comingsoon::after {
		z-index: 1;
		align-self: center;
		font-size: calc(20vw / 4.8);
	}
}

/* パウチゼリー */
#isocal .c-home .p-lineup .lineup_pouch .item {
	display: -ms-grid;
	display: grid;
	justify-content: center;
}
#isocal .c-home .p-lineup .lineup_pouch .photo {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 1;
	grid-area: 1 / 1 / 3 / 2;
	margin-right: 36px;
}
#isocal .c-home .p-lineup .lineup_pouch .name {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: 1 / 2 / 2 / 3;
	align-self: flex-end;
}
#isocal .c-home .p-lineup .lineup_pouch .c-button {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	grid-area: 2 / 2 / 3 / 3;
}
#isocal .c-home .p-lineup .lineup_pouch .shadow {
	max-width: 132px;
}
#isocal .c-home .p-lineup .lineup_pouch .shadow::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 10%;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/itj_drink_shadow.png?v=1680177282') center / 100% 100% no-repeat;
}
@media (max-width: 767px) {
	#isocal .c-home .p-lineup .lineup_pouch .photo {
		margin-right: calc(16vw / 4.8);
	}
	#isocal .c-home .p-lineup .lineup_pouch .name {
		margin-top: .5em;
	}
	#isocal .c-home .p-lineup .lineup_pouch .shadow {
		max-width: 80%;
	}
}

/* ドリンクタイプ */
#isocal .c-home .p-lineup .lineup_drink .item {
	display: -ms-grid;
	display: grid;
	justify-content: center;
}
#isocal .c-home .p-lineup .lineup_drink .photo {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 1;
	grid-area: 1 / 1 / 3 / 2;
	margin-right: 36px;
}
#isocal .c-home .p-lineup .lineup_drink .name {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: 1 / 2 / 2 / 3;
	align-self: flex-end;
}
#isocal .c-home .p-lineup .lineup_drink .c-button {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	grid-area: 2 / 2 / 3 / 3;
}
#isocal .c-home .p-lineup .lineup_drink .shadow {
	max-width: 114px;
}
#isocal .c-home .p-lineup .lineup_drink .shadow::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 10%;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/itj_drink_shadow.png?v=1680177282') center / 100% 100% no-repeat;
}
@media (max-width: 767px) {
	#isocal .c-home .p-lineup .lineup_drink .photo {
		margin-right: calc(16vw / 4.8);
	}
	#isocal .c-home .p-lineup .lineup_drink .name {
		margin-top: .5em;
	}
	#isocal .c-home .p-lineup .lineup_drink .shadow {
		max-width: 80%;
	}
}

/* 詳細はこちら */
#isocal .c-home .p-lineup .c-button {
	width: 11em;
	height: 2em;
	margin: .8em auto 0;
	padding: .3em 0 .4em .5em;
	font-size: 14px;
}
#isocal .c-home .p-lineup .c-button::after {
	border-width: .2em 0 .2em .4em;
}

/* 商品情報はこちらから */
#isocal .c-home .p-lineup .c-purchasebutton {
	margin-top: 48px;
	padding: 1em 0.5em .9em;
}
#isocal .c-home .p-lineup .c-purchasebutton .ico {
	top: -.2em;
}
@media (max-width: 767px) {
	#isocal .c-home .p-lineup .c-purchasebutton {
		margin-top: calc(24vw / 4.8);
        width: 100%;
	}
	#isocal .c-home .p-lineup .c-button {
		font-size: calc(14vw / 4.8);
	}
}

/**
 * 動画でもご覧いただけます
 * ---------------------------------------- */
#isocal .c-home.p-isocal .p-movie {
	padding-top: 32px;
}
#isocal .c-home .p-movie .section_inner {
	max-width: 500px;
	text-align: center;
}
#isocal .c-home .movie_title {
	padding: 1em 0 .9em;
	border-top: 2px solid currentcolor;
	border-bottom: 2px solid currentcolor;
	color: #1f2880;
	font-weight: 700;
}
#isocal .c-home .movie_title .ico {
	width: 1.6em;
	height: 1.6em;
	margin-right: .5em;
}
#isocal .c-home .p-movie .c-video {
	margin-top: 32px;
}
@media (min-width: 768px) {
	#isocal .c-home .movie_title {
		font-size: calc(27vw / 9);
	}
}
@media (min-width: 900px) {
	#isocal .c-home .movie_title {
		font-size: 27px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .movie_title {
		font-size: calc(27vw / 4.8);
	}
}

/**
 * Message
 * ---------------------------------------- */
#isocal .c-home.p-isocal .p-message {
	z-index: 2;
	padding-top: 80px;
	padding-bottom: 0;
	text-align: center;
	background: #ffe8c4;
}
#isocal .c-home .p-message .round {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100vw;
	height: 60px;
	fill: #ffe8c4;
}
#isocal .c-home .message_wrap {
	position: relative;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_message_bg.svg?v=1679391433') center top / contain no-repeat;
}
#isocal .c-home .message_ribbon {
	position: absolute;
	top: -32px;
	left: 0;
	width: 100%;
}
#isocal .c-home .message_wrap p {
	color: #1f2880;
	font-weight: 700;
}
#isocal .c-home .message_wrap p:nth-of-type(n+2) {
	margin-top: 1.8em;
}
#isocal .c-home .message_wrap p em {
	font-weight: 900;
	font-style: normal;
}
#isocal .c-home .message_wrap::before,
#isocal .c-home .message_wrap::after {
	content: "";
	z-index: -1;
	position: absolute;
	top: -32px;
	background: center / cover no-repeat;
}
@media (min-width: 768px) {
	#isocal .c-home .message_wrap {
		padding: calc(80vw / 9);
		padding-bottom: calc(160vw / 9);
	}
	#isocal .c-home .message_wrap::before {
		right: calc(100% - 180px);
		width: 164px;
		height: 184px;
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_message_cloud_tl.svg?v=1679391433');
	}
	#isocal .c-home .message_wrap::after {
		left: calc(100% - 193px);
		width: 193px;
		height: 106px;
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_message_cloud_tr.svg?v=1679391433');
	}
	#isocal .c-home .message_wrap p {
		font-size: calc(17vw / 9);
		line-height: 2.4;
	}
	#isocal .c-home .message_wrap p em {
		font-size: calc(19vw / 9);
	}
}
@media (min-width: 900px) {
	#isocal .c-home .message_wrap {
		padding: 80px 80px 160px;
	}
	#isocal .c-home .message_wrap p {
		font-size: 17px;
	}
	#isocal .c-home .message_wrap p em {
		font-size: 19px;
	}
}
@media (min-width: 1000px) {
	#isocal .c-home .message_wrap::before {
		right: 69.2vw;
	}
	#isocal .c-home .message_wrap::after {
		left: 68vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-home.p-isocal .p-message {
		padding-bottom: calc(24vw / 4.8);
	}
	#isocal .c-home .p-message .round {
		height: 6vw;
	}
	#isocal .c-home .message_wrap {
		padding: calc(24vw / 4.8);
		padding-top: calc(56vw / 4.8);
		padding-bottom: calc(92vw / 4.8);
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_message_bg_mb.svg?v=1679391628');
	}
	#isocal .c-home .message_ribbon {
		top: calc(-24vw / 4.8);
	}
	#isocal .c-home .message_ribbon img {
		width: calc(200vw / 4.8);
	}
	#isocal .c-home .message_wrap p {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-home .message_wrap p:nth-of-type(n+2) {
		margin-top: 1em;
	}
	#isocal .c-home .message_wrap p em {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-home .message_wrap::before,
	#isocal .c-home .message_wrap::after {
		top: -40px;
	}
	#isocal .c-home .message_wrap::before {
		left: 0;
		width: calc(91vw / 4.8);
		height: calc(60vw / 4.8);
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_message_cloud_tl_mb.svg?v=1679391628');
	}
	#isocal .c-home .message_wrap::after {
		right: 0;
		width: calc(95vw / 4.8);
		height: calc(40vw / 4.8);
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_message_cloud_tr_mb.svg?v=1679391628');
	}
}

#isocal .c-home .message_cloud {
	position: relative;
	height: 120px;
}
#isocal .c-home .message_cloud::before,
#isocal .c-home .message_cloud::after {
	content: "";
	position: absolute;
	top: 0;
	background: center top / contain no-repeat;
}
@media (min-width: 768px) {
	#isocal .c-home .message_cloud {
		margin-top: -40px;
	}
	#isocal .c-home .message_cloud::before {
		left: 10%;
		width: 116px;
		height: 125px;
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_message_cloud_bl.svg?v=1679391433');
	}
	#isocal .c-home .message_cloud::after {
		right: 10%;
		width: 140px;
		height: 91px;
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_message_cloud_br.svg?v=1679391433');
	}
}
@media (max-width: 767px) {
	#isocal .c-home .message_cloud {
		height: calc(40vw / 4.8);
	}
	#isocal .c-home .message_cloud::before {
		left: 0;
		width: calc(105vw / 4.8);
		height: calc(38vw / 4.8);
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_message_cloud_bl_mb.svg?v=1679391628');
	}
	#isocal .c-home .message_cloud::after {
		right: 0;
		width: calc(70vw / 4.8);
		height: calc(46vw / 4.8);
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_message_cloud_br_mb.svg?v=1679391628');
	}
}

/* 家族の元気を願うあなたへ。ひとつの物語をお届けします。 */
#isocal .c-home .p-message_movie {
	text-align: center;
}
#isocal .c-home .message_movie {
	position: relative;
	max-width: 500px;
	margin: 64px auto 0;
}
#isocal .c-home .message_lead {
	padding: 1em 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	color: #1f2880;
	font-weight: 700;
}
#isocal .c-home .message_movie .c-video {
	margin-top: 32px;
}
#isocal .c-home .message_movie::before,
#isocal .c-home .message_movie::after {
	content: "";
	z-index: -1;
	position: absolute;
	background: center / cover no-repeat;
}
@media (min-width: 768px) {
	#isocal .c-home .message_lead {
		font-size: calc(25vw / 9);
	}
	#isocal .c-home .message_movie::before {
		top: 32%;
		right: calc(100% + 32px);
		width: 116px;
		height: 125px;
		background-image: url(../img/message_cloud_bl.svg);
	}
	#isocal .c-home .message_movie::after {
		top: 24%;
		left: calc(100% + 24px);
		width: 140px;
		height: 91px;
		background-image: url(../img/message_cloud_br.svg);
	}
}
@media (min-width: 900px) {
	#isocal .c-home .message_lead {
		font-size: 25px;
	}
}
@media (min-width: 1000px) {
	#isocal .c-home .message_movie::before {
		right: calc(100% + 3.2vw);
	}
	#isocal .c-home .message_movie::after {
		left: calc(100% + 2.4vw);
	}
}
@media (max-width: 767px) {
	#isocal .c-home.p-isocal .p-message_movie {
		padding-bottom: calc(160vw / 4.8);
	}
	#isocal .c-home .message_lead {
		font-size: calc(25vw / 4.8);
	}
	#isocal .c-home .message_movie .c-video {
		margin-top: 24px;
	}
	#isocal .c-home .message_movie .c-video + .c-video {
		margin-top: 16px;
	}
	#isocal .c-home .message_movie::before,
	#isocal .c-home .message_movie::after {
		background: center / contain no-repeat;
	}
	#isocal .c-home .message_movie::before {
		top: calc(100% + 24vw / 4.8);
		left: 3%;
		width: calc(112vw / 4.8);
		height: calc(119vw / 4.8);
		background-image: url(../img/message_cloud_bl.svg);
	}
	#isocal .c-home .message_movie::after {
		top: calc(100% + 32vw / 4.8);
		right: 0;
		width: calc(125vw / 4.8);
		height: calc(80vw / 4.8);
		background-image: url(../img/message_cloud_br.svg);
	}
}

/**
 * 低栄養について
 * ---------------------------------------- */
#isocal .c-home.p-isocal .p-nutrition {
	padding-top: 120px;
	text-align: center;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_about_bg.svg?v=1679391433') center, linear-gradient(to right, #ffc2ba, #ffd9d5);
}
#isocal .c-home .nutrition_title {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-bottom: .3em;
	border-bottom: 3px solid currentcolor;
	color: #dd1e79;
	font-size: 28px;
	font-weight: 900;
    font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-home .nutrition_title b {
	font-size: 35px;
}
#isocal .c-home .nutrition_sub {
	margin-top: 24px;
	color: #dd1e79;
	line-height: 1.4;
	font-weight: 700;
    font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-home .nutrition_sub b {
	font-weight: 900;
}
#isocal .c-home .p-nutrition .nutrition_lead {
	margin-top: .5em;
	font-weight: 700;
}
#isocal .c-home .nutrition_figure {
	position: relative;
	max-width: 800px;
	margin: 32px auto 0;
	padding: 16px 49px 32px;
	border: 1px solid #d51e79;
	border-radius: 10px;
	background: #fff;
}
#isocal .c-home .nutrition_figure .message {
	margin: 0 -1em 24px;
	color: #1f2880;
	font-weight: 900;
	white-space: nowrap;
}
#isocal .c-home .nutrition_figure figcaption {
	position: absolute;
	left: 16px;
	bottom: 12px;
	width: calc(100% - 32px);
	font-size: 10px;
	line-height: 1.2;
	letter-spacing: 0;
}
#isocal .c-home .p-nutrition button.c-button {
	margin: 40px auto 0;
	border-color: #fff;
	color: #dd1e79;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-home .p-nutrition button.c-button:hover {
		color: #fff;
		background: #dd1e79;
	}
}
@media (min-width: 768px) {
	#isocal .c-home .nutrition_sub {
		font-size: calc(32vw / 10);
	}
	#isocal .c-home .nutrition_sub b {
		font-size: calc(36vw / 10);
	}
	#isocal .c-home .p-nutrition .nutrition_lead {
		font-size: calc(20vw / 10);
	}
	#isocal .c-home .nutrition_figure .message {
		font-size: calc(36vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-home .nutrition_sub {
		font-size: 32px;
	}
	#isocal .c-home .nutrition_sub b {
		font-size: 36px;
	}
	#isocal .c-home .p-nutrition .nutrition_lead {
		font-size: 20px;
	}
	#isocal .c-home .nutrition_figure .message {
		font-size: 36px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home.p-isocal .p-nutrition {
		padding-top: 80px;
	}
	#isocal .c-home .nutrition_title {
		font-size: calc(28vw / 4.8);
	}
	#isocal .c-home .nutrition_title b {
		font-size: calc(35vw / 4.8);
	}
	#isocal .c-home .nutrition_sub {
		font-size: calc(32vw / 4.8);
	}
	#isocal .c-home .nutrition_sub b {
		font-size: calc(36vw / 4.8);
	}
	#isocal .c-home .p-nutrition .nutrition_lead {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-home .nutrition_figure .message {
		font-size: calc(29vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-home .nutrition_figure figcaption {
		font-size: calc(10vw / 4.8);
	}
}

/* :::::: プルダウンの中身 :::::: */
#isocal .c-home .p-nutrition .nutrition_theme {
	font-size: 27px;
	line-height: 1.5;
}
#isocal .c-home .nutrition_theme {
	position: relative;
	padding: 1em;
	border-radius: 10px;
	color: #fff;
	background: #e31e79;
}
#isocal .c-home .nutrition_theme::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: calc(50% - 12px);
	border-width: 20px 12px 0;
	border-style: solid;
	border-color: transparent;
	border-top-color: #e31e79;
}
#isocal .c-home .nutrition_theme,
#isocal .c-home .nutrition_section,
#isocal .c-home .nutrition_summary {
	max-width: 800px;
	margin: 40px auto 0;
}
@media (max-width: 767px) {
	#isocal .c-home .p-nutrition .nutrition_theme {
		font-size: calc(22vw / 4.8);
	}
}
/* からだを動かすためには十分なカロリーが必要です。 */
#isocal .c-home .nutrition_section {
	padding: 40px 24px;
	border: 1px solid #e31e79;
	border-radius: 10px;
	background: #fff;
}
#isocal .c-home .theme_title {
	padding-bottom: .5em;
	color: #e31e79;
	font-size: 27px;
	line-height: 1.4;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_dot_underline_g.svg?v=1679391433') center bottom repeat-x;
}
#isocal .c-home .theme_title b {
	font-size: 34px;
}
#isocal .c-home .p-nutrition .theme_lead {
	font-size: 20px;
	line-height: 1.2;
}
#isocal .c-home .theme_lead {
	display: inline-block;
	margin-top: 24px;
	text-align: left;
}
#isocal .c-home .theme_lead em {
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
}
#isocal .c-home .theme_lead em::before {
	content: "";
	display: inline-block;
	width: .7em;
	height: .7em;
	margin-right: .3em;
	border-radius: .7em;
	background: currentcolor;
}
#isocal .c-home .theme_lead .l1::before,
#isocal .c-home .theme_lead .l1 strong {
	color: #3f92de;
}
#isocal .c-home .theme_lead .l2::before,
#isocal .c-home .theme_lead .l2 strong {
	color: #e33573;
}
#isocal .c-home .theme_lead strong {
	margin-left: .2em;
	font-size: 38px;
}
#isocal .c-home .theme_lead .unit {
	font-size: 27px;
	vertical-align: inherit;
}
#isocal .c-home .theme_lead small {
	display: inline-block;
	margin-top: 1em;
	font-size: 10px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	#isocal .c-home .theme_title {
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-home .theme_title b {
		font-size: calc(30vw / 4.8);
	}
	#isocal .c-home .p-nutrition .theme_lead {
		font-size: calc(16vw / 4.8);
		line-height: 1.6;
		white-space: nowrap;
	}
	#isocal .c-home .theme_lead em {
		font-size: calc(18vw / 4.8);
		line-height: 1.2;
	}
	#isocal .c-home .theme_lead strong {
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-home .theme_lead .unit {
		font-size: calc(20vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-home .theme_lead small {
		font-size: calc(10vw / 4.8);
	}
}
/* コラム */
#isocal .c-home .nutrition_column {
	margin-top: 24px;
	padding: 0 24px 24px;
	border: 1px solid #e31e79;
	border-radius: 10px;
}
#isocal .c-home .nutrition_column:nth-of-type(n+2) {
	margin-top: 40px;
}
#isocal .c-home .nutrition_column .title {
	margin: 0 -24px;
	padding: .5em;
	border-bottom: 1px solid #e31e79;
	border-radius: 10px 10px 0 0;
	color: #e31e79;
	font-size: 28px;
	line-height: 1.2;
	background: #ffdde1 url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_about_bg.svg?v=1679391433') center / 6px 6px;
}
#isocal .c-home .nutrition_column .title .s {
	position: relative;
	top: -.3em;
	font-size: 20px;
}
#isocal .c-home .nutrition_column .q {
	margin-top: 24px;
	font-size: 24px;
	line-height: 1.8;
	font-weight: 700;
}
#isocal .c-home .nutrition_column .q span {
	padding-bottom: .2em;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_dot_underline_a.svg?v=1681463519') center bottom repeat-x;
}
#isocal .c-home .nutrition_column .figure {
	position: relative;
	margin-top: 24px;
}
#isocal .c-home .nutrition_column figcaption,
#isocal .c-home .nutrition_column .figure .note {
	font-size: 10px;
	line-height: 1.4;
}
#isocal .c-home .nutrition_column:nth-of-type(2) figcaption {
	text-align: left;
}
@media (min-width: 768px) {
	#isocal .c-home .nutrition_column figcaption {
		position: absolute;
	}
	#isocal .c-home .nutrition_column:nth-of-type(1) figcaption {
		bottom: 0;
		left: 5%;
	}
	#isocal .c-home .nutrition_column:nth-of-type(2) figcaption {
		right: 0;
		bottom: 1.4em;
		width: calc(196vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-home .nutrition_column:nth-of-type(2) figcaption {
		width: 196px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-home .nutrition_column figcaption,
	#isocal .c-home .nutrition_column .figure .note {
		font-size: calc(10vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-home .nutrition_column {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
	#isocal .c-home .nutrition_column .title {
		margin-right: calc(-24vw / 4.8);
		margin-left: calc(-24vw / 4.8);
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-home .nutrition_column .title .s {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-home .nutrition_column .q {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-home .nutrition_column:nth-of-type(1) figcaption {
		margin-top: 1em;
	}
}
@media (max-width: 480px) {
	#isocal .c-home .nutrition_column figcaption,
	#isocal .c-home .nutrition_column .figure .note {
		font-size: calc(10vw / 4.8);
	}
}
/* 栄養補助食品を上手に使おう */
#isocal .c-home .nutrition_summary {
	position: relative;
}
#isocal .c-home .nutrition_summary::before,
#isocal .c-home .nutrition_summary::after {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: 0;
	width: 139px;
	height: 163px;
	background:center / cover no-repeat;
}
#isocal .c-home .nutrition_summary::before {
	left: 0;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_summary_title_l.svg?v=1679392362');
}
#isocal .c-home .nutrition_summary::after {
	right: 0;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_summary_title_r.svg?v=1679392362');
}
#isocal .c-home .summary_title {
	color: #e31e79;
	font-size: 32px;
    font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-home .summary_title b {
	font-size: 36px;
}
#isocal .c-home .nutrition_summary p {
	margin-top: .5em;
	font-size: 20px;
	font-weight: 700;
}
#isocal .c-home .nutrition_summary p span {
	padding-bottom: .2em;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_dot_underline_w.svg?v=1680172714') center bottom repeat-x;
}
@media (min-width: 768px) {
	#isocal .c-home .summary_title,
	#isocal .c-home .nutrition_summary p {
		letter-spacing: .16em;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .summary_title {
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-home .summary_title b {
		font-size: calc(30vw / 4.8);
	}
	#isocal .c-home .nutrition_summary p {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-home .nutrition_summary::before,
	#isocal .c-home .nutrition_summary::after {
		width: 56px;
		height: 65px;
	}
}

/**
 * 選べてわたせるネスレの少量高カロリーコンパクト栄養食
 * ---------------------------------------- */
#isocal .c-home.p-isocal .p-products {
	text-align: center;
    margin: 0;
}
#isocal .c-home .p-products .deco {
    position: inherit;
}
#isocal .c-home .p-products .section_inner {
	max-width: 1000px;
}
#isocal .c-home .products_title {
	color: #1f2880;
	font-weight: 700;
    line-height: 1.6;
    font-family: Noto Sans,sans-serif;
}
#isocal .c-home .products_title b {
	font-weight: 900;
}
#isocal .c-home .products_title .mplus {
	font-size: 42px;
	line-height: 1.4;
	font-weight: 800;
}
#isocal .c-home.p-isocal .products_lead {
	margin-top: 1em;
	font-size: 17px;
	font-weight: 500;
}
#isocal .c-home .products_title {
    font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 768px) {
	#isocal .c-home .products_title {
		font-size: calc(30vw / 9);
	}
	#isocal .c-home .products_title b {
		font-size: calc(38vw / 9);
	}
}
@media (min-width: 900px) {
	#isocal .c-home .products_title {
		font-size: 30px;
	}
	#isocal .c-home .products_title b {
		font-size: 38px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .products_title {
		font-size: calc(23vw / 4.8);
	}
	#isocal .c-home .products_title b {
		font-size: calc(30vw / 4.8);
	}
	#isocal .c-home .products_title .mplus {
		font-size: calc(36vw / 4.8);
	}
	#isocal .c-home.p-isocal .products_lead {
		margin-top: .5em;
		font-size: calc(14vw / 4.8);
	}
}

/* :::::: アンカー :::::: */
@media (max-width: 767px) {
	#isocal .c-home .products_anchor {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 24px;
	}
	#isocal .c-home .products_anchor li {
		flex-basis: calc(50% - 4px);
	}
	#isocal .c-home .products_anchor li:nth-child(n+3) {
		margin-top: 8px;
	}
	#isocal .c-home .products_anchor .c-button {
		width: auto;
		height: calc(80vw / 4.8);
		border-width: 1px;
		color: #1f2880;
		font-size: calc(18vw / 4.8);
		line-height: 1.2;
		letter-spacing: 0;
	}
	#isocal .c-home .products_anchor li:first-child .c-button {
		border-color: #368fc9;
		background: #97c6ff;
	}
	#isocal .c-home .products_anchor li:nth-child(2) .c-button {
		padding-top: .2em;
		border-color: #dcac00;
		background: #ffd27c;
	}
	#isocal .c-home .products_anchor li:nth-child(3) .c-button {
		padding-top: .1em;
		padding-left: .3em;
		border-color: #368fc9;
		background: #e4f0ff;
	}
	#isocal .c-home .products_anchor li:nth-child(3) .c-button::after {
		margin-left: .2em;
	}
	#isocal .c-home .products_anchor li:nth-child(4) .c-button {
		border-color: #dec397;
		background: #fbf0d8;
	}
}

/**
 * 飲む栄養 / 食べる栄養
 * ---------------------------------------- */
#isocal .c-home .products_container {
	display: -ms-grid;
	display: grid;
	margin-top: 48px;
}
#isocal .c-home .product_drink {
	background: #9ccbff;
}
#isocal .c-home .product_jelly {
	background: #ffd77c;
}
#isocal .c-home .product_drink > *,
#isocal .c-home .product_jelly > * {
	z-index: 1;
	position: relative;
}
#isocal .c-home .products_container .bg {
	position: relative;
	margin: 0 16px 40px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-home .p-products {
   max-width: inherit;
}
@media (min-width: 768px) {
	#isocal .c-home .products_container {
		-ms-grid-rows: (auto)[4];
		-ms-grid-columns: (50%)[2];
		grid-template: repeat(4, auto) / repeat(2, 50%);
	}
	#isocal .c-home .product_drink.-head {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: 1 / 1 / 2 / 2;
	}
	#isocal .c-home .product_drink.-photo {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		grid-area: 2 / 1 / 3 / 2;
	}
	#isocal .c-home .product_drink.-features {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		grid-area: 3 / 1 / 4 / 2;
	}
	#isocal .c-home .product_drink.-list {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
		grid-area: 4 / 1 / 5 / 2;
	}
	#isocal .c-home .product_jelly.-head {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: 1 / 2 / 2 / 3;
	}
	#isocal .c-home .product_jelly.-photo {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: 2 / 2 / 3 / 3;
	}
	#isocal .c-home .product_jelly.-features {
		-ms-grid-row: 3;
		-ms-grid-column: 2;
		grid-area: 3 / 2 / 4 / 3;
	}
	#isocal .c-home .product_jelly.-list {
		-ms-grid-row: 4;
		-ms-grid-column: 2;
		grid-area: 6 / 2 / 7 / 3;
	}
	#isocal .c-home .products_container .bg.-drink {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-row-span: 3;
		grid-area: 2 / 1 / 5 / 2;
	}
	#isocal .c-home .products_container .bg.-jelly {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		-ms-grid-row-span: 3;
		grid-area: 2 / 2 / 7 / 3;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .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);
	}
	#isocal .c-home .products_container > * {
		grid-column: 1 / 2;
	}
	#isocal .c-home .product_drink.-head {
		-ms-grid-row: 1;
		grid-row: 1 / 2;
	}
	#isocal .c-home .product_drink.-photo {
		-ms-grid-row: 2;
		grid-row: 2 / 3;
	}
	#isocal .c-home .product_drink.-features {
		-ms-grid-row: 3;
		grid-row: 3 / 4;
	}
	#isocal .c-home .product_drink.-list {
		-ms-grid-row: 4;
		grid-row: 4 / 5;
	}
	#isocal .c-home .product_jelly.-head {
		-ms-grid-row: 5;
		grid-row: 5 / 6;
	}
	#isocal .c-home .product_jelly.-photo {
		-ms-grid-row: 6;
		grid-row: 6 / 7;
	}
	#isocal .c-home .product_jelly.-features {
		-ms-grid-row: 7;
		grid-row: 7 / 8;
	}
	#isocal .c-home .product_jelly.-list {
		-ms-grid-row: 8;
		grid-row: 8 / 9;
	}
	#isocal .c-home .products_container .bg.-drink {
		-ms-grid-row: 1;
		-ms-grid-row-span: 4;
		grid-row: 2 / 5;
	}
	#isocal .c-home .products_container .bg.-jelly {
		-ms-grid-row: 5;
		-ms-grid-row-span: 4;
		grid-row: 6 / 9;
	}
}

/* :::::: タイトル :::::: */
#isocal .c-home .products_container .-head {
	padding: 40px 16px 24px;
}
#isocal .c-home .product_title {
	color: #1f2880;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
    margin-top: 30px;
    margin-bottom: -20px;
    display: block;
    flex-direction: inherit;
}
#isocal .c-home .product_title::before {
  content: inherit;
}
#isocal .c-home .product_title .tagline {
	position: relative;
	margin: 0 -.5em;
	padding: 0 32px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_product_title_l.svg?v=1679393212') center left / 22px 27px no-repeat,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_product_title_r.svg?v=1679393212') center right / 22px 27px no-repeat;
}
#isocal .c-home .product_title .tagline .nkgr {
	font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-home .product_title.mplus,
#isocal .c-home .product_title .mplus {
	font-weight: 800;
}
#isocal .c-home .product_title .logo {
	display: block;
	width: 208px;
	margin: 0 auto;
	filter: drop-shadow(-3px 3px 3px rgba(0,0,0,.3));
}
#isocal .c-home .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;
}
#isocal .c-home .product_title .num {
	position: relative;
	bottom: -.08em;
	padding: 0 .05em;
	line-height: 1;
}
@media (min-width: 768px) {
	#isocal .c-home .products_container .-head {
		border-radius: 20px 20px 0 0;
	}
	#isocal .c-home .product_title {
		font-size: calc(22vw / 10);
	}
	#isocal .c-home .product_title.mplus,
	#isocal .c-home .product_title .mplus {
		font-size: calc(30vw / 10);
	}
	#isocal .c-home .product_drink.-head .logo {
		margin-top: calc(24vw / 10);
	}
	#isocal .c-home .product_jelly.-head .logo {
		margin-top: calc(16vw / 10);
	}
	#isocal .c-home .product_title .num {
		font-size: calc(52vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-home .product_title {
		font-size: 22px;
	}
	#isocal .c-home .product_title.mplus,
	#isocal .c-home .product_title .mplus {
		font-size: 30px;
	}
	#isocal .c-home .product_drink.-head .logo {
		margin-top: 24px;
	}
	#isocal .c-home .product_jelly.-head .logo {
		margin-top: 16px;
	}
	#isocal .c-home .product_title .num {
		font-size: 52px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .product_jelly.-head {
		margin-top: 40px;
	}
	#isocal .c-home .product_title {
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-home .-head .product_title {
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-home .product_title.mplus,
	#isocal .c-home .product_title .mplus {
		font-size: calc(30vw / 4.8);
	}
	#isocal .c-home .-head .product_title .mplus {
		font-size: calc(40vw / 4.8);
	}
	#isocal .c-home .product_title .logo {
		margin-top: calc(16vw / 4.8);
	}
	#isocal .c-home .product_title .num {
		font-size: calc(52vw / 4.8);
	}
}

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

/* :::::: 特徴 :::::: */
#isocal .c-home .products_container .-features {
	padding: 24px 40px 0;
}
#isocal .c-home .features_list {
	margin: 16px auto 0;
}
#isocal .c-home .features_list img {
	border: 1px solid #1f2980;
	border-radius: 6px;
}
#isocal .c-home .product_drink .features_list img {
	background: linear-gradient(to right, #d2e9ef, #eff6f8);
}
#isocal .c-home .product_jelly .features_list img {
	background: linear-gradient(to right, #ffeab9, #f8f6e3);
}
#isocal .c-home .features_list li:nth-child(n+2) {
	margin-top: 8px;
}
#isocal .c-home .features_list + .note {
	margin-top: 12px;
	font-size: 10px;
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: 0;
	text-align: left;
}
#isocal .c-home .features_list + .note .word {
	display: inline-block;
}
@media (min-width: 768px) {
	#isocal .c-home .product_drink.-features .product_title {
		padding: .6em 0;
	}
}
@media (min-width: 1000px) {
#isocal .c-home .features_list li:nth-child(n+2) {
	margin-top: 12px;
}
}
@media (max-width: 767px) {
	#isocal .c-home .products_container .-features {
		padding-right: calc(40vw / 4.8);
		padding-left: calc(40vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-home .features_list + .note {
		font-size: calc(10vw / 4.8);
	}
}

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

/* :::::: アイソカル®100 :::::: */
#isocal .c-home .product_drink .product_list li:nth-child(5n+2),
#isocal .c-home .product_drink .product_list li:nth-child(5n+5),
#isocal .c-home .product_drink .product_list li:nth-child(5n) {
	margin-left: 2%;
}
#isocal .c-home .product_drink .product_list figure {
	max-width: 75px;
}
#isocal .c-home .product_jelly .product_list .is-new,
#isocal .c-home .product_drink .product_list .is-new {
	position: relative;
}
#isocal .c-home .product_drink .note small,
#isocal .c-home .product_jelly .note small {
    color: #000;
}
#isocal .c-home .product_jelly .product_list .is-new::after {
	top: -32px;
	left: -24px;
}

#isocal .c-home .product_drink .product_list .shadow::before {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_drink_shadow.png?v=1679391261') center / cover no-repeat;
}
#isocal .c-home .product_drink .product_list figcaption {
	margin: 16px -24px 0;
}

@media (min-width: 768px) {
	#isocal .c-home .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) {
	#isocal .c-home .product_drink .product_list .shadow::before {
		bottom: -3px;
		left: -2px;
		width: 140px;
		height: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1128px) {
	#isocal .c-home .product_drink .product_list figure {
		max-width: calc(75vw / 11.28);
	}
	#isocal .c-home .product_drink .product_list figcaption {
		margin-right: calc(-24vw / 11.28);
		margin-left: calc(-24vw / 11.28);
	}
	#isocal .c-home .product_jelly .product_list .is-new::after,
	#isocal .c-home .product_drink .product_list .is-new::after {
		top: calc(12vw / 11.28);
		left: calc(-8vw / 11.28);
		width: calc(64vw / 11.28);
		height: calc(64vw / 11.28);
		font-size: calc(17vw / 11.28);
	}
	#isocal .c-home .product_jelly .product_list .is-new::after {
		top: calc(-32vw / 11.28);
		left: calc(-24vw / 11.28);
	}
}
@media (max-width: 767px) {
	#isocal .c-home .product_jelly .product_list .is-new::after,
	#isocal .c-home .product_drink .product_list .is-new::after {
		top: calc(12vw / 4.8);
		left: calc(-8vw / 4.8);
		width: calc(56vw / 4.8);
		height: calc(56vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-home .product_jelly .product_list .is-new::after {
		top: calc(-56vw / 11.28);
		left: calc(-40vw / 11.28);
	}
	#isocal .c-home .product_drink .product_list figure {
		max-width: calc(75vw / 4.8);
	}
	#isocal .c-home .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);
	}
	#isocal .c-home .product_drink .product_list figcaption {
		margin-right: calc(-24vw / 4.8);
		margin-left: calc(-24vw / 4.8);
	}
}

/* :::::: アイソカル®ゼリーハイカロリー :::::: */
#isocal .c-home .product_jelly .product_list li:nth-child(3n+2),
#isocal .c-home .product_jelly .product_list li:nth-child(3n+3) {
	margin-left: 2%;
}
#isocal .c-home .product_jelly .product_list .shadow::before {
	bottom: 0;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/jelly_shadow.png?37250) center / cover no-repeat;
}
@media (min-width: 768px) {
	#isocal .c-home .product_jelly .product_list figure {
		max-width: calc(104vw / 11.28);
	}
	#isocal .c-home .product_jelly .product_list .shadow {
		padding-bottom: calc(8vw / 11.28);
	}
	#isocal .c-home .product_jelly .product_list .shadow::before {
		left: calc(50% - 40vw / 11.28);
		width: calc(80vw / 11.28);
		height: calc(46vw / 11.28);
	}
	#isocal .c-home .product_jelly .product_list figcaption {
		margin: 4px calc(-8vw / 11.28) 0;
	}
}
@media (min-width: 1128px) {
	#isocal .c-home .product_jelly .product_list figure {
		max-width: 104px;
	}
	#isocal .c-home .product_jelly .product_list .shadow {
		padding-bottom: 8px;
	}
	#isocal .c-home .product_jelly .product_list .shadow::before {
		left: calc(50% - 40px);
		width: 80px;
		height: 46px;
	}
	#isocal .c-home .product_jelly .product_list figcaption {
		margin: 4px -8px 0;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .product_jelly .product_list figure {
		max-width: calc(104vw / 4.8);
	}
	#isocal .c-home .product_jelly .product_list .shadow {
		padding-bottom: calc(8vw / 4.8);
	}
	#isocal .c-home .product_jelly .product_list .shadow::before {
		left: calc(50% - 40vw / 4.8);
		width: calc(80vw / 4.8);
		height: calc(46vw / 4.8);
	}
	#isocal .c-home .product_jelly .product_list li:nth-child(n+4) {
		margin-top: calc(32vw / 4.8);
	}
}

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

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

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

/**
 * シリーズ
 * ---------------------------------------- */
#isocal .c-home .p-isocalseries {
	position: relative;
	max-width: 800px;
	margin: 96px auto 0;
	padding: 64px 40px 48px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 5px 5px 10px rgb(0,0,0,.1);
}
#isocal .c-home .p-isocalseries .series_title {
	position: absolute;
	top: -1em;
	left: 0;
	width: 100%;
	color: #1f2883;
	font-size: 27px;
	font-weight: 700;
}
#isocal .c-home .p-isocalseries .series_title .underline {
	padding-bottom: .3em;
	border-bottom: 2px solid currentcolor;
}
#isocal .c-home .p-isocalseries .series_title b {
	font-size: 120%;
}
@media (min-width: 768px) {
	#isocal .c-home .p-isocalseries .series_title .underline {
		padding-bottom: .2em;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .p-isocalseries {
		padding: 48px calc(16vw / 4.8) 40px;
	}
	#isocal .c-home .p-isocalseries .series_title {
		top: -2em;
		font-size: calc(27vw / 4.8);
		line-height: 1.2;
	}
	#isocal .c-home .p-isocalseries .series_title .underline {
		display: inline-block;
	}
}
#isocal .c-home .p-isocalseries .series_container {
	position: relative;
	border-radius: 10px;
	padding: 24px 40px 32px;
}
#isocal .c-home .p-isocalseries.-pouch .series_container {
	background: #fbf0d8;
}
#isocal .c-home .p-isocalseries.-tpmp .series_container {
	background: #e9f3ff;
}

/* :::::: パウチゼリー :::::: */
#isocal .c-home .pouch_title {
	position: relative;
}
#isocal .c-home .pouch_title .emblem {
	position: absolute;
	top: 0;
	right: 6%;
	width: 36%;
	filter: drop-shadow(0 3px 3px rgba(0,0,0,.3));
}
#isocal .c-home .p-isocalseries .pouch_lineup .pouch_title {
	width: 90%;
	margin: 0 auto;
}
#isocal .c-home .p-isocalseries .pouch_lineup .title {
    margin: 0;
}
#isocal .c-home .p-isocalseries .pouch_lineup .title .image {
	margin-top: -48px;
}
#isocal .c-home .p-isocalseries .pouch_lineup .title .image img {
	border-radius: 10px;
}
#isocal .c-home .p-isocalseries .pouch_lineup .note {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 12px;
	line-height: 1.2;
}
@media (min-width: 768px) {
	#isocal .c-home .p-isocalseries .pouch_lineup {
		display: grid;
		grid-template: auto auto / 50% 50%;
		justify-items: center;
		align-items: center;
	}
	#isocal .c-home .p-isocalseries .pouch_lineup .title {
		grid-area: 1 / 1 / 3 / 2;
	}
	#isocal .c-home .p-isocalseries .pouch_lineup .c-pop {
		grid-area: 1 / 2;
		align-self: flex-end;
	}
	#isocal .c-home .p-isocalseries .pouch_lineup .visual {
		grid-area: 2 / 2;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .p-isocalseries .pouch_lineup {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/* :::::: ビタミンプラス・ミネラルプラス :::::: */
#isocal .c-home .p-isocalseries .vpmp_lineup {
	display: flex;
}
#isocal .c-home .p-isocalseries .vpmp_lineup .item {
	flex-basis: calc(50% - 16px);
	display: flex;
	flex-direction: column;
	align-items: center;
}
#isocal .c-home .p-isocalseries .vpmp_lineup .title {
	position: relative;
	width: 143px;
    margin: 0;
}
#isocal .c-home .p-isocalseries .vpmp_lineup .title img {
	width: 100%;
}
#isocal .c-home .p-isocalseries .vpmp_lineup .title .emblem {
	display: block;
	padding-bottom: 20%;
}
#isocal .c-home .p-isocalseries .vpmp_lineup .title .type {
	position: absolute;
	bottom: 0;
	left: -10%;
	width: 120%;
}
@media (min-width: 480px) {
	#isocal .c-home .p-isocalseries .vpmp_lineup {
		justify-content: space-between;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	#isocal .c-home .p-isocalseries .vpmp_lineup .item {
		max-width: 50%;
	}
	#isocal .c-home .p-isocalseries .vpmp_lineup .title {
		width: calc(80vw / 4.8);
	}
}
@media (max-width: 767px) {
	#isocal .c-home .p-isocalseries .series_container {
		padding: 16px 0 40px;
	}
}
@media (max-width: 479px) {
	#isocal .c-home .p-isocalseries .vpmp_lineup {
		flex-direction: column;
	}
	#isocal .c-home .p-isocalseries .vpmp_lineup .item.-mp {
		margin-top: 24px;
	}
}
/* キャッチコピー */
#isocal .c-home .p-isocalseries .c-pop {
	position: relative;
	margin-top: 8px;
	padding: 0 32px;
	font-size: 19px;
	line-height: 1.2;
	font-weight: 700;
	white-space: nowrap;
}
#isocal .c-home .p-isocalseries .-pouch .c-pop { color: #915000; }
#isocal .c-home .p-isocalseries .-tp .c-pop { color: #00a63c; }
#isocal .c-home .p-isocalseries .-mp .c-pop { color: #0068b6; }
#isocal .c-home .p-isocalseries .c-pop b {
	font-size: 115%;
}
#isocal .c-home .p-isocalseries .c-pop svg {
	position: absolute;
	bottom: .2em;
	fill: currentcolor;
}
#isocal .c-home .p-isocalseries .c-pop svg:first-child { left: 0; }
#isocal .c-home .p-isocalseries .c-pop svg:last-child { right: 0; }
@media (min-width: 480px) and (max-width: 767px) {
	#isocal .c-home .p-isocalseries .c-pop {
		padding: 0 calc(24vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
}
@media (max-width: 479px) {
	#isocal .c-home .p-isocalseries .c-pop {
		font-size: calc(22vw / 4.8);
	}
}
/* 商品画像 */
#isocal .c-home .p-isocalseries .visual {
	max-width: 160px;
	margin-top: 8px;
}
#isocal .c-home .p-isocalseries.-pouch .visual {
	max-width: 132px;
}
#isocal .c-home .p-isocalseries .is-hc,
#isocal .c-home .p-isocalseries .is-new {
	position: relative;
}
#isocal .c-home .p-isocalseries .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;
}
#isocal .c-home .p-isocalseries .is-hc::before {
	content: "高たんぱく";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -1.8em;
	left: -4em;
	width: 80px;
	height: 80px;
	padding-bottom: .2em;
	border-radius: 64px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
}
#isocal .c-home .p-isocalseries .-pouch .is-new::before {
	top: 12px;
	left: calc(100% - 20px);
	background: #ff7600;
}
#isocal .c-home .p-isocalseries .-pouch .is-hc::before {
	top: 12px;
	left: calc(100% - 20px);
	background: #ff7600;
}
#isocal .c-home .p-isocalseries .-tp .is-new::before { background: #5fbe5a; }
#isocal .c-home .p-isocalseries .is-hc::before { background: #f494a7; }
#isocal .c-home .p-isocalseries .-mp .is-new::before { background: #66b6e6; }
#isocal .c-home .jelly_image .shadow {
	position: relative;
	display: inline-block;
}
#isocal .c-home .jelly_image .shadow::before {
	content: "";
	position: absolute;
	bottom: -8%;
	left: 10%;
	width: 80%;
	height: 40%;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/jelly_shadow.png?37250) center / 100% 100% no-repeat;
}
#isocal .c-home .jelly_image .shadow img {
	position: relative;
}
#isocal .c-home .pouch_image {
	position: relative;
}
#isocal .c-home .pouch_image .shadow {
	max-width: 114px;
}
#isocal .c-home .pouch_image .shadow::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 10%;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/itj_drink_shadow.png?v=1680177282') center / 100% 100% no-repeat;
}
#isocal .c-home .pouch_image .shadow img {
	position: relative;
}
@media (min-width: 480px) and (max-width: 767px) {
	#isocal .c-home .p-isocalseries .visual {
		max-width: calc(120vw / 4.8);
	}
	#isocal .c-home .p-isocalseries .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);
	}
}
#isocal .c-home .p-isocalseries .c-button {
	position: absolute;
	bottom: -24px;
	left: calc(50% - 107px);
}
#isocal .c-home .p-isocalseries .c-purchasebutton {
	margin-top: 64px;
}
@media (max-width: 767px) {
	#isocal .c-home .p-isocalseries .c-button {
		left: calc(50% - 107vw / 4.8);
	}
}
/* :::::: ComingSoon ::::::
.vpmp_lineup .is-comingsoon .visual {
	pointer-events: none;
	opacity: .3;
}
.vpmp_lineup .is-comingsoon {
	position: relative;
}
.vpmp_lineup .is-comingsoon::after {
	content: "Coming Soon";
	position: absolute;
	top: calc(56% + 1em);
	left: 0;
	width: 100%;
	color: #3aa1df;
	font-size: 32px;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 900;
	letter-spacing: .1em;
	text-shadow: 0 4px 4px white, 4px 0 4px white, 0 -4px 4px white, -4px 0 4px white,
		4px 4px 4px white, 4px -4px 4px white, -4px -4px 4px white, -4px 4px 4px white;
}
@media (min-width: 480px) and (max-width: 767px) {
	.vpmp_lineup .is-comingsoon::after {
		font-size: calc(24vw / 4.8);
	}
}
@media (max-width: 479px) {
	.vpmp_lineup .is-comingsoon::after {
		top: calc(60% + 1em);
		font-size: calc(32vw / 4.8);
	}
} */

/**
 * よくある質問
 * ---------------------------------------- */
#isocal .c-home.p-isocal .p-faq {
	text-align: center;
}
#isocal .c-home .p-faq .section_inner {
	padding: 0 40px 80px;
	border-radius: 10px;
	background: #ffe8c4;
}
#isocal .c-home .faq_title {
	position: relative;
	top: -1em;
	padding-bottom: 16px;
	color: #1f2880;
	font-weight: 700;
	text-align: center;
	background: center bottom / contain no-repeat;
}
#isocal .c-home .faq_title.is-inview {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_faq_bg.svg?v=1679395537');
}
#isocal .c-home .faq_section {
	position: relative;
	margin-top: 24px;
}
#isocal .c-home .faq_section::before {
	content: "";
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	height: 24px;
	border-radius: 0 0 10px 10px;
	background: #fff;
}
#isocal .c-home .faq_section:nth-of-type(n+2) {
	margin-top: 48px;
}
#isocal .c-home .faq_section_title {
	color: #1f2880;
	line-height: 1.2;
	font-weight: 800;
}
#isocal .c-home .faq_list {
	margin-top: 24px;
	background: #fff;
	text-align: left;
	border-radius: 10px 10px 0 0;
}
#isocal .c-home .faq_list li {
	position: relative;
}
#isocal .c-home .faq_list li::before {
	content: "";
	position: absolute;
	top: 0;
	height: 2px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_faq_line.svg?v=1679395744') center top repeat-x;
}
#isocal .c-home .faq_section > .faq_list li:first-child::before {
	display: none;
}
#isocal .c-home .faq_section .faq_list.pull_inner {
	margin-top: 0;
	border-radius: 0;
}
#isocal .c-home .faq_list dt,
#isocal .c-home .faq_list dd {
	position: relative;
}
#isocal .c-home .faq_list dt {
	color: #1f2880;
	font-weight: 700;
}
#isocal .c-home .faq_list dt::before,
#isocal .c-home .faq_list dd::before {
	content: "";
	position: absolute;
	left: 0;
	margin-right: 8px;
}
#isocal .c-home .faq_list dt::before {
	bottom: -.5em;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_faq_q.svg?v=1679395537') center / contain no-repeat;
}
#isocal .c-home .faq_list dd::before {
	bottom: -.9em;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_faq_a.svg?v=1679395537') center / contain no-repeat;
}
#isocal .c-home .faq_section .c-button {
	position: relative;
	margin: 0 auto;
}
@media (min-width: 768px) {
	#isocal .c-home .faq_title {
		font-size: calc(23vw / 10);
	}
	#isocal .c-home .faq_section_title {
		font-size: calc(32vw / 10);
	}
	#isocal .c-home .faq_list li {
		padding: 20px calc(40vw / 10);
	}
	#isocal .c-home .faq_list li::before {
		right: calc(40vw / 10);
		left: calc(40vw / 10);
	}
	#isocal .c-home .faq_list dt,
	#isocal .c-home .faq_list dd {
		padding: .5em 0 .5em calc(52vw / 10);
	}
	#isocal .c-home .faq_list dt {
		font-size: calc(21vw / 10);
	}
	#isocal .c-home .faq_list dd {
		font-size: calc(16vw / 10);
	}
	#isocal .c-home .faq_list dt::before,
	#isocal .c-home .faq_list dd::before {
		top: calc(1.2em - 20vw / 10);
		width: calc(44vw / 10);
		height: calc(40vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-home .faq_title {
		font-size: 23px;
	}
	#isocal .c-home .faq_section_title {
		font-size: 32px;
	}
	#isocal .c-home .faq_list li {
		padding: 20px 40px;
	}
	#isocal .c-home .faq_list li::before {
		right: 40px;
		left: 40px;
	}
	#isocal .c-home .faq_list dt,
	#isocal .c-home .faq_list dd {
		padding: .5em 0 .5em 52px;
	}
	#isocal .c-home .faq_list dt {
		font-size: 21px;
	}
	#isocal .c-home .faq_list dd {
		font-size: 16px;
	}
	#isocal .c-home .faq_list dt::before,
	#isocal .c-home .faq_list dd::before {
		top: calc(1.2em - 20px);
		width: 44px;
		height: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .p-faq .section_inner {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
	#isocal .c-home .faq_title {
		margin-right: calc(-24vw / 4.8);
		margin-left: calc(-24vw / 4.8);
		font-size: calc(23vw / 4.8);
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_faq_bg_mb.svg?v=1679397461');
	}
	#isocal .c-home .faq_title span {
		position: relative;
		top: .3em;
	}
	#isocal .c-home .faq_section_title {
		font-size: calc(32vw / 4.8);
	}
	#isocal .c-home .faq_list li {
		padding: 20px calc(24vw / 4.8);
	}
	#isocal .c-home .faq_list li::before {
		right: calc(24vw / 4.8);
		left: calc(24vw / 4.8);
	}
	#isocal .c-home .faq_list dt,
	#isocal .c-home .faq_list dd {
		padding-top: .34em;
		padding-bottom: .34em;
		padding-left: calc(52vw / 4.8);
	}
	#isocal .c-home .faq_list dt {
		font-size: calc(21vw / 4.8);
	}
	#isocal .c-home .faq_list dd {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-home .faq_list dt::before,
	#isocal .c-home .faq_list dd::before {
		top: calc(1.2em - 20vw / 4.8);
		width: calc(44vw / 4.8);
		height: calc(40vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-home.p-isocal .p-faq {
		padding-right: 0;
		padding-left: 0;
	}
}

/**
 * アイソカルは保管に便利
 * ---------------------------------------- */
#isocal .c-home .p-howto .section_inner {
	max-width: 800px;
	padding: 48px;
	border: 1px solid #1f2880;
	color: #1f2880;
	text-align: center;
	background: #fff;
}
#isocal .c-home .p-howto .howto_title {
	display: inline-block;
	padding-bottom: 16px;
	font-size: 38px;
	line-height: 1.4;
	letter-spacing: .1em;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_howto_stripe.svg?v=1679395929') center bottom repeat-x;
    color: #1f2880;
}
#isocal .c-home .p-howto .howto_lead {
	display: inline-block;
	z-index: 0;
	position: relative;
	margin-top: 40px;
	padding: .8em 1.5em;
	border-radius: 3em;
	font-size: 28px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .1em;
	background: #fff296;
}
#isocal .c-home .p-howto .howto_lead .tail {
	z-index: -1;
	position: absolute;
	top: calc(100% - 18px);
	left: 48%;
	fill: #fff296;
}
#isocal .c-home .p-howto .howto_item .image {
	width: 160px;
	height: 160px;
	margin: 0 auto;
	border-radius: 160px;
	background: #fff296;
}
#isocal .c-home .p-howto .howto_item .text {
	margin-top: 16px;
}
#isocal .c-home .p-howto .howto_item .text dt {
	position: relative;
	padding-bottom: .6em;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
}
#isocal .c-home .p-howto .howto_item .text dt::before {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_faq_line.svg?v=1679395744') center top repeat-x;
	opacity: .3;
}
#isocal .c-home .p-howto .howto_item .text dd {
	margin-top: .5em;
	text-align: left;
}
#isocal .c-home .p-howto .howto_item .text dd small {
	font-size: 80%;
}
@media (min-width: 768px) {
	#isocal .c-home .p-howto .howto_list {
		display: flex;
		justify-content: center;
		margin-top: 32px;
	}
	#isocal .c-home .p-howto .howto_item {
		flex-basis: calc(33.3333% - 24px);
	}
	#isocal .c-home .p-howto .howto_item:nth-child(n+2) {
		margin-left: 36px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .p-howto .section_inner {
		padding: calc(40vw / 4.8) calc(24vw / 4.8);
	}
	#isocal .c-home .p-howto .howto_title {
		padding-bottom: calc(16vw / 4.8);
		font-size: calc(27vw / 4.8);
	}
	#isocal .c-home .p-howto .howto_lead {
		margin-top: calc(24vw / 4.8);
		padding: .8em;
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-home .p-howto .howto_item {
		display: flex;
		justify-content: space-between;
		margin-top: calc(20vw / 4.8);
	}
	#isocal .c-home .p-howto .howto_item .image {
		flex-basis: calc(124vw / 4.8);
		height: calc(124vw / 4.8);
		margin: 0;
	}
	#isocal .c-home .p-howto .howto_item .text {
		flex-basis: calc(100% - 144vw / 4.8);
	}
	#isocal .c-home .p-howto .howto_item .text dt {
		text-align: left;
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-home .p-howto .howto_item .text dd {
		font-size: calc(14vw / 4.8);
	}
}

/**
 * お客様の声
 * ---------------------------------------- */
#isocal .c-home.p-isocal .p-voice {
	padding-bottom: 0;
	text-align: center;
}
#isocal .c-home .p-voice .section_inner {
	max-width: 840px;
}
#isocal .c-home .voice_title {
	display: inline-block;
	position: relative;
	color: #1f2880;
	font-size: 44px;
	line-height: 1.2;
	letter-spacing: .16em;
	text-align: center;
}
#isocal .c-home .voice_title::before,
#isocal .c-home .voice_title::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 59px;
	height: 67px;
	background: center / cover no-repeat;
}
#isocal .c-home .voice_title::before {
	right: 100%;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_voice_title_l.svg?v=1679396829');
}
#isocal .c-home .voice_title::after {
	left: calc(100% - .2em);
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_voice_title_r.svg?v=1679396829');
}
#isocal .c-home .p-voice .voice_lead {
	margin-top: 24px;
	font-size: 16px;
}
#isocal .c-home .voice_entry .text {
	text-align: left;
}
#isocal .c-home .voice_entry .title {
	line-height: 1.2;
	white-space: nowrap;
	text-align: center;
}
#isocal .c-home .voice_entry .title .deco {
	fill: currentcolor;
}
@media (min-width: 768px) {
	#isocal .c-home .voice_entry {
		display: flex;
		align-items: center;
		margin-top: 64px;
	}
	#isocal .c-home .voice_entry.-v2 {
		justify-content: flex-end;
	}
	#isocal .c-home .p-voice .voice_lead {
		letter-spacing: .16em;
	}
	#isocal .c-home .voice_entry .title {
		font-size: calc(29vw / 10);
	}
	#isocal .c-home .voice_entry .title .deco {
		width: calc(29vw / 10);
		height: calc(41vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-home .voice_entry .title {
		font-size: 29px;
	}
	#isocal .c-home .voice_entry .title .deco {
		width: 29px;
		height: 41px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .voice_title {
		font-size: calc(44vw / 4.8);
	}
	#isocal .c-home .voice_title::before,
	#isocal .c-home .voice_title::after {
		width: calc(59vw / 4.8);
		height: calc(67vw / 4.8);
	}
	#isocal .c-home .voice_entry {
		margin-top: 32px;
	}
	#isocal .c-home .voice_entry .title {
		font-size: calc(29vw / 4.8);
	}
	#isocal .c-home .voice_entry .title .deco {
		width: calc(29vw / 4.8);
		height: calc(41vw / 4.8);
	}
}

/* :::::: 吹き出し :::::: */
#isocal .c-home .voice_entry .comment {
	display: inline-block;
	position: relative;
	margin-top: 16px;
	border: 1px solid currentcolor;
	color: #1f2880;
	line-height: 1.9;
	font-weight: 700;
	letter-spacing: 0;
	background: #fff;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,.1));
}
#isocal .c-home .voice_entry .comment .tail {
	position: absolute;
	fill: #fff;
	stroke-width: 1;
}
#isocal .c-home .voice_entry .comment .tail.v-mb {
	width: 27px;
	height: 20px;
}
@media (min-width: 768px) {
	#isocal .c-home .voice_entry .comment {
		padding: calc(64vw / 10);
		border-radius: calc(100vw / 10);
		font-size: calc(19vw / 10);
	}
	#isocal .c-home .voice_entry .comment .tail {
		top: calc(50% - 34px);
		width: 37px;
		height: 54px;
	}
	#isocal .c-home .voice_entry.-v1 .comment .tail,
	#isocal .c-home .voice_entry.-v3 .comment .tail {
		right: calc(100% - 1px);
	}
	#isocal .c-home .voice_entry.-v2 .comment .tail {
		left: calc(100% - 1px);
	}
}
@media (min-width: 1000px) {
	#isocal .c-home .voice_entry .comment {
		padding: 64px;
		border-radius: 100px;
		font-size: 19px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .voice_entry .comment {
		margin-top: 8px;
		padding: calc(32vw / 4.8);
		border-radius: calc(40vw / 4.8);
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-home .voice_entry .comment .tail {
		width: 27px;
		height: 20px;
	}
	#isocal .c-home .voice_entry .comment .tail {
		top: calc(100% - 1px);
		left: calc(50% - 14px);
	}
}

/* :::::: 話者 :::::: */
#isocal .c-home .voice_entry .speaker {
	position: relative;
	margin-top: 32px;
}
#isocal .c-home .voice_entry .speaker img {
	border-radius: 168px;
}
#isocal .c-home .voice_entry .speaker figcaption {
	line-height: 1.2;
	white-space: nowrap;
}
#isocal .c-home .voice_entry .speaker figcaption b {
	font-weight: 800;
}
#isocal .c-home .voice_entry .speaker figcaption sub {
	position: relative;
	bottom: .1em;
	vertical-align: baseline;
}
#isocal .c-home .p-voice .note {
	margin-top: 40px;
}
@media (min-width: 768px) {
	#isocal .c-home .voice_entry .speaker {
		flex-basis: calc(168vw / 10);
		min-width: calc(168vw / 10);
	}
	#isocal .c-home .voice_entry.-v1 .speaker,
	#isocal .c-home .voice_entry.-v3 .speaker {
		order: -1;
		margin-right: calc(48vw / 10);
	}
	#isocal .c-home .voice_entry.-v2 .speaker {
		margin-left: calc(48vw / 10);
	}
	#isocal .c-home .voice_entry .speaker figcaption {
		position: absolute;
		top: calc(100% + 8px);
		width: 100%;
	}
	#isocal .c-home .voice_entry .speaker figcaption {
		font-size: calc(16vw / 10);
	}
	#isocal .c-home .voice_entry .speaker figcaption b {
		font-size: calc(27vw / 10);
	}
	#isocal .c-home .voice_entry .speaker figcaption sub {
		font-size: calc(20vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-home .voice_entry .speaker {
		flex-basis: 168px;
		min-width: 168px;
	}
	#isocal .c-home .voice_entry.-v1 .speaker,
	#isocal .c-home .voice_entry.-v3 .speaker {
		margin-right: 48px;
	}
	#isocal .c-home .voice_entry.-v2 .speaker {
		margin-left: 48px;
	}
	#isocal .c-home .voice_entry .speaker figcaption {
		font-size: 16px;
	}
	#isocal .c-home .voice_entry .speaker figcaption b {
		font-size: 27px;
	}
	#isocal .c-home .voice_entry .speaker figcaption sub {
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .voice_entry .speaker {
		width: calc(168vw / 4.8);
		margin: 24px auto 0;
	}
	#isocal .c-home .voice_entry .speaker figcaption {
		margin-top: 8px;
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-home .voice_entry .speaker figcaption b {
		font-size: calc(27vw / 4.8);
	}
	#isocal .c-home .voice_entry .speaker figcaption sub {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-home .p-voice .note {
		margin-top: 24px;
	}
}

/* :::::: color :::::: */
#isocal .c-home .voice_entry.-v1 .comment {
	border-color: #d51e79
}
#isocal .c-home .voice_entry.-v1 .comment .tail {
	stroke: #d51e79
}
#isocal .c-home .voice_entry.-v1 .text .title,
#isocal .c-home .voice_entry.-v1 .text strong,
#isocal .c-home .voice_entry.-v1 .speaker figcaption {
	color: #d51e79;
}
#isocal .c-home .voice_entry.-v2 .comment {
	border-color: #ec6b16
}
#isocal .c-home .voice_entry.-v2 .comment .tail {
	stroke: #ec6b16
}
#isocal .c-home .voice_entry.-v2 .text .title,
#isocal .c-home .voice_entry.-v2 .text strong,
#isocal .c-home .voice_entry.-v2 .speaker figcaption {
	color: #ec6b16;
}
#isocal .c-home .voice_entry.-v3 .comment {
	border-color: #3f84d0
}
#isocal .c-home .voice_entry.-v3 .comment .tail {
	stroke: #3f84d0
}
#isocal .c-home .voice_entry.-v3 .text .title,
#isocal .c-home .voice_entry.-v3 .text strong,
#isocal .c-home .voice_entry.-v3 .speaker figcaption {
	color: #3f84d0;
}

/**
 * Special contents
 * ---------------------------------------- */
#isocal .c-home.p-isocal .p-specon {
	padding-top: 0;
	text-align: center;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/index_specon_bg.svg?v=1680173717') center, #9fceff;
}
#isocal .c-home .specon_ribbon {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	background: #fff2e4;
}
#isocal .c-home .specon_ribbon img {
	position: relative;
	top: 32px;
}
#isocal .c-home .specon_list {
	max-width: 890px;
	margin: 64px auto 0;
}
#isocal .c-home .specon_list li:nth-child(n+2) {
	margin-top: 40px;;
}
#isocal .c-home .specon_list li img {
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
@media (min-width: 768px) {
	#isocal .c-home .specon_ribbon {
		padding-top: 32px;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .specon_list {
		max-width: 433px;
	}
	#isocal .c-home .specon_list li:nth-child(n+2) {
		margin-top: 24px;
	}
}


/**
 * 「お役立ち情報」汎用スタイル
 * ---------------------------------------- */

/**
 * header
 * ---------------------------------------- */
#isocal .c-cafefood .content_header {
	z-index: 1;
	position: relative;
	padding: 80px 0;
	color: #fff;
	background: gray;
}
#isocal .c-cafefood .header_title {
	color: #fff;
      font-family: 'Noto Sans JP';
}
#isocal .c-cafefood .column_title {
      font-family: 'Noto Sans JP';
}
#isocal .c-cafefood.p-carefood .section_num,
#isocal .c-cafefood.p-carefood .content_header {
    background: #efc835;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .content_header {
		min-height: calc(570vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood .content_header {
		min-height: 570px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .content_header {
		padding: calc(64vw / 4.8) 0;
	}
}

/* :::::: font :::::: */
#isocal .c-cafefood .header_title {
	font-size: 52px;
	line-height: 1.5;
	font-weight: 900;
}
#isocal .c-cafefood .header_title ruby rt {
	position: relative;
	top: .6em;
	margin-bottom: .6em;
	font-size: 24px;
	font-weight: 700;
	transform: translateY(-.6em);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#isocal .c-cafefood _::-webkit-full-page-media, _:future, :root .header_title ruby rt {
		transform: none;
	}
}
#isocal .c-cafefood .header_title em {
	font-size: 104%;
	font-weight: 900;
	font-style: normal;
}
#isocal .c-cafefood .header_title b {
	font-size: 114%;
	font-weight: 900;
}
#isocal .c-cafefood .header_lead {
	font-size: 17px;
	line-height: 2;
	font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .header_title {
		font-size: calc(52vw / 10);
	}
	#isocal .c-cafefood .header_title ruby rt {
		font-size: calc(24vw / 10);
	}
	.header_lead {
		font-size: calc(17vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .header_title {
		font-size: calc(42vw / 4.8);
	}
	#isocal .c-cafefood .header_title ruby rt {
		font-size: calc(15vw / 4.8);
	}
	#isocal .c-cafefood .header_lead {
		font-size: calc(17vw / 4.8);
	}
}

/* layout */
#isocal .c-cafefood .header_inner {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 64px;
	padding-right: 0;
}
#isocal .c-cafefood .header_title {
	white-space: nowrap;
}
#isocal .c-cafefood .header_title .cng {
	margin-left: -.4em;
}
#isocal .c-cafefood .header_title em {
	position: relative;
	margin-right: .3em;
}
#isocal .c-cafefood .header_title em::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: .05em;
	right: -.2em;
	bottom: -.05em;
	left: -.2em;
	border-radius: 6px;
}
#isocal .c-cafefood .header_lead {
	margin-top: 24px;
	text-align: justify;
}
#isocal .c-cafefood .header_visual img {
	border-radius: 400px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .header_title,
	#isocal .c-cafefood .header_lead {
		max-width: 50%;
	}
	#isocal .c-cafefood .header_visual {
		position: absolute;
		top: 0;
		right: -40px;
		width: 400px;
		height: 400px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .header_visual {
		width: calc(400vw / 10);
		height: calc(400vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .header_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 0 calc(24vw / 4.8);
		padding-right: 0;
	}
	#isocal .c-cafefood .header_title {
		flex-basis: 100%;
		padding-right: calc(24vw / 4.8);
	}
	#isocal .c-cafefood .header_title em::before {
		border-radius: calc(6vw / 4.8);
	}
	#isocal .c-cafefood .header_lead {
		align-self: flex-start;
		width: 56%;
		margin-top: calc(32vw / 4.8);
		letter-spacing: 0.05em;
	}
	#isocal .c-cafefood .header_visual {
		width: 44%;
		position: relative;
		right: calc(-24vw / 4.8);
	}
	#isocal .c-cafefood .header_visual img {
		width: 100%;
		max-width: none;
	}
}

/**
 * table of contents
 * ---------------------------------------- */
#isocal .c-cafefood .header_toc {
	position: relative;
	width: calc(100% - 128px);
	max-width: calc(1000px - 128px);
	margin: 48px auto 0;
	padding: 48px 64px;
	border-radius: 10px;
	background: rgba(255,255,255,.9);
}
#isocal .c-cafefood .toc_title {
	border-radius: 40px;
	color: white;
	font-size: 22px;
	line-height: 1.8;
	letter-spacing: 1em;
	text-align: center;
	background: black;
}
#isocal .c-cafefood .toc_list {
	color: black;
}
#isocal .c-cafefood .toc_list li {
	line-height: 1.4;
	font-weight: 900;
}
#isocal .c-cafefood .toc_list .toc_item {
	counter-increment: num;
	position: relative;
	margin-top: 1.3em;
	font-size: 26px;
}
#isocal .c-cafefood .toc_list .toc_item,
#isocal .c-cafefood .toc_list .toc_aside  {
	padding-left: 40px;
}
#isocal .c-cafefood .toc_list .toc_item::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: .2em;
	left: 0;
	width: 28px;
	height: 28px;
	border-radius: 28px;
	color: white;
	font-size: 19px;
	font-weight: 700;
	vertical-align: middle;
	background: black;
}
#isocal .c-cafefood .toc_list .toc_item li,
#isocal .c-cafefood .toc_list .toc_aside {
	font-size: 22px;
	font-weight: 500;
}
#isocal .c-cafefood .toc_list .toc_item li {
	margin-top: .4em;
	padding-left: 18px;
	text-indent: -18px;
}
#isocal .c-cafefood .toc_list a {
	padding: .4em 0;
	text-indent: 0;
}
#isocal .c-cafefood .toc_list .toc_item li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 10px;
	height: 10px;
	margin-right: 8px;
	border-radius: 10px;
	vertical-align: middle;
	background: black;
}
#isocal .c-cafefood .toc_list .toc_aside {
	margin-top: .8em;
}
@media (hover: hover) {
	#isocal .c-cafefood .toc_list a {
		background: linear-gradient(currentcolor, currentcolor) right bottom .3em / 0 1px no-repeat;
		transition: background-size .4s cubic-bezier(.3,1,.7,1);
	}
	#isocal .c-cafefood .toc_list a:hover {
		background-position: left bottom .3em;
		background-size: 100% 1px;
	}
}
@media (min-width: 768px) {
	#isocal .c-cafefood .toc_list {
		padding: 0 1em;
	}
}
@media (min-width: 768px) and (max-width: 1128px) {
	#isocal .c-cafefood .toc_title {
		font-size: calc(22vw / 11.28);
	}
	#isocal .c-cafefood .toc_list .toc_item {
		padding-left: calc(40vw / 11.28);
		font-size: calc(26vw / 11.28);
	}
	#isocal .c-cafefood .toc_list .toc_item::before {
		width: calc(28vw / 11.28);
		height: calc(28vw / 11.28);
		margin-right: calc(10vw / 11.28);
		font-size: calc(19vw / 11.28);
	}
	#isocal .c-cafefood .toc_list .toc_item li {
		padding-left: calc(18vw / 11.28);
		text-indent: calc(-18vw / 11.28);
	}
	#isocal .c-cafefood .toc_list .toc_item li,
	#isocal .c-cafefood .toc_list .toc_aside {
		font-size: calc(22vw / 11.28);
	}
	#isocal .c-cafefood .toc_list .toc_item li a::before {
		width: calc(10vw / 11.28);
		height: calc(10vw / 11.28);
		margin-right: calc(8vw / 11.28);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .header_toc {
		width: calc(100% - 64vw / 4.8);
		padding: calc(40vw / 4.8) calc(24vw / 4.8);
	}
	#isocal .c-cafefood .toc_title {
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood .toc_list .toc_item {
		padding-left: calc(40vw / 4.8);
		font-size: calc(26vw / 4.8);
	}
	#isocal .c-cafefood .toc_list .toc_item::before {
		width: calc(28vw / 4.8);
		height: calc(28vw / 4.8);
		margin-right: calc(10vw / 4.8);
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-cafefood .toc_list .toc_item li {
		padding-left: calc(18vw / 4.8);
		text-indent: calc(-18vw / 4.8);
	}
	#isocal .c-cafefood .toc_list .toc_item li,
	#isocal .c-cafefood .toc_list .toc_aside {
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood .toc_list .toc_item li a::before {
		width: calc(10vw / 4.8);
		height: calc(10vw / 4.8);
		margin-right: calc(8vw / 4.8);
	}
}

/**
 * section
 * ---------------------------------------- */
#isocal .c-cafefood .content_section .section_num {
	font-size: 37px;
	line-height: 1;
	font-weight: 700;
}
#isocal .c-cafefood .section_title {
	font-size: 32px;
	line-height: 1.4;
	font-weight: 900;
      font-family: 'Noto Sans JP';
}
#isocal .c-cafefood .section_title.-s {
	font-size: 25px;
}
#isocal .c-cafefood .section_title ruby rt {
	font-size: 16px;
	font-weight: 700;
}
#isocal .c-cafefood .section_title b {
	font-size: 136%;
	font-weight: 900;
}
#isocal .c-cafefood .figure_capsule {
	font-size: 21px;
	line-height: 1.6;
	font-weight: 900;
}
#isocal .c-cafefood .figure_caption {
	font-size: 15px;
	font-weight: 700;
}
#isocal .c-cafefood .card_title {
	font-size: 22px;
	font-weight: 900;
}
#isocal .c-cafefood .capsule_title {
	font-size: 20px;
}
#isocal .c-cafefood .column_title {
	font-size: 24px;
	font-weight: 900;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .content_section .section_num {
		font-size: calc(28vw / 4.8);
	}
	#isocal .c-cafefood .section_title {
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-cafefood .section_title.-s {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood .section_title ruby rt {
		font-size: calc(12vw / 4.8);
	}
	#isocal .c-cafefood .section_title b {
		font-size: 128%;
	}
	#isocal .c-cafefood .figure_capsule {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood .figure_caption {
		font-size: calc(12vw / 4.8);
		font-weight: 400;
	}
	#isocal .c-cafefood .card_title {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood .capsule_title {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood .column_title {
		font-size: calc(20vw / 4.8);
	}
}
@media (max-width: 360px) {
	#isocal .c-cafefood .figure_caption,
	#isocal .c-cafefood .section_title ruby rt {
		font-size: 10px;
	}
}

/* num */
#isocal .c-cafefood .section_num {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -44px;
	left: calc(50% - 44px);
	width: 88px;
	height: 88px;
	border-radius: 88px;
	color: #fff;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .section_num {
		top: -36px;
		left: calc(50% - 36px);
		width: 72px;
		height: 72px;
		border-radius: 72px;
	}
}

/* text */
#isocal .c-cafefood .section_title {
	margin-bottom: 24px;
	padding-bottom: .6em;
	border-bottom: 4px solid currentcolor;
	text-align: center;
}
#isocal .c-cafefood .section_title.-s {
	margin-top: 64px;
	border-bottom-width: 2px;
}
#isocal .c-cafefood .content_section p {
	text-align: justify;
}
#isocal .c-cafefood .content_section p + p {
	margin-top: 24px;
}

/* ribbon */
#isocal .c-cafefood .section_title .ribbon {
	display: inline-block;
	position: relative;
	margin-bottom: 8px;
	padding: 4px 1.6em;
	color: #fff;
	font-size: 80%;
	background: gainsboro;
}
#isocal .c-cafefood .section_title .ribbon::before,
#isocal .c-cafefood .section_title .ribbon::after {
	content: "";
	position: absolute;
	top: calc(50% - 1em);
	border-width: 1em .6em;
	border-style: solid;
	border-color: transparent;
}
#isocal .c-cafefood .section_title .ribbon::before {
	left: -1px;
	border-right-width: 0;
	border-left-color: #fff;
}
#isocal .c-cafefood .section_title .ribbon::after {
	right: -1px;
	border-left-width: 0;
	border-right-color: #fff;
}

/* figure */
#isocal .c-cafefood .section_figure {
	position: relative;
	margin: 32px 0;
}
#isocal .c-cafefood .section_figure.-wide {
	margin: 32px -80px;
}
#isocal .c-cafefood .section_figure img {
	border-radius: 10px;
}
#isocal .c-cafefood .figure_capsule {
	padding: .2em;
	border-radius: 2em;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
#isocal .c-cafefood .figure_capsule {
	margin-bottom: 24px;
}
#isocal .c-cafefood .figure_caption {
	margin-top: 16px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .section_figure {
		margin: 32px -16px;
	}
	#isocal .c-cafefood .figure_capsule sup {
		top: .25em;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .section_figure.-wide {
		margin-right: calc(-80vw / 10);
		margin-left: calc(-80vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .section_figure.-wide {
		margin: 32px -32px;
	}
	#isocal .c-cafefood .figure_capsule {
		margin-bottom: calc(16vw / 4.8);
		padding: .7em;
	}
	#isocal .c-cafefood .figure_capsule sup {
		top: .1em;
	}
	#isocal .c-cafefood .figure_caption {
		margin-top: calc(8vw / 4.8);
	}
}
@media (max-width: 767px) and (min-width: 481px) {
	#isocal .c-cafefood .section_figure {
		margin-right: calc(-16vw / 4.8);
		margin-left: calc(-16vw / 4.8);
	}
	#isocal .c-cafefood .section_figure.-wide {
		margin-right: calc(-32vw / 4.8);
		margin-left: calc(-32vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood .section_figure.-wide {
		margin: 32px -16px;
	}
}

/* :::::: table :::::: */
#isocal .c-cafefood .section_table {
	margin: 16px 0;
}
#isocal .c-cafefood .section_table .table_wrap {
	overflow-x: auto;
}
#isocal .c-cafefood .section_table table {
	width: 100%;
	border: 2px solid gray;
	border-collapse: collapse;
    border-spacing: 0;
    font-size: 16px;
}
#isocal .c-cafefood .section_table table.fixed {
	table-layout: fixed;
}
#isocal .c-cafefood .section_table th,
#isocal .c-cafefood .section_table td {
	padding: 12px;
	border: 1px solid gray;
	vertical-align: middle;
}
#isocal .c-cafefood .section_table .-c {
	text-align: center;
}
#isocal .c-cafefood .section_table .-r {
	text-align: right;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .section_table table {
	    font-size: calc(16vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood .section_table table {
	    font-size: 16px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .section_table table {
	    font-size: calc(16vw / 4.8);
	}
}

/* :::::: section box :::::: */
#isocal .c-cafefood .section_box {
	margin: 32px 0;
	padding: 56px;
	border-radius: 10px;
	background: #fff4e3;
}
#isocal .c-cafefood .section_box > :first-child {
	margin-top: 0 !important;
}
#isocal .c-cafefood .section_box > :last-child {
	margin-bottom: 0 !important;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .section_box {
		padding: 32px 16px;
	}
}

/* :::::: capsule title :::::: */
#isocal .c-cafefood .capsule_title {
	padding: .5em;
	border-radius: 3em;
	color: #fff;
	text-align: center;
	background: gainsboro;
}

/* :::::: section card :::::: */
#isocal .c-cafefood .section_card {
	margin-top: 24px;
	padding: 0 40px 40px;
	border-radius: 3px;
	background: #fff4e3;
}
#isocal .c-cafefood .section_card + p,
#isocal .c-cafefood .section_card + .section_card {
	margin-top: 40px;
}
#isocal .c-cafefood .card_title {
	margin: 0 -40px;
	padding: .4em;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	background: #50b16b;
}
#isocal .c-cafefood .section_card p {
	margin-top: 16px;
}

/* :::::: sub section :::::: */
#isocal .c-cafefood .content_section .section_column {
	margin-top: 40px;
}
#isocal .c-cafefood .column_title {
	padding-left: 1em;
	text-indent: -1em;
}
#isocal .c-cafefood .column_title::before {
	content: "";
	display: inline-block;
	width: .7em;
	height: .7em;
	margin-right: .3em;
	border-radius: 1em;
	background: currentcolor
}
#isocal .c-cafefood .column_title.-s::before {
	display: none;
}
#isocal .c-cafefood .section_column p {
	margin-top: 8px;
}

/* :::::: list :::::: */
#isocal .c-cafefood .content_section .section_list {
	margin: 24px 0;
}
#isocal .c-cafefood .section_list li {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.8;
}
#isocal .c-cafefood .section_list li + li,
#isocal .c-cafefood .p-heatstroke005 .section_list li + li,
#isocal .p-becareful.c-cafefood .section_list li + li {
	margin-top: .3em;
}
#isocal .c-cafefood .section_list li::before {
	content: "";
	display: inline-block;
	width: .7em;
	height: .7em;
	margin-right: .3em;
	border-radius: 1em;
	background: currentcolor
}

/* :::::: word list :::::: */
#isocal .c-cafefood .content_section .wordlist {
	margin: 24px 0;
}
#isocal .c-cafefood .wordlist {
	padding: 0;
	color: #ff6671;
}
#isocal .c-cafefood .wordlist li {
	padding: 1em 0;
}
#isocal .c-cafefood .wordlist li + li {
	border-top: 1px dotted currentcolor;
}
#isocal .c-cafefood .wordlist dl {
	display: flex;
	align-items: center;
}
#isocal .c-cafefood .wordlist dt {
	flex-basis: 6em;
	align-self: flex-start;
	font-size: 118%;
	font-weight: 900;
}
#isocal .c-cafefood .wordlist dd {
	flex-basis: calc(100% - 6em);
	color: #3f3f3f;
	font-size: 92%;
}

/* :::::: dl element numlist :::::: */
#isocal .c-cafefood .dt_numlist {
	margin-top: 8px;
	line-height: 2;
}
#isocal .c-cafefood .dt_numlist dt {
	counter-increment: dt;
	color: currentcolor;
	font-size: 20px;
	font-weight: 900;
}
#isocal .c-cafefood .dt_numlist dd + dt {
	margin-top: 8px;
}
#isocal .c-cafefood .dt_numlist dt::before {
	content: counter(dt) ".";
}
#isocal .c-cafefood .dt_numlist.-brackets dt::before {
	content: counter(dt) ")";
}

#isocal .c-cafefood .dt_numlist.c-box {
	padding: 24px;
	border-radius: 10px;
	line-height: 2;
	background: #fff9eb;
}
#isocal .c-cafefood .dt_numlist.c-box dt {
	font-size: 24px;
}
#isocal .c-cafefood .dt_numlist.c-box dd + dt {
	margin-top: 16px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .dt_numlist dt {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood .dt_numlist dd {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood .dt_numlist.c-box dt {
		font-size: calc(24vw / 4.8);
	}
}

/* :::::: promotion :::::: */
#isocal .c-cafefood .section_promotion {
	margin: 40px 0;
}
#isocal .c-cafefood .section_promotion p {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
#isocal .c-cafefood .c-banner {
	display: inline-block;
	margin-top: 12px;
}
#isocal .c-cafefood .c-banner img {
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
@media (max-width: 767px) {
	#isocal .c-cafefood .section_promotion p {
		font-size: calc(20vw / 4.8);
	}
}
@media all and (-ms-high-contrast: none) {
	#isocal .c-cafefood .c-banner img {
		width: 100%;
	}
}

/**
 * footer
 * ---------------------------------------- */
#isocal .c-cafefood .content_footer {
	padding: 64px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .content_footer {
		padding: 64px calc(32vw / 4.8);
	}
}

/* :::::: afterword :::::: */
#isocal .c-cafefood .content_footer .footer_afterword {
	font-size: 24px;
	line-height: 1.8;
	font-weight: 900;
	text-align: center;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .content_footer .footer_afterword {
		font-size: calc(24vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .content_footer .footer_afterword {
		font-size: calc(18vw / 4.8);
	}
}

/* :::::: 脚注 :::::: */
#isocal .c-cafefood .footer_reflist {
	max-width: calc(1000px - 128px - 160px);
	margin: 80px auto 0;
	padding: 0;
}
#isocal .c-cafefood .footer_reflist:first-child {
	margin-top: 0;
}
#isocal .c-cafefood .footer_reflist li {
	padding-left: 1.65em;
	text-indent: -1.65em;
	font-size: 11px;
	line-height: 1.7;
	font-weight: 400;
}
#isocal .c-cafefood .footer_reflist li + li {
	margin-top: .3em;
}
#isocal .c-cafefood .footer_reflist li[data-note]::before {
	content: attr(data-note) ")";
	margin-right: .3em;
}
#isocal .c-cafefood .footer_reflist li a {
	word-break: break-all;
}
#isocal .c-cafefood .footer_reflist a:target {
	text-decoration: underline dotted;
}
#isocal .c-cafefood .footer_reflist sup {
	top: 0;
	margin-right: .3em;
}
#isocal .c-cafefood .footer_reflist sup a {
	padding: 0 .2em;
	color: gray;
}
#isocal .c-cafefood .footer_reflist sup a[href] {
	font-weight: 700;
}
#isocal .c-cafefood .footer_reflist span:target {
	border-bottom: 1px dotted;
}
@media (hover: hover) {
	#isocal .c-cafefood .footer_reflist a[href]:hover {
		text-decoration: underline;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .footer_reflist {
		padding: 0 .5em;
	}
}

/* :::::: 関連リンク :::::: */
#isocal .c-cafefood .footer_relatedlink {
	max-width: calc(1000px - 128px - 80px);
	margin: 24px auto 0;
	padding: 24px 40px;
	border-radius: 10px;
	font-weight: 400;
	background: #fff;
}
#isocal .c-cafefood .footer_relatedlink dt {
	font-size: 14px;
	line-height: 1.2;
}
#isocal .c-cafefood .footer_relatedlink dd {
	margin-top: .3em;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .footer_relatedlink dt {
		font-size: calc(14vw / 10);
	}
	#isocal .c-cafefood .footer_relatedlink dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood .footer_relatedlink {
		padding: 24px;
	}
	#isocal .c-cafefood .footer_relatedlink dt {
		font-size: 12px;
	}
	#isocal .c-cafefood .footer_relatedlink dd {
		font-size: 14px;
	}
}

/**
 * 監修
 * ---------------------------------------- */
#isocal .c-cafefood .p-supervision {
	padding-top: 0;
}
#isocal .c-cafefood .p-supervision .section_inner {
	padding-top: 48px;
	padding-bottom: 48px;
}
#isocal .c-cafefood .p-supervision .section_title {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 1px 0 0;
	border: 0;
}
#isocal .c-cafefood .p-supervision .section_title::before,
#isocal .c-cafefood .p-supervision .section_title::after {
	content: "";
	flex-grow: 1;
	position: relative;
	top: .1em;
	border-top: 3px solid currentcolor;
}
#isocal .c-cafefood .p-supervision .section_title::before {
	margin-right: .6em;
}
#isocal .c-cafefood .p-supervision .section_title::after {
	margin-left: .6em;
}
#isocal .c-cafefood .p-supervision .introduction {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 0;
}
#isocal .c-cafefood .p-supervision .introduction .photo {
	flex-basis: 280px;
}
#isocal .c-cafefood .p-supervision .introduction .photo img {
	border-radius: 280px;
}
#isocal .c-cafefood .p-supervision .text {
	margin-left: 24px;
	line-height: 1.6;
	letter-spacing: .1em;
}
#isocal .c-cafefood .p-supervision .text .name {
	font-size: 26px;
	font-weight: 900;
}
#isocal .c-cafefood .p-supervision .text .honor {
	font-size: 16px;
}
#isocal .c-cafefood .p-supervision p,
#isocal .c-cafefood .p-supervision .history dt,
#isocal .c-cafefood .p-supervision .history dd,
#isocal .c-cafefood .p-supervision .section_list li {
	font-size: 14px;
}
#isocal .c-cafefood .p-supervision .column_title {
	font-size: 18px;
}
#isocal .c-cafefood .p-supervision .history {
	display: flex;
	flex-wrap: wrap;
	margin: 8px 0 0;
}
#isocal .c-cafefood .p-supervision .history dt,
#isocal .c-cafefood .p-supervision .history dd {
	margin-top: .3em;
}
#isocal .c-cafefood .p-supervision .history dt {
	flex-basis: 5em;
	white-space: nowrap;
}
#isocal .c-cafefood .p-supervision .history dd {
	flex-basis: calc(100% - 5em);
}
#isocal .c-cafefood .p-supervision .section_list {
	margin: 8px 0 0;
}
#isocal .c-cafefood .p-supervision .section_column:last-child {
	position: relative;
	padding-bottom: 64px;
}
#isocal .c-cafefood .p-supervision .section_column:last-child::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 3px solid currentcolor;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .p-supervision .introduction .photo {
		flex-basis: calc(280vw / 10);
	}
	#isocal .c-cafefood .p-supervision .text .name {
		font-size: calc(26vw / 10);
	}
	#isocal .c-cafefood .p-supervision .text .honor {
		font-size: calc(16vw / 10);
	}
	#isocal .c-cafefood .p-supervision .text .kana {
		font-size: calc(17vw / 10);
	}
	#isocal .c-cafefood .p-supervision p,
	#isocal .c-cafefood .p-supervision .summary li,
	#isocal .c-cafefood .p-supervision .history dt,
	#isocal .c-cafefood .p-supervision .history dd,
	#isocal .c-cafefood .p-supervision .section_list li {
		font-size: calc(14vw / 10);
	}
	#isocal .c-cafefood .p-supervision .column_title {
		font-size: calc(18vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .p-supervision .introduction .photo {
		flex-basis: calc(176vw / 4.8);
	}
	#isocal .c-cafefood .p-supervision .text .name {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood .p-supervision .text .honor {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood .p-supervision .text .kana {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood .p-supervision p,
	#isocal .c-cafefood .p-supervision .summary li,
	#isocal .c-cafefood .p-supervision .history dt,
	#isocal .c-cafefood .p-supervision .history dd,
	#isocal .c-cafefood .p-supervision .section_list li {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood .p-supervision .column_title {
		font-size: calc(18vw / 4.8);
	}
}

/**
 * レシピセクション
 * ---------------------------------------- */
#isocal .c-cafefood .recipe_section {
	position: relative;
	margin-top: 0;
}
#isocal .c-cafefood .recipe_section + .recipe_section {
	margin-top: 80px;
}
#isocal .c-cafefood .recipe_section .recipe_title {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: relative;
	min-height: 128px;
	margin: 0 -80px;
	padding: 24px;
	color: gray;
	font-size: 23px;
	font-weight: 900;
	text-align: center;
	background: gainsboro;
}
#isocal .c-cafefood .recipe_section .recipe_title b {
	font-size: 135%;
	font-weight: inherit;
}
#isocal .c-cafefood .recipe_section .recipe_title::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 6px;
	right: 0;
	bottom: 6px;
	left: 0;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood .recipe_section .recipe_title .c-bln {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	width: 120px;
	height: 122px;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood .recipe_section .recipe_title .c-bln .bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: gainsboro;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .recipe_section .recipe_title .t {
		position: relative;
	}
	#isocal .c-cafefood .recipe_section .recipe_title .c-bln {
		top: -96px;
		right: 100%;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood .recipe_section .recipe_title {
		font-size: calc(30vw / 10);
	}
	#isocal .c-cafefood .recipe_section .recipe_title .c-bln {
		width: calc(120vw / 10);
		height: calc(122vw / 10);
		font-size: calc(20vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .recipe_section {
		margin-top: 96px;
	}
	#isocal .c-cafefood .recipe_section .recipe_title {
		margin: 0 calc(-32vw / 4.8);
		padding-right: calc(16vw / 4.8);
		padding-left: calc(16vw / 4.8);
		font-size: calc(25vw / 4.8);
	}
	#isocal .c-cafefood .recipe_section .recipe_title .c-bln {
		bottom: calc(100% - 24px);
		left: 8px;
		width: calc(90vw / 4.8);
		height: calc(92vw / 4.8);
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood .recipe_section .recipe_title {
		margin: 0 -16px;
	}
}

/* :::::: 材料 :::::: */
#isocal .c-cafefood .recipe_section .c-material {
	margin: 40px 0;
}
#isocal .c-cafefood .recipe_section .c-material .photo {
	position: relative;
}
#isocal .c-cafefood .recipe_section .c-material .photo img {
	border-radius: 10px;
}
#isocal .c-cafefood .recipe_section .c-material .cooktime {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 8px;
	left: 8px;
	width: 80px;
	height: 80px;
	border-radius: 80px;
	color: #073190;
	font-size: 13px;
	line-height: 1.2;
	background: #fff url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/clock.svg?v=50104929905902889171751091862) center / cover no-repeat;
}
#isocal .c-cafefood .recipe_section .c-material .cooktime span {
	font-size: 80%;
}
#isocal .c-cafefood .recipe_section .c-material .cooktime b {
	position: relative;
	top: .05em;
	padding: 0 .1em;
	font-size: 180%;
	font-weight: 700;
}
#isocal .c-cafefood .recipe_section .c-material .text > dt {
	font-size: 18px;
	font-weight: 900;
}
#isocal .c-cafefood .recipe_section .c-material .text > dd {
	margin-top: 8px;
}
#isocal .c-cafefood .recipe_section .c-material .text .wrap + .wrap {
	margin-top: .5em;
}
#isocal .c-cafefood .recipe_section .material_list li {
	font-size: 15px;
}
#isocal .c-cafefood .recipe_section .material_list dl {
	display: flex;
	justify-content: space-between;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipe3_dotline.svg?v=1680581653') left center repeat-x;
}
#isocal .c-cafefood .recipe_section .material_list dt,
#isocal .c-cafefood .recipe_section .material_list dd {
	background: #fff;
}
#isocal .c-cafefood .recipe_section .material_list dt {
	padding-right: 8px;
}
#isocal .c-cafefood .recipe_section .material_list dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .6em;
	height: .6em;
	margin-right: .4em;
	border-radius: .6em;
	background: gray;
	vertical-align: middle;
}
#isocal .c-cafefood .recipe_section .material_list dd {
	margin-left: auto;
	padding-left: 8px;
}
#isocal .c-cafefood .recipe_section .material_list .group {
	position: relative;
	padding-left: 1em;
}
#isocal .c-cafefood .recipe_section .material_list .group::before {
	content: "";
	position: absolute;
	top: .5em;
	left: 0;
	width: .7em;
	height: calc(100% - 1em);
	border: 1px solid #c5bdd3;
	border-right: 0;
}
#isocal .c-cafefood .recipe_section .material_list .group[data-group]::after {
	content: attr(data-group);
	position: absolute;
	top: calc(50% - 1em);
	left: -.5em;
	width: 1em;
	height: 2em;
	line-height: 2;
	text-align: center;
	background: #fff;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .recipe_section .c-material {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	#isocal .c-cafefood .recipe_section .c-material .photo {
		flex-basis: 52%;
	}
	#isocal .c-cafefood .recipe_section .c-material .text {
		flex-basis: calc(48% - 40px);
		align-self: center;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood .recipe_section .c-material .cooktime {
		font-size: calc(11vw / 10);
	}
	#isocal .c-cafefood .recipe_section .c-material .text > dt {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood .recipe_section .material_list li {
		font-size: calc(15vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .recipe_section .c-material .cooktime {
		top: calc(8vw / 4.8);
		left: calc(8vw / 4.8);
		width: calc(80vw / 4.8);
		height: calc(80vw / 4.8);
		border-radius: calc(80vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
	#isocal .c-cafefood .recipe_section .c-material .text {
		margin-top: 24px;
	}
	#isocal .c-cafefood .recipe_section .c-material .text > dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood .recipe_section .material_list li {
		font-size: calc(15vw / 4.8);
	}
}

/* :::::: 栄養 :::::: */
#isocal .c-cafefood .recipe_section .c-nutrition {
	position: relative;
	margin-top: 24px;
}
#isocal .c-cafefood .recipe_section .c-nutrition > dt {
	display: inline-block;
	padding: .1em 1em .2em;
	border-radius: 1em;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
	background: gray;
}
#isocal .c-cafefood .recipe_section .c-nutrition > dd {
	margin-top: 12px;
}
#isocal .c-cafefood .recipe_section .c-nutrition > .note {
	margin-top: .5em;
	font-size: 12px;
}
#isocal .c-cafefood .recipe_section .nutrition_list dl {
	display: inline-flex;
	font-size: 16px;
}
#isocal .c-cafefood .recipe_section .nutrition_list dt {
	min-width: 6em;
	font-weight: 700;
}
#isocal .c-cafefood .recipe_section .c-nutrition .ratio {
	position: relative;
	display: inline-flex;
	padding-right: .5em;
}
#isocal .c-cafefood .recipe_section .c-nutrition .ratio::before,
#isocal .c-cafefood .recipe_section .c-nutrition .ratio::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 8px;
	height: 100%;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood .recipe_section .c-nutrition .ratio::before {
	left: 0;
	border-left: 1px solid currentcolor;
}
#isocal .c-cafefood .recipe_section .c-nutrition .ratio::after {
	right: 0;
	border-right: 1px solid currentcolor;
}
#isocal .c-cafefood .recipe_section .c-nutrition .ratio dl {
	position: relative;
	padding: 0 1em;
	text-align: center;
}
#isocal .c-cafefood .recipe_section .c-nutrition .ratio dl + dl::before {
	content: "：";
	position: absolute;
	bottom: 0;
	left: -.3em;
}
#isocal .c-cafefood .recipe_section .c-nutrition .ratio dt {
	color: gainsboro;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .recipe_section .c-nutrition .ratio {
		position: absolute;
		right: 200px;
		bottom: 0;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood .recipe_section .c-nutrition > dt {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood .recipe_section .nutrition_list dl {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .recipe_section .c-nutrition > dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood .recipe_section .c-nutrition > .note {
		font-size: 10px;
	}
	#isocal .c-cafefood .recipe_section .nutrition_list dl,
	#isocal .c-cafefood .recipe_section .c-nutrition .ratio {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood .recipe_section .c-nutrition .ratio {
		padding-left: .25em;
	}
	#isocal .c-cafefood .recipe_section .c-nutrition .ratio dl {
		padding: 0 .5em;
	}
}

/* :::::: 作り方 :::::: */
#isocal .c-cafefood .recipe_section .c-recipe {
	margin-top: 24px;
}
#isocal .c-cafefood .recipe_section .c-recipe > dt {
	display: inline-block;
	padding: .1em 1em .2em;
	border-radius: 1em;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
	background: gray;
}
#isocal .c-cafefood .recipe_section .c-recipe > dd {
	margin-top: 16px;
}
#isocal .c-cafefood .recipe_section .recipe_list li {
	counter-increment: num;
	padding-left: 2em;
	font-size: 18px;
	text-indent: -2em;
}
#isocal .c-cafefood .recipe_section .recipe_list li * {
	text-indent: 0;
}
#isocal .c-cafefood .recipe_section .recipe_list li + li {
	margin-top: .4em;
}
#isocal .c-cafefood .recipe_section .recipe_list li::before,
#isocal .c-cafefood .recipe_section .recipe_list .num,
#isocal .c-cafefood .recipe_section .recipe_list .group,
#isocal .c-cafefood .recipe_section .memo_list .num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
}
#isocal .c-cafefood .recipe_section .recipe_list li::before,
#isocal .c-cafefood .recipe_section .recipe_list .num,
#isocal .c-cafefood .recipe_section .memo_list .num {
	padding: 0 0 .1em .1em;
	border-radius: 1.5em;
	color: gray;
	font-weight: 900;
	background: gainsboro;
}
#isocal .c-cafefood .recipe_section .recipe_list li::before {
	content: counter(num);
	margin-right: .5em;
	text-indent: 0;
}
#isocal .c-cafefood .recipe_section .recipe_list .num,
#isocal .c-cafefood .recipe_section .memo_list .num {
	margin-right: .1em;
	font-size: 80%;
}
#isocal .c-cafefood .recipe_section .recipe_list .group {
	margin-right: .1em;
	padding-bottom: .1em;
	border-radius: 4px;
	font-size: 88%;
	background: whitesmoke;
}
#isocal .c-cafefood .recipe_section .recipe_list li small {
	font-size: 80%;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood .recipe_section .c-recipe > dt,
	#isocal .c-cafefood .recipe_section .recipe_list li {
		font-size: calc(18vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .recipe_section .c-recipe > dt,
	#isocal .c-cafefood .recipe_section .recipe_list li {
		font-size: calc(18vw / 4.8);
	}
}

/* :::::: ワンポイントメモ :::::: */
#isocal .c-cafefood .recipe_section .c-memo {
	margin-top: 40px;
	text-align: center;
}
#isocal .c-cafefood .recipe_section .memo_title {
	position: relative;
	color: gainsboro;
	font-size: 27px;
}
#isocal .c-cafefood .recipe_section .memo_title .ico {
	top: 0;
	width: 1em;
	height: 1em;
	margin-right: .3em;
	fill: currentcolor;
}
#isocal .c-cafefood .recipe_section .column_box {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	padding: 40px;
	margin-top: -20px;
	border-radius: 10px;
	background: gray;
}
#isocal .c-cafefood .recipe_section .memo_list {
	display: inline-block;
	font-size: 16px;
	text-align: left;
}
#isocal .c-cafefood .recipe_section .memo_list li {
	padding-left: 1em;
	text-indent: -1em;
}
#isocal .c-cafefood .recipe_section .memo_list li > * {
	text-indent: 0;
}
#isocal .c-cafefood .recipe_section .memo_list li + li {
	margin-top: .4em;
}
#isocal .c-cafefood .recipe_section .memo_list li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .6em;
	height: .6em;
	margin-right: .4em;
	border-radius: 1em;
	background: gainsboro;
	vertical-align: middle;
}
#isocal .c-cafefood .recipe_section .memo_list li small {
	font-size: 80%;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood .recipe_section .memo_title {
		font-size: calc(27vw / 10);
	}
	#isocal .c-cafefood .recipe_section .memo_list {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .recipe_section .memo_title {
		font-size: calc(27vw / 4.8);
	}
	#isocal .c-cafefood .recipe_section .column_box {
		min-height: calc(160vw / 4.8);
		padding: calc(24vw / 4.8) calc(16vw / 4.8);
	}
	#isocal .c-cafefood .recipe_section .memo_list {
		font-size: calc(16vw / 4.8);
	}
}

/* :::::: この記事の監修 :::::: */
#isocal .c-cafefood .c-supervision {
	margin-top: 40px;
}
#isocal .c-cafefood .c-supervision .photo img {
	border-radius: 50%;
}
#isocal .c-cafefood .c-supervision .text dt {
	font-size: 19px;
}
#isocal .c-cafefood .c-supervision .text dd {
	margin-top: 8px;
	font-size: 16px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .c-supervision {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#isocal .c-cafefood .c-supervision .photo {
		flex-basis: 152px;
	}
	#isocal .c-cafefood .c-supervision .text {
		margin-left: 32px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood .c-supervision .text dt {
		font-size: calc(19vw / 10);
	}
	#isocal .c-cafefood .c-supervision .text dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .c-supervision .photo {
		width: calc(180vw / 4.8);
		margin: 0 auto;
	}
	#isocal .c-cafefood .c-supervision .text {
		margin-top: 16px;
	}
	#isocal .c-cafefood .c-supervision .text dt {
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-cafefood .c-supervision .text dd {
		font-size: calc(16vw / 4.8);
	}
}

/**
 * 【初心者向け】介護食の基本・食べる力に合わせた調理法と注意点
 * ---------------------------------------- */
#isocal .c-cafefood.p-carefood {
	background: #fff4e3;
}
#isocal .c-cafefood.p-carefood .section_num,
#isocal .c-cafefood.p-carefood .content_header {
	background: #efc835;
}
#isocal .c-cafefood.p-carefood .content_section.-bg {
	background: #f9ecbc;
}
#isocal .c-cafefood.p-carefood .figure_capsule,
#isocal .c-cafefood.p-carefood .header_title em::before {
	background: #50b16b;
}
#isocal .c-cafefood.p-carefood .header_visual img {
	box-shadow: 12px 12px 0 #ebae00;
}
#isocal .c-cafefood.p-carefood strong,
#isocal .c-cafefood.p-carefood .textlink,
#isocal .c-cafefood.p-carefood .section_title,
#isocal .c-cafefood.p-carefood .column_title,
#isocal .c-cafefood.p-carefood .wordlist dt,
#isocal .c-cafefood.p-carefood .footer_afterword,
#isocal .c-cafefood.p-carefood .section_list li::before,
#isocal .c-cafefood.p-carefood .dt_numlist dt {
	color: #50b16b;
}
#isocal .c-cafefood.p-carefood .section_title .marker {
	background: linear-gradient(to top, #f8ee9d .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-carefood .header_visual img {
		box-shadow: 6px 6px 0 #ebae00;
	}
}

/* 目次 */
#isocal .c-cafefood.p-carefood .header_toc {
	background: #fdf9eb;
}
#isocal .c-cafefood.p-carefood .toc_list {
	color: #50ae6b;
}
#isocal .c-cafefood.p-carefood .toc_title,
#isocal .c-cafefood.p-carefood .toc_list .toc_item::before,
#isocal .c-cafefood.p-carefood .toc_list .toc_item li::before {
	background: #50ae6b;
}

/* もっと見る */
#isocal .c-cafefood.p-carefood .c-button {
	margin: 24px auto 0;
	border-color: #50ae6b;
	background: #50ae6b;
}
#isocal .c-cafefood.p-carefood .pull_contents .c-button {
	margin-top: 48px;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-carefood button.c-button:hover {
		color: #50ae6b;
		background: #fff;
	}
}

/* disclist, datalist */
#isocal .c-cafefood .c-disclist li {
	padding-left: 20px;
	text-indent: -20px;
}
#isocal .c-cafefood .c-disclist li,
.c-datalist dd {
	line-height: 1.8;
}
#isocal .c-cafefood .c-disclist li:nth-child(n+2) {
	margin-top: .2em;
}
#isocal .c-cafefood .c-datalist dt {
	color: #50ad6b;
	font-size: 23px;
	font-weight: 900;
}
#isocal .c-cafefood .c-datalist > div:nth-child(n+2) {
	margin-top: .5em;
}
#isocal .c-cafefood .c-disclist li::before,
#isocal .c-cafefood .c-datalist dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	border-radius: 12px;
	background: #50ad6b;
	vertical-align: middle;
}
#isocal .c-cafefood .c-datalist dd {
	padding-left: 20px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .c-datalist dt {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood .c-datalist dd {
		font-size: calc(16vw / 4.8);
	}
}

/* 番号付きタイトル */
#isocal .c-cafefood .column_title.-num::before {
	content: attr(data-num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.6em;
	height: 1.6em;
	background: #f5e8b8;
	text-indent: 0;
}

/* 介護食のレシピ紹介中！ */
#isocal .c-cafefood .section_promotion {
	margin: 16px 0;
}
#isocal .c-cafefood .section_promotion p {
	color: #f98017;
}

/* :::::: individual :::::: */
#isocal .c-cafefood.p-carefood .header_title em {
	margin-left: .3em;
}

/* 画像サイズ */
#isocal .c-cafefood.p-carefood .section_figure {
	margin-right: auto;
	margin-left: auto;
}
#isocal .c-cafefood.p-carefood .p-section_3 .section_figure {
	max-width: 616px;
}

#isocal .c-cafefood.p-carefood .dt_numlist dt:nth-of-type(n+2),
#isocal .c-cafefood.p-carefood .column_title:nth-of-type(n+2) {
	margin-top: 16px;
}

/* box */
#isocal .c-cafefood.p-carefood .section_box .capsule_title,
#isocal .c-cafefood.p-carefood .section_box p {
	max-width: 432px;
	margin: 24px auto 0;
}
#isocal .c-cafefood.p-carefood .capsule_title.-c1 {
	background: #50b16b;
}
#isocal .c-cafefood.p-carefood .capsule_title.-c2 {
	background: #48ab97;
}
#isocal .c-cafefood.p-carefood .capsule_title.-c3 {
	background: #80cd63;
}
#isocal .c-cafefood.p-carefood .section_box p {
	margin-top: 12px;
}

/* table */
#isocal .c-cafefood.p-carefood .section_table table,
#isocal .c-cafefood.p-carefood .section_table th,
#isocal .c-cafefood.p-carefood .section_table td {
	border-color: #50b16b;
}
#isocal .c-cafefood.p-carefood .section_table th,
#isocal .c-cafefood.p-carefood .section_table td {
	line-height: 1.2;
	text-align: center;
}
#isocal .c-cafefood.p-carefood .section_table table + table {
	margin-top: 16px;
}
#isocal .c-cafefood.p-carefood .section_table tbody th,
#isocal .c-cafefood.p-carefood .section_table tbody td {
	padding: 8px .2em;
}
#isocal .c-cafefood.p-carefood .section_table [colspan="2"] {
	width: 25%;
}
#isocal .c-cafefood.p-carefood .section_table [rowspan] {
	width: 2.4em;
}
#isocal .c-cafefood.p-carefood .section_table sup {
	top: .1em;
}
#isocal .c-cafefood.p-carefood .section_table .v {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#isocal .c-cafefood.p-carefood .section_table table,
#isocal .c-cafefood.p-carefood .section_table .white {
	background: #fff;
}
#isocal .c-cafefood.p-carefood .section_table .upper th,
#isocal .c-cafefood.p-carefood .section_table .lower th {
	letter-spacing: 0;
}
#isocal .c-cafefood.p-carefood .table_note {
	margin-top: 8px;
	font-size: 11px;
	line-height: 1.7;
	font-weight: 400;
	text-align: left;
}

/* 介護食とは？食べる力に合わせた介護食の種類 */
#isocal .c-cafefood.p-carefood .p-table1 table {
	min-width: 560px;
}
#isocal .c-cafefood.p-carefood .p-table1 thead th {
	width: 30%;
	color: #50ad6b;
	white-space: nowrap;
	background: #ddefe0;
}
#isocal .c-cafefood.p-carefood .p-table1 tbody th,
#isocal .c-cafefood.p-carefood .p-table1 tbody td {
	padding: 1em .5em;
}
#isocal .c-cafefood.p-carefood .p-table1 tbody th {
	background: #f4f6e1;
}

/* 介護食の区分早見表 */
#isocal .c-cafefood.p-carefood .p-table2 {
	margin-top: 40px;
}
#isocal .c-cafefood.p-carefood .p-table2 th {
	font-size: 19px;
}
#isocal .c-cafefood.p-carefood .p-table2 td {
	font-size: 15px;
}
#isocal .c-cafefood.p-carefood .p-table2 th,
#isocal .c-cafefood.p-carefood .p-table2 td {
	white-space: nowrap;
}
#isocal .c-cafefood.p-carefood .p-table2 .s {
	font-size: 12px;
}
#isocal .c-cafefood.p-carefood .p-table2 .unit {
	font-size: 16px;
}
#isocal .c-cafefood.p-carefood .p-table2 .bite {
	background: #e1f3e4;
}
#isocal .c-cafefood.p-carefood .p-table2 .gulp {
	background: #fff4e3;
}
#isocal .c-cafefood.p-carefood .p-table2 .rice {
	background: #ffeaf0;
}
#isocal .c-cafefood.p-carefood .p-table2 .fish {
	background: #e9f6ff;
}
#isocal .c-cafefood.p-carefood .p-table2 .egg {
	background: #f8fae5;
}
#isocal .c-cafefood.p-carefood .p-table2 .rice > *,
#isocal .c-cafefood.p-carefood .p-table2 .fish > *,
#isocal .c-cafefood.p-carefood .p-table2 .upper > *,
#isocal .c-cafefood.p-carefood .p-table2 .lower > * {
	border-bottom-width: 0;
	border-top-style: dashed;
}
#isocal .c-cafefood.p-carefood .p-table2 .egg > * {
	border-top-style: dashed;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-carefood .p-table2 th {
		font-size: calc(17vw / 4.8);
	}
	#isocal .c-cafefood.p-carefood .p-table2 td {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.p-carefood .p-table2 .s {
		font-size: calc(11vw / 4.8);
	}
	#isocal .c-cafefood.p-carefood .p-table2 .unit {
		font-size: calc(15vw / 4.8);
	}
}

/* 【基礎】食べやすい介護食にするための調理ポイント */
#isocal .c-cafefood.p-carefood .p-section_3_2 .column_title {
	margin-top: 24px;
}

/* 食べやすい食材の選び方と注意点 */
#isocal .c-cafefood.p-carefood .p-section_3_3 .column_title {
	margin-top: 24px;
	padding-left: 1.8em;
	text-indent: -1.8em;
}
#isocal .c-cafefood.p-carefood .p-section_3_3 .c-datalist {
	margin-top: 16px;
}

/* 介護食で気をつけたい2つのポイント */
#isocal .c-cafefood.p-carefood .p-section_4_1 .column_title {
	margin-top: 24px;
}

/* 介護食におすすめ調理器具 */
#isocal .c-cafefood.p-carefood .p-section_5 .c-datalist {
	margin-top: 24px;
}

/* あとがき */
#isocal .c-cafefood.p-carefood .footer_afterword {
	max-width: 628px;
	margin: 64px auto 0;
	padding: 0 64px;
	color: inherit;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-carefood .footer_afterword {
		padding: 0 calc(32vw / 4.8);
	}
}

/* 監修・脚注 */
.footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
.footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
.footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	.footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	.footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}


/**
 * 高齢者の食事で気をつけるポイント・悩みと対策
 * ---------------------------------------- */
#isocal .c-cafefood.p-becareful {
	background: #ffe8d1;
}
#isocal .c-cafefood.p-becareful .section_num,
#isocal .c-cafefood.p-becareful .content_header {
	background: #efb02a;
}
#isocal .c-cafefood.p-becareful .content_section.-bg {
	background: #ffd7ae;
}
#isocal .c-cafefood.p-becareful .figure_capsule,
#isocal .c-cafefood.p-becareful .header_title em::before,
#isocal .c-cafefood.p-becareful .toc_title,
#isocal .c-cafefood.p-becareful .toc_list li::before {
	background: #ec56a7;
}
#isocal .c-cafefood.p-becareful .header_visual img {
	box-shadow: 12px 12px 0 #ec9e00;
}
#isocal .c-cafefood.p-becareful strong,
#isocal .c-cafefood.p-becareful .textlink,
#isocal .c-cafefood.p-becareful .section_title,
#isocal .c-cafefood.p-becareful .column_title,
#isocal .c-cafefood.p-becareful .wordlist dt,
#isocal .c-cafefood.p-becareful .footer_afterword,
#isocal .c-cafefood.p-becareful .section_list li::before,
#isocal .c-cafefood.p-becareful .toc_list {
	color: #ec56a7;
}
#isocal .c-cafefood.p-becareful .section_title .marker {
	background: linear-gradient(to top, #ffddad .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-becareful .header_visual img {
		box-shadow: 6px 6px 0 #ec9e00;
	}
}

/* individual */
#isocal .c-cafefood .section_card {
	margin: 32px 0;
	padding: 0 24px 24px;
	border: 1px solid #ec56a7;
	border-radius: 5px;
	background: #fff;
}
#isocal .c-cafefood .section_card .card_title {
	margin: 0 -24px 24px;
	padding: 12px .4em 8px;
	border-bottom: 1px solid #ec56a7;
	border-radius: 5px 5px 0 0;
	color: #ec56a7;
	line-height: 1.6;
}
#isocal .c-cafefood .section_card .card_title .face {
	position: relative;
	top: -.1em;
	margin-right: .5em;
}
#isocal .c-cafefood .section_card .card_title b {
	font-size: 120%;
	font-weight: inherit;
}
#isocal .c-cafefood .section_card.-bad .card_title {
	background: #ffe77a;
}
#isocal .c-cafefood .section_card.-good .card_title {
	background: #ffd37a;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .section_card {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
	#isocal .c-cafefood .section_card .card_title {
		margin-right: calc(-24vw / 4.8);
		margin-left: calc(-24vw / 4.8);
	}
	#isocal .c-cafefood .section_card .card_title .face {
		width: auto;
		height: 2.5em;
	}
}

#isocal .c-cafefood .p-section_2 .section_figure {
	max-width: 616px;
	margin-right: auto;
	margin-left: auto;
}

#isocal .c-cafefood .section_title .bln {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	top: .5em;
	width: 4.6em;
	height: 4.6em;
	margin-right: 1.6em;
	padding-top: .4em;
	border-radius: 5em;
	color: #ec56a7;
	font-size: 50%;
	line-height: 1.2;
	vertical-align: bottom;
	background: #ffddad;
}
#isocal .c-cafefood .section_title .bln b {
	font-size: 160%;
	font-weight: 700;
}
#isocal .c-cafefood .section_title .bln::before {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	left: calc(100% - 2px);
	border-width: 6px 0 6px 12px;
	border-style: solid;
	border-color: transparent;
	border-left-color: #ffddad;
}

/* :::::: 高齢者が食べにくい食材 :::::: */
#isocal .c-cafefood .section_card .section_list {
	margin-bottom: 0;
}
#isocal .c-cafefood .section_card .section_list b {
	color: #ec56a7;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood .section_card .section_list {
		columns: 2;
		column-gap: 48px;
		column-rule: 1px dotted #ec56a7;
	}
	#isocal .c-cafefood .section_card .section_list li {
		padding-top: 8px;
		padding-bottom: 8px;
		page-break-inside: avoid;
		break-inside: avoid;
	}
	#isocal .c-cafefood .section_card .section_list li {
		font-size: calc(16vw / 10);
	}
	#isocal .c-cafefood .section_card .section_list b {
		font-size: calc(18vw / 10);
	}
}
@media screen and (min-width: 1000px) {
	#isocal .c-cafefood .section_card .section_list li {
		font-size: 16px;
	}
	#isocal .c-cafefood .section_card .section_list b {
		font-size: 18px;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood .section_card .section_list li:nth-child(n+2) {
		margin-top: 8px;
	}
	#isocal .c-cafefood .section_card .section_list li {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood .section_card .section_list b {
		font-size: calc(18vw / 4.8);
	}
}

/* :::::: 食べやすくする工夫 :::::: */
#isocal .c-cafefood .section_card .section_numlist li {
	counter-increment: num;
	padding-left: 2em;
	text-indent: -2em;
}
#isocal .c-cafefood .section_card .section_numlist li::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.6em;
	height: 1.6em;
	margin-right: .4em;
	padding-bottom: .1em;
	border-radius: 2em;
	color: #fff;
	text-indent: 0;
	background: #ec56a7;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood .section_card .section_numlist {
		columns: 2;
		column-gap: 48px;
		column-rule: 1px dotted #ec56a7;
	}
	#isocal .c-cafefood .section_card .section_numlist li {
		padding-top: 8px;
		padding-bottom: 8px;
		page-break-inside: avoid;
		break-inside: avoid;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood .section_card .section_numlist li:nth-child(n+2) {
		margin-top: 12px;
	}
}

/* :::::: 高齢者に必要な食事量とは？ :::::: */
#isocal .c-cafefood .p-section_1_1 .section_list {
	margin: 0;
}

/* :::::: 不足しがちな栄養・カロリーを補うおすすめメニュー :::::: */
#isocal .c-cafefood .arrange_recipe {
	margin-top: 32px;
}
#isocal .c-cafefood .arrange_recipe li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#isocal .c-cafefood .arrange_recipe li:nth-child(n+2) {
	margin-top: 32px;
}
#isocal .c-cafefood .arrange_recipe .photo,
#isocal .c-cafefood .arrange_recipe .text {
	flex-basis: calc(50% - 16px);
}
#isocal .c-cafefood .arrange_recipe .photo {
	position: relative;
}
#isocal .c-cafefood .arrange_recipe .photo img {
	border-radius: 10px;
}
#isocal .c-cafefood .arrange_recipe .text dt {
	color: #ec56a7;
	font-weight: 900;
	line-height: 1.4;
}
#isocal .c-cafefood .arrange_recipe .text dd {
	line-height: 2;
}
#isocal .c-cafefood .arrange_recipe .photo .cooktime {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 8px;
	left: 8px;
	width: 64px;
	height: 64px;
	border-radius: 64px;
	color: #073190;
	font-size: 11px;
	line-height: 1.2;
	background: #fff url(../img/clock.svg) center / cover no-repeat;
}
#isocal .c-cafefood .arrange_recipe .photo .cooktime span {
	font-size: 80%;
}
#isocal .c-cafefood .arrange_recipe .photo .cooktime b {
	position: relative;
	top: .05em;
	padding: 0 .1em;
	font-size: 180%;
	font-weight: 700;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .arrange_recipe .text dt {
		font-size: calc(23vw / 10);
	}
	#isocal .c-cafefood .arrange_recipe .text dd {
		margin-top: 1em;
		font-size: calc(18vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood .arrange_recipe .text dt {
		font-size: 23px;
	}
	#isocal .c-cafefood .arrange_recipe .text dd {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .arrange_recipe li:nth-child(n+2) {
		margin-top: 24px;
	}
	#isocal .c-cafefood .arrange_recipe .photo,
	#isocal .c-cafefood .arrange_recipe .text {
		flex-basis: calc(50% - 8px);
	}
	#isocal .c-cafefood .arrange_recipe .text dt {
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood .arrange_recipe .text dd {
		margin-top: .5em;
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood .arrange_recipe .text dd br {
		display: none;
	}
	#isocal .c-cafefood .arrange_recipe .photo .cooktime {
		display: none;
	}
}

/* :::::: 食事を食べてくれない :::::: */
#isocal .c-cafefood .p-section_3_1 .section_list li {
	line-height: 2;
}
#isocal .c-cafefood .p-section_3_1 .section_list li:nth-child(n+2) {
	margin-top: 16px;
}
#isocal .c-cafefood .p-section_3 .section_list b {
	color: #ec56a7;
}
#isocal .c-cafefood .p-section_3 .section_title .txt {
	display: inline-block;
	text-align: left;
}
#isocal .c-cafefood .p-section_3_3 .column_title {
	margin-top: 1em;
	font-size: 20px;
}
#isocal .c-cafefood .p-section_3_3 .section_list {
	margin-top: .5em;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .p-section_3 .section_column:nth-of-type(n+2) .bln {
		top: -1em;
	}
	#isocal .c-cafefood .p-section_3_3 .column_title {
		font-size: calc(20vw / 4.8)
	}
}

/* :::::: 食事介助のポイントと注意点 :::::: */
#isocal .c-cafefood .support-flow li {
	position: relative;
	margin-top: 24px;
}
#isocal .c-cafefood .support-flow li:nth-child(n+2) {
	margin-top: 64px;
}
#isocal .c-cafefood .support-flow li:nth-child(n+2)::after {
	content: "";
	position: absolute;
	bottom: calc(100% + 24px);
	left: calc(96px - 12px);
	border-width: 16px 12px 0 12px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #ec56a7;
}
#isocal .c-cafefood .support-flow li:not(.is-inview) .label::after {
	opacity: 0;
}
#isocal .c-cafefood .support-flow li.is-anim .label::after {
	transition: opacity .3s;
}
#isocal .c-cafefood .support-flow .label {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 192px;
	height: 192px;
	border-radius: 192px;
	color: #ec56a7;
	font-size: 27px;
	font-weight: 900;
}
#isocal .c-cafefood .support-flow .paragraph {
	line-height: 2;
}
#isocal .c-cafefood .support-flow .label::before {
	content: "";
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
#isocal .c-cafefood .support-flow .before .label {
	background: #ffea91;
}
#isocal .c-cafefood .support-flow .during .label {
	background: #ffd9c6;
}
#isocal .c-cafefood .support-flow .after .label {
	background: #ffcb7a;
}
#isocal .c-cafefood .support-flow .before .paragraph {
	line-height: 2;
}
#isocal .c-cafefood .support-flow .flow .case .column_title {
	display: inline-block;
	margin-top: .5em;
}
#isocal .c-cafefood .support-flow .flow .case .section_figure {
	margin: .5em 0 0;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .support-flow li:nth-child(n+2)::after {
		left: calc(96px - 12px);
	}
	#isocal .c-cafefood .support-flow .flow {
		display: grid;
		grid-template-columns: 192px 1fr;
		column-gap: 48px;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-cafefood .support-flow .label::before {
		top: calc(50% - 12px);
		left: calc(100% - 2px);
		border-width: 12px 0 12px 24px;
	}
	#isocal .c-cafefood .support-flow .before .label::before {
		border-left-color: #ffea91;
	}
	#isocal .c-cafefood .support-flow .during .label::before {
		border-left-color: #ffd9c6;
	}
	#isocal .c-cafefood .support-flow .after .label::before {
		border-left-color: #ffcb7a;
	}
	#isocal .c-cafefood .support-flow .flow .case {
		grid-column: span 2;
	}
}
@media (min-width: 1000px) {
}
@media (max-width: 767px) {
	#isocal .c-cafefood .support-flow li:nth-child(n+2) {
		margin-top: 48px;
	}
	#isocal .c-cafefood .support-flow li:nth-child(n+2)::after {
		bottom: calc(100% + 16px);
		left: calc(50% - 12px);
	}
	#isocal .c-cafefood .support-flow .label {
		width: calc(192vw / 4.8);
		height: calc(192vw / 4.8);
		margin: 0 auto 24px;
	}
	#isocal .c-cafefood .support-flow .label::before {
		top: calc(100% - 4vw / 4.8);
		left: calc(50% - 12vw / 4.8);
		border-width: 24px 12px 0 12px;
	}
	#isocal .c-cafefood .support-flow .before .label::before {
		border-top-color: #ffea91;
	}
	#isocal .c-cafefood .support-flow .during .label::before {
		border-top-color: #ffd9c6;
	}
	#isocal .c-cafefood .support-flow .after .label::before {
		border-top-color: #ffcb7a;
	}
}


/**
 * 初心者向けミキサー食の作り方と注意点・3つのポイント
 * ---------------------------------------- */
#isocal .c-cafefood.p-mixer3 {
	background: #f6eaf6;
}
#isocal .c-cafefood.p-mixer3 .section_num,
#isocal .c-cafefood.p-mixer3 .content_header,
#isocal .c-cafefood .section_title .ribbon {
	background: #ddaedc;
}
#isocal .c-cafefood.p-mixer3 .content_section.-bg {
	background: #efd8ef;
}
#isocal .c-cafefood.p-mixer3 .figure_capsule,
#isocal .c-cafefood.p-mixer3 .header_title em::before {
	background: #eab10d;
}
#isocal .c-cafefood.p-mixer3 .header_visual img {
	box-shadow: 12px 12px 0 #cf8dce;
}
#isocal .c-cafefood.p-mixer3 strong,
#isocal .c-cafefood.p-mixer3 .textlink,
#isocal .c-cafefood.p-mixer3 .section_title,
#isocal .c-cafefood.p-mixer3 .column_title,
#isocal .c-cafefood.p-mixer3 .wordlist dt,
#isocal .c-cafefood.p-mixer3 .footer_afterword,
#isocal .c-cafefood.p-mixer3 .section_list li::before {
	color: #eab10d;
}
#isocal .c-cafefood.p-mixer3 .section_title .marker {
	background: linear-gradient(to top, #f2dff2 .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-mixer3 .header_visual img {
		box-shadow: 6px 6px 0 #cf8dce;
	}
}

/* individual */
#isocal .c-cafefood .section_list li {
	line-height: 2;
}
#isocal .c-cafefood .section_list li:nth-child(n+2) {
	margin-top: 24px;
}

/* 画像サイズ */
#isocal .c-cafefood.p-mixer3 .section_figure {
	margin-right: auto;
	margin-left: auto;
	max-width: 580px;
}

/* table */
#isocal .c-cafefood.p-mixer3 .section_table table,
#isocal .c-cafefood.p-mixer3 .section_table th,
#isocal .c-cafefood.p-mixer3 .section_table td {
	border-color: #eab10d;
	line-height: 1.4;
}
#isocal .c-cafefood.p-mixer3 .section_table thead tr {
	background: #fff;
}
#isocal .c-cafefood.p-mixer3 .section_table tbody .odd {
	background: #ffe6c1;
}
#isocal .c-cafefood.p-mixer3 .section_table tbody .even {
	background: #fff4e5;
}
#isocal .c-cafefood.p-mixer3 .section_table th,
#isocal .c-cafefood.p-mixer3 .section_table .level {
	font-weight: 900;
}
#isocal .c-cafefood.p-mixer3 .section_table .-l {
	text-align: left;
}
#isocal .c-cafefood.p-mixer3 .section_table small {
	display: inline-block;
}
#isocal .c-cafefood.p-mixer3 .section_table .level {
	text-align: center;
}
#isocal .c-cafefood.p-mixer3 .section_table li:nth-child(n+2) {
	margin-top: .4em;
}
#isocal .c-cafefood.p-mixer3 .section_table table {
	width: 100%;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-mixer3 .section_table th,
	#isocal .c-cafefood.p-mixer3 .section_table .level {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.p-mixer3 .section_table small {
		font-size: calc(12vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-mixer3 .section_table th,
	#isocal .c-cafefood.p-mixer3 .section_table .level {
		font-size: 18px;
	}
	#isocal .c-cafefood.p-mixer3 .section_table small {
		font-size: 10px;
	}
}
@media (max-width: 787px) {
	#isocal .c-cafefood.p-mixer3 .section_table table:nth-child(n+2) {
		margin-top: 16px;
	}
	#isocal .c-cafefood.p-mixer3 .section_table th,
	#isocal .c-cafefood.p-mixer3 .section_table td {
		padding: 8px .4em;
	}
	#isocal .c-cafefood.p-mixer3 .section_table thead th {
		width: 68%;
	}
	#isocal .c-cafefood.p-mixer3 .section_table thead .blank {
		width: 32%;
	}
	#isocal .c-cafefood.p-mixer3 .section_table th,
	#isocal .c-cafefood.p-mixer3 .section_table .level {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.p-mixer3 .section_table td,
	#isocal .c-cafefood.p-mixer3 .section_table li {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.p-mixer3 .section_table small {
		font-size: calc(12vw / 4.8);
	}
}

/* :::::: よくある質問と悩み :::::: */
#isocal .c-cafefood .c-faqpaper,
#isocal .c-cafefood .p-section_4 .section_figure {
	margin-top: 56px;
}
#isocal .c-cafefood .c-faqpaper {
	position: relative;
	border-radius: 10px;
	background: #fcfff5;
	box-shadow: 4px 4px 8px rgba(0,0,0,.2);
}
#isocal .c-cafefood .c-faqpaper:nth-of-type(n+2) {
	margin-top: 16px;
}
#isocal .c-cafefood .c-faqpaper::before,
#isocal .c-cafefood .c-faqpaper::after {
	content: "";
	position: absolute;
}
#isocal .c-cafefood .c-faqpaper::before {
	top: 40px;
	bottom: 40px;
	left: 0;
	width: 40px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kc3_looseleaf.svg?v=1678967807') center / contain space;
	backface-visibility: hidden;
}
#isocal .c-cafefood .c-faqpaper::after {
	top: 0;
	width: 118px;
	height: 31px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kc3_tape.svg?v=1678967740') center / contain no-repeat;
}
#isocal .c-cafefood .c-faqpaper > * {
	position: relative;
}
#isocal .c-cafefood .c-faqpaper .q,
#isocal .c-cafefood .c-faqpaper .a {
	padding-left: 28px;
	text-indent: -28px;
}
#isocal .c-cafefood .c-faqpaper .q,
#isocal .c-cafefood .c-faqpaper .a::before {
	color: #eab10d;
}
#isocal .c-cafefood .c-faqpaper .q::before {
	content: "Q.";
	margin-right: 4px;
}
#isocal .c-cafefood .c-faqpaper .a {
	margin-top: 1em;
}
#isocal .c-cafefood .c-faqpaper .a::before {
	content: "A.";
	margin-right: 4px;
}
#isocal .c-cafefood .c-faqpaper .section_list {
	margin: 8px 0 0;
}
#isocal .c-cafefood .c-faqpaper .section_list li {
	margin-top: 0;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .c-faqpaper {
		padding: calc(64vw / 10);
		padding-left: calc(80vw / 10);
	}
	#isocal .c-cafefood .c-faqpaper.p-faq_1,
	#isocal .c-cafefood .c-faqpaper.p-faq_3 {
		margin-right: 32px;
		transform: rotate(-3deg);
	}
	#isocal .c-cafefood .c-faqpaper.p-faq_2 {
		z-index: 1;
		margin-left: 24px;
		transform: rotate(6deg);
	}
	#isocal .c-cafefood .c-faqpaper.p-faq_1::after,
	#isocal .c-cafefood .c-faqpaper.p-faq_3::after {
		left: -24px;
		transform: rotate(-30deg);
	}
	#isocal .c-cafefood .c-faqpaper.p-faq_2::after {
		right: -24px;
		transform: rotate(30deg);
	}
	#isocal .c-cafefood .c-faqpaper .q,
	#isocal .c-cafefood .c-faqpaper .a::before {
		font-size: calc(24vw / 10);
	}
	#isocal .c-cafefood .c-faqpaper .a {
		font-size: calc(18vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood .c-faqpaper {
		padding: 64px;
		padding-left: 80px;
	}
	#isocal .c-cafefood .c-faqpaper .q,
	#isocal .c-cafefood .c-faqpaper .a::before {
		font-size: 24px;
	}
	#isocal .c-cafefood .c-faqpaper .a {
		font-size: 18px;
	}
}
@media (max-width: 787px) {
	#isocal .c-cafefood .c-faqpaper,
	#isocal .c-cafefood .p-section_4 .section_figure {
		margin-top: 40px;
	}
	#isocal .c-cafefood .c-faqpaper {
		padding: calc(40vw / 4.8);
		padding-right: calc(24vw / 4.8);
		padding-left: calc(48vw / 4.8);
		box-shadow: 2px 2px 4px rgba(0,0,0,.1);
	}
	#isocal .c-cafefood .c-faqpaper:nth-of-type(n+2) {
		margin-top: 24px;
	}
	#isocal .c-cafefood .c-faqpaper::after {
		left: -16px;
		width: calc(90vw / 4.8);
		height: calc(23vw / 4.8);
		transform: rotate(-30deg);
	}
	#isocal .c-cafefood .c-faqpaper .q,
	#isocal .c-cafefood .c-faqpaper .a::before {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood .c-faqpaper .a {
		font-size: calc(16vw / 4.8);
	}
}


/**
 * 正しい食事介助・基本姿勢とスムーズに介助するポイント
 * ---------------------------------------- */
#isocal .c-cafefood.p-mealassist {
	background: #fff4e3;
}
#isocal .c-cafefood.p-mealassist .section_num,
#isocal .c-cafefood.p-mealassist .content_header {
	background: #efc835;
}
#isocal .c-cafefood.p-mealassist .content_section.-bg {
	background: #f9ecbc;
}
#isocal .c-cafefood.p-mealassist .figure_capsule,
#isocal .c-cafefood.p-mealassist .header_title em::before {
	background: #50b16b;
}
#isocal .c-cafefood.p-mealassist .header_visual img {
	box-shadow: 12px 12px 0 #ebae00;
}
#isocal .c-cafefood.p-mealassist strong,
#isocal .c-cafefood.p-mealassist .textlink,
#isocal .c-cafefood.p-mealassist .section_title,
#isocal .c-cafefood.p-mealassist .column_title,
#isocal .c-cafefood.p-mealassist .wordlist dt,
#isocal .c-cafefood.p-mealassist .footer_afterword,
#isocal .c-cafefood.p-mealassist .section_list li::before {
	color: #50b16b;
}
#isocal .c-cafefood.p-mealassist .section_title .marker {
	background: linear-gradient(to top, #f8eec9 .5em, transparent .5em);
}
#isocal .c-cafefood.p-mealassist .p-section_2 .section_figure {
  max-width: inherit;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-mealassist .mealassist-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-cafefood.p-mealassist .mealassist-wrap .text {
		flex-basis: calc(100% - 24vw - 16px);
	}
	#isocal .c-cafefood.p-mealassist .mealassist-wrap .photo {
		flex-basis: calc(24vw);
	}
}
@media screen and (min-width: 1000px) {
	#isocal .c-cafefood.p-mealassist .mealassist-wrap .text {
		flex-basis: calc(100% - 256px);
	}
	#isocal .c-cafefood.p-mealassist .mealassist-wrap .photo {
		flex-basis: 240px;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-mealassist .header_visual img {
		box-shadow: 6px 6px 0 #ebae00;
	}
	#isocal .c-cafefood.p-mealassist .footer_afterword {
		text-align: left;
	}
	#isocal .c-cafefood.p-mealassist .mealassist-wrap .photo {
		margin: 0 auto;
		margin-top: calc(16vw / 4.8);
		max-width: 375px;
	}
}

#isocal .c-cafefood .header_title {
	line-height: 1.5;
}
#isocal .c-cafefood .header_title .l1 {
	line-height: 1.6;
}
#isocal .c-cafefood .header_title .l2 {
	line-height: 1.8;
}
#isocal .c-cafefood .header_title .l3 {
	line-height: 1.2;
}
#isocal .c-cafefood .section_figure.u-mt2 {
	margin-right: 0;
	margin-left: 0;
}

#isocal .c-cafefood.p-mealassist .dt_numlist dt {
	color: #50b16b;
}
#isocal .c-cafefood.p-mealassist .dt_numlist.c-box {
	background: #fff4e3;
}

@media screen and (min-width: 768px) {
	#isocal .c-cafefood .p-process {
		padding-right: 40px;
		padding-left: 40px;
	}
	#isocal .c-cafefood .p-process .section_title {
		margin-right: -40px;
		margin-left: -40px;
	}
	#isocal .c-cafefood .dt_numlist.c-box {
		margin: 40px -40px 0;
		padding: 40px;
	}
}

#isocal .c-cafefood .p-spoon .section_figure {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}


/**
 * 【図解】介護食の区分とは？4つの種類と選び方をケース別に解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-carefood4 {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-carefood4 .section_num,
#isocal .c-cafefood.p-carefood4 .content_header {
	background: #8fcd79;
}
#isocal .c-cafefood.p-carefood4 .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-carefood4 .figure_capsule,
#isocal .c-cafefood.p-carefood4 .header_title em::before {
	background: #f98017;
}
#isocal .c-cafefood.p-carefood4 .header_visual img {
	box-shadow: 12px 12px 0 #7fbc4b;
}
#isocal .c-cafefood.p-carefood4 strong,
#isocal .c-cafefood.p-carefood4 .textlink,
#isocal .c-cafefood.p-carefood4 .section_title,
#isocal .c-cafefood.p-carefood4 .column_title,
#isocal .c-cafefood.p-carefood4 .wordlist dt,
#isocal .c-cafefood.p-carefood4 .footer_afterword,
#isocal .c-cafefood.p-carefood4 .section_list li::before {
	color: #f98017;
}
#isocal .c-cafefood.p-carefood4 .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-carefood4 .header_visual img {
		box-shadow: 6px 6px 0 #7fbc4b;
	}
	#isocal .c-cafefood.p-carefood4 .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-carefood4 .section_table table,
#isocal .c-cafefood.p-carefood4 .section_table th,
#isocal .c-cafefood.p-carefood4 .section_table td {
	border-color: #91cf79;
}
#isocal .c-cafefood.p-carefood4 .section_table .v-rl {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-feature-settings: "pkna";
	text-align: left;
}

/* 一覧の行間 */
#isocal .c-cafefood.p-carefood4 .section_list li + li {
	margin-top: .3em;
}

/* タイトルロゴ */
#isocal .c-cafefood.p-carefood4 .p-section_2 .section_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-carefood4 .withlogo {
	display: inline-block;
	position: relative;
}
#isocal .c-cafefood.p-carefood4 .withlogo::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}
#isocal .c-cafefood.p-carefood4 .p-section_2 .withlogo {
	padding-left: 135px;
}
#isocal .c-cafefood.p-carefood4 .p-section_2 .withlogo::before {
	width: 111px;
	height: 97px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kc5_universal.png?v=1678969425') center / cover no-repeat;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .withlogo {
	padding-left: 169px;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .withlogo::before {
	bottom: -.2em;
	width: 145px;
	height: 128px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kc5_smilecare.png?v=1678969424') center / cover no-repeat;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-carefood4 .p-section_2 .section_title .s {
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_2 .withlogo,
	#isocal .c-cafefood.p-carefood4 .p-section_3 .withlogo {
		padding-left: calc(72vw / 4.8);
		white-space: nowrap;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_2 .withlogo::before,
	#isocal .c-cafefood.p-carefood4 .p-section_3 .withlogo::before {
		width: calc(64vw / 4.8);
		height: calc(56vw / 4.8);
		background-size: contain;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_2 .withlogo::before {
		bottom: calc(50% - 32vw / 4.8);
	}
}

/* 区分イラスト */
#isocal .c-cafefood.p-carefood4 .figure-list {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 24px;
}
#isocal .c-cafefood.p-carefood4 .p-div4 .figure-list {
	margin-right: -24px;
}
#isocal .c-cafefood.p-carefood4 .figure-list li {
	flex-basis: 180px;
}
#isocal .c-cafefood.p-carefood4 .figure-list li + li {
	margin-left: 40px;
}
#isocal .c-cafefood.p-carefood4 .figure-list li:last-child {
	margin-left: 24px;
}
#isocal .c-cafefood.p-carefood4 .p-div4 .figure-list li:last-child {
	margin-left: 0;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-carefood4 .p-div1 .figure-list li:nth-child(1),
	#isocal .c-cafefood.p-carefood4 .p-div2 .figure-list li:nth-child(1) {
		flex-basis: 151px;
	}
	#isocal .c-cafefood.p-carefood4 .p-div1 .figure-list li:nth-child(2),
	#isocal .c-cafefood.p-carefood4 .p-div2 .figure-list li:nth-child(2) {
		flex-basis: 155px;
	}
	#isocal .c-cafefood.p-carefood4 .p-div1 .figure-list li:nth-child(3),
	#isocal .c-cafefood.p-carefood4 .p-div2 .figure-list li:nth-child(3),
	#isocal .c-cafefood.p-carefood4 .p-div3 .figure-list li:nth-child(3) {
		flex-basis: 203px;
	}
	#isocal .c-cafefood.p-carefood4 .p-div3 .figure-list li:nth-child(1),
	#isocal .c-cafefood.p-carefood4 .p-div4 .figure-list li:nth-child(1) {
		flex-basis: 180px;
	}
	#isocal .c-cafefood.p-carefood4 .p-div3 .figure-list li:nth-child(2) {
		flex-basis: 158px;
	}
	#isocal .c-cafefood.p-carefood4 .p-div4 .figure-list li:nth-child(2),
	#isocal .c-cafefood.p-carefood4 .p-div4 .figure-list li:nth-child(3) {
		flex-basis: 196px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-carefood4 .p-div4 .figure-list {
		margin-right: calc(-12vw / 4.8);
	}
	#isocal .c-cafefood.p-carefood4 .figure-list li + li {
		margin-left: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-carefood4 .figure-list li:last-child {
		margin-left: calc(12vw / 4.8);
	}
	#isocal .c-cafefood.p-carefood4 .p-div1 .figure-list li,
	#isocal .c-cafefood.p-carefood4 .p-div2 .figure-list li {
		flex-basis: 30%;
	}
	#isocal .c-cafefood.p-carefood4 .p-div1 .figure-list li:nth-child(3),
	#isocal .c-cafefood.p-carefood4 .p-div2 .figure-list li:nth-child(3) {
		flex-basis: 40%;
	}
	#isocal .c-cafefood.p-carefood4 .p-div3 .figure-list li:nth-child(1) {
		flex-basis: 34%;
	}
	#isocal .c-cafefood.p-carefood4 .p-div3 .figure-list li:nth-child(2) {
		flex-basis: 30%;
	}
	#isocal .c-cafefood.p-carefood4 .p-div3 .figure-list li:nth-child(3) {
		flex-basis: 36%;
	}
	#isocal .c-cafefood.p-carefood4 .p-div4 .figure-list li {
		flex-basis: 35%;
	}
	#isocal .c-cafefood.p-carefood4 .p-div4 .figure-list li:nth-child(1) {
		flex-basis: calc(30% + 12vw / 4.8);
	}
}

/* :::::: 介護食の区分早見表（ユニバーサルデザインフード） :::::: */
#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table th {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table .w,
#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table td {
	background: #fff;
}
#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table th {
	padding-right: .5em;
	padding-left: .5em;
}
#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table thead th {
	width: 20%;
}
#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table tbody th {
	white-space: nowrap;
}
#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table th[rowspan="3"] {
	width: 2em;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table th,
	#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table td {
		padding-right: .5em;
		padding-left: .5em;
		font-size: calc(11vw / 4.8);
		line-height: 1.4;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table td {
		font-size: calc(10vw / 4.8);
		text-align: left;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table td br {
		display: none;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table table {
		min-width: 384px;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table th {
		font-size: 11px;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_2 .section_table td {
		font-size: 10px;
	}
}

/* :::::: スマイルケア食の区分 :::::: */
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_list {
	margin: 8px 0 0;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .col1 {
	width: 28%;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .col2 {
	width: 50%;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .col3 {
	width: 22%;
	font-weight: 700;
	text-align: center;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table th[rowspan] {
	min-width: 42px;
	white-space: nowrap;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .blue th,
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .blue td {
	background: #dcf2f9;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .yellow th,
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .yellow td {
	background: #ffffc4;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .green th,
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .green td {
	background: #e6f2e2;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .blue .col3 {
	color: #3092c3;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .yellow .col3 {
	color: #e78a00;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .green .col3 {
	color: #c7295f;
}
#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .icon {
	display: inline-block;
	width: 100%;
	max-width: 102px;
	margin-top: 4px;
	padding: 2px;
	border: 1px solid currentcolor;
	border-radius: 5px;
	background: #fff;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .col1 {
		width: 24%;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .col3 {
		width: 26%;
		white-space: nowrap;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table th,
	#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table td {
		padding-right: .5em;
		padding-left: .5em;
		font-size: calc(11vw / 4.8);
		line-height: 1.4;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .col3 {
		font-size: calc(10vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table table {
		min-width: 384px;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table th,
	#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table td {
		font-size: 11px;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_3 .section_table .col3 {
		font-size: 10px;
	}
}

/* :::::: 介護食の選び方 :::::: */
#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box {
	padding: 22px;
	border-radius: 10px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box {
		padding: calc(22vw / 4.8);
	}
}

/* :::::: ユニバーサルデザインフード®の選び方 :::::: */
#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box.f1 {
	background: #ecf3e8;
}
#isocal .c-cafefood.p-carefood4 .figure_capsule {
	border-radius: 3em;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-carefood4 .figure_capsule .s {
		font-size: 18px;
	}
}

/* :::::: スマイルケア食の選び方 :::::: */
#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box {
	position: relative;
}
#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box.f2 {
	margin-bottom: 0;
	background: #fcf8e9;
}
#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description {
	border-radius: 10px;
	background: #fff;
}
#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dt {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	color: #fff;
	font-size: 19px;
	font-weight: 900;
	background: #f98017;
}
#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dt::after {
	content: "";
	position: absolute;
	width: 56px;
	height: 63px;
	background: url(../img/carefood4_4_doctor.png) center / cover no-repeat;
}
#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dd {
	font-size: 16px;
}
#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dd em {
	color: #f98017;
	font-style: normal;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description {
		position: absolute;
		left: 22px;
		bottom: 22px;
		width: 274px;
		padding: 20px;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dt {
		float: left;
		margin-right: 64px;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dt::after {
		top: 0;
		left: 100%;
	}
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dd {
		line-height: 1.7;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description {
		left: calc(22vw / 10);
		bottom: calc(22vw / 10);
		width: calc(274vw / 10);
		padding: calc(20vw / 10);
	}
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dt {
		width: calc(60vw / 10);
		height: calc(60vw / 10);
		margin-right: calc(64vw / 10);
		font-size: calc(19vw / 10);
	}
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dt::after {
		width: calc(56vw / 10);
		height: calc(63vw / 10);
	}
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: calc(16vw / 4.8);
		padding: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dt {
		flex-basis: calc(60vw / 4.8);
		width: calc(60vw / 4.8);
		height: calc(60vw / 4.8);
		border-radius: calc(60vw / 4.8);
		margin-bottom: calc(72vw / 4.8);
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dt::after {
		top: calc(100% + 8vw / 4.8);
		left: calc(50% - 30vw / 4.8);
		width: calc(56vw / 4.8);
		height: calc(63vw / 4.8);
	}
	#isocal .c-cafefood.p-carefood4 .p-section_4 .c-box .description dd {
		flex-basis: calc(100% - 72vw / 4.8);
		font-size: calc(12vw / 4.8);
	}
}


/**
 * 【図解】介護食の区分とは？4つの種類と選び方をケース別に解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-softfood {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-softfood .section_num,
#isocal .c-cafefood.p-softfood .content_header {
	background: #dcaddb;
}
#isocal .c-cafefood.p-softfood .content_section.-bg {
	background: #ece0ec;
}
#isocal .c-cafefood.p-softfood .figure_capsule,
#isocal .c-cafefood.p-softfood .header_title em::before,
#isocal .c-cafefood.p-softfood .toc_title,
#isocal .c-cafefood.p-softfood .toc_list li::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-softfood .header_visual img {
	box-shadow: 12px 12px 0 #c583c4;
}
#isocal .c-cafefood.p-softfood strong,
#isocal .c-cafefood.p-softfood .textlink,
#isocal .c-cafefood.p-softfood .section_title,
#isocal .c-cafefood.p-softfood .column_title,
#isocal .c-cafefood.p-softfood .wordlist dt,
#isocal .c-cafefood.p-softfood .footer_afterword,
#isocal .c-cafefood.p-softfood .section_list li::before,
#isocal .c-cafefood.p-softfood .toc_list {
	color: #e9b00d;
}
#isocal .c-cafefood.p-softfood .section_title .marker {
	background: linear-gradient(to top, #e8d5e8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-softfood .header_visual img {
		box-shadow: 6px 6px 0 #c583c4;
	}
	#isocal .c-cafefood.p-softfood .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-softfood .section_table table,
#isocal .c-cafefood.p-softfood .section_table th,
#isocal .c-cafefood.p-softfood .section_table td {
	border-color: #f8c015;
}
#isocal .c-cafefood.p-softfood .section_table th {
	background: #f7edc8;
}
#isocal .c-cafefood.p-softfood .section_table .blank {
	background: #fff;
}

/* recipe */
#isocal .c-cafefood.p-softfood .recipe_section {
	margin-top: 0;
}
#isocal .c-cafefood.p-softfood .recipe_section .recipe_title,
#isocal .c-cafefood.p-softfood .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-softfood .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-softfood .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-softfood .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-softfood .recipe_section .memo_title,
#isocal .c-cafefood.p-softfood .recipe_section .recipe_list .num {
	color: #e9b00d;
}
#isocal .c-cafefood.p-softfood .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-softfood .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-softfood .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-softfood .recipe_section .memo_list li::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-softfood .recipe_section .recipe_title,
#isocal .c-cafefood.p-softfood .recipe_section .column_box {
	background: #fdf8e9;
}
#isocal .c-cafefood.p-softfood .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-softfood .recipe_section .recipe_list .num {
	background: #fdf7e7;
}

/* ソフト食とその他の食事の違い */
#isocal .c-cafefood.p-softfood .p-section_1 .section_table {
	margin-top: 40px;
}
#isocal .c-cafefood.p-softfood .p-section_1 .figure_capsule b {
	font-size: 136%;
	font-weight: inherit;
}
#isocal .c-cafefood.p-softfood .p-section_1 .section_table th small {
	font-size: 70%;
}
#isocal .c-cafefood.p-softfood .p-section_1 .section_table thead th {
	width: 40%;
}
#isocal .c-cafefood.p-softfood .p-section_1 .section_table thead .blank {
	width: 20%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-softfood .p-section_1 .section_table thead th {
		width: 35%;
	}
	#isocal .c-cafefood.p-softfood .p-section_1 .section_table thead .blank {
		width: 30%;
	}
}

/* ソフト食の作り方・作る時の3つのポイント */
#isocal .c-cafefood.p-softfood .p-section_2 .column_title::before {
	display: none;
}

/* あとがき */
#isocal .c-cafefood.p-softfood .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}


/**
 * 【図解】介護食の区分とは？4つの種類と選び方をケース別に解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-moussefood {
	background: #ffe6e8;
}
#isocal .c-cafefood.p-moussefood .section_num,
#isocal .c-cafefood.p-moussefood .content_header {
	background: #ffa8b3;
}
#isocal .c-cafefood.p-moussefood .content_section.-bg {
	background: #ffd9d1;
}
#isocal .c-cafefood.p-moussefood .figure_capsule,
#isocal .c-cafefood.p-moussefood .header_title em::before,
#isocal .c-cafefood.p-moussefood .toc_title,
#isocal .c-cafefood.p-moussefood .toc_list li::before {
	background: #1bacbd;
}
#isocal .c-cafefood.p-moussefood .header_visual img {
	box-shadow: 12px 12px 0 #ff8293;
}
#isocal .c-cafefood.p-moussefood strong,
#isocal .c-cafefood.p-moussefood .textlink,
#isocal .c-cafefood.p-moussefood .section_title,
#isocal .c-cafefood.p-moussefood .column_title,
#isocal .c-cafefood.p-moussefood .wordlist dt,
#isocal .c-cafefood.p-moussefood .footer_afterword,
#isocal .c-cafefood.p-moussefood .section_list li::before,
#isocal .c-cafefood.p-moussefood .toc_list {
	color: #1bacbd;
}
#isocal .c-cafefood.p-moussefood .section_title .marker {
	background: linear-gradient(to top, #ffd3d8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-moussefood .header_visual img {
		box-shadow: 6px 6px 0 #ff8293;
	}
	#isocal .c-cafefood.p-moussefood .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-moussefood .section_table table,
#isocal .c-cafefood.p-moussefood .section_table th,
#isocal .c-cafefood.p-moussefood .section_table td {
	border-color: #1bb5c6;
}
#isocal .c-cafefood.p-moussefood .section_table th {
	background: #edf9ff;
}
#isocal .c-cafefood.p-moussefood .section_table .blank {
	background: #fff;
}

/* recipe */
#isocal .c-cafefood.p-moussefood .recipe_section .recipe_title,
#isocal .c-cafefood.p-moussefood .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-moussefood .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-moussefood .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-moussefood .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-moussefood .recipe_section .memo_title,
#isocal .c-cafefood.p-moussefood .recipe_section .recipe_list .num {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-moussefood .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-moussefood .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-moussefood .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-moussefood .recipe_section .memo_list li::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-moussefood .recipe_section .recipe_title,
#isocal .c-cafefood.p-moussefood .recipe_section .column_box {
	background: #f7fcff;
}
#isocal .c-cafefood.p-moussefood .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-moussefood .recipe_section .recipe_list .num {
	background: #edf9ff;
}

/* ムース食とその他の食事の違い */
#isocal .c-cafefood.p-moussefood .p-section_1 .section_table {
	margin-top: 40px;
}
#isocal .c-cafefood.p-moussefood .p-section_1 .figure_capsule b {
	font-size: 136%;
	font-weight: inherit;
}
#isocal .c-cafefood.p-moussefood .p-section_1 .section_table th small {
	font-size: 70%;
}
#isocal .c-cafefood.p-moussefood .p-section_1 .section_table thead th {
	width: 40%;
}
#isocal .c-cafefood.p-moussefood .p-section_1 .section_table thead .blank {
	width: 20%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .p-softfood .p-section_1 .section_table thead th {
		width: 35%;
	}
	#isocal .c-cafefood .p-softfood .p-section_1 .section_table thead .blank {
		width: 30%;
	}
}

/* ムース食で作る「ステーキ」 */
#isocal .c-cafefood.p-moussefood .c-material {
	display: block;
}
#isocal .c-cafefood.p-moussefood .c-material .photo {
	max-width: 520px;
	margin: 0 auto;
}
/* 材料 */
#isocal .c-cafefood.p-moussefood .c-material .text {
	margin-top: 40px;
}
#isocal .c-cafefood .recipe_section .material_list sup {
	top: 0;
	font-size: 10px;
}
#isocal .c-cafefood .recipe_section .material_list dl {
	background-position: left .75em;
}
#isocal .c-cafefood.p-moussefood .c-material .text .recipe_wrap {
	margin-top: .5em;
}
#isocal .c-cafefood.p-moussefood .c-material .text .recipe_wrap > dt {
	color: #1bacbd;
	font-weight: 700;
}
#isocal .c-cafefood.p-moussefood .c-material .text .recipe_wrap > dd {
	margin-top: .2em;
}
#isocal .c-cafefood.p-moussefood .c-material .notes {
	margin-top: 16px;
}
#isocal .c-cafefood.p-moussefood .c-material .notes li {
	padding-left: 1em;
	font-size: 13px;
	text-indent: -1em;
}
#isocal .c-cafefood.p-moussefood .c-material .notes li::before {
	content: "※";
}
#isocal .c-cafefood.p-moussefood .c-material .group[data-group="A"]::before {
	height: calc(100% - 2.4em);
}
#isocal .c-cafefood.p-moussefood .c-material .group[data-group="A"]::after {
	top: calc(50% - 1.8em);
}
/* 作り方 */
#isocal .c-cafefood.p-moussefood .c-recipe .recipe_wrap {
	margin-top: 16px;
}
#isocal .c-cafefood.p-moussefood .c-recipe .recipe_wrap > dt {
	margin-top: .5em;
	color: #1bacbd;
	font-size: 18px;
	font-weight: 900;
}
#isocal .c-cafefood.p-moussefood .c-recipe .recipe_wrap > dd {
	margin-top: .2em;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-moussefood .c-material .text::after {
		content: "";
		display: block;
		clear: both;
	}
	#isocal .c-cafefood.p-moussefood .c-material .text .recipe_wrap {
		float: left;
		width: calc(50% - 16px);
		margin-top: .5em;
	}
	#isocal .c-cafefood.p-moussefood .c-material .text .recipe_wrap:nth-of-type(n+2) {
		float: right;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-moussefood .c-material .notes li {
		font-size: calc(12vw / 4.8);
	}
	#isocal .c-cafefood.p-moussefood .c-recipe .recipe_wrap > dt {
		text-align: center;
	}
}

/* ムース食の作り方と作る時の2つのポイント */
#isocal .c-cafefood.p-moussefood .p-section_2 .column_title::before {
	display: none;
}
#isocal .c-cafefood .recipe_title {
    font-family: 'Noto Sans JP';
}


/**
 * 【5分でわかる】高齢者の熱中症対策！原因・対処法について
 * ---------------------------------------- */
#isocal .c-cafefood.p-heatstroke {
	background: #ffeff1;
}
#isocal .c-cafefood.p-heatstroke .section_num,
#isocal .c-cafefood.p-heatstroke .content_header {
	background: #ffb1bc;
}
#isocal .c-cafefood.p-heatstroke .content_section.-bg {
	background: #ffe2da;
}
#isocal .c-cafefood.p-heatstroke .figure_capsule,
#isocal .c-cafefood.p-heatstroke .header_title em::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-heatstroke .header_visual img {
	box-shadow: 12px 12px 0 #ff8b9c;
}
#isocal .c-cafefood.p-heatstroke strong,
#isocal .c-cafefood.p-heatstroke .textlink,
#isocal .c-cafefood.p-heatstroke .section_title,
#isocal .c-cafefood.p-heatstroke .column_title,
#isocal .c-cafefood.p-heatstroke .wordlist dt,
#isocal .c-cafefood.p-heatstroke .dt_numlist dt,
#isocal .c-cafefood.p-heatstroke .section_numlist em,
#isocal .c-cafefood.p-heatstroke .footer_afterword,
#isocal .c-cafefood.p-heatstroke .section_list li::before {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-heatstroke .section_title .marker {
	background: linear-gradient(to top, #ffdce1 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-heatstroke .header_visual img {
		box-shadow: 6px 6px 0 #ff8b9c;
	}
	#isocal .c-cafefood.p-heatstroke .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-heatstroke .header_title em {
	margin-left: .3em;
}

#isocal .c-cafefood.p-heatstroke .photo {
	max-width: 600px;
	margin: 24px auto 0;
}
#isocal .c-cafefood.p-heatstroke .photo img {
	border-radius: 10px;
}

#isocal .c-cafefood.p-heatstroke .dt_numlist dd + dt {
	margin-top: 24px;
}

#isocal .c-cafefood.p-heatstroke .section_numlist {
	margin-top: 24px;
}
#isocal .c-cafefood.p-heatstroke .section_numlist li {
	position: relative;
	counter-increment: num;
	padding-left: 4.6em;
}
#isocal .c-cafefood.p-heatstroke .section_numlist em {
	position: absolute;
	top: 0;
	left: 0;
	font-style: normal;
	font-weight: 700;
}
#isocal .c-cafefood.p-heatstroke .section_numlist em::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.15em;
	width: 1.6em;
	height: 1.6em;
	margin-right: .3em;
	border-radius: 1.6em;
	color: #fff;
	font-size: 75%;
	vertical-align: middle;
	background: #1bb5c6;
}
#isocal .c-cafefood.p-heatstroke .section_numlist em::after {
	content: "：";
	padding: 0 .3em;
}


/**
 * 高齢者が脱水症になりやすい原因とは？脱水症サインと対処法
 * ---------------------------------------- */
#isocal .c-cafefood.p-dehydration {
	background: #eaf3ff;
}
#isocal .c-cafefood.p-dehydration .section_num,
#isocal .c-cafefood.p-dehydration .content_header {
	background: #95d4ec;
}
#isocal .c-cafefood.p-dehydration .content_section.-bg {
	background: #d6e5f6;
}
#isocal .c-cafefood.p-dehydration .figure_capsule,
#isocal .c-cafefood.p-dehydration .header_title em::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-dehydration .header_visual img {
	box-shadow: 12px 12px 0 #63bcdf;
}
#isocal .c-cafefood.p-dehydration strong,
#isocal .c-cafefood.p-dehydration .textlink,
#isocal .c-cafefood.p-dehydration .section_title,
#isocal .c-cafefood.p-dehydration .column_title,
#isocal .c-cafefood.p-dehydration .wordlist dt,
#isocal .c-cafefood.p-dehydration .dl-list dt,
#isocal .c-cafefood.p-dehydration .section_numlist em,
#isocal .c-cafefood.p-dehydration .footer_afterword,
#isocal .c-cafefood.p-dehydration .section_list li::before {
	color: #ff6671;
}
#isocal .c-cafefood.p-dehydration .section_title .marker {
	background: linear-gradient(to top, #e8f1fa .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-dehydration .header_visual img {
		box-shadow: 6px 6px 0 #63bcdf;
	}
	#isocal .c-cafefood.p-dehydration .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-dehydration .photo {
	max-width: 600px;
	margin: 24px auto 0;
}
#isocal .c-cafefood.p-dehydration .photo img {
	border-radius: 10px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-dehydration .header_title em {
		margin-left: .3em;
	}
}

/* 脱水症のサイン・特徴と対処法 */
#isocal .c-cafefood.p-dehydration .section_title.-capsule {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.4em;
	padding: 0;
	border: 0;
	border-radius: 2.4em;
	color: #fff;
	font-size: 25px;
	background: #ff6671;
}
#isocal .c-cafefood.p-dehydration .section_list li {
	color: #ff6671;
	font-size: 20px;
	font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood.p-dehydration .section_title.-capsule {
		font-size: calc(25vw / 10);
	}
	#isocal .c-cafefood.p-dehydration .section_list li {
		font-size: calc(20vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-dehydration .section_title.-capsule {
		font-size: calc(25vw / 4.8);
	}
	#isocal .c-cafefood.p-dehydration .section_list li {
		font-size: calc(20vw / 4.8);
	}
}

/* 今日からできる脱水症対策！ */
#isocal .c-cafefood.p-dehydration .section_numlist {
	margin-top: 24px;
}
#isocal .c-cafefood.p-dehydration .section_numlist li {
	counter-increment: num;
}
#isocal .c-cafefood.p-dehydration .section_numlist li + li {
	margin-top: 40px;
}
#isocal .c-cafefood.p-dehydration .section_numlist em {
	display: inline-block;
	padding-left: 1em;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	text-indent: -1em;
}
#isocal .c-cafefood.p-dehydration .section_numlist em::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.15em;
	width: 1.6em;
	height: 1.6em;
	margin-right: .3em;
	border-radius: 1.6em;
	color: #fff;
	font-size: 75%;
	text-indent: 0;
	vertical-align: middle;
	background: #ff6671;
}
#isocal .c-cafefood.p-dehydration .dl-list {
	margin-top: 8px;
	padding-left: calc(25px + .3em);
}
#isocal .c-cafefood.p-dehydration .dl-list dt {
	margin-top: 8px;
	font-size: 20px;
	font-weight: 700;
}
#isocal .c-cafefood.p-dehydration .dl-list dt::before {
	content: "";
	display: inline-block;
	width: .7em;
	height: .7em;
	margin-right: .3em;
	border-radius: 1em;
	background: currentcolor;
}
#isocal .c-cafefood.p-dehydration .dl-list dd {
	margin-top: 8px;
	line-height: 2;
}
#isocal .c-cafefood.p-dehydration .dl-list dd + dt {
	margin-top: 24px;
}
#isocal .c-cafefood.p-dehydration .section_numlist p {
	margin-top: 8px;
	padding-left: calc(25px + .3em);
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood.p-dehydration .section_numlist em {
		font-size: calc(25vw / 10);
	}
	#isocal .c-cafefood.p-dehydration .dl-list dt {
		font-size: calc(20vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-dehydration .section_numlist em {
		font-size: calc(25vw / 4.8);
	}
	#isocal .c-cafefood.p-dehydration .dl-list dt {
		font-size: calc(20vw / 4.8);
	}
}

/* 高齢者の水分補給についてよくある質問 */
#isocal .c-cafefood .dehydration_faq {
	margin-top: 24px;
}
#isocal .c-cafefood .dehydration_faq dt {
	padding-left: 36px;
	font-size: 20px;
	text-indent: -36px;
}
#isocal .c-cafefood .dehydration_faq dt,
#isocal .c-cafefood .dehydration_faq dd::before {
	color: #ff6671;
	font-size: 20px;
	font-weight: 700;
}
#isocal .c-cafefood .dehydration_faq dt::before,
#isocal .c-cafefood .dehydration_faq dd::before {
	content: "Q.";
	margin-right: .3em;
	font-size: 24px;
	text-indent: 0;
}
#isocal .c-cafefood .dehydration_faq dd {
	margin-top: 24px;
	padding: 8px 24px 24px;
	padding-left: 56px;
	border-radius: 10px;
	text-indent: -32px;
	line-height: 2;
	background: #ffeff1;
}
#isocal .c-cafefood .dehydration_faq dd::before {
	content: "A.";
}
@media (min-width: 768px) {
	#isocal .c-cafefood .dehydration_faq dd {
		border-radius: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .dehydration_faq dt {
		padding-left: calc(36vw / 10);
		font-size: calc(20vw / 10);
		text-indent: calc(-36vw / 10);
	}
	#isocal .c-cafefood .dehydration_faq dt,
	#isocal .c-cafefood .dehydration_faq dd::before {
		font-size: calc(20vw / 10);
	}
	#isocal .c-cafefood .dehydration_faq dt::before,
	#isocal .c-cafefood .dehydration_faq dd::before {
		font-size: calc(24vw / 10);
	}
	#isocal .c-cafefood .dehydration_faq dd {
		padding-left: calc(56vw / 10);
		font-size: calc(17vw / 10);
		text-indent: calc(-32vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .dehydration_faq dt {
		padding-left: calc(36vw / 4.8);
		font-size: calc(20vw / 4.8);
		text-indent: calc(-36vw / 4.8);
	}
	#isocal .c-cafefood .dehydration_faq dt,
	#isocal .c-cafefood .dehydration_faq dd::before {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood .dehydration_faq dt::before,
	#isocal .c-cafefood .dehydration_faq dd::before {
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-cafefood .dehydration_faq dd {
		padding-left: calc(56vw / 4.8);
		font-size: calc(17vw / 4.8);
		text-indent: calc(-32vw / 4.8);
	}
}


/**
 * 実践！高齢者の水分補給が簡単にできるコツとは？
 * ---------------------------------------- */
#isocal .c-cafefood.p-hydration {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-hydration .section_num,
#isocal .c-cafefood.p-hydration .content_header {
	background: #8fcd79;
}
#isocal .c-cafefood.p-hydration .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-hydration .figure_capsule,
#isocal .c-cafefood.p-hydration .header_title em::before {
	background: #f98017;
}
#isocal .c-cafefood.p-hydration .header_visual img {
	box-shadow: 12px 12px 0 #7fbc4b;
}
#isocal .c-cafefood.p-hydration strong,
#isocal .c-cafefood.p-hydration .textlink,
#isocal .c-cafefood.p-hydration .section_title,
#isocal .c-cafefood.p-hydration .column_title,
#isocal .c-cafefood.p-hydration .wordlist dt,
#isocal .c-cafefood.p-hydration .footer_afterword,
#isocal .c-cafefood.p-hydration .section_column .arrow,
#isocal .c-cafefood.p-hydration .section_list li::before {
	color: #f98017;
}
#isocal .c-cafefood.p-hydration .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-hydration .header_visual img {
		box-shadow: 6px 6px 0 #7fbc4b;
	}
	#isocal .c-cafefood.p-hydration .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-hydration .header_title em {
	margin-left: .3em;
}

#isocal .c-cafefood.p-hydration .photo {
	max-width: 600px;
	margin: 24px auto 0;
}
#isocal .c-cafefood.p-hydration .photo img {
	border-radius: 10px;
}

#isocal .c-cafefood.p-hydration .c-box {
	border-radius: 10px;
}
#isocal .c-cafefood .p-section_1 .c-box {
	background: #f3f9f0;
}
#isocal .c-cafefood .p-section_2 .c-box {
	background: #fef2e7;
}
#isocal .c-cafefood .p-section_3 .c-box {
	background: #eef5fa;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-hydration .c-box {
		border-radius: 20px;
	}
}

/* 水分補給をしない理由を読み取り、働きかけをする */
#isocal .c-cafefood.p-hydration .section_column.-case + .-case {
	margin-top: 24px;
}
#isocal .c-cafefood.p-hydration .section_column.-case p {
	margin-top: 0;
	padding-left: calc(24px + 1.5em);
	text-indent: -1.5em;
}
#isocal .c-cafefood.p-hydration .section_column.-case p > * {
	text-indent: 0;
}
#isocal .c-cafefood.p-hydration .section_column.-case .arrow {
	margin-right: .3em;
	font-size: 112%;
	font-weight: 700;
}

/* 飲み物の摂取目安や水分補給のタイミングを伝えて理解を得る */
#isocal .c-cafefood .hydration_timing {
	margin-top: 40px;
	padding: 32px 16px 24px;
}
#isocal .c-cafefood .hydration_timing p {
	margin-top: 16px;
	color: #f98017;
	font-size: 19px;
	font-weight: 700;
	text-align: center;
}
#isocal .c-cafefood .hydration_timing p strong {
	padding-bottom: .2em;
	border-bottom: 2px solid currentcolor;
	font-size: 120%;
}
#isocal .c-cafefood .hydration_timing ol {
	display: flex;
	justify-content: center;
	height: 304px;
}
#isocal .c-cafefood .hydration_timing li {
	flex-basis: 94px;
	max-width: 94px;
}
#isocal .c-cafefood .hydration_timing dl {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#isocal .c-cafefood .hydration_timing dt {
	padding: 0 12px;
}
#isocal .c-cafefood .hydration_timing dd {
	flex-grow: 1;
	width: 100%;
	margin-top: 16px;
	padding: 0 7px;
	font-weight: 700;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#isocal .c-cafefood .hydration_timing dd .p {
	display: inline-block;
	width: 80px;
	height: 90px;
}
#isocal .c-cafefood .hydration_timing dd .c {
	margin-top: 16px;
}
#isocal .c-cafefood .hydration_timing + p {
	margin-top: 24px;
}
#isocal .c-cafefood.c-hydration .p-section_1 .c-box {
    background: #f3f9f0;
}
#isocal .c-cafefood.c-hydration .p-section_2 .c-box {
    background: #fef2e7;
}
#isocal .c-cafefood.c-hydration .caution_title {
    font-family: "Noto Sans JP", sans-serif;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .hydration_timing dd {
		border-right: 1px dashed rgba(98,171,65,.6);
	}
	#isocal .c-cafefood .hydration_timing li:first-child dd {
		border-left: 1px dashed rgba(98,171,65,.6);
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .hydration_timing {
		padding: 32px calc(16vw / 10) 24px;
	}
	#isocal .c-cafefood .hydration_timing p {
		font-size: calc(19vw / 10);
	}
	#isocal .c-cafefood .hydration_timing ol {
		height: calc(304vw / 10);
	}
	#isocal .c-cafefood .hydration_timing li {
		flex-basis: calc(94vw / 10);
		max-width: calc(94vw / 10);
	}
	#isocal .c-cafefood .hydration_timing dt {
		padding: 0 calc(12vw / 10);
	}
	#isocal .c-cafefood .hydration_timing dd {
		padding: 0 calc(7vw / 10);
	}
	#isocal .c-cafefood .hydration_timing dd .p {
		width: calc(80vw / 10);
		height: calc(90vw / 10);
	}
	#isocal .c-cafefood .hydration_timing dd .c {
		margin-top: calc(16vw / 10);
	}
	#isocal .c-cafefood .hydration_timing + p {
		margin-top: calc(24vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .hydration_timing {
		padding: 32px calc(16vw / 4.8) 24px;
	}
	#isocal .c-cafefood .hydration_timing p {
		font-size: calc(15vw / 4.8);
	}
	#isocal .c-cafefood .hydration_timing ol {
		height: calc(208vw / 4.8);
	}
	#isocal .c-cafefood .hydration_timing li {
		flex-basis: calc(50vw / 4.8);
		max-width: calc(50vw / 4.8);
	}
	#isocal .c-cafefood .hydration_timing li:nth-child(n+2) dd {
		border-left: 1px dashed rgba(98,171,65,.6);
	}
	#isocal .c-cafefood .hydration_timing dt {
		padding: 0 calc(4vw / 4.8);
	}
	#isocal .c-cafefood .hydration_timing dd {
		padding: 0 calc(2vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood .hydration_timing dd .p {
		width: calc(40vw / 4.8);
		height: calc(45vw / 4.8);
	}
	#isocal .c-cafefood .hydration_timing dd .c {
		margin-top: calc(16vw / 4.8);
	}
	#isocal .c-cafefood .hydration_timing + p {
		margin-top: calc(24vw / 4.8);
	}
}

/* 高齢者の水分補給におすすめ・人気な飲み物 */
#isocal .c-cafefood.p-hydration .c-note {
	margin-top: 24px;
	padding-left: 1em;
	font-size: 14px;
	line-height: 1.6;
	text-indent: -1em;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .p-section_2 .photo.-drink {
		max-width: 50%;
		margin: -104px 0 0 auto;
	}
	#isocal .c-cafefood.p-hydration .c-note {
		margin-top: 24px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .p-section_2 .photo.-drink {
		margin-top: calc(-104vw / 10);
		margin-right: calc(-40vw / 10);
	}
	#isocal .c-cafefood.p-hydration .c-note {
		font-size: calc(14vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-hydration .c-note {
		font-size: max(10px, calc(12vw / 4.8));
		font-size: calc(12vw / 4.8);
	}
}

/* 注意したい飲み物 */
#isocal .c-cafefood .hydration_caution,
#isocal .p-hydration.c-cafefood.c-hydration .hydration_caution {
	margin-top: 64px;
	padding: 1px 40px 40px;
}
#isocal .c-cafefood .hydration_caution .caution_title {
	margin-top: -.75em;
	color: #f98017;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood .hydration_caution .caution_title .ico {
	width: 1.4em;
	height: 1.2em;
	margin: -.1em .3em 0 0;
	vertical-align: middle;
}
#isocal .c-cafefood .hydration_caution p {
	margin-top: 24px;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .hydration_caution .caution_title {
		font-size: calc(24vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .hydration_caution .caution_title {
		font-size: calc(24vw / 4.8);
	}
}

/* 飲み物以外で食べて水分を摂取できる食材 */
#isocal .c-cafefood.p-hydration .foodstuff li + li {
	margin-top: 16px;
}
#isocal .c-cafefood.p-hydration .foodstuff dl {
	width: 100%;
}
#isocal .c-cafefood.p-hydration .foodstuff dt {
	color: #f98017;
	font-size: 22px;
	font-weight: 700;
}
#isocal .c-cafefood.p-hydration .foodstuff dt::before {
	content: "";
	display: inline-block;
	width: .7em;
	height: .7em;
	margin-right: .3em;
	border-radius: 1em;
	background: currentcolor;
}
#isocal .c-cafefood.p-hydration .foodstuff dt + dd {
	flex-grow: 1;
	font-size: 18px;
}
#isocal .c-cafefood.p-hydration .foodstuff .figure {
	flex-basis: 200px;
	margin-left: auto;
	padding: 0 16px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-hydration .foodstuff dl {
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#isocal .c-cafefood.p-hydration .foodstuff dt + dd::before {
		content: "…";
		margin: 0 .2em;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood.p-hydration .foodstuff dt {
		font-size: calc(22vw / 10);
	}
	#isocal .c-cafefood.p-hydration .foodstuff dt + dd {
		font-size: calc(18vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-hydration .foodstuff dl {
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: auto auto;
		-ms-grid-columns: auto 120px;
		grid-template: auto auto / auto 120px;
		align-items: center;
	}
	#isocal .c-cafefood.p-hydration .foodstuff dt {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: 1 / 1;
	}
	#isocal .c-cafefood.p-hydration .foodstuff dt + dd {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		grid-area: 2 / 1;
	}
	#isocal .c-cafefood.p-hydration .foodstuff .figure {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		-ms-grid-row-span: 2;
		grid-area: 1 / 2 / 3 / 3;
		width: 120px;
		padding: 0;
	}
	#isocal .c-cafefood.p-hydration .foodstuff dt {
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood.p-hydration .foodstuff dt + dd {
		font-size: calc(18vw / 4.8);
	}
}

/* 高齢者の1日に必要な水分はどれくらい？ */
#isocal .c-cafefood .hydration_moisture {
	display: -ms-grid;
	display: grid;
	justify-content: center;
	align-items: center;
	margin: 32px auto 0;
	padding: 24px;
	max-width: 620px;
	text-align: center;
}
#isocal .c-cafefood .hydration_moisture .title {
	display: inline-block;
	padding-bottom: .5em;
	border-bottom: 2px solid currentcolor;
	color: #f98017;
	font-size: 20px;
}
#isocal .c-cafefood .hydration_moisture .title b {
	margin-left: .5em;
	font-size: 125%;
}
#isocal .c-cafefood .hydration_moisture .balloon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	margin-left: 24px;
	padding: 8px 24px;
	border-radius: 30px;
	text-align: left;
	background: #fff;
}
#isocal .c-cafefood .hydration_moisture .balloon::before {
	content: "";
	position: absolute;
	top: calc(45% - 16px);
	right: calc(100% - 1px);
	border-width: 16px 24px 16px 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
}
#isocal .c-cafefood .hydration_moisture .balloon::after {
	content: "";
	position: absolute;
	top: 45%;
	right: 16px;
	left: 16px;
	border-top: 1px dashed gainsboro;
}
#isocal .c-cafefood .hydration_moisture .balloon dt,
#isocal .c-cafefood .hydration_moisture .balloon dd {
	flex-basis: 50%;
	max-width: 50%;
	padding: 24px 0;
}
#isocal .c-cafefood .hydration_moisture .balloon dt {
	line-height: 1.4;
	white-space: nowrap;
}
#isocal .c-cafefood .hydration_moisture .balloon dt b {
	color: #f98017;
	font-size: 134%;
}
#isocal .c-cafefood .hydration_moisture .balloon dd {
	padding-left: 8px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .hydration_moisture {
		-ms-grid-rows: auto auto;
		-ms-grid-columns: 100px 318px;
		grid-template: auto auto / 100px 318px;
		justify-content: center;
		align-items: center;
	}
	#isocal .c-cafefood .hydration_moisture .title {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-area: 1 / 1 / 2 / 3;
		margin-bottom: 16px;
		padding: 0 2em .5em;
	}
	#isocal .c-cafefood .hydration_moisture .person {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		grid-area: 2 / 1 / 3 / 2;
		max-width: 88px;
	}
	#isocal .c-cafefood .hydration_moisture .caption {
		display: inline-block;
		margin-top: 8px;
		font-size: 14px;
		white-space: nowrap;
	}
	#isocal .c-cafefood .hydration_moisture .balloon {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: 2 / 2 / 3 / 3;
	}
}
@media (min-width: 768px) and (-ms-high-contrast: none) {
	#isocal .c-cafefood .hydration_moisture {
		padding-right: 96px;
		padding-left: 96px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .hydration_moisture {
		-ms-grid-rows: auto auto;
		-ms-grid-columns: 22% 78%;
		grid-template: auto auto / 22% 78%;
	}
	#isocal .c-cafefood .hydration_moisture .title {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: 1 / 2 / 2 / 3;
		margin-bottom: 16px;
		margin-left: 24px;
	}
	#isocal .c-cafefood .hydration_moisture .person {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		-ms-grid-row-span: 2;
		grid-area: 1 / 1 / 3 / 2;
	}
	#isocal .c-cafefood .hydration_moisture .caption {
		display: none;
	}
	#isocal .c-cafefood .hydration_moisture .balloon {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: 2 / 2 / 3 / 3;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .hydration_moisture {
		padding: calc(24vw / 10);
	}
	#isocal .c-cafefood .hydration_moisture .title {
		font-size: calc(20vw / 10);
	}
	#isocal .c-cafefood .hydration_moisture .balloon {
		margin-left: calc(24vw / 10);
		padding: 8px calc(24vw / 10);
	}
	#isocal .c-cafefood .hydration_moisture .balloon dt {
		font-size: calc(14vw / 10);
	}
}
@media (min-width: 768px) and (max-width: 1000px) and (-ms-high-contrast: none) {
	#isocal .c-cafefood .hydration_moisture {
		padding-right: calc(96vw / 10);
		padding-left: calc(96vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .hydration_moisture {
		padding: calc(16vw / 4.8) calc(24vw / 4.8);
	}
	#isocal .c-cafefood .hydration_moisture .title {
		margin-left: calc(20vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood .hydration_moisture .balloon {
		margin-left: calc(20vw / 4.8);
		padding: 8px calc(20vw / 4.8);
	}
	#isocal .c-cafefood .hydration_moisture .balloon::before {
		top: calc(45% - 12px);
		border-width: 12px 20px 12px 0;
	}
	#isocal .c-cafefood .hydration_moisture .balloon dt {
		font-size: calc(13vw / 4.8);
	}
}


/**
 * 高齢者に必要な1日の水分摂取量とは？水分補給のコツと注意点
 * ---------------------------------------- */
#isocal .c-cafefood.p-hydration2 {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-hydration2 .section_num,
#isocal .c-cafefood.p-hydration2 .content_header {
	background: #8fcd79;
}
#isocal .c-cafefood.p-hydration2 .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-hydration2 .figure_capsule,
#isocal .c-cafefood.p-hydration2 .header_title em::before {
	background: #f98017;
}
#isocal .c-cafefood.p-hydration2 .header_visual img {
	box-shadow: 12px 12px 0 #7fbc4b;
}
#isocal .c-cafefood.p-hydration2 strong,
#isocal .c-cafefood.p-hydration2 .textlink,
#isocal .c-cafefood.p-hydration2 .section_title,
#isocal .c-cafefood.p-hydration2 .column_title,
#isocal .c-cafefood.p-hydration2 .wordlist dt,
#isocal .c-cafefood.p-hydration2 .footer_afterword,
#isocal .c-cafefood.p-hydration2 .section_column .arrow,
#isocal .c-cafefood.p-hydration2 .section_list li::before {
	color: #f98017;
}
#isocal .c-cafefood.p-hydration2 .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-hydration2 .header_visual img {
		box-shadow: 6px 6px 0 #7fbc4b;
	}
	#isocal .c-cafefood.p-hydration2 .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-hydration2 .header_title em {
	margin-left: .3em;
}

#isocal .c-cafefood.p-hydration2 .photo {
	max-width: 600px;
	margin: 24px auto 0;
}
#isocal .c-cafefood.p-hydration2 .photo img {
	border-radius: 10px;
}

#isocal .c-cafefood.p-hydration2 .c-box {
	border-radius: 10px;
}
#isocal .c-cafefood .p-section_1 .c-box {
	background: #eef5fa;
}
#isocal .c-cafefood .p-section_2 .c-box {
	background: #fdfaee;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-hydration2 .c-box {
		border-radius: 20px;
	}
}

/* table */
#isocal .c-cafefood.p-hydration2 .section_table table,
#isocal .c-cafefood.p-hydration2 .section_table th,
#isocal .c-cafefood.p-hydration2 .section_table td {
	border-color: #f98017;
	text-align: left;
}
#isocal .c-cafefood.p-hydration2 .section_table .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#isocal .c-cafefood.p-hydration2 .section_table tr:nth-child(1) img {
	width: 115px;
}
#isocal .c-cafefood.p-hydration2 .section_table tr:nth-child(2) img {
	width: 104px;
}
#isocal .c-cafefood.p-hydration2 .section_table tr:nth-child(3) img {
	width: 143px;
}
#isocal .c-cafefood.p-hydration2 .section_table tr:nth-child(4) img {
	width: 139px;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-hydration2 .section_table th {
		width: 40%;
		padding-left: 24px;
		font-size: 18px;
	}
	#isocal .c-cafefood.p-hydration2 .section_table td {
		width: 60%;
		font-size: 16px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood.p-hydration2 .section_table th {
		font-size: 1.8vw;
	}
	#isocal .c-cafefood.p-hydration2 .section_table td {
		font-size: 1.6vw;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-hydration2 .section_table th {
		width: 42%;
		padding-right: 4px;
		font-size: calc(16vw / 4.8);
		white-space: nowrap;
	}
	#isocal .c-cafefood.p-hydration2 .section_table td {
		width: 58%;
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-hydration2 .section_table tr:nth-child(1) img {
		width: calc(79vw / 4.8);
	}
	#isocal .c-cafefood.p-hydration2 .section_table tr:nth-child(2) img {
		width: calc(68vw / 4.8);
	}
	#isocal .c-cafefood.p-hydration2 .section_table tr:nth-child(3) img {
		width: calc(80vw / 4.8);
	}
	#isocal .c-cafefood.p-hydration2 .section_table tr:nth-child(4) img {
		width: calc(77vw / 4.8);
	}
}

/* 高齢者の1日に必要な水分はどれくらい？ */
#isocal .c-cafefood .hydration2_moisture {
	display: -ms-grid;
	display: grid;
	justify-content: center;
	align-items: center;
	margin: 32px auto 0;
	padding: 24px;
	max-width: 620px;
	text-align: center;
}
#isocal .c-cafefood .hydration2_moisture .title {
	display: inline-block;
	padding-bottom: .5em;
	border-bottom: 2px solid currentcolor;
	color: #f98017;
	font-size: 20px;
}
#isocal .c-cafefood .hydration2_moisture .title b {
	margin-left: .5em;
	font-size: 125%;
}
#isocal .c-cafefood .hydration2_moisture .balloon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	margin-left: 24px;
	padding: 8px 24px;
	border-radius: 30px;
	text-align: left;
	background: #fff;
}
#isocal .c-cafefood .hydration2_moisture .balloon::before {
	content: "";
	position: absolute;
	top: calc(45% - 16px);
	right: calc(100% - 1px);
	border-width: 16px 24px 16px 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
}
#isocal .c-cafefood .hydration2_moisture .balloon::after {
	content: "";
	position: absolute;
	top: 45%;
	right: 16px;
	left: 16px;
	border-top: 1px dashed gainsboro;
}
#isocal .c-cafefood .hydration2_moisture .balloon dt,
#isocal .c-cafefood .hydration2_moisture .balloon dd {
	flex-basis: 50%;
	max-width: 50%;
	padding: 24px 0;
}
#isocal .c-cafefood .hydration2_moisture .balloon dt {
	line-height: 1.4;
	white-space: nowrap;
}
#isocal .c-cafefood .hydration2_moisture .balloon dt b {
	color: #f98017;
	font-size: 134%;
}
#isocal .c-cafefood .hydration2_moisture .balloon dd {
	padding-left: 8px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood .hydration2_moisture {
		-ms-grid-rows: auto auto;
		-ms-grid-columns: 100px 318px;
		grid-template: auto auto / 100px 318px;
		justify-content: center;
		align-items: center;
	}
	#isocal .c-cafefood .hydration2_moisture .title {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-area: 1 / 1 / 2 / 3;
		margin-bottom: 16px;
		padding: 0 2em .5em;
	}
	#isocal .c-cafefood .hydration2_moisture .person {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		grid-area: 2 / 1 / 3 / 2;
		max-width: 88px;
	}
	#isocal .c-cafefood .hydration2_moisture .caption {
		display: inline-block;
		margin-top: 8px;
		font-size: 14px;
		white-space: nowrap;
	}
	#isocal .c-cafefood .hydration2_moisture .balloon {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: 2 / 2 / 3 / 3;
	}
}
@media (min-width: 768px) and (-ms-high-contrast: none) {
	#isocal .c-cafefood .hydration2_moisture {
		padding-right: 96px;
		padding-left: 96px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .hydration2_moisture {
		-ms-grid-rows: auto auto;
		-ms-grid-columns: 22% 78%;
		grid-template: auto auto / 22% 78%;
	}
	#isocal .c-cafefood .hydration2_moisture .title {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: 1 / 2 / 2 / 3;
		margin-bottom: 16px;
		margin-left: 24px;
	}
	#isocal .c-cafefood .hydration2_moisture .person {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		-ms-grid-row-span: 2;
		grid-area: 1 / 1 / 3 / 2;
	}
	#isocal .c-cafefood .hydration2_moisture .caption {
		display: none;
	}
	#isocal .c-cafefood .hydration2_moisture .balloon {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: 2 / 2 / 3 / 3;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .hydration2_moisture {
		padding: calc(24vw / 10);
	}
	#isocal .c-cafefood .hydration2_moisture .title {
		font-size: calc(20vw / 10);
	}
	#isocal .c-cafefood .hydration2_moisture .balloon {
		margin-left: calc(24vw / 10);
		padding: 8px calc(24vw / 10);
	}
	#isocal .c-cafefood .hydration2_moisture .balloon dt {
		font-size: calc(14vw / 10);
	}
}
@media (min-width: 768px) and (max-width: 1000px) and (-ms-high-contrast: none) {
	#isocal .c-cafefood .hydration2_moisture {
		padding-right: calc(96vw / 10);
		padding-left: calc(96vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .hydration2_moisture {
		padding: calc(16vw / 4.8) calc(24vw / 4.8);
	}
	#isocal .c-cafefood .hydration2_moisture .title {
		margin-left: calc(20vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood .hydration2_moisture .balloon {
		margin-left: calc(20vw / 4.8);
		padding: 8px calc(20vw / 4.8);
	}
	#isocal .c-cafefood .hydration2_moisture .balloon::before {
		top: calc(45% - 12px);
		border-width: 12px 20px 12px 0;
	}
	#isocal .c-cafefood .hydration2_moisture .balloon dt {
		font-size: calc(13vw / 4.8);
	}
}

/* 水分補給のコツ */
#isocal .c-cafefood .p-section_2 .c-box {
	margin: 24px 0;
	padding: 24px 40px 40px;
	background: #fdfaee;
}
#isocal .c-cafefood .p-section_2 .c-box dt {
	color: #f98017;
	font-weight: 700;
	text-align: center;
}
#isocal .c-cafefood .p-section_2 .c-box dd {
	margin-top: .6em;
	padding-left: 16px;
	text-indent: -16px;
}
#isocal .c-cafefood .p-section_2 .c-box dd + dd {
	margin-top: .3em;
}
#isocal .c-cafefood .p-section_2 .c-box dd::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 8px;
	height: 8px;
	margin-right: 8px;
	border-radius: 8px;
	text-indent: 0;
	vertical-align: middle;
	background: #f98017;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .p-section_2 .c-box dt {
		font-size: 25px;
	}
	#isocal .c-cafefood .p-section_2 .c-box dd {
		font-size: 18px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .p-section_2 .c-box {
		padding-right: 4vw;
		padding-left: 4vw;
	}
	#isocal .c-cafefood .p-section_2 .c-box dt {
		font-size: 2.5vw;
	}
	#isocal .c-cafefood .p-section_2 .c-box dd {
		font-size: 1.8vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .p-section_2 .c-box {
		padding: calc(24vw / 4.8);
		padding-bottom: calc(32vw / 4.8);
	}
	#isocal .c-cafefood .p-section_2 .c-box dt {
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood .p-section_2 .c-box dd {
		font-size: calc(16vw / 4.8);
	}
}

/* 水分摂取量が減ると出てくるリスク */
#isocal .c-cafefood .dl-list {
	line-height: 2;
}
#isocal .c-cafefood .dl-list dt {
	margin-top: 1em;
	color: #f98017;
	font-size: 22px;
	font-weight: 700;
}
#isocal .c-cafefood .dl-list dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	border-radius: 8px;
	text-indent: 0;
	vertical-align: middle;
	background: #f98017;
}
#isocal .c-cafefood .dl-list dd {
	font-size: 17px;
}
#isocal .c-cafefood .dl-list + p {
	margin-top: 32px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood .dl-list dt {
		font-size: 22px;
	}
	#isocal .c-cafefood .dl-list dd {
		font-size: 17px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood .dl-list dt {
		font-size: 2.2vw;
	}
	#isocal .c-cafefood .dl-list dd {
		font-size: 1.7vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood .dl-list dt {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood .dl-list dd {
		font-size: calc(17vw / 4.8);
	}
}


/**
 * 「お役立ち情報」HOME 固有スタイル
 * ---------------------------------------- */

#isocal .c-knowledge-index .siteHeader_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1000px;
	height: 70px;
	margin: 0 auto;
	padding: 0 75px;
}
#isocal .c-knowledge-index .siteHeader_logo img {
	width: 120px;
	height: auto;
}
#isocal .c-knowledge-index .siteHeader_button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 44px;
	border-radius: 44px;
	color: #fff;
	font-size: 15px;
	text-indent: .3em;
	background: #242c91;
}
#isocal .c-knowledge-index .siteHeader_button::after {
	content: "";
	display: inline-block;
	margin-left: .5em;
	border-width: .4em 0 .4em .5em;
	border-style: solid;
	border-color: transparent;
	border-left-color: #fff;
	vertical-align: middle;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-knowledge-index .siteHeader_inner {
		padding-right: calc(75vw / 10);
		padding-left: calc(75vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .siteHeader_inner {
		height: calc(70vw / 4.8);
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
	#isocal .c-knowledge-index .siteHeader_logo img {
		width: calc(120vw / 4.8);
	}
	#isocal .c-knowledge-index .siteHeader_button {
		width: calc(200vw / 4.8);
		height: calc(44vw / 4.8);
		font-size: calc(15vw / 4.8);
	}
}

/**
 * 栄養お役立ち情報
 * ---------------------------------------- */
#isocal .c-knowledge-index.siteContents {
	z-index: 1;
	position: relative;
	overflow: hidden;
	font-family: "Noto Sans JP", sans-serif;
	font-feature-settings: "pkna";
}
#isocal .c-knowledge-index.p-home {
	background: #fff7e9;
}

/* common */
#isocal .c-knowledge-index.p-home img {
	vertical-align: middle;
}
#isocal .c-knowledge-index.p-home figure img {
	border-radius: 5px;
}
#isocal .c-knowledge-index.p-home .section_inner {
	padding: 0 75px;
}
#isocal .c-knowledge-index.p-home .section_title {
	padding: 0;
	border: 0;
	font-size: 40px;
	letter-spacing: .3em;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-knowledge-index.p-home .section_inner {
		padding-right: calc(75vw / 10);
		padding-left: calc(75vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index.p-home .section_inner {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
}

/* header */
#isocal .c-knowledge-index .home_header {
	max-width: 1000px;
	min-height: auto;
	margin: 0 auto;
	padding: 24px 0;
}
#isocal .c-knowledge-index .home_header .section_inner {
	max-width: none;
	background: none;
}
#isocal .c-knowledge-index .home_title {
	flex-basis: calc(50% - 16px);
}
#isocal .c-knowledge-index .home_lead {
	margin: 0 0 1em;
	color: #1f2883;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .16em;
}
#isocal .c-knowledge-index .home_lead span {
	padding-bottom: .3em;
	border-bottom: 1px solid #ffe2ab;
}
#isocal .c-knowledge-index .home_lead:first-letter {
	font-size: 165%;
}
@media (min-width: 768px) {
	#isocal .c-knowledge-index .home_header .section_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-knowledge-index .home_title {
		flex-basis: calc(50% - 16px);
	}
	#isocal .c-knowledge-index .home_title img {
		width: 429px;
		max-width: none;
		margin-left: -40px;
	}
	#isocal .c-knowledge-index .home_lead {
		flex-basis: 50%;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-knowledge-index .home_title img {
		width: calc(429vw / 10);
		margin-left: calc(-40vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .home_header {
		padding-bottom: calc(40vw / 4.8);
	}
	#isocal .c-knowledge-index .home_header .section_inner {
		padding-right: calc(32vw / 4.8);
		padding-left: calc(32vw / 4.8);
	}
	#isocal .c-knowledge-index .home_title {
		width: 100%;
		text-align: center;
	}
	#isocal .c-knowledge-index .home_title img {
		width: 92%;
		margin-left: calc(-24vw / 4.8);
	}
	#isocal .c-knowledge-index .home_lead {
		font-size: calc(17vw / 4.8);
	}
	#isocal .c-knowledge-index .home_lead span {
		border-width: 2px;
	}
}

/* section */
#isocal .c-knowledge-index .content_section {
	padding: 0 75px;
}
#isocal .c-knowledge-index .content_section .section_inner {
	max-width: 850px;
	margin: 0 auto;
	background: #fff;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-knowledge-index .section_ribbon {
	text-align: center;
}
#isocal .c-knowledge-index .section_title {
	color: #1f2883;
	text-align: center;
}
@media (min-width: 768px) {
	#isocal .c-knowledge-index .content_section {
		padding: 0 75px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-knowledge-index .content_section {
		padding-right: calc(75vw / 10);
		padding-left: calc(75vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .content_section {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
}

/**
 * 最新記事
 * ---------------------------------------- */
#isocal .c-knowledge-index .p-home_news .section_ribbon {
	position: relative;
	top: -32px;
}
#isocal .c-knowledge-index .p-home_news .section_title {
	line-height: 1.2;
}
#isocal .c-knowledge-index .news_list .photo {
	position: relative;
}
#isocal .c-knowledge-index .news_list .photo img {
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
}
#isocal .c-knowledge-index .news_list .badge {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -27px;
	left: -30px;
	width: 75px;
	height: 75px;
	border-radius: 75px;
}
#isocal .c-knowledge-index .news_list .badge .new {
	width: 52px;
	height: 14px;
	fill: #fff;
}
#isocal .c-knowledge-index .news_list .badge .accent {
	position: absolute;
	right: 96%;
	bottom: 87%;
	width: 29px;
	height: 39px;
	fill: currentcolor;
}
#isocal .c-knowledge-index .news_list .text dt {
	padding-bottom: 12px;
	color: #1f2883;
	line-height: 1.5;
	font-weight: 900;
}
#isocal .c-knowledge-index .news_list .text dt::first-letter,
#isocal .c-knowledge-index .news_list .text .first-letter {
	font-size: 150%;
}
#isocal .c-knowledge-index .news_list .text dt.idt {
	text-indent: -.7em;
}
#isocal .c-knowledge-index .news_list .text dd {
	padding-top: 12px;
	border-top: 1px solid #989cc5;
	line-height: 1.7;
	letter-spacing: .15em;
}
@media (min-width: 768px) {
	#isocal .c-knowledge-index .p-home_news .section_inner {
		padding-bottom: 64px;
	}
	#isocal .c-knowledge-index .news_list li {
		margin-top: 48px;
	}
	#isocal .c-knowledge-index .news_list a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-knowledge-index .news_list .photo {
		flex-basis: 300px;
	}
	#isocal .c-knowledge-index .news_list .text {
		flex-basis: calc(100% - 300px);
	}
	#isocal .c-knowledge-index .news_list .text dt,
	#isocal .c-knowledge-index .news_list .text dd {
		padding-left: 32px;
	}
	#isocal .c-knowledge-index .news_list .text dt {
		font-size: 20px;
	}
	#isocal .c-knowledge-index .news_list .text dd {
		font-size: 16px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-knowledge-index .news_list .photo {
		flex-basis: 30vw;
	}
	#isocal .c-knowledge-index .news_list .badge {
		top: calc(-27vw / 10);
		left: calc(-30vw / 10);
		width: calc(75vw /10);
		height: calc(75vw / 10);
		border-radius: calc(75vw / 10);
	}
	#isocal .c-knowledge-index .news_list .text {
		flex-basis: calc(100% - 30vw);
	}
	#isocal .c-knowledge-index .news_list .text dt,
	#isocal .c-knowledge-index .news_list .text dd {
		padding-left: calc(32vw / 10);
	}
	#isocal .c-knowledge-index .news_list .text dt {
		font-size: calc(20vw / 10);
	}
	#isocal .c-knowledge-index .news_list .text dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .p-home_news .section_inner {
		padding-bottom: 40px;
	}
	#isocal .c-knowledge-index .p-home_news .section_ribbon {
		top: calc(-24vw / 4.8);
	}
	#isocal .c-knowledge-index .p-home_news .section_ribbon img {
		width: calc(192vw / 4.8);
		height: calc(52vw /4.8);
	}
	#isocal .c-knowledge-index .p-home_news .section_title img {
		width: calc(170vw / 4.8);
		height: calc(32vw /4.8);
	}
	#isocal .c-knowledge-index .news_list li {
		margin-top: calc(40vw / 4.8);
	}
	#isocal .c-knowledge-index .news_list li + li {
		margin-top: calc(64vw / 4.8);
	}
	#isocal .c-knowledge-index .news_list a {
		display: block;
	}
	#isocal .c-knowledge-index .news_list .photo {
		max-width: calc(330vw / 4.8);
		margin: 0 auto;
	}
	#isocal .c-knowledge-index .news_list .badge {
		top: calc(-28vw / 4.8);
		left: calc(-14vw / 4.8);
		width: calc(75vw / 4.8);
		height: calc(75vw / 4.8);
		border-radius: calc(75vw / 4.8);
	}
	#isocal .c-knowledge-index .news_list .text {
		margin-top: calc(16vw / 4.8);
	}
	#isocal .c-knowledge-index .news_list .text dt {
		padding-right: calc(12vw / 4.8);
		padding-bottom: calc(12vw / 4.8);
		padding-left: calc(12vw / 4.8);
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-knowledge-index .news_list .text dd {
		padding-top: calc(12vw / 4.8);
		font-size: calc(17vw / 4.8);
	}
}

/* color */
#isocal .c-knowledge-index .news_list li:nth-child(1) .badge,
#isocal .c-knowledge-index .news_list li:nth-child(1) .text dt::first-letter,
#isocal .c-knowledge-index .news_list li:nth-child(1) .text dt .first-letter { color: #ff96a5; }
#isocal .c-knowledge-index .news_list li:nth-child(1) .badge .accent { fill: #ffb1bc; }
#isocal .c-knowledge-index .news_list li:nth-child(1) .badge {
	background: linear-gradient(-45deg, currentcolor 50%, #ffb1bc 50%);
}
#isocal .c-knowledge-index .news_list li:nth-child(2) .badge,
#isocal .c-knowledge-index .news_list li:nth-child(2) .text dt::first-letter,
#isocal .c-knowledge-index .news_list li:nth-child(2) .text dt .first-letter { color: #92d1e9; }
#isocal .c-knowledge-index .news_list li:nth-child(2) .badge .accent { fill: #92d1e9; }
#isocal .c-knowledge-index .news_list li:nth-child(2) .badge {
	background: linear-gradient(-45deg, currentcolor 50%, #bbe1ea 50%);
}
#isocal .c-knowledge-index .news_list li:nth-child(3) .badge,
#isocal .c-knowledge-index .news_list li:nth-child(3) .text dt::first-letter,
#isocal .c-knowledge-index .news_list li:nth-child(3) .text dt .first-letter { color: #92d1e9; }
#isocal .c-knowledge-index .news_list li:nth-child(3) .badge .accent { fill: #92d1e9; }
#isocal .c-knowledge-index .news_list li:nth-child(3) .badge {
	background: linear-gradient(-45deg, currentcolor 50%, #92d1e9 50%);
}
#isocal .c-knowledge-index .news_list li:nth-child(4) .badge,
#isocal .c-knowledge-index .news_list li:nth-child(4) .text dt::first-letter,
#isocal .c-knowledge-index .news_list li:nth-child(4) .text dt .first-letter { color: #eb8a00; }
#isocal .c-knowledge-index .news_list li:nth-child(4) .badge .accent { fill: #eeaf2a; }
#isocal .c-knowledge-index .news_list li:nth-child(4) .badge {
	background: linear-gradient(-45deg, currentcolor 50%, #eeaf2a 50%);
}

/**
 * カテゴリー
 * ---------------------------------------- */
#isocal .c-knowledge-index .p-home_category {
	position: relative;
	padding: 0 40px 80px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_category_bg.png?v=1679217034') center / 8px 8px;
}
#isocal .c-knowledge-index .p-home_category::before {
	content: "";
	position: absolute;
	top: 12px;
	right: 0;
	bottom: 12px;
	left: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#isocal .c-knowledge-index .p-home_category .category_inner {
	max-width: 920px;
	margin: 0 auto;
	padding: 0;
}
#isocal .c-knowledge-index .p-home_category .section_ribbon {
	position: relative;
}
@media (min-width: 768px) {
	#isocal .c-knowledge-index .p-home_category {
		margin-top: 120px;
	}
	#isocal .c-knowledge-index .p-home_category .section_ribbon {
		top: -24px;
		padding-right: 24px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-knowledge-index .p-home_category {
		margin-top: calc(120vw / 10);
		padding-right: calc(40vw / 10);
		padding-left: calc(40vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .p-home_category {
		margin-top: calc(64vw / 4.8);
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
		padding-bottom: calc(64vw / 4.8);
	}
	#isocal .c-knowledge-index .p-home_category .section_ribbon {
		top: calc(-24vw / 4.8);
	}
	#isocal .c-knowledge-index .p-home_category .section_ribbon img {
		width: calc(212vw / 4.8);
		height: calc(53vw / 4.8);
	}
	#isocal .c-knowledge-index .p-home_category .section_title img {
		width: calc(210vw / 4.8);
		height: calc(37vw / 4.8);
	}
}

/* :::::: list :::::: */
#isocal .c-knowledge-index .p-home_category .category_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#isocal .c-knowledge-index .category_list a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
#isocal .c-knowledge-index .category_list a .spacer,
#isocal .c-knowledge-index .category_list a::after,
#isocal .c-knowledge-index .category_list img {
	position: absolute;
	top: 0;
	left: 0;
}
#isocal .c-knowledge-index .category_list a::after,
#isocal .c-knowledge-index .category_list img {
	border-radius: 5px;
}
#isocal .c-knowledge-index .category_list a::after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
}
#isocal .c-knowledge-index .category_list img {
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
}
#isocal .c-knowledge-index .category_list .text,
#isocal .c-knowledge-index .category_list .icon {
	z-index: 1;
}
#isocal .c-knowledge-index .category_list .text {
	color: #fff;
	line-height: 1.4;
	font-weight: 900;
	letter-spacing: .2em;
	text-align: center;
	text-shadow: 3px 3px 5px rgba(0,0,0,.1);
}
#isocal .c-knowledge-index .category_list .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1em;
	height: 1em;
	margin-top: .3em;
	border-radius: 1em;
	background: #fff;
}
#isocal .c-knowledge-index .category_list .icon::after {
	content: "";
	margin-top: .06em;
	border-width: .36em .2em 0 .2em;
	border-style: solid;
	border-color: transparent;
	border-top-color: #1f2883;
}
@media (min-width: 768px) {
	#isocal .c-knowledge-index .p-home_category .category_list {
		margin-top: 40px;
	}
	#isocal .c-knowledge-index .category_list li {
		flex-basis: 210px;
	}
	#isocal .c-knowledge-index .category_list li:not(:nth-child(3n+1)) {
		margin-left: 32px;
	}
	#isocal .c-knowledge-index .category_list li:nth-child(n+4) {
		margin-top: 32px;
	}
	#isocal .c-knowledge-index .category_list a {
		width: 210px;
		height: 210px;
		font-size: 31px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-knowledge-index .category_list li {
		flex-basis: calc(210vw / 10);
	}
	#isocal .c-knowledge-index .category_list a {
		width: calc(210vw / 10);
		height: calc(210vw / 10);
		font-size: calc(31vw / 10);
	}
	#isocal .c-knowledge-index .p-home_category .category_list {
		margin-top: calc(40vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .p-home_category .category_list {
		justify-content: space-between;
		margin-top: calc(40vw / 4.8);
	}
	#isocal .c-knowledge-index .category_list li {
		flex-basis: calc(204vw / 4.8);
	}
	#isocal .c-knowledge-index .category_list li:nth-child(n+3) {
		margin-top: calc(24vw / 4.8);
	}
	#isocal .c-knowledge-index .category_list a {
		width: calc(204vw / 4.8);
		height: calc(204vw / 4.8);
		font-size: calc(29vw / 4.8);
	}
	#isocal .c-knowledge-index .hasScrollbar .category_list a {
		width: calc(204vw / 4.8 - 8px);
		height: calc(204vw / 4.8 - 8px);
	}
}

/**
 * Contents リボン
 * ---------------------------------------- */
#isocal .c-knowledge-index .p-home_category + .section_ribbon {
	padding-top: 80px;
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .p-home_category + .section_ribbon {
		padding-top: calc(64vw / 4.8);
	}
	#isocal .c-knowledge-index .p-home_category + .section_ribbon img {
		width: calc(262vw / 4.8);
		height: calc(65vw / 4.8);
	}
}

/**
 * 低栄養 / 介護食 / 栄養補助食品 / レシピ
 * ---------------------------------------- */
#isocal .c-knowledge-index .p-home_contents {
	padding-top: 32px;
	padding-bottom: 32px;
}
#isocal .c-knowledge-index #nutrients {
	padding-bottom: 120px;
}
#isocal .c-knowledge-index .p-home_contents .section_inner {
	padding: 24px 40px 48px;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-knowledge-index .p-home_contents .section_inner {
		padding-right: calc(40vw / 10);
		padding-left: calc(40vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .p-home_contents {
		padding-top: 16px;
		padding-bottom: 24px;
	}
	#isocal .c-knowledge-index #recipe {
		padding-bottom: 80px;
	}
	#isocal .c-knowledge-index .p-home_contents .section_inner {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
}

/* :::::: title :::::: */
#isocal .c-knowledge-index .p-home_contents .section_title {
	margin: 0 -16px;
	padding-bottom: 12px;
	border-bottom: 2px solid currentcolor;
}
#isocal .c-knowledge-index .p-home_contents .section_title::before {
	content: "";
	display: inline-block;
	width: 85px;
	height: 85px;
	margin-right: 24px;
	background: center / cover no-repeat;
	vertical-align: middle;
}
#isocal .c-knowledge-index #malnutrition .section_title::before {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_malnutrition_icon01.svg?v=1679217235');
}
#isocal .c-knowledge-index #carefood .section_title::before {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_carefood_icon02.svg?v=1679217235');
}
#isocal .c-knowledge-index #supplement .section_title::before {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_supplement_icon03.svg?v=1679217234');
}
#isocal .c-knowledge-index #recipe .section_title::before {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_recipe_icon05.svg?v=1679217234');
}
#isocal .c-knowledge-index #heatstroke .section_title::before {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_heatstroke_icon04.svg?v=1679217234');
}
#isocal .c-knowledge-index #nutrients .section_title::before {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_nutrients_icon06.svg?v=1679217234');
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .p-home_contents .section_title {
		font-size: calc(40vw / 4.8);
	}
	#isocal .c-knowledge-index .p-home_contents .section_title {
		margin: 0 calc(-12vw / 4.8);
	}
	#isocal .c-knowledge-index .p-home_contents .section_title::before {
		width: calc(64vw / 4.8);
		height: calc(64vw / 4.8);
		margin-right: calc(16vw / 4.8);
	}
}

/* :::::: list :::::: */
#isocal .c-knowledge-index .p-home_contents .contents_list {
	display: flex;
	flex-wrap: wrap;
}
#isocal .c-knowledge-index .contents_list .photo img {
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
}
#isocal .c-knowledge-index .contents_list .text {
	margin-top: 8px;
	text-align: justify;
}
#isocal .c-knowledge-index .contents_list .text dt {
	color: #1f2883;
	font-weight: 900;
}
#isocal .c-knowledge-index .contents_list .text dd {
	line-height: 1.7;
}
@media (min-width: 768px) {
	#isocal .c-knowledge-index .p-home_contents .js-accordion,
	#isocal .c-knowledge-index .p-home_contents .contents_list {
		margin-top: 40px;
	}
	#isocal .c-knowledge-index .p-home_contents .js-accordion .contents_list {
		margin-top: 0;
	}
	#isocal .c-knowledge-index .contents_list li {
		flex-basis: calc(33.33333% - 64px / 3);
	}
	#isocal .c-knowledge-index .contents_list li:not(:nth-child(3n+1)) {
		margin-left: 32px;
	}
	#isocal .c-knowledge-index .contents_list li:nth-child(n+4) {
		margin-top: 32px;
	}
	#isocal .c-knowledge-index .contents_list .text {
		padding: 8px;
	}
	#isocal .c-knowledge-index .contents_list .text dt {
		font-size: 20px;
	}
	#isocal .c-knowledge-index .contents_list .text dd {
		margin-top: 8px;
		font-size: 14px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-knowledge-index .p-home_contents .js-accordion,
	#isocal .c-knowledge-index .p-home_contents .contents_list {
		margin-top: calc(40vw / 10);
	}
	#isocal .c-knowledge-index .p-home_contents .js-accordion .contents_list {
		margin-top: 0;
	}
	#isocal .c-knowledge-index .contents_list li {
		flex-basis: calc(33.33333% - 6.4vw / 3);
	}
	#isocal .c-knowledge-index .contents_list li:not(:nth-child(3n+1)) {
		margin-left: calc(32vw / 10);
	}
	#isocal .c-knowledge-index .contents_list li:nth-child(n+4) {
		margin-top: calc(32vw / 10);
	}
	#isocal .c-knowledge-index .contents_list .text dt {
		font-size: calc(20vw / 10);
	}
	#isocal .c-knowledge-index .contents_list .text dd {
		font-size: calc(14vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .p-home_contents .contents_list {
		justify-content: space-between;
	}
	#isocal .c-knowledge-index .p-home_contents .js-accordion,
	#isocal .c-knowledge-index .p-home_contents .contents_list {
		margin-top: calc(40vw / 4.8);
	}
	#isocal .c-knowledge-index .p-home_contents .js-accordion .contents_list {
		margin-top: 0;
	}
	#isocal .c-knowledge-index .contents_list li {
		flex-basis: calc(50% - 12vw / 4.8);
	}
	#isocal .c-knowledge-index .contents_list .comingsoon:nth-child(3) {
		display: none;
	}
	#isocal .c-knowledge-index .contents_list li:nth-child(n+3) {
		margin-top: calc(24vw / 4.8);
	}
	#isocal .c-knowledge-index .contents_list .text dt {
		margin-top: calc(8vw / 4.8);
	}
	#isocal .c-knowledge-index .contents_list .text dt {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-knowledge-index .contents_list .text dd {
		margin-top: 4px;
		font-size: calc(14vw / 4.8);
	}
}


/* :::::: javascript :::::: */
#isocal .c-knowledge-index .acc_contents {
	position: relative;
	overflow: hidden;
}
#isocal .c-knowledge-index .is-anim .acc_contents {
	transition: height .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#isocal .c-knowledge-index .acc_button {
	cursor: pointer;
	display: block;
	width: 214px;
	height: 48px;
	margin: 40px auto 0;
	border: none;
	border-radius: 48px;
	outline: none;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .2em;
	background: #1f2883;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#isocal .c-knowledge-index .acc_button::after {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	margin-left: .62em;
	border-width: .58em .3em 0 .3em;
	border-style: solid;
	border-color: transparent;
	border-top-color: currentcolor;
	vertical-align: baseline;
}
#isocal .c-knowledge-index .is-opened .acc_button::after {
	transform: rotateX(180deg);
}
#isocal .c-knowledge-index .is-anim .acc_button::after {
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 767px) {
	#isocal .c-knowledge-index .acc_button {
		margin-top: 32px;
	}
}


/**
 * 【図解】低栄養が引き起こすリスクと原因・対策法について
 * ---------------------------------------- */
#isocal .c-cafefood.c-countermeasures.p-countermeasures {
	background: #ffe6e8;
}
#isocal .c-cafefood.c-countermeasures.p-countermeasures .section_num,
#isocal .c-cafefood.c-countermeasures.p-countermeasures .content_header {
	background: #ffa5b0;
}
#isocal .c-cafefood.c-countermeasures.p-countermeasures .content_section.-bg {
	background: #ffd7cf;
}
#isocal .c-cafefood.c-countermeasures.p-countermeasures .figure_capsule,
#isocal .c-cafefood.c-countermeasures.p-countermeasures .header_title em::before,
#isocal .c-cafefood.c-countermeasures.p-countermeasures .toc_title,
#isocal .c-cafefood.c-countermeasures.p-countermeasures .toc_list li::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.c-countermeasures.p-countermeasures .header_visual img {
	box-shadow: 12px 12px 0 #ff8b9c;
}
#isocal .c-cafefood.c-countermeasures.p-countermeasures strong,
#isocal .c-cafefood.c-countermeasures.p-countermeasures .textlink,
#isocal .c-cafefood.c-countermeasures.p-countermeasures .section_title,
#isocal .c-cafefood.c-countermeasures.p-countermeasures .column_title,
#isocal .c-cafefood.c-countermeasures.p-countermeasures .wordlist dt,
#isocal .c-cafefood.c-countermeasures.p-countermeasures .section_list li::before,
#isocal .c-cafefood.c-countermeasures.p-countermeasures .toc_list {
	color: #1bb5c6;
}
#isocal .c-cafefood.c-countermeasures.p-countermeasures .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.c-countermeasures.p-countermeasures .header_visual img {
		box-shadow: 6px 6px 0 #ff8b9c;
	}
	#isocal .c-cafefood.c-countermeasures.p-countermeasures .footer_afterword {
		text-align: left;
	}
}
#isocal .c-cafefood.c-countermeasures .p-supervision .section_column:last-child::after {
	border-color: #1bb5c6;
}

/* individual */
#isocal .c-cafefood.c-countermeasures.p-countermeasures .section_title .drop {
	position: relative;
}
#isocal .c-cafefood.c-countermeasures.p-countermeasures .section_title .drop::after {
	content: "";
	position: absolute;
	bottom: 96%;
	right: -12px;
	width: 28px;
	height: 13px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/km1_drop.svg?v=1679290388') center / cover no-repeat;
}

/* 低栄養になるとどうなる？低栄養が引き起こす変化 */
#isocal .c-cafefood.c-countermeasures .p-section_2 .section_figure {
	padding: 24px;
	border-radius: 10px;
	background: #ffeff1;
}
#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list .wrap {
	display: block;
	margin: 0 auto;
}
#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list figcaption {
	display: inline-block;
	margin: 0 -1em .4em;
	padding: 0 1em;
	color: #1bb5c6;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 800;
	text-align: left;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li {
		flex-basis: calc(33.333% - 32px);
		max-width: calc(33.333% - 32px);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(n+4) {
		margin-top: 16px;
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:not(:nth-child(3n+1)) {
		margin-left: 24px;
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list .wrap {
		width: 166px;
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(1) .wrap {
		padding-top: 12px;
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(3) .wrap {
		width: 180px;
		padding-top: 28px;
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(5) .wrap {
		width: 212px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li {
		flex-basis: calc(33.333% - 32vw / 10.24);
		max-width: calc(33.333% - 32vw / 10.24);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:not(:nth-child(3n+1)) {
		margin-left: calc(24vw / 10.24);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list figure {
		flex-basis: calc(166vw / 10.24);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list figcaption {
		flex-basis: calc(166vw / 10.24);
		font-size: calc(20vw / 10.24);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list .wrap {
		width: calc(166vw / 10.24);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(1) .wrap {
		padding-top: calc(12vw / 10.24);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(3) .wrap {
		width: calc(180vw / 10.24);
		padding-top: calc(28vw / 10.24);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(5) .wrap {
		width: calc(212vw / 10.24);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_figure {
		padding: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li {
		flex-basis: calc(50% - 20vw / 4.8);
		max-width: calc(50% - 20vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(2),
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(5) {
		margin-left: calc(40vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(3) {
		margin: 0 25%;
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list .wrap {
		width: calc(145vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(3) .wrap {
		width: calc(157vw / 4.8);
		margin-left: calc(-6vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list li:nth-child(5) .wrap {
		width: calc(185vw / 4.8);
		margin-left: calc(-20vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .p-section_2 .section_2_list figcaption {
		font-size: calc(16vw / 4.8);
	}
}

/* あなたはどう？低栄養の状態チェックリスト */
#isocal .c-cafefood.c-countermeasures .section_checklist {
	margin: 32px -24px 0;
	padding: 32px 24px;
	border-radius: 10px;
	background: #ffb1bc;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_inner {
	position: relative;
	padding: 80px 64px;
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_inner::before {
	content: "";
	position: absolute;
	top: -32px;
	left: calc(50% - 153px);
	width: 306px;
	height: 94px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/km1_countermeasures_clip.png?v=1679289651') center / cover no-repeat;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .title {
	max-width: 400px;
	margin: 0 auto;
}
@media (max-width: 1024px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_inner {
		padding-right: 40px;
		padding-left: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist {
		margin: 32px 0 0;
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist,
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_inner {
		padding: 24px calc(16vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_inner {
		padding-top: 40px;
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_inner::before {
		top: -24px;
		left: calc(50% - 76vw / 4.8);
		width: calc(153vw / 4.8);
		height: calc(47vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .section_column:first-of-type .checklist_title::before {
		margin-top: -1em;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_inner::before {
		left: calc(50% - 76px);
		width: 153px;
		height: 47px;
	}
}

#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_title {
	padding-bottom: .5em;
	border-bottom: 2px solid currentcolor;
	color: #1bb5c6;
	line-height: 1.4;
	text-align: center;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_title span {
	display: inline-block;
	text-align: left;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_title::before {
	content: attr(data-num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.8em;
	height: 1.8em;
	margin-right: .3em;
	padding-bottom: .1em;
	border-radius: 3em;
	color: #fff;
	vertical-align: middle;
	background: #1bb5c6;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_title .marker {
	background: linear-gradient(to top, #ffdce1 .5em, transparent .5em);
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_title {
		font-size: calc(30vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_title {
		font-size: 30px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_title {
		font-size: calc(24vw / 4.8);
	}
}

/* box */
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_box {
	margin: 32px 0;
	padding: 40px;
	border-radius: 10px;
	background: #ffeff1;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .section_column:first-of-type {
	margin-top: 20px;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .section_column .checklist_box:last-child {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_box {
		padding: 32px calc(16vw / 4.8);
	}
}

/* 低栄養の状態チェックリスト */
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_items {
	color: #1bb5c6;
	letter-spacing: 0;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_items li {
	padding-left: 2.4em;
	text-indent: -2.4em;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_items li:nth-child(n+2) {
	margin-top: 1em;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_items li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 1.8em;
	height: 1.8em;
	margin-right: .5em;
	border: 1px solid currentcolor;
	vertical-align: middle;
	background: #fff url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/km1_check.svg?v=1679289651') center / cover no-repeat;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_items small {
	font-size: 80%;
}
#isocal .c-cafefood.c-countermeasures .section_list li:nth-child(n+2) {
  margin-top: 0;
}
#isocal .c-cafefood.c-countermeasures .p-section_2 .section_figure {
  max-width: inherit;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_items {
		font-size: calc(18vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_items {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_items {
		font-size: calc(17vw / 4.8);
	}
}

/* 指輪っかテスト */
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test,
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result {
	display: flex;
	justify-content: space-between;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test li {
	counter-increment: num;
	position: relative;
	flex-basis: calc(50% - 12px);
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test li::before {
	content: counter(num);
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -.8em;
	left: -.8em;
	width: 2em;
	height: 2em;
	border-radius: 3em;
	color: #fff;
	background: #ff6d81;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test figure img {
	border-radius: 10px 10px 0 0;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test p {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0 16px;
	height: 8em;
	border-radius: 0 0 10px 10px;
	color: #fff;
	line-height: 1.6;
	background: #1bb5c6;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result {
	margin-top: 8px;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result li {
	flex-basis: calc(33.333% - 12px);
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result p {
	color: #ff6d81;
	letter-spacing: 0;
	white-space: nowrap;
	text-align: center;
}
#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result figure img {
	border-radius: 10px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test li::before {
		font-size: calc(20vw / 10);
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test p {
		font-size: calc(16vw / 10);
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result p {
		font-size: calc(18vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test li::before {
		font-size: 20px;
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test p {
		font-size: 16px;
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result p {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test {
		display: block;
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test li {
		max-width: calc(200vw / 4.8);
		margin: 0 auto;
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test li:nth-child(n+2) {
		margin-top: 24px;
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test li::before {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_test p {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result {
		flex-wrap: wrap;
		justify-content: center;
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result li {
		flex-basis: calc(50% - 4vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result li:nth-child(2n) {
		margin-left: calc(8vw / 4.8);
	}
	#isocal .c-cafefood.c-countermeasures .section_checklist .checklist_result p {
		font-size: calc(16vw / 4.8);
	}
}

/* あとがき */
#isocal .c-cafefood.c-countermeasures.p-countermeasures .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	padding: 0 24px;
	color: inherit;
}
#isocal .c-cafefood.c-countermeasures.p-countermeasures .footer_afterword a {
	color: #1bb5c6;
	font-weight: 700;
}


/**
 * 低栄養にならないための食事アレンジ法３選
 * ---------------------------------------- */
#isocal .c-cafefood.p-arrange3 {
	background: #eaf3ff;
}
#isocal .c-cafefood.p-arrange3 .section_num,
#isocal .c-cafefood.p-arrange3 .content_header,
#isocal .c-cafefood.p-arrange3 .section_title .ribbon {
	background: #95d4ec;
}
#isocal .c-cafefood.p-arrange3 .content_section.-bg {
	background: #d6e5f6;
}
#isocal .c-cafefood.p-arrange3 .figure_capsule,
#isocal .c-cafefood.p-arrange3 .header_title em::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-arrange3 .header_visual img {
	box-shadow: 12px 12px 0 #63bcdf;
}
#isocal .c-cafefood.p-arrange3 strong,
#isocal .c-cafefood.p-arrange3 .textlink,
#isocal .c-cafefood.p-arrange3 .section_title,
#isocal .c-cafefood.p-arrange3 .column_title,
#isocal .c-cafefood.p-arrange3 .wordlist dt,
#isocal .c-cafefood.p-arrange3 .footer_afterword,
#isocal .c-cafefood.p-arrange3 .section_list li::before {
	color: #ff6671;
}
#isocal .c-cafefood.p-arrange3 .section_title .marker {
	background: linear-gradient(to top, #e8f1fa .5em, transparent .5em);
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-arrange3 .header_inner {
		padding-top: 40px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood.p-arrange3 .header_inner {
		padding-top: calc(40vw / 10);
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-arrange3 .header_visual img {
		box-shadow: 6px 6px 0 #63bcdf;
	}
	#isocal .c-cafefood.p-arrange3 .footer_afterword {
		text-align: left;
	}
}

/* individual */
#isocal .c-cafefood.p-arrange3 .header_title {
	line-height: 1.4;
}
#isocal .c-cafefood.p-arrange3 .header_title em {
	line-height: 1.6;
}

/* table */
#isocal .c-cafefood.p-arrange3 .section_table {
	margin: 32px 0;
}
#isocal .c-cafefood.p-arrange3 .section_table table,
#isocal .c-cafefood.p-arrange3 .section_table th,
#isocal .c-cafefood.p-arrange3 .section_table td {
	border-color: #ff6671;
}
#isocal .c-cafefood.p-arrange3 .section_table th,
#isocal .c-cafefood.p-arrange3 .section_table td {
	padding: 8px .4em;
	line-height: 1.2;
	text-align: center;
}
#isocal .c-cafefood.p-arrange3 .section_table .w1 {
	width: 30%;
}
#isocal .c-cafefood.p-arrange3 .section_table .w2 {
	width: 20%;
}
#isocal .c-cafefood.p-arrange3 .section_table caption {
	color: #ff6671;
	font-weight: 700;
}
#isocal .c-cafefood.p-arrange3 .section_table caption b {
	position: relative;
	top: .05em;
	font-size: 200%;
	font-weight: 900;
}
#isocal .c-cafefood.p-arrange3 .section_table table {
	margin-top: 16px;
    width: 100%;
}
#isocal .c-cafefood.p-arrange3 .section_table th small {
	display: inline-block;
	margin-top: .5em;
}
#isocal .c-cafefood.p-arrange3 .section_table thead th {
	background: #eaf3ff;
}
#isocal .c-cafefood.p-arrange3 .section_table .male {
	background: #d9e3f7;
}
#isocal .c-cafefood.p-arrange3 .section_table .female {
	background: #ffdee4;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-arrange3 .section_table th,
	#isocal .c-cafefood.p-arrange3 .section_table td {
		white-space: nowrap;
	}
	#isocal .c-cafefood.p-arrange3 .section_table caption {
		font-size: calc(16vw / 10);
	}
	#isocal .c-cafefood.p-arrange3 .section_table table {
		font-size: calc(15vw / 10);
	}
	#isocal .c-cafefood.p-arrange3 .section_table th {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.p-arrange3 .section_table th small,
	#isocal .c-cafefood.p-arrange3 .section_table th .unit {
		font-size: calc(12vw / 10);
	}
	#isocal .c-cafefood.p-arrange3 .section_table .dt {
		padding-bottom: 0;
		border-bottom: 0;
	}
	#isocal .c-cafefood.p-arrange3 .section_table .dd {
		padding-top: 0;
		border-top: 0;
	}
	#isocal .c-cafefood.p-arrange3 .section_table .male {
		width: 4em;
	}
	#isocal .c-cafefood.p-arrange3 .section_table .female {
		width: 4em;
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-arrange3 .section_table caption {
		font-size: 16px;
	}
	#isocal .c-cafefood.p-arrange3 .section_table table {
		font-size: 15px;
	}
	#isocal .c-cafefood.p-arrange3 .section_table th {
		font-size: 18px;
	}
	#isocal .c-cafefood.p-arrange3 .section_table th small,
	#isocal .c-cafefood.p-arrange3 .section_table th .unit {
		font-size: 12px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-arrange3 .section_table .level,
	#isocal .c-cafefood.p-arrange3 .section_table .male,
	#isocal .c-cafefood.p-arrange3 .section_table .female {
		width: 33.333%;
	}
	#isocal .c-cafefood.p-arrange3 .section_table caption {
		font-size: calc(15vw / 4.8);
	}
	#isocal .c-cafefood.p-arrange3 .section_table thead td {
		font-size: calc(10vw / 4.8);
		white-space: nowrap;
	}
	#isocal .c-cafefood.p-arrange3 .section_table table {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.p-arrange3 .section_table th {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-arrange3 .section_table th small {
		font-size: calc(10vw / 4.8);
	}
}

/* section box */
#isocal .c-cafefood.c-arrange3 .section_box {
	margin: 32px 0;
	border-radius: 10px;
	background: #eaf3ff;
}
#isocal .c-cafefood.c-arrange3 .section_box .section_title {
	margin: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-arrange3 .section_box {
		padding: 40px calc(40vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-arrange3 .section_box {
		padding: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-arrange3 .section_box {
		padding: 24px calc(16vw / 4.8);
	}
}

/* :::::: エネルギーとたんぱく質が適量の食事の例 :::::: */
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table {
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table > li {
	flex-basis: calc(33.333% - 8px);
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table > li:nth-child(n+2) {
	margin-left: 12px;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dl {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dt,
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd {
	border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dt {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 22px;
	font-weight: 900;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table .breakfast dt {
	background: #ff9a71;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table .lunch dt {
	background: #ff9bc1;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table .dinner dt {
	background: #ff828b;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd {
	flex-grow: 1;
	margin-top: 12px;
	padding: 8px;
	font-weight: 500;
	background: #fff;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd li {
	white-space: nowrap;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd p {
	line-height: 1.2;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd li:nth-child(n+2) {
	margin-top: 8px;
}
#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd li figure {
	margin-right: 8px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dt {
		height: calc(56vw / 10);
		font-size: calc(22vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd li {
		display: flex;
		align-items: center;
		height: calc(80vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd li figure {
		flex-basis: calc(80vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dt {
		height: 56px;
		font-size: 22px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd li {
		height: 80px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd li figure {
		flex-basis: 80px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table > li {
		flex-basis: calc(33.333% - 8vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table > li:nth-child(n+2) {
		margin-left: calc(12vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dt {
		height: calc(56vw / 4.8);
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd li {
		display: flex;
		flex-direction: column;
		height: calc(114vw / 4.8);
		text-align: center;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd li:nth-child(n+2) {
		margin-top: 8px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd p {
		flex-grow: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: calc(14vw / 4.8);
		text-align: center;
	}
}
@media (-ms-high-contrast: none) and (max-width: 767px) {
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd li {
		display: block;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_example .arrange_table dd p {
		margin-top: .5em;
	}
}

/* :::::: 食事メニューとアレンジ方法３選 :::::: */
#isocal .c-cafefood.c-arrange3 .arrange_type {
	display: flex;
	justify-content: space-between;
	position: relative;
}
#isocal .c-cafefood.c-arrange3 .arrange_type:nth-child(n+2) {
	margin-top: 16px;
}
#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind {
	padding: 8px 16px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
}
#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind li:nth-child(n+2) {
	margin-top: 10px;
	padding-top: 8px;
	border-top: 2px dotted #ccc;
}
#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind dl dt::after {
	content: "：";
}
#isocal .c-cafefood.c-arrange3 .arrange_type .arr {
	fill: url(#arr-grad);
}
#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_color {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	color: #fff;
	line-height: 1.4;
	font-weight: 700;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
}
#isocal .c-cafefood.c-arrange3 .arrange_type:nth-child(1) .arrange_color {
	background: #f7504a;
}
#isocal .c-cafefood.c-arrange3 .arrange_type:nth-child(2) .arrange_color {
	background: #48b36a;
}
#isocal .c-cafefood.c-arrange3 .arrange_type:nth-child(3) .arrange_color {
	background: #ffcb33;
}
#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_color b {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	margin: 0 auto 4px;
	border-radius: 2em;
	background: #fff;
}
#isocal .c-cafefood.c-arrange3 .arrange_type:nth-child(1) .arrange_color b {
	color: #f7504a;
}
#isocal .c-cafefood.c-arrange3 .arrange_type:nth-child(2) .arrange_color b {
	color: #48b36a;
}
#isocal .c-cafefood.c-arrange3 .arrange_type:nth-child(3) .arrange_color b {
	color: #ffcb33;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind,
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_color {
		flex-basis: calc(50% - 24vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind {
		height: calc(120vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind dl::after {
		content: "";
		display: block;
		clear: both;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind dl dt {
		float: left;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind dl dd {
		padding-left: 3.4em;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arr {
		flex-basis: calc(40vw / 10);
		align-self: center;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_color {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_color b {
		font-size: calc(26vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind,
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_color {
		flex-basis: calc(50% - 24px);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind {
		height: 120px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_color {
		font-size: 18px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_color b {
		font-size: 26px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_kind {
		flex-basis: calc(56% - 4px);
		height: calc(200vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arr {
		flex-basis: 40px;
		align-self: center;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arr {
		position: absolute;
		top: calc(50% - 26px);
		left: 48%;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_color {
		flex-basis: calc(44% - 4px);
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_type .arrange_color b {
		font-size: calc(28vw / 4.8);
	}
}

/* :::::: 朝食メニューのアレンジ例 :::::: */
#isocal .c-cafefood.c-arrange3 .arrange_morning .wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .wrap > * {
	text-align: center;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu {
	border-radius: 10px;
	background: #cfe7ff;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu.-plus {
	background: #ffcf5a;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 10px;
	line-height: 1.2;
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu.-plus li::before {
	content: "";
	position: absolute;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/km2_arrow.svg?v=1679292943') right center / cover no-repeat;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu li:nth-child(n+2) {
	margin-top: 16px;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu em {
	color: #ff6671;
	font-style: normal;
	font-weight: 900;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data:nth-of-type(1) {
	margin-left: 16px;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data,
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data ul {
	display: flex;
	flex-direction: column;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data dd {
	flex-grow: 1;
	margin-top: 24px;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data ul {
	justify-content: space-around;
	align-items: center;
	height: 100%;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data li {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 80px;
	color: #ff6671;
	background: #fff;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data b {
	letter-spacing: 0;
	vertical-align: baseline;
}
#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data .unit {
	position: relative;
	top: .5em;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu {
		flex-basis: calc(30% - 18vw / 10);
		padding: calc(16vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu li {
		height: calc(100vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu.-plus li::before {
		top: calc(50% - 13vw / 10);
		right: calc(100% - 8vw / 10);
		width: calc(75vw / 10);
		height: calc(26vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data {
		flex-basis: calc(20% - 18vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data:nth-of-type(1) {
		margin-left: calc(16vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data li {
		width: calc(80vw / 10);
		height: calc(80vw / 10);
		font-size: calc(11vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data b {
		font-size: calc(32vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu {
		flex-basis: calc(30% - 18px);
		padding: 16px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu li {
		height: 100px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu.-plus li::before {
		top: calc(50% - 13px);
		right: calc(100% - 8px);
		width: 75px;
		height: 26px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data {
		flex-basis: calc(20% - 18px);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data:nth-of-type(1) {
		margin-left: 16px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data dd {
		margin-top: 24px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data li {
		width: 80px;
		height: 80px;
		font-size: 11px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data b {
		font-size: 32px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu {
		flex-basis: calc(28% - 8vw / 4.8);
		padding: calc(8vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu li {
		height: calc(72vw / 4.8);
		font-size: calc(12vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_menu.-plus li::before {
		top: calc(50% - 10vw / 4.8);
		right: calc(100% - 4vw / 4.8);
		width: calc(40vw / 4.8);
		height: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data {
		flex-basis: calc(22% - 8vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data:nth-of-type(1) {
		margin-left: calc(8vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data dt {
		font-size: calc(12vw / 4.8);
		white-space: nowrap;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data dd {
		margin-top: 16px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data li {
		flex-direction: column;
		width: calc(50vw / 4.8);
		height: calc(50vw / 4.8);
		font-size: calc(11vw / 4.8);
		line-height: .8;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_morning .arrange_data b {
		font-size: calc(28vw / 4.8);
	}
}

/* 朝食から夕食までの食事例 */
#isocal .c-cafefood.c-arrange3 .arrange_timeline {
	margin-top: 32px;
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline > li {
	position: relative;
	border-radius: 10px;
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline li dt {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	top: -.8em;
	left: -.8em;
	width: 2.6em;
	height: 2.6em;
	padding-bottom: .1em;
	border-radius: 2em;
	color: #fff;
	font-weight: 700;
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline .breakfast dt {
	background: #ff9a71;
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline .lunch dt {
	background: #ff9bc1;
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack dt {
	background: #ffc74d;
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline .dinner dt {
	background: #ff828b;
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline li ul {
	display: flex;
	flex-wrap: wrap;
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack dl,
#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack dd,
#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack ul {
	height: 100%;
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack ul {
	justify-content: center;
	align-items: center;
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline li figure {
	max-width: 80px;
	margin: 0 auto;
}
#isocal .c-cafefood.c-arrange3 .arrange_timeline li p {
	line-height: 1.2;
	text-align: center;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-arrange3 .arrange_timeline {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline > li {
		padding: 24px calc(16vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline li dt {
		font-size: calc(26vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .breakfast,
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .lunch {
		flex-basis: calc(50% - 16px);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack {
		flex-basis: calc(30% - 16px);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .dinner {
		flex-basis: calc(70% - 16px);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .lunch,
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .dinner {
		margin-left: 32px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack,
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .dinner {
		margin-top: 32px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline li li {
		flex-basis: 50%;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline li li:nth-child(n+3) {
		margin-top: 16px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack li {
		flex-basis: 100%;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .dinner li {
		flex-basis: 33.333%;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .dinner li:nth-child(3) {
		margin-top: 0;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline li p {
		font-size: calc(14vw / 10);
	}
}
@media (-ms-high-contrast: none) and (min-width: 768px) {
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .breakfast,
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .lunch {
		max-width: calc(50% - 16px);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack {
		max-width: calc(30% - 16px);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .dinner {
		max-width: calc(70% - 16px);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-arrange3 .arrange_timeline li dt {
		font-size: 26px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline li p {
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-arrange3 .arrange_timeline {
		margin-top: 16px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline > li {
		padding: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline > li:nth-child(n+2) {
		margin-top: 16px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack {
		padding-top: 0;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline li dt {
		left: -.6em;
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline li li {
		flex-basis: 25%;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .snack li {
		flex-basis: 100%;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline .dinner li {
		flex-basis: 33.333%;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline li figure {
		max-width: calc(80vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_timeline li p {
		font-size: calc(12vw / 4.8);
	}
}

/* 栄養補助食品を加えて栄養素を増やす */
#isocal .c-cafefood.c-arrange3 .arrange_recipe {
	margin-top: 32px;
}
#isocal .c-cafefood.c-arrange3 .arrange_recipe li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#isocal .c-cafefood.c-arrange3 .arrange_recipe li:nth-child(n+2) {
	margin-top: 32px;
}
#isocal .c-cafefood.c-arrange3 .arrange_recipe .photo,
#isocal .c-cafefood.c-arrange3 .arrange_recipe .text {
	flex-basis: calc(50% - 16px);
}
#isocal .c-cafefood.c-arrange3 .arrange_recipe .photo img {
	border-radius: 10px;
}
#isocal .c-cafefood.c-arrange3 .arrange_recipe .text dt {
	color: #ff6671;
	font-weight: 900;
	line-height: 1.4;
}
#isocal .c-cafefood.c-arrange3 .arrange_recipe .text dd {
	margin-top: .3em;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-arrange3 .arrange_recipe .text dt {
		font-size: calc(23vw / 10);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_recipe .text dd {
		font-size: calc(18vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-arrange3 .arrange_recipe .text dt {
		font-size: 23px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_recipe .text dd {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-arrange3 .arrange_recipe li:nth-child(n+2) {
		margin-top: 24px;
	}
	#isocal .c-cafefood.c-arrange3 .arrange_recipe .photo,
	#isocal .c-cafefood.c-arrange3 .arrange_recipe .text {
		flex-basis: calc(50% - 8px);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_recipe .text dt {
		font-size: calc(23vw / 4.8);
	}
	#isocal .c-cafefood.c-arrange3 .arrange_recipe .text dd {
		font-size: calc(17vw / 4.8);
	}
}


/**
 * 【図解】フレイルとは？特徴や対策を正しく知って介護対策を
 * ---------------------------------------- */
#isocal .c-cafefood.p-frail {
	background: #ffe6e8;
}
#isocal .c-cafefood.p-frail .section_num,
#isocal .c-cafefood.p-frail .content_header {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-frail .content_section.-bg {
	background: #ffd7cf;
}
#isocal .c-cafefood.p-frail .figure_capsule,
#isocal .c-cafefood.p-frail .header_title em::before,
#isocal .c-cafefood.p-frail .toc_title,
#isocal .c-cafefood.p-frail .toc_list li::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-frail .header_visual img {
	box-shadow: 12px 12px 0 #ff8b9c;
}
#isocal .c-cafefood.p-frail strong,
#isocal .c-cafefood.p-frail .textlink,
#isocal .c-cafefood.p-frail .section_title,
#isocal .c-cafefood.p-frail .column_title,
#isocal .c-cafefood.p-frail .wordlist dt,
#isocal .c-cafefood.p-frail .section_list li::before,
#isocal .c-cafefood.p-frail .toc_list {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-frail .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
#isocal .c-cafefood.p-frail  .section_list li:nth-child(n+2) {
    margin-top: 0;
}
#isocal .c-cafefood.p-frail .c-text-accent {
    margin-left: -4px;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-frail .header_visual img {
		box-shadow: 6px 6px 0 #ff8b9c;
	}
	#isocal .c-cafefood.p-frail .footer_afterword {
		text-align: left;
	}
    #isocal .c-cafefood.p-frail .c-text-accent {
        margin-left: -3px;
    }
}
#isocal .c-cafefood.p-frail .c-table,
#isocal .c-cafefood.p-frail .c-table th,
#isocal .c-cafefood.p-frail .c-table td,
#isocal .c-cafefood.c-frail .p-supervision .section_column:last-child::after {
	border-color: #1bb5c6;
}
#isocal .c-cafefood.p-frail .c-table th {
      width: inherit;
      text-align: center;
}
#isocal .c-cafefood.p-frail .c-table {
      line-height: 25.6px;
}
#isocal .c-cafefood.p-frail .p-section_4_3 .c-table th {
       background-color: #fff;
}
#isocal .c-cafefood.c-frail .p-section_2 .c-table thead th:nth-child(2),
#isocal .c-cafefood.c-frail .p-section_2 .c-table tbody th {
	background: #edf9ff;
}
#isocal .c-cafefood.c-frail .p-section_2 .c-table tbody td {
	text-align: center;
}
@media (max-width: 767px) {
	  #isocal .c-cafefood.p-frail .c-table {
          line-height: 20px;
    }
}


/* 詳しく見る */
#isocal .c-cafefood.c-frail .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #ff6671;
	color: #ff6671;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.c-frail .c-button.-pull:hover,
	#isocal .c-cafefood.c-frail .c-button.-pull.is-active {
		color: #fff;
		background: #ff6671;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-frail .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.c-frail .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.c-frail .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* :::::: フレイルかどうかを簡単チェック！ :::::: */
#isocal .c-cafefood.c-frail .p-check {
	margin-top: 48px;
	text-align: center;
}
#isocal .c-cafefood.c-frail .p-check .c-pop {
	display: inline-block;
	position: relative;
	color: #1bb5c6;
	font-size: 24px;
	font-weight: 900;
  font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-cafefood.c-frail .p-check .c-pop::before,
#isocal .c-cafefood.c-frail .p-check .c-pop::after {
	content: "";
	position: absolute;
	top: 0;
	height: 90%;
	border-left: 2px solid currentcolor;
	transform-origin: 50% 100%;
}
#isocal .c-cafefood.c-frail .p-check .c-pop::before {
	right: calc(100% + .3em);
	transform: rotate(-30deg);
}
#isocal .c-cafefood.c-frail .p-check .c-pop::after {
	left: calc(100% + .3em);
	transform: rotate(30deg);
}
#isocal .c-cafefood.c-frail .p-check .c-button {
	display: inline-flex;
	width: auto;
	height: auto;
	padding: 20px;
	margin: 24px auto 0;
	border-radius: 10px;
	border-color: #1bb5c6;
	font-size: 24px;
	font-weight: 900;
	text-align: left;
	background: #1bb5c6;
}
#isocal .c-cafefood.c-frail .p-check .c-button::after {
	content: "";
}
#isocal .c-cafefood.c-frail .p-section_2 .p-check .c-button::after {
	display: inline-block;
	border-width: .3em 0 .3em .6em;
	border-style: solid;
	border-color: transparent;
	border-left-color: currentcolor;
}
#isocal .c-cafefood.c-frail .p-section_3 .p-check .c-button,
#isocal .c-cafefood.c-frail .p-section_4_3 .p-check .c-button,
#isocal .c-cafefood.c-frail .p-section_4_4 .p-check .c-button {
	justify-content: space-between;
}
#isocal .c-cafefood.c-frail .p-section_3 .p-check .c-button::after,
#isocal .c-cafefood.c-frail .p-section_4_3 .p-check .c-button::after,
#isocal .c-cafefood.c-frail .p-section_4_4 .p-check .c-button::after {
	width: 160px;
	height: 108px;
	margin-left: 1em;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/km3_frail_btn1.jpg?v=1679301780') center / cover no-repeat;
}
#isocal .c-cafefood.c-frail .p-section_4_3 .p-check .c-button::after {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/km3_frail_btn2.jpg?v=1679301780');
}
#isocal .c-cafefood.c-frail .p-section_4_4 .p-check .c-button::after {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/km3_frail_btn3.jpg?v=1679301780');
}
@media (hover: hover) {
	#isocal .c-cafefood.c-frail .p-check .c-button:hover {
		color: #1bb5c6;
		background: #fff;
	}
}
@media (min-width: 767px) and (max-width: 999px) {
	#isocal .c-cafefood.c-frail .p-check .c-pop,
	#isocal .c-cafefood.c-frail .p-check.c-button {
		font-size: calc(24vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-frail .p-check .c-pop {
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-check .c-button {
		padding: calc(16vw / 4.8);
		font-size: calc(18vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.c-frail .p-section_3 .p-check .c-button::after,
	#isocal .c-cafefood.c-frail .p-section_4_3 .p-check .c-button::after,
	#isocal .c-cafefood.c-frail .p-section_4_4 .p-check .c-button::after {
		width: 88px;
		height: 88px;
	}
}

/* :::::: フレイルにならないために目標にしたいたんぱく質量とメニュー例 :::::: */
#isocal .c-cafefood.c-frail .p-section_4_3 .p-target {
	padding: 16px 40px 40px;
	border-radius: 8px 8px 0 0;
	text-align: center;
	background: #fcf8e9;
}
#isocal .c-cafefood.c-frail .p-target .target_subject {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#isocal .c-cafefood.c-frail .p-target .target_subject dt {
	position: relative;
	top: 24px;
	padding: .5em 1em;
	border-radius: 2em;
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	background: #1bb5c6;
}
#isocal .c-cafefood.c-frail .p-target .target_subject dd {
	padding: 48px 40px 24px;
	border: 1px solid #1bb5c6;
	border-radius: 16px;
	font-size: 19px;
	background: #fff;
}
#isocal .c-cafefood.c-frail .p-target .target_number {
	display: flex;
	justify-content: center;
}
#isocal .c-cafefood.c-frail .p-target .target_number > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 184px;
	height: 184px;
	margin-top: 46px;
	padding-bottom: .5em;
	border-radius: 184px;
}
#isocal .c-cafefood.c-frail .p-target .target_number > div::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: calc(50% - 6px);
	width: 12px;
	height: 46px;
	background: center bottom / contain no-repeat;
}
#isocal .c-cafefood.c-frail .p-target .target_number dt b,
#isocal .c-cafefood.c-frail .p-target .target_number dd {
	font-size: 120%;
	font-weight: 900;
}
#isocal .c-cafefood.c-frail .p-target .target_number dd {
	font-size: 180%;
}
#isocal .c-cafefood.c-frail .p-target .target_number dd sup {
	font-size: 12px;
}
#isocal .c-cafefood.c-frail .p-target .target_number .male {
	background: #c5e9f9;
}
#isocal .c-cafefood.c-frail .p-target .target_number .male::before {
	background-image: url(../img/arr_male.svg);
}
#isocal .c-cafefood.c-frail .p-target .target_number .male dt b,
#isocal .c-cafefood.c-frail .p-target .target_number .male dd {
	color: #2d8ed8;
}
#isocal .c-cafefood.c-frail .p-target .target_number .female {
	margin-left: 24px;
	background: #ffe3e5;
}
#isocal .c-cafefood.c-frail .p-target .target_number .female::before {
	background-image: url(../img/arr_female.svg);
}
#isocal .c-cafefood.c-frail .p-target .target_number .female dt b,
#isocal .c-cafefood.c-frail .p-target .target_number .female dd {
	color: #ff6671;
}
#isocal .c-cafefood.c-frail .p-target .c-note {
	font-size: 12px;
	text-align: inherit;
}
#isocal .c-cafefood.p-frail .p-menu h4 {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.6;
}
#isocal .c-cafefood.p-frail .p-section_4 .section_figure {
      margin: 32px 0;
  }
@media (min-width: 768px) {
	#isocal .c-cafefood.p-frail .p-section_4 .section_figure {
      margin: 32px -16px;
  }
}
@media (min-width: 767px) and (max-width: 999px) {
	#isocal .c-cafefood.c-frail .p-target .target_subject dt {
		font-size: calc(20vw / 10);
	}
	#isocal .c-cafefood.c-frail .p-target .target_subject dd {
		font-size: calc(19vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-frail .p-section_4_3 .p-target {
		padding: 24px calc(24vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-target .target_subject dt,
	#isocal .c-cafefood.c-frail .p-target .target_subject dd {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-target .target_number > div {
		width: calc(136vw / 4.8);
		height: calc(136vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-target .c-note {
		font-size: 10px;
		text-align: inherit;
	}
}

/* :::::: 1日でしっかり\たんぱく質90g/を摂るメニュー例 :::::: */
#isocal .c-cafefood.c-frail .p-section_4_3 .p-menu {
	padding: 24px 40px 40px;
	border-radius: 0 0 8px 8px;
	text-align: center;
	background: #ffe6e8;
}
#isocal .c-cafefood.c-frail .p-menu h4 {
	color: #1bb5c6;
	font-size: 25px;
	white-space: nowrap;
}
#isocal .c-cafefood.c-frail .p-menu h4 b {
	color: #ff6671;
	font-size: 132%;
}
#isocal .c-cafefood.c-frail .p-menu .menu_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}
#isocal .c-cafefood.c-frail .p-menu .menu_list .item {
	flex-basis: 47%;
	position: relative;
	padding: 20px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 4px 4px 8px rgba(0,0,0,.1);
}
#isocal .c-cafefood.c-frail .p-menu .menu_list .item:nth-child(n+3) {
	margin-top: 40px;
}
#isocal .c-cafefood.c-frail .p-menu .menu_list .item dt {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -.8em;
	left: -.8em;
	width: 3em;
	height: 3em;
	border-radius: 3em;
	color: #fff;
	font-size: 27px;
	font-weight: 900;
}
#isocal .c-cafefood.c-frail .p-menu .menu_list .morning dt { background: #ff9a71; }
#isocal .c-cafefood.c-frail .p-menu .menu_list .lunch dt { background: #ff9bc1; }
#isocal .c-cafefood.c-frail .p-menu .menu_list .snack dt { background: #ffc74d; }
#isocal .c-cafefood.c-frail .p-menu .menu_list .dinner dt { background: #ff828b; }
#isocal .c-cafefood.c-frail .p-menu .menu_list .item ul {
	margin-top: .5em;
}
#isocal .c-cafefood.c-frail .p-menu .menu_list .item li {
	text-align: left;
}
#isocal .c-cafefood.c-frail .p-menu .menu_list .item li::before {
	content: "・";
}
#isocal .c-cafefood.c-frail .p-menu .menu_list .item li b {
	color: #2d8ed8;
}
#isocal .c-cafefood.c-frail .p-menu p {
	margin-top: 32px;
	line-height: 1.6;
	font-weight: 700;
	text-align: inherit;
}
#isocal .c-cafefood.c-frail .p-menu p b {
	color: #2d8ed8;
	font-size: 153%;
	font-weight: 900;
}
@media (min-width: 767px) and (max-width: 999px) {
	#isocal .c-cafefood.c-frail .p-menu h4 {
		font-size: calc(25vw / 10);
	}
	#isocal .c-cafefood.c-frail .p-menu .menu_list .item dt {
		font-size: calc(27vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-frail .p-section_4_3 .p-menu {
		padding: 24px calc(12vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-menu h4 {
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-menu .menu_list .item {
		padding: 20px calc(20vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-menu .menu_list .item dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-menu .menu_list .item figcaption,
	#isocal .c-cafefood.c-frail .p-menu .menu_list .item li {
		font-size: calc(12vw / 4.8);
	}
}

/* :::::: ちょっとした工夫でたんぱく質をプラス！ :::::: */
#isocal .c-cafefood.c-frail .p-section_4_3 .p-protein {
	margin-top: 40px;
	text-align: center;
}
#isocal .c-cafefood.c-frail .p-protein .protein_list {
	padding: 24px;
	border-radius: 8px;
	background: #ffe6e8;
}
#isocal .c-cafefood.c-frail .p-protein .protein_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	z-index: 0;
	position: relative;
	padding: 24px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 4px 4px 8px rgba(0,0,0,.1);
}
#isocal .c-cafefood.c-frail .p-protein .protein_list .item {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	color: #1bb5c6;
}
#isocal .c-cafefood.c-frail .p-protein .protein_list .item:nth-child(2n) {
	border-left: 2px dotted #ff6671;
}
#isocal .c-cafefood.c-frail .p-protein .protein_list .item:nth-child(n+3) {
	position: relative;
	margin-top: 48px;
}
#isocal .c-cafefood.c-frail .p-protein .protein_list .item:nth-child(n+3)::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0;
	width: 100%;
	border-top: 2px dotted #ff6671;
}
#isocal .c-cafefood.c-frail .p-protein .protein_list .item figure {
	flex-grow: 1;
}
#isocal .c-cafefood.c-frail .p-protein .protein_list .item p {
	font-weight: 900;
	line-height: 1.6;
	text-align: inherit;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-frail .p-protein .protein_list .item {
		padding: 0 1em;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-frail .p-protein .protein_list {
		padding: 24px calc(16vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-protein .protein_list ul {
		padding: 24px calc(16vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-protein .protein_list .item:nth-child(2n) {
		padding-left: 1em;
	}
	#isocal .c-cafefood.c-frail .p-protein .protein_list .item:nth-child(2n+1) {
		padding-right: 1em;
	}
	#isocal .c-cafefood.c-frail .p-protein .protein_list .item p {
		font-size: calc(14vw / 4.8);
	}
}

/* :::::: いつもの食事にもう1品。準備が簡単で食べやすい、たんぱく質が豊富な食材をプラス！ :::::: */
#isocal .c-cafefood.c-frail .p-section_4 .section_list {
	margin: .5em 0 0;
}
#isocal .c-cafefood.c-frail .p-section_4_3 .section_table {
	margin-top: 40px;
}
#isocal .c-cafefood.c-frail .p-section_4_3 .c-table {
	font-size: 20px;
}
#isocal .c-cafefood.c-frail .p-section_4_3 .c-table figure {
	display: inline-block;
	min-width: 100px;
	text-align: center;
}
#isocal .c-cafefood.c-frail .p-section_4_3 .c-table th[colspan] {
	background: #edf9ff;
}
#isocal .c-cafefood.c-frail .p-section_2 .c-table tbody td {
	text-align: center;
}
#isocal .c-cafefood.c-frail .p-section_4_3 .c-table th {
	text-align: left;
}
#isocal .c-cafefood.c-frail .p-section_4_3 .c-table th[colspan],
#isocal .c-cafefood.c-frail .p-section_4_3 .c-table td {
	color: #1bb5c6;
	text-align: center;
}
#isocal .c-cafefood.c-frail .p-section_4_3 .c-table th[colspan] {
	font-weight: 900;
}
@media (min-width: 767px) and (max-width: 999px) {
	#isocal .c-cafefood.c-frail .p-section_4_3 .c-table {
		font-size: calc(20vw / 10);
	}
}
@media (max-width: 768px) {
	#isocal .c-cafefood.c-frail .p-section_4_3 .c-table {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-section_4_3 .c-table figure {
		min-width: calc(56vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-section_4_3 .c-table figure img {
		max-width: calc(48vw / 4.8);
	}
}

/* :::::: 日常的に運動や体操の習慣をつける :::::: */
#isocal .c-cafefood.c-frail .p-challenge {
	padding-bottom: 24px;
	border-radius: 8px;
	background: #ffe6e8;
	text-align: center;
}
#isocal .c-cafefood.c-frail .p-challenge h4 {
	padding: .5em 1em;
	border-radius: 8px 8px 0 0;
	color: #fff;
	line-height: 1.6em;
	background: #1bb5c6;
      font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-cafefood.c-frail .p-challenge h4 b {
	font-size: 112%;
}
#isocal .c-cafefood.c-frail .p-challenge h4 .num {
	position: relative;
	top: .05em;
	font-size: 160%;
}
#isocal .c-cafefood.c-frail .p-challenge .challenge_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	margin: 24px 0;
	padding: 0 24px;
}
#isocal .c-cafefood.c-frail .p-challenge .challenge_list .item {
	flex-basis: 32%;
	color: #1bb5c6;
	text-align: inherit;
}
#isocal .c-cafefood.c-frail .p-challenge .challenge_list figcaption {
	font-weight: 900;
	margin-top: .5em;
}
#isocal .c-cafefood.c-frail .p-challenge p {
	font-size: 22px;
	font-weight: 900;
	text-align: inherit;
}
#isocal .c-cafefood.c-frail .p-challenge p strong {
	color: #ff6671;
	font-size: 136%;
	font-weight: inherit;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-frail .p-challenge .challenge_list .item:nth-child(2),
	#isocal .c-cafefood.c-frail .p-challenge .challenge_list .item:nth-child(3),
	#isocal .c-cafefood.c-frail .p-challenge .challenge_list .item:nth-child(5),
	#isocal .c-cafefood.c-frail .p-challenge .challenge_list .item:nth-child(7),
	#isocal .c-cafefood.c-frail .p-challenge .challenge_list .item:nth-child(8) {
		margin-left: 1%;
	}
	#isocal .c-cafefood.c-frail .p-challenge .challenge_list .item:nth-child(4) {
		margin-top: -24px;
		margin-left: 14%;
	}
	#isocal .c-cafefood.c-frail .p-challenge .challenge_list .item:nth-child(5) {
		margin-right: 14%;
	}
}
@media (min-width: 767px) and (max-width: 999px) {
	#isocal .c-cafefood.c-frail .p-challenge p {
		font-size: calc(22vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-frail .p-challenge h4 {
		font-size: calc(15vw / 4.8);
		white-space: nowrap;
	}
	#isocal .c-cafefood.c-frail .p-challenge .challenge_list {
		justify-content: space-between;
		padding: 0 calc(24vw / 4.8);
	}
	#isocal .c-cafefood.c-frail .p-challenge .challenge_list .item {
		flex-basis: 46%;
	}
	#isocal .c-cafefood.c-frail .p-challenge .challenge_list .item:nth-child(n+3) {
		margin-top: 1em;
	}
	#isocal .c-cafefood.c-frail .p-challenge p {
		font-size: calc(15vw / 4.8);
		white-space: nowrap;
	}
}

/* あとがき */
#isocal .c-cafefood.p-frail .footer_afterword {
	max-width: 500px;
	padding: 0 24px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修 */
#isocal .c-cafefood.c-frail .p-supervision .history.-job dt {
	flex-basis: 8em;
}
#isocal .c-cafefood.c-frail .p-supervision .history.-job dd {
	flex-basis: calc(100% - 8em);
}


/**
 * 【図解】サルコペニアとは？フレイルとの違いは？特徴や対策方法
 * ---------------------------------------- */
#isocal .c-cafefood.p-sarcopenia {
	background: #fff4e3;
}
#isocal .c-cafefood.p-sarcopenia .section_num,
#isocal .c-cafefood.p-sarcopenia .content_header {
	background: #efc835;
}
#isocal .c-cafefood.p-sarcopenia .content_section.-bg {
	background: #f9ecbc;
}
#isocal .c-cafefood.p-sarcopenia .figure_capsule,
#isocal .c-cafefood.p-sarcopenia .header_title em::before {
	background: #50b16b;
}
#isocal .c-cafefood.p-sarcopenia .header_visual img {
	box-shadow: 12px 12px 0 #ebae00;
}
#isocal .c-cafefood.p-sarcopenia strong,
#isocal .c-cafefood.p-sarcopenia .textlink,
#isocal .c-cafefood.p-sarcopenia .section_title,
#isocal .c-cafefood.p-sarcopenia .column_title,
#isocal .c-cafefood.p-sarcopenia .wordlist dt,
#isocal .c-cafefood.p-sarcopenia .footer_afterword,
#isocal .c-cafefood.p-sarcopenia .section_list li::before {
	color: #50b16b;
}
#isocal .c-cafefood.p-sarcopenia .section_title .marker {
	background: linear-gradient(to top, #f8eec9 .5em, transparent .5em);
}
#isocal .c-cafefood.p-sarcopenia .card_title {
	margin: 0 -40px;
    padding: 0.4em;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    background: #50b16b;
    border: none;
   font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-cafefood.p-sarcopenia .section_card {
    padding: 0 40px 40px;
    border-radius: 3px;
    background: #fff4e3;
    border: none;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-sarcopenia .header_visual img {
		box-shadow: 6px 6px 0 #ebae00;
	}
	#isocal .c-cafefood.p-sarcopenia .footer_afterword {
		text-align: left;
	}
}

/* サルコペニア、フレイル、ロコモの関係 */
#isocal .c-cafefood.p-sarcopenia .section_figure .abs {
	position: absolute;
	top: 1.8em;
	left: 0;
	width: 100%;
	color: #50b16b;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 900;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-sarcopenia .section_figure .abs {
		top: 2.5em;
		font-size: calc(20vw / 4.8);
	}
}


/**
 * 嚥下とは？わかりやすく解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-enge {
	background: #eaf3ff;
}
#isocal .c-cafefood.p-enge .section_num,
#isocal .c-cafefood.p-enge .content_header {
	background: #95d4ec;
}
#isocal .c-cafefood.p-enge .content_section.-bg {
	background: #d6e5f6;
}
#isocal .c-cafefood.p-enge .figure_capsule,
#isocal .c-cafefood.p-enge .header_title em::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-enge .header_visual img {
	box-shadow: 12px 12px 0 #63bcdf;
}
#isocal .c-cafefood.p-enge strong,
#isocal .c-cafefood.p-enge .textlink,
#isocal .c-cafefood.p-enge .section_title,
#isocal .c-cafefood.p-enge .column_title,
#isocal .c-cafefood.p-enge .wordlist dt,
#isocal .c-cafefood.p-enge .footer_afterword,
#isocal .c-cafefood.p-enge .section_list li::before {
	color: #ff6671;
}
#isocal .c-cafefood.p-enge .section_title .marker {
	background: linear-gradient(to top, #e8f1fa .5em, transparent .5em);
}
#isocal .c-cafefood.p-enge .section_list li:nth-child(n+2) {
    margin-top: 0;
}
#isocal .c-cafefood.p-enge .column_title::before {
    content: "";
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    margin-right: 0.3em;
    border-radius: 1em;
    background: currentcolor;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-enge .header_inner {
		padding-top: 40px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood.p-enge .header_inner {
		padding-top: calc(40vw / 10);
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-enge .header_visual img {
		box-shadow: 6px 6px 0 #63bcdf;
	}
	#isocal .c-cafefood.p-enge .footer_afterword {
		text-align: left;
	}
}


/**
 * 誤嚥とは？誤嚥のサインや原因・リスク対策を図で解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-goen {
	background: #ffe7d0;
}
#isocal .c-cafefood.p-goen .section_num,
#isocal .c-cafefood.p-goen .content_header {
	background: #eeaf2a;
}
#isocal .c-cafefood.p-goen .content_section.-bg {
	background: #ffd6ad;
}
#isocal .c-cafefood.p-goen .figure_capsule,
#isocal .c-cafefood.p-goen .header_title em::before {
	background: #eb56a6;
}
#isocal .c-cafefood.p-goen .header_visual img {
	box-shadow: 12px 12px 0 #eb9d00;
}
#isocal .c-cafefood.p-goen strong,
#isocal .c-cafefood.p-goen .textlink,
#isocal .c-cafefood.p-goen .section_title,
#isocal .c-cafefood.p-goen .column_title,
#isocal .c-cafefood.p-goen .wordlist dt,
#isocal .c-cafefood.p-goen .footer_afterword,
#isocal .c-cafefood.p-goen .section_list li::before,
#isocal .c-cafefood.p-goen .section_column:last-child::after {
	color: #eb56a6;
}
#isocal .c-cafefood.p-goen .section_title .marker {
	background: linear-gradient(to top, #ffdcac .5em, transparent .5em);
}
#isocal .c-cafefood.p-goen .section_list li:nth-child(n+2) {
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-goen .header_visual img {
		box-shadow: 6px 6px 0 #eb9d00;
	}
	#isocal .c-cafefood.p-goen .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-goen .section_table th {
	color: #eb56a6;
	background: #ffd27a;
    width: 50%;
}
#isocal .c-cafefood.p-goen .section_table th:nth-child(2) {
	background: #ffe67a;
}
#isocal .c-cafefood.p-goen .section_table table,
#isocal .c-cafefood.p-goen .section_table th,
#isocal .c-cafefood.p-goen .section_table td {
	border-color: #fa8017;
}
#isocal .c-cafefood.p-goen .section_card {
    margin-top: 24px;
    padding: 0 40px 40px;
    border-radius: 3px;
    border: none;
}
#isocal .c-cafefood.p-goen .card_title {
    margin: 0 -40px;
    padding: 0.4em;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-cafefood.p-goen .p-supervision .history dt {
	flex-basis: 7em;
}
#isocal .c-cafefood.p-goen .p-supervision .history dd {
	flex-basis: calc(100% - 7em);
}

/* 誤嚥の人に見られる主な特徴 */
#isocal .c-cafefood.c-goen .p-features .section_figure {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}

/* 誤嚥対策ポイント */
#isocal .c-cafefood.c-goen .p-point .section_figure {
	margin-right: 0;
	margin-left: 0;
}

/* 3つの誤嚥対策トレーニング */
#isocal .c-cafefood.c-goen .p-training .section_figure {
	margin-right: auto;
	margin-left: auto;
}
#isocal .c-cafefood.c-goen .p-training_1 .section_figure { max-width: 170px; }
#isocal .c-cafefood.c-goen .p-training_2 .section_figure { max-width: 230px; }
#isocal .c-cafefood.c-goen .p-training_4 .section_figure { max-width: 400px; }
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.c-goen .p-training_1 .section_figure { max-width: calc(170vw / 4.8); }
	#isocal .c-cafefood.c-goen .p-training_2 .section_figure { max-width: calc(230vw / 4.8); }
	#isocal .c-cafefood.c-goen .p-training_4 .section_figure { max-width: calc(400vw / 4.8); }
}

/* 嚥下体操 */
#isocal .c-cafefood.c-goen .p-gymnastics .section_card {
	background: #fff0e2;
}
#isocal .c-cafefood.c-goen .p-gymnastics .card_title {
	background: #eb56a6;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.c-goen .p-gymnastics .section_card {
		padding: 0 24px 24px;
	}
	#isocal .c-cafefood.c-goen .p-gymnastics .card_title {
		margin: 0 -24px;
		font-size: calc(22vw / 4.8);
	}
}
@media screen and (max-width: 480px) {
	#isocal .c-cafefood.c-goen .p-gymnastics .section_card {
		padding: 0 16px 24px;
	}
	#isocal .c-cafefood.c-goen .p-gymnastics .card_title {
		margin: 0 -16px;
	}
}

#isocal .c-cafefood.c-goen .p-gymnastics .section_figure {
	margin: 0 auto;
}
#isocal .c-cafefood.c-goen .p-gymnastics_1 .section_figure { max-width: 180px; }
#isocal .c-cafefood.c-goen .p-gymnastics_2 .section_figure { max-width: 156px; }
#isocal .c-cafefood.c-goen .p-gymnastics_3 .section_figure { max-width: 180px; }
#isocal .c-cafefood.c-goen .p-gymnastics_4 .section_figure { max-width: 280px; }
#isocal .c-cafefood.c-goen .p-gymnastics_5 .section_figure { max-width: 210px; }
#isocal .c-cafefood.c-goen .p-gymnastics_6 .section_figure { max-width: 180px; }
#isocal .c-cafefood.c-goen .p-gymnastics_7 .section_figure { max-width: 240px; }
#isocal .c-cafefood.c-goen .p-gymnastics_8 .section_figure { max-width: 340px; }
#isocal .c-cafefood.c-goen .p-gymnastics .section_figure figcaption {
	margin: 1em 0 0;
	font-size: calc(14vw / 10);
	line-height: 1.6;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.c-goen .p-gymnastics .section_figure {
		margin-top: calc(24vw / 10);
	}
}
@media screen and (min-width: 1000px) {
	#isocal .c-cafefood.c-goen .p-gymnastics .section_figure {
		margin-top: 24px;
	}
	#isocal .c-cafefood.c-goen .p-gymnastics .section_figure figcaption {
		font-size: 14px;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.c-goen .p-gymnastics .section_figure {
		margin-top: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.c-goen .p-gymnastics .section_figure figcaption {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.c-goen .p-gymnastics_4 .section_figure { max-width: calc(240vw / 4.8); }
	#isocal .c-cafefood.c-goen .p-gymnastics_7 .section_figure { max-width: calc(160vw / 4.8); }
	#isocal .c-cafefood.c-goen .p-gymnastics_8 .section_figure { max-width: calc(220vw / 4.8); }
	#isocal .c-cafefood.c-goen .p-gymnastics_4 .section_figure figcaption {
		margin-right: calc(-20vw / 4.8);
		margin-left: calc(-20vw / 4.8);
		text-align: center;
	}
	#isocal .c-cafefood.c-goen .p-gymnastics_7 .section_figure figcaption {
		margin-right: calc(-30vw / 4.8);
		margin-left: calc(-30vw / 4.8);
	}
	#isocal .c-cafefood.c-goen .p-gymnastics_8 .section_figure figcaption {
		margin-right: calc(-40vw / 4.8);
		margin-left: calc(-40vw / 4.8);
	}
}

/* カラムレイアウト */
#isocal .c-cafefood.c-goen .goen_column {
	display: flex;
	justify-content: center;
}
#isocal .c-cafefood.c-goen .goen_column li {
	position: relative;
}
#isocal .c-cafefood.c-goen .goen_column li:nth-child(n+2)::before {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	right: calc(100% + 20px);
	width: 40px;
	height: 20px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/km6_arrow.svg?v=1679312151') center / cover no-repeat;
}
#isocal .c-cafefood.c-goen .goen_column.-c1 li {
	flex-basis: 100%;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.c-goen .goen_column.-c3 li {
		flex-basis: calc(33.33333% - 80px * 2 / 3);
	}
	#isocal .c-cafefood.c-goen .goen_column.-c2 li {
		flex-basis: calc(50% - 80px / 2);
	}
	#isocal .c-cafefood.c-goen .goen_column.-c1 li {
		flex-basis: 100%;
	}
	#isocal .c-cafefood.c-goen .goen_column li:nth-child(n+2) {
		margin-left: 80px;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.c-goen .goen_column.-c3 {
		flex-wrap: wrap;
	}
	#isocal .c-cafefood.c-goen .goen_column.-c3 li,
	#isocal .c-cafefood.c-goen .goen_column.-c2 li {
		flex-basis: calc(50% - 12vw / 4.8);
	}
	#isocal .c-cafefood.c-goen .goen_column li:nth-child(2) {
		margin-left: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.c-goen .goen_column li:nth-child(n+2)::before {
		top: calc(50% - 10vw / 4.8);
		width: calc(40vw / 4.8);
		height: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.c-goen .goen_column li:nth-child(2)::before {
		right: calc(100% - 2vw);
	}
	#isocal .c-cafefood.c-goen .goen_column.-c3 li:nth-child(3)::before {
		right: calc(-20vw / 4.8);
		top: calc(16vw / 4.8);
		transform: rotate(135deg);
	}
}


/**
 * 嚥下食とは？食事例や作り方、調理ポイント・注意点
 * ---------------------------------------- */
#isocal .c-cafefood.p-engeshoku {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-engeshoku .section_num,
#isocal .c-cafefood.p-engeshoku .content_header {
	background: #91cf79;
}
#isocal .c-cafefood.p-engeshoku .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-engeshoku .figure_capsule,
#isocal .c-cafefood.p-engeshoku .header_title em::before {
	background: #f98017;
}
#isocal .c-cafefood.p-engeshoku .header_visual img {
	box-shadow: 12px 12px 0 #7ebe4b;
}
#isocal .c-cafefood.p-engeshoku strong,
#isocal .c-cafefood.p-engeshoku .textlink,
#isocal .c-cafefood.p-engeshoku .section_title,
#isocal .c-cafefood.p-engeshoku .column_title,
#isocal .c-cafefood.p-engeshoku .wordlist dt,
#isocal .c-cafefood.p-engeshoku .footer_afterword,
#isocal .c-cafefood.p-engeshoku .section_list li::before {
	color: #f98017;
}
#isocal .c-cafefood.p-engeshoku .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
#isocal .c-cafefood.p-engeshoku .section_list li:nth-child(n+2) {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-engeshoku .engeshoku-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-cafefood.p-engeshoku .engeshoku-wrap .text {
		flex-basis: calc(100% - 24vw - 16px);
	}
	#isocal .c-cafefood.p-engeshoku .engeshoku-wrap .photo {
		flex-basis: calc(24vw);
	}
}
@media screen and (min-width: 1000px) {
	#isocal .c-cafefood.p-engeshoku .engeshoku-wrap .text {
		flex-basis: calc(100% - 256px);
	}
	#isocal .c-cafefood.p-engeshoku .engeshoku-wrap .photo {
		flex-basis: 240px;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-engeshoku .header_visual img {
		box-shadow: 6px 6px 0 #7ebe4b;
	}
	#isocal .c-cafefood.p-engeshoku .footer_afterword {
		text-align: left;
	}
	#isocal .c-cafefood.p-engeshoku .engeshoku-wrap .photo {
		margin: 0 auto;
		margin-top: calc(16vw / 4.8);
		max-width: 375px;
	}
}


/**
 * 口腔ケアとは？なぜ高齢者はケアが必要？ケアの目的と基本手順
 * ---------------------------------------- */
#isocal .c-cafefood.p-oralcare {
	background: #eaf3ff;
}
#isocal .c-cafefood.p-oralcare .section_num,
#isocal .c-cafefood.p-oralcare .content_header {
	background: #95d4ec;
}
#isocal .c-cafefood.p-oralcare .content_section.-bg {
	background: #d6e5f6;
}
#isocal .c-cafefood.p-oralcare .figure_capsule,
#isocal .c-cafefood.p-oralcare .header_title em::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-oralcare .header_visual img {
	box-shadow: 12px 12px 0 #63bcdf;
}
#isocal .c-cafefood.p-oralcare strong,
#isocal .c-cafefood.p-oralcare .textlink,
#isocal .c-cafefood.p-oralcare .section_title,
#isocal .c-cafefood.p-oralcare .column_title,
#isocal .c-cafefood.p-oralcare .wordlist dt,
#isocal .c-cafefood.p-oralcare .footer_afterword,
#isocal .c-cafefood.p-oralcare .section_list li::before,
#isocal .c-cafefood.p-oralcare .section_column:last-child::after {
	color: #ff6671;
}
#isocal .c-cafefood.p-oralcare .section_title .marker {
	background: linear-gradient(to top, #e8f1fa .5em, transparent .5em);
}
#isocal .c-cafefood.p-oralcare .section_list li:nth-child(n+2) {
    margin-top: 0;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-oralcare .oralcare-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-cafefood.p-oralcare .oralcare-wrap .text {
		flex-basis: calc(100% - 24vw - 16px);
	}
	#isocal .c-cafefood.p-oralcare .oralcare-wrap .photo {
		flex-basis: calc(24vw);
	}
}
@media screen and (min-width: 1000px) {
	#isocal .c-cafefood.p-oralcare .oralcare-wrap .text {
		flex-basis: calc(100% - 256px);
	}
	#isocal .c-cafefood.p-oralcare .oralcare-wrap .photo {
		flex-basis: 240px;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-oralcare .header_visual img {
		box-shadow: 6px 6px 0 #63bcdf;
	}
	#isocal .c-cafefood.p-oralcare .footer_afterword {
		text-align: left;
	}
	#isocal .c-cafefood.p-oralcare .oralcare-wrap .photo {
		margin: 0 auto;
		margin-top: calc(16vw / 4.8);
		max-width: 375px;
	}
}

/* :::::: その他 :::::: */
#isocal .c-cafefood.p-oralcare .header_title {
	line-height: 1.4;
}
#isocal .c-cafefood.p-oralcare .header_title .s {
	font-size: 86%;
}

#isocal .c-cafefood.p-oralcare .section_list.c-box {
	padding: 40px;
	border-radius: 10px;
	color: #ff6671;
	font-weight: 700;
	background: #eaf3ff;
}
#isocal .c-cafefood.p-oralcare .section_list.c-box li {
	line-height: 1.6;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-oralcare .section_list.c-box li {
		font-size: 17px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-oralcare .section_list.c-box {
		padding: 24px;
	}
}

#isocal .c-cafefood.p-oralcare .dt_numlist dt {
	margin-top: 24px;
	color: #ff6671;
}
#isocal .c-cafefood.p-oralcare .section_title[data-num]::before {
	content: attr(data-num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.8em;
	height: 1.8em;
	margin-right: .5em;
	border-radius: 1.8em;
	color: #fff;
	background: #ff6671;
}
#isocal .c-cafefood.p-oralcare .section_list {
	line-height: 2;
}

/* :::::: 実践 口腔ケアの基本手順と注意点 :::::: */
#isocal .c-cafefood.c-oralcare .p-caregoods {
	border-radius: 10px;
	background: #eaf3ff;
}
#isocal .c-cafefood.c-oralcare .goods_title {
	color: #ff6671;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood.c-oralcare .goods_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 32px;
}
#isocal .c-cafefood.c-oralcare .goods_list > li {
	padding: 16px 12px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
}
#isocal .c-cafefood.c-oralcare .goods_list li + li {
	margin-top: 12px;
}
#isocal .c-cafefood.c-oralcare .goods_list .section_figure {
	margin: 0;
}
#isocal .c-cafefood.c-oralcare .goods_list .figure_capsule {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 .5em;
	letter-spacing: 0;
}
#isocal .c-cafefood.c-oralcare .goods_list .figure_capsule b {
	display: inline-block;
	font-weight: 900;
}
#isocal .c-cafefood.c-oralcare .goods_list .figure_capsule .s {
	font-size: 80%;
}
#isocal .c-cafefood.c-oralcare .goods_list .g3 .figure_capsule b {
	transform: scaleX(.72);
}
@media (-ms-high-contrast: none) {
	#isocal .c-cafefood.c-oralcare .goods_list .g3 .figure_capsule b {
		transform: scaleX(.72) translateX(-1.2em);
	}
}
@media (-ms-high-contrast: none) and (max-width: 767px) {
	#isocal .c-cafefood.c-oralcare .goods_list .g3 .figure_capsule b {
		transform: scaleX(.72) translateX(-2em);
	}
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-oralcare .goods_title {
		font-size: calc(24vw / 10);
	}
	#isocal .c-cafefood.c-oralcare .p-caregoods {
		padding: calc(32vw / 10);
	}
	#isocal .c-cafefood.c-oralcare .goods_list > li {
		flex-basis: calc(33.33333% - 24px / 3);
		max-width: calc(33.33333% - 24px / 3);
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g3,
	#isocal .c-cafefood.c-oralcare .goods_list .g4,
	#isocal .c-cafefood.c-oralcare .goods_list .g6,
	#isocal .c-cafefood.c-oralcare .goods_list .g7 {
		margin-left: 12px;
	}
	#isocal .c-cafefood.c-oralcare .goods_list .figure_capsule {
		max-width: calc(186vw / 10);
		height: calc(40vw / 10);
		font-size: calc(20vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-oralcare .goods_title {
		font-size: 24px;
	}
	#isocal .c-cafefood.c-oralcare .p-caregoods {
		padding: 32px;
	}
	#isocal .c-cafefood.c-oralcare .goods_list .figure_capsule {
		max-width: 186px;
		height: 40px;
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-oralcare .p-caregoods {
		padding: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .goods_title {
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .goods_list {
		margin-top: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .goods_list > li {
		flex-basis: calc(50% - 12px / 2);
		max-width: calc(50% - 12px / 2);
		padding-right: calc(12vw / 4.8);
		padding-left: calc(12vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g3,
	#isocal .c-cafefood.c-oralcare .goods_list .g5,
	#isocal .c-cafefood.c-oralcare .goods_list .g7 {
		margin-left: 12px;
	}
	#isocal .c-cafefood.c-oralcare .goods_list .figure_capsule {
		max-width: calc(186vw / 4.8);
		height: calc(24vw / 4.8);
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 360px) {
	#isocal .c-cafefood.c-oralcare .goods_list > li {
		flex-basis: calc(50% - 8px / 2);
		max-width: calc(50% - 8px / 2);
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g3,
	#isocal .c-cafefood.c-oralcare .goods_list .g5,
	#isocal .c-cafefood.c-oralcare .goods_list .g7 {
		margin-left: 8px;
	}
	#isocal .c-cafefood.c-oralcare .goods_list li + li {
		margin-top: 8px;
	}
}
/* 歯ブラシ */
#isocal .c-cafefood.c-oralcare .goods_list .g1 {
	flex-basis: 100%;
	display: flex;
	max-width: none;
}
#isocal .c-cafefood.c-oralcare .goods_list .g1 .section_figure {
	flex-basis: 33.33333%;
}
#isocal .c-cafefood.c-oralcare .goods_list .g1 .text {
	flex-basis: calc(66.66666% - 24px);
	margin-left: 24px;
}
#isocal .c-cafefood.c-oralcare .goods_list .g1 .detail {
	color: #ff6671;
	line-height: 1.6;
	font-weight: 700;
}
#isocal .c-cafefood.c-oralcare .goods_list .g1 .detail li {
	margin-top: 4px;
	padding-left: 1em;
	text-indent: -1em;
}
#isocal .c-cafefood.c-oralcare .goods_list .g1 .section_list li {
	margin-top: 4px;
	line-height: 1.6;
}
#isocal .c-cafefood.c-oralcare .goods_list .g1 .section_list .num {
	color: #ff6671;
}
/* ガーグルベーズン */
#isocal .c-cafefood.c-oralcare .goods_list .g8 {
	flex-basis: 100%;
	max-width: none;
}
#isocal .c-cafefood.c-oralcare .goods_list .g8 .section_figure {
	position: relative;
	padding-left: 26%;
}
#isocal .c-cafefood.c-oralcare .goods_list .g8 .figure_capsule {
	position: absolute;
	top: 0;
	left: 0;
}
#isocal .c-cafefood.c-oralcare .goods_list .g8 .text {
	line-height: 1.6;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-oralcare .goods_list .g1 {
		align-items: flex-end;
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g1 .detail {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g1 .section_list li {
		font-size: calc(16vw / 10);
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g8 {
		display: flex;
		align-items: center;
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g8 .text {
		flex-basis: 32%;
		min-width: 32%;
		margin: 0 0 0 16px;
		font-size: calc(16vw / 10);
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g8 .section_figure {
		flex-basis: calc(68% - 16px);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-oralcare .goods_list .g1 .detail {
		font-size: 18px;
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g1 .section_list li {
		font-size: 16px;
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g8 .text {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-oralcare .goods_list .g1 .section_figure {
		margin-top: .3em;
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g1 .detail {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g1 .section_list li {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .goods_list .g8 .text {
		font-size: calc(16vw / 4.8);
	}
}

/* :::::: 基本手順 :::::: */
#isocal .c-cafefood.c-oralcare .p-caregoods + .column_title {
	margin-top: 40px;
}
#isocal .c-cafefood.c-oralcare .p-process {
	margin-top: 24px;
	padding: 0 32px 32px;
	border-radius: 10px;
	background: #eaf3ff;
}
#isocal .c-cafefood.c-oralcare .process_title {
	margin: 0 -32px;
	padding: 12px;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-weight: 900;
	text-align: center;
	background: #ff6671;
}
#isocal .c-cafefood.c-oralcare .process_wrap {
	margin-top: 32px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
}
#isocal .c-cafefood.c-oralcare .process_list {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
#isocal .c-cafefood.c-oralcare .process_list li {
	flex-basis: calc(50% - 32px / 2);
	position: relative;
}
#isocal .c-cafefood.c-oralcare .process_list.l2 li {
	flex-basis: calc(33.33333% - 64px / 3);
}
#isocal .c-cafefood.c-oralcare .process_list li:nth-child(n+2) {
	margin-left: 32px;
}
#isocal .c-cafefood.c-oralcare .process_list.l2::before,
#isocal .c-cafefood.c-oralcare .process_list.l3::before,
#isocal .c-cafefood.c-oralcare .process_list .p2::before,
#isocal .c-cafefood.c-oralcare .process_list .p4::before,
#isocal .c-cafefood.c-oralcare .process_list .p5::before,
#isocal .c-cafefood.c-oralcare .process_list .p7::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
#isocal .c-cafefood.c-oralcare .process_list.l2::before,
#isocal .c-cafefood.c-oralcare .process_list.l3::before {
	top: -1px;
	height: 2px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/km8_dotline_h.svg?v=1679315964') center top repeat-x;
}
#isocal .c-cafefood.c-oralcare .process_list .p2::before,
#isocal .c-cafefood.c-oralcare .process_list .p4::before,
#isocal .c-cafefood.c-oralcare .process_list .p5::before,
#isocal .c-cafefood.c-oralcare .process_list .p7::before {
	left: -17px;
	width: 2px;
	height: 100%;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/km8_dotline_v.svg?v=1679315900') right center repeat-y;
}
#isocal .c-cafefood.c-oralcare .process_list .list_title {
	margin: 0;
	padding-left: 1em;
	color: #ff6671;
	line-height: 1.2;
	font-weight: 900;
	text-indent: -1em;
}
#isocal .c-cafefood.c-oralcare .process_list .section_figure {
	max-width: 276px;
	margin: 8px auto 0;
}
#isocal .c-cafefood.c-oralcare .process_list li p {
	margin-top: 4px;
	line-height: 1.6;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-oralcare .p-process {
		padding: calc(32vw / 10);
		padding-top: 0;
	}
	#isocal .c-cafefood.c-oralcare .process_title {
		margin: 0 calc(-32vw / 10);
		font-size: calc(24vw / 10);
	}
	#isocal .c-cafefood.c-oralcare .process_list {
		padding: calc(24vw / 10) calc(32vw / 10);
	}
	#isocal .c-cafefood.c-oralcare .process_list.l2::before,
	#isocal .c-cafefood.c-oralcare .process_list.l3::before {
		left: calc(32vw / 10);
		width: calc(100% - 64vw / 10);
	}
	#isocal .c-cafefood.c-oralcare .process_list .list_title {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.c-oralcare .process_list .p1 .section_figure {
		margin-top: -5px;
	}
	#isocal .c-cafefood.c-oralcare .process_list li p {
		font-size: calc(14vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.c-oralcare .p-process {
		padding: 0 32px 32px;
	}
	#isocal .c-cafefood.c-oralcare .process_title {
		margin: 0 -32px;
		font-size: 24px;
	}
	#isocal .c-cafefood.c-oralcare .process_list {
		padding: 24px 32px;
	}
	#isocal .c-cafefood.c-oralcare .process_list.l2::before,
	#isocal .c-cafefood.c-oralcare .process_list.l3::before {
		left: 32px;
		width: calc(100% - 64px);
	}
	#isocal .c-cafefood.c-oralcare .process_list .list_title {
		font-size: 18px;
	}
	#isocal .c-cafefood.c-oralcare .process_list li p {
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-oralcare .p-process {
		padding: calc(16vw / 4.8);
		padding-top: 0;
	}
	#isocal .c-cafefood.c-oralcare .process_title {
		margin: 0 calc(-16vw / 4.8);
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .process_wrap {
		margin-top: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .process_list {
		padding: 16px calc(16vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .process_list li {
		flex-basis: calc(50% - 24px / 2);
	}
	#isocal .c-cafefood.c-oralcare .process_list.l2 li {
		flex-basis: calc(33.33333% - 48px / 3);
	}
	#isocal .c-cafefood.c-oralcare .process_list li:nth-child(n+2) {
		margin-left: 24px;
	}
	#isocal .c-cafefood.c-oralcare .process_list.l2::before,
	#isocal .c-cafefood.c-oralcare .process_list.l3::before {
		left: calc(16vw / 4.8);
		width: calc(100% - 32vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .process_list .p2::before,
	#isocal .c-cafefood.c-oralcare .process_list .p4::before,
	#isocal .c-cafefood.c-oralcare .process_list .p5::before,
	#isocal .c-cafefood.c-oralcare .process_list .p7::before {
		left: -13px;
	}
	#isocal .c-cafefood.c-oralcare .process_list .list_title {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.c-oralcare .process_list li p {
		font-size: calc(12vw / 4.8);
	}
}
@media (max-width: 360px) {
	#isocal .c-cafefood.c-oralcare .process_list li {
		flex-basis: calc(50% - 16px / 2);
	}
	#isocal .c-cafefood.c-oralcare .process_list.l2 li {
		flex-basis: calc(33.33333% - 32px / 3);
	}
	#isocal .c-cafefood.c-oralcare .process_list li:nth-child(n+2) {
		margin-left: 16px;
	}
	#isocal .c-cafefood.c-oralcare .process_list .p2::before,
	#isocal .c-cafefood.c-oralcare .process_list .p4::before,
	#isocal .c-cafefood.c-oralcare .process_list .p5::before,
	#isocal .c-cafefood.c-oralcare .process_list .p7::before {
		left: -9px;
	}
}


/**
 * 高齢者の低栄養状態とは？原因と確認・対策方法を紹介
 * ---------------------------------------- */
#isocal .c-cafefood.p-undernutrition {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-undernutrition .section_num,
#isocal .c-cafefood.p-undernutrition .content_header {
	background: #dcaddb;
}
#isocal .c-cafefood.p-undernutrition .content_section.-bg {
	background: #ecd5ec;
}
#isocal .c-cafefood.p-undernutrition .figure_capsule,
#isocal .c-cafefood.p-undernutrition .header_title em::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-undernutrition .header_visual img {
	box-shadow: 12px 12px 0 #cc8acb;
}
#isocal .c-cafefood.p-undernutrition strong,
#isocal .c-cafefood.p-undernutrition .textlink,
#isocal .c-cafefood.p-undernutrition .section_title,
#isocal .c-cafefood.p-undernutrition .column_title,
#isocal .c-cafefood.p-undernutrition .wordlist dt,
#isocal .c-cafefood.p-undernutrition .footer_afterword,
#isocal .c-cafefood.p-undernutrition .section_list li::before {
	color: #e9b00d;
}
#isocal .c-cafefood.p-undernutrition .section_title .marker {
	background: linear-gradient(to top, #efdcef .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-undernutrition .header_visual img {
		box-shadow: 6px 6px 0 #cc8acb;
	}
	#isocal .c-cafefood.p-undernutrition .footer_afterword {
		text-align: left;
	}
}

/* 低栄養状態な人の特徴とは？ */
#isocal .c-cafefood.p-undernutrition .ol-cirlcenum {
	margin: 8px 0;
}
#isocal .c-cafefood.p-undernutrition .ol-cirlcenum li {
	counter-increment: num;
	font-weight: 700;
}
#isocal .c-cafefood.p-undernutrition .ol-cirlcenum li + li {
	margin-top: .3em;
}
#isocal .c-cafefood.p-undernutrition .ol-cirlcenum li::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.4em;
	height: 1.4em;
	margin-right: .3em;
	border-radius: 1.2em;
	color: #fff;
	font-size: 75%;
	vertical-align: middle;
	background: #e9b00d;
}

/* 第三者から見て分かるからだに表れる特徴 */
#isocal .c-cafefood.p-undernutrition .section_list {
	font-weight: 700;
}
#isocal .c-cafefood.p-undernutrition .section_list li + li {
	margin-top: .3em;
}

/* BMI値 */
#isocal .c-cafefood.p-undernutrition .c-box {
	margin-top: 8px;
	padding: 16px;
	border-radius: 10px;
	text-align: center;
	background: #f5e9f5;
}
#isocal .c-cafefood.p-undernutrition .c-box + * {
	margin-top: 8px;
}
#isocal .c-cafefood.p-undernutrition .c-box em {
	font-size: larger;
	font-weight: 700;
	font-style: normal;
}


/**
 * 【簡単】高齢者が食欲不振で食べないときに試したい3つの改善策
 * ---------------------------------------- */
#isocal .c-cafefood.p-anorexia {
	background: #ffe6e8;
}
#isocal .c-cafefood.p-anorexia .section_num,
#isocal .c-cafefood.p-anorexia .content_header {
	background: #ffa8b3;
}
#isocal .c-cafefood.p-anorexia .content_section.-bg {
	background: #ffd9d1;
}
#isocal .c-cafefood.p-anorexia .figure_capsule,
#isocal .c-cafefood.p-anorexia .header_title em::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-anorexia .header_visual img {
	box-shadow: 12px 12px 0 #ff8293;
}

#isocal .c-cafefood.c-anorexia .toc_title,
#isocal .c-cafefood.c-anorexia .toc_list li::before {
  background: #1bb5c6;
}

#isocal .c-cafefood.c-anorexia .toc_list li {
  color: #1bb5c6;
}

#isocal .c-cafefood.p-anorexia strong,
#isocal .c-cafefood.p-anorexia .textlink,
#isocal .c-cafefood.p-anorexia .section_title,
#isocal .c-cafefood.p-anorexia .column_title,
#isocal .c-cafefood.p-anorexia .wordlist dt,
#isocal .c-cafefood.p-anorexia .footer_afterword,
#isocal .c-cafefood.p-anorexia .section_list li::before,
#isocal .c-cafefood.p-anorexia .section_column:last-child::after {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-anorexia .section_title .marker {
	background: linear-gradient(to top, #ffd3d8 .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-anorexia .header_visual img {
		box-shadow: 6px 6px 0 #ff8293;
	}
}

#isocal .c-cafefood.c-anorexia .header_title em {
	margin-left: .3em;
}
#isocal .c-cafefood.p-anorexia .section_figure {
	margin-right: auto;
	margin-left: auto;
	max-width: 580px;
}
#isocal .c-cafefood.p-anorexia .dt_numlist > dt {
	counter-increment: num;
}
#isocal .c-cafefood.p-anorexia .dt_numlist > dt::before {
	content: counter(num) ".";
}
#isocal .c-cafefood.p-anorexia .dt_numlist dt,
#isocal .c-cafefood.p-anorexia .dl_list dt {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-anorexia .dl_list dt {
	padding-left: 1em;
	text-indent: -1em;
}
#isocal .c-cafefood.p-anorexia .dl_list dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .7em;
	height: .7em;
	margin-right: .3em;
	border-radius: .8em;
	vertical-align: middle;
	background: currentcolor;
}

/* :::::: この記事の監修 :::::: */
#isocal .c-cafefood.c-anorexia .c-supervision {
	margin-top: 40px;
}
#isocal .c-cafefood.c-anorexia .c-supervision .photo img {
	border-radius: 50%;
}
#isocal .c-cafefood.c-anorexia .c-supervision .text dt {
	font-size: 19px;
}
#isocal .c-cafefood.c-anorexia .c-supervision .text dd {
	margin-top: 8px;
	font-size: 16px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.c-anorexia .c-supervision {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#isocal .c-cafefood.c-anorexia .c-supervision .photo {
		flex-basis: 152px;
	}
	#isocal .c-cafefood.c-anorexia .c-supervision .text {
		margin-left: 32px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.c-anorexia .c-supervision .text dt {
		font-size: calc(19vw / 10);
	}
	#isocal .c-cafefood.c-anorexia .c-supervision .text dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.c-anorexia .c-supervision .photo {
		width: calc(180vw / 4.8);
		margin: 0 auto;
	}
	#isocal .c-cafefood.c-anorexia .c-supervision .text {
		margin-top: 16px;
	}
	#isocal .c-cafefood.c-anorexia .c-supervision .text dt {
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-cafefood.c-anorexia .c-supervision .text dd {
		font-size: calc(16vw / 4.8);
	}
}


/**
 * 【簡単】ロコモティブシンドローム対策と原因・確認方法
 * ---------------------------------------- */
#isocal .c-cafefood.p-locomotive {
	background: #eaf3ff;
}
#isocal .c-cafefood.p-locomotive .section_num,
#isocal .c-cafefood.p-locomotive .content_header,
.section_title .ribbon {
	background: #95d4ec;
}
#isocal .c-cafefood.p-locomotive .content_section.-bg {
	background: #d6e5f6;
}
#isocal .c-cafefood.p-locomotive .figure_capsule,
#isocal .c-cafefood.p-locomotive .header_title em::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-locomotive .header_visual img {
	box-shadow: 12px 12px 0 #63bcdf;
}
#isocal .c-cafefood.p-locomotive strong,
#isocal .c-cafefood.p-locomotive .textlink,
#isocal .c-cafefood.p-locomotive .section_title,
#isocal .c-cafefood.p-locomotive .column_title,
#isocal .c-cafefood.p-locomotive .wordlist dt,
#isocal .c-cafefood.p-locomotive .footer_afterword,
#isocal .c-cafefood.p-locomotive .section_list li::before {
	color: #ff6671;
}
#isocal .c-cafefood.p-locomotive .section_title .marker {
	background: linear-gradient(to top, #e8f1fa .5em, transparent .5em);
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-locomotive .header_inner {
		padding-top: 40px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood.p-locomotive .header_inner {
		padding-top: calc(40vw / 10);
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-locomotive .header_visual img {
		box-shadow: 6px 6px 0 #63bcdf;
	}
	#isocal .c-cafefood.p-locomotive .footer_afterword {
		text-align: left;
	}
}

/* individual */
#isocal .c-cafefood.p-locomotive .header_title {
	line-height: 1.4;
}
#isocal .c-cafefood.p-locomotive .header_title em {
	line-height: 1.6;
}

/* table */
#isocal .c-cafefood.p-locomotive .section_table {
	margin-top: 24px;
}
#isocal .c-cafefood.p-locomotive .section_table table,
#isocal .c-cafefood.p-locomotive .section_table th,
#isocal .c-cafefood.p-locomotive .section_table td {
	border-color: #ff6671;
}
#isocal .c-cafefood.p-locomotive .section_table th {
	padding: 12px .5em;
	text-align: center;
}
#isocal .c-cafefood.p-locomotive .section_table td {
	padding: 8px 1em;
}
#isocal .c-cafefood.p-locomotive .section_table table {
	margin-top: 16px;
}
#isocal .c-cafefood.p-locomotive .section_table th small {
	display: inline-block;
	margin-top: .5em;
}
#isocal .c-cafefood.p-locomotive .section_table .w {
	background: transparent;
}
#isocal .c-cafefood.p-locomotive .section_table td {
	text-align: left;
}
#isocal .c-cafefood.p-locomotive .section_table td b {
	color: #ff6671;
	font-weight: 700;
}
#isocal .c-cafefood.p-locomotive .figure_capsule {
	border-radius: 4em;
	white-space: normal;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-locomotive .section_table th {
		font-size: 18px;
	}
	#isocal .c-cafefood.p-locomotive .section_table td,
	#isocal .c-cafefood.p-locomotive .section_table td li {
		font-size: 16px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood.p-locomotive .section_table th {
		font-size: 1.8vw;
	}
	#isocal .c-cafefood.p-locomotive .section_table td,
	#isocal .c-cafefood.p-locomotive .section_table td li {
		font-size: 1.6vw;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-locomotive .section_table th {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-locomotive .section_table td,
	#isocal .c-cafefood.p-locomotive .section_table td li {
		font-size: calc(16vw / 4.8);
	}
}

#isocal .c-cafefood.c-locomotive .p-section_1 .section_title b {
	white-space: nowrap;
}

/* :::::: 対策① 運動で対策 :::::: */
#isocal .c-cafefood.p-locomotive .p-table1 th,
#isocal .c-cafefood.p-locomotive .p-table2 th {
	color: #ff6671;
	font-weight: 900;
	background: #fff0f1;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-locomotive .p-table1 thead th {
		width: 42%;
	}
	#isocal .c-cafefood.p-locomotive .p-table2 thead th {
		width: 28%;
	}
	#isocal .c-cafefood.p-locomotive .p-table1 thead th:empty,
	#isocal .c-cafefood.p-locomotive .p-table2 thead th:empty {
		width: 16%;
	}
	#isocal .c-cafefood.p-locomotive .p-table2 td {
		vertical-align: baseline;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-locomotive .p-table1 tbody th,
	#isocal .c-cafefood.p-locomotive .p-table2 tbody th {
		width: 20%;
	}
	#isocal .c-cafefood.p-locomotive .p-table2 tbody td {
		width: 40%;
	}
	#isocal .c-cafefood.p-locomotive .p-table1 tbody td,
	#isocal .c-cafefood.p-locomotive .p-table2 .v-mb + .v-mb tbody td {
		width: 80%;
	}
}

/* :::::: 対策② 食事で対策 :::::: */
#isocal .c-cafefood.p-locomotive .p-table3 th,
#isocal .c-cafefood.p-locomotive .p-table3 td,
#isocal .c-cafefood.p-locomotive .p-table4 th,
#isocal .c-cafefood.p-locomotive .p-table4 td {
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-width: 2px;
}
#isocal .c-cafefood.p-locomotive .p-table3 th,
#isocal .c-cafefood.p-locomotive .p-table4 th {
	position: relative;
	width: 40%;
	text-align: left;
}
#isocal .c-cafefood.p-locomotive .p-table3 td,
#isocal .c-cafefood.p-locomotive .p-table4 td {
	width: 60%;
}
#isocal .c-cafefood.p-locomotive .section_table img {
	position: absolute;
	top: calc(50% - 52px);
	right: 16px;
	width: auto;
	height: 104px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-locomotive .p-table3 th,
	#isocal .c-cafefood.p-locomotive .p-table4 th {
		height: 112px;
		padding-left: 24px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-locomotive .p-table3 th,
	#isocal .c-cafefood.p-locomotive .p-table4 th {
		width: 44%;
		height: calc(80vw / 4.8);
	}
	#isocal .c-cafefood.p-locomotive .p-table3 td,
	#isocal .c-cafefood.p-locomotive .p-table4 td {
		width: 56%;
	}
	#isocal .c-cafefood.p-locomotive .section_table img {
		top: calc(50% - 32vw / 4.8);
		right: calc(4vw / 4.8);
		height: calc(64vw / 4.8);
	}
}
@media all and (-ms-high-contrast: none) {
	#isocal .c-cafefood.p-locomotive .section_table img {
		top: calc(50% - 26px);
	}
}

/* :::::: numbering list :::::: */
#isocal .c-cafefood.c-locomotive .numlist li {
	counter-increment: num;
	padding-left: calc(2em * .8);
	text-indent: calc(-2em * .8);
}
#isocal .c-cafefood.c-locomotive .numlist li + li {
	margin-top: .3em;
}
#isocal .c-cafefood.c-locomotive .numlist li *,
#isocal .c-cafefood.c-locomotive .numlist li::before {
	text-indent: 0;
}
#isocal .c-cafefood.c-locomotive .numlist li::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.15em;
	width: 1.6em;
	height: 1.6em;
	margin-right: .4em;
	border-radius: 1.2em;
	color: #fff;
	font-size: 80%;
	background: #ff6671;
}


/**
 * 嚥下食とは？食事例や作り方、調理ポイント・注意点
 * ---------------------------------------- */
#isocal .c-cafefood.p-exercise {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-exercise .section_num,
#isocal .c-cafefood.p-exercise .content_header {
	background: #8cca79;
}
#isocal .c-cafefood.p-exercise .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-exercise .figure_capsule,
#isocal .c-cafefood.p-exercise .header_title em::before,
#isocal .c-cafefood.p-exercise .toc_title,
#isocal .c-cafefood.p-exercise .toc_list li::before {
	background: #f98017;
}
#isocal .c-cafefood.p-exercise .header_visual img {
	box-shadow: 12px 12px 0 #7fb94b;
}
#isocal .c-cafefood.p-exercise strong,
#isocal .c-cafefood.p-exercise .textlink,
#isocal .c-cafefood.p-exercise .section_title,
#isocal .c-cafefood.p-exercise .column_title,
#isocal .c-cafefood.p-exercise .wordlist dt,
#isocal .c-cafefood.p-exercise .footer_afterword,
#isocal .c-cafefood.p-exercise .section_list li::before,
#isocal .c-cafefood.p-exercise .toc_list {
	color: #f98017;
}
#isocal .c-cafefood.p-exercise .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-exercise .header_visual img {
		box-shadow: 6px 6px 0 #7fb94b;
	}
	#isocal .c-cafefood.p-exercise .footer_afterword {
		text-align: left;
	}
	#isocal .c-cafefood.p-exercise .exercise-wrap .photo {
		margin: 0 auto;
		margin-top: calc(16vw / 4.8);
		max-width: 375px;
	}
}

#isocal .c-cafefood.p-exercise .section_figure {
	margin: 16px 0 0;
}
#isocal .c-cafefood.p-exercise .section_figure img {
	width: 100%;
}
#isocal .c-cafefood.p-exercise .figure_wrap {
	display: flex;
}
#isocal .c-cafefood.p-exercise .figure_wrap .section_figure {
	flex-basis: calc(33.333% - 4px);
}
#isocal .c-cafefood.p-exercise .figure_wrap .section_figure + .section_figure {
	margin-left: 6px;
}

@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-exercise .section_figure {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-exercise .figure_wrap .section_figure {
		flex-basis: calc(33.333% - 8px);
	}
	#isocal .c-cafefood.p-exercise .figure_wrap .section_figure + .section_figure {
		margin-left: 12px;
	}

	/* 座りながらできるおすすめの運動4選 */
	#isocal .c-cafefood.c-exercise .p-section_3 .wrap {
		display: flex;
	}
	#isocal .c-cafefood.c-exercise .p-section_3 .wrap .text,
	#isocal .c-cafefood.c-exercise .p-section_3 .wrap .section_figure {
		flex-basis: calc(50% - 24px);
		margin: 0;
	}
	#isocal .c-cafefood.c-exercise .p-section_3 .wrap .section_figure {
		margin-left: 48px;
	}
}

/* 高齢者家族をもつ人の体験談 */
#isocal .c-cafefood.c-exercise .p-section_5_1 p::before {
	content: "";
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	margin-right: 0.3em;
	border-radius: 1em;
	background: #f98017;
}
#isocal .c-cafefood.c-exercise .p-section_5_1 .speaker {
	display: block;
	text-align: right;
}

/* 運動不足が続くとどうなる？からだへの影響は？ */
#isocal .c-cafefood.c-exercise .p-section_6 .section_figure figcaption {
	margin-top: .5em;
	text-align: center;
}
#isocal .c-cafefood.c-exercise .p-section_6 .section_figure figcaption small {
	font-size: 10px;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.c-exercise .p-section_6 .section_figure figcaption {
		font-size: calc(17vw / 4.8);
	}
}

/* 運動不足になってしまう原因とは？ */
#isocal .c-cafefood.c-exercise .p-section_7 .section_figure {
	max-width: 660px;
	margin: 24px auto 0;
}

/* あとがき */
#isocal .c-cafefood.p-exercise .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}


/**
 * 「インタビュー 開発者がアイソカルに込めた想い」固有スタイル
 * ---------------------------------------- */
#isocal .p-interview_isocal100 {
	padding-right: 24px;
	padding-left: 24px;
}
#isocal .c-interview .interview_container {
	max-width: 920px;
	margin: 40px auto;
	padding: 48px 48px 0;
	border-radius: 10px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-interview .interview_container .content_section {
    padding: 0;
  }
#isocal .c-interview .title {
    font-family: "Noto Sans JP", sans-serif;
  }
@media (max-width: 767px) {
	#isocal .c-interview .interview_container {
		margin-top: 24px;
		padding: 32px 24px 0;
	}
}
@media (max-width: 480px) {
	#isocal .p-interview_isocal100 {
		padding: 0 16px;
	}
	#isocal .c-interview .interview_container {
		padding: 24px 16px 0;
	}
}

#isocal .c-interview .keyvisual {
	position: relative;
    height: inherit;
}
#isocal .c-interview .keyvisual .tag {
	z-index: 1;
	position: absolute;
	top: -12px;
	width: 95px;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,.1));
    font-size: 0;
}
#isocal .c-interview .keyvisual .c-bln {
	top: 12px;
	right: 36px;
}
#isocal .c-interview .keyvisual .c-bln .t {
	font-size: 16px;
}
.interview_container .content_section {
	margin-top: 96px;
	padding: 0;
}
@media (min-width: 768px) {
	#isocal .c-interview .keyvisual .tag {
		left: 16px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .keyvisual .c-bln .t {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .keyvisual .tag {
		top: -40px;
		right: 24px;
		width: calc(95vw / 4.8);
		height: calc(108vw / 4.8);
	}
	#isocal .c-interview .keyvisual .c-bln {
		top: calc(212vw / 4.8);
		right: calc(136vw / 4.8);
	}
	#isocal .c-interview .keyvisual .c-bln .t {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-interview .keyvisual .c-bln .f {
		transform: rotate(180deg);
	}
}
@media (max-width: 480px) {
	#isocal .c-interview .keyvisual .tag {
		top: -32px;
	}
	#isocal .c-interview .keyvisual .c-photo {
		margin-right: -8px;
	}
}

/* :::::: 吹き出し :::::: */
#isocal .c-interview .c-bln {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	width: 144px;
	height: 144px;
	color: #1f2883;
}
#isocal .c-interview .c-bln .t {
	display: inline-block;
	font-size: 15px;
	line-height: 1.44;
	font-weight: 700;
}
#isocal .c-interview .c-bln svg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: #fff;
	stroke: currentcolor;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .c-bln {
		width: calc(144vw / 10);
		height: calc(144vw / 10);
	}
	#isocal .c-interview .c-bln .t {
		font-size: calc(15vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .c-bln {
		width: calc(144vw / 4.8);
		height: calc(144vw / 4.8);
	}
	#isocal .c-interview .c-bln .t {
		font-size: calc(15vw / 4.8);
	}
}

/* :::::: 写真 :::::: */
#isocal .c-interview .c-photo {
	position: relative;
	padding: 0 24px 24px 0;
}
#isocal .c-interview .c-photo::before {
	content: "";
	position: absolute;
	width: calc(100% - 24px);
	height: calc(100% - 24px);
	bottom: 0;
	right: 0;
	border-radius: 10px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/interview_dot.svg?v=1679399760') center / 8px 8px;
	opacity: .4;
}
#isocal .c-interview .c-photo img {
	position: relative;
	border-radius: 10px;
}
@media (max-width: 767px) {
	#isocal .c-interview .c-photo {
		padding: 0 16px 16px 0;
	}
}
@media (max-width: 480px) {
	#isocal .c-interview .c-photo {
		padding: 0 8px 8px 0;
	}
}

/**
 * ネスレ開発者がコンパクト栄養食 アイソカル®に込めた想い
 * ---------------------------------------- */
#isocal .c-interview .p-foreword {
	text-align: center;
}
#isocal .c-interview .p-foreword .title {
	position: relative;
	padding-bottom: .5em;
	color: #1f2883;
	font-size: 34px;
	font-weight: 900;
    line-height: 1.6;
}
#isocal .c-interview .p-foreword .title::before,
#isocal .c-interview .p-foreword .title::after {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #1f2883;
	border-radius: 10px;
}
#isocal .c-interview .p-foreword .title::before {
	opacity: .3;
	filter: blur(2px);
	transform: translate(2px,2px);
}
#isocal .c-interview .p-foreword .lead {
	display: inline-block;
	max-width: 544px;
	margin-top: 24px;
	font-size: 16px;
	line-height: 2.4;
	letter-spacing: .1em;
	text-align: left;
}
#isocal .c-interview .p-foreword .lead .dotline {
	padding-bottom: .5em;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/interview_dotline.svg?v=1679400209') center bottom repeat-x;
}
@media (min-width: 768px) {
	#isocal .c-interview .p-foreword .title {
		letter-spacing: .16em;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .p-foreword .title {
		font-size: calc(34vw / 10);
	}
	#isocal .c-interview .p-foreword .lead {
		font-size: calc(16vw / 10);
	}
	.foreword_profile {
		padding: calc(40vw / 10) calc(64vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .p-foreword .title {
		font-size: calc(27vw / 4.8);
		white-space: nowrap;
	}
	#isocal .c-interview .p-foreword .lead {
		font-size: calc(16vw / 4.8);
	}
}

/**
 * プロフィール
 * ---------------------------------------- */
#isocal .c-interview .foreword_profile {
	position: relative;
	padding: 40px 64px;
}
#isocal .c-interview .foreword_profile::before,
#isocal .c-interview .foreword_profile::after {
	content: "";
	pointer-events: none;
	z-index: -1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #1f2883;
	border-radius: 10px;
}
#isocal .c-interview .foreword_profile::before {
	opacity: .3;
	filter: blur(2px);
	transform: translate(2px,2px);
}
@media (min-width: 768px) {
	#isocal .c-interview .foreword_profile::before,
	#isocal .c-interview .foreword_profile::after {
		top: 120px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .foreword_profile {
		padding: calc(40vw / 10) calc(64vw / 10);
	}
	#isocal .c-interview .foreword_profile::before,
	#isocal .c-interview .foreword_profile::after {
		top: calc(120vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .foreword_profile {
		margin-top: 64px;
		padding: calc(32vw / 4.8) calc(24vw / 4.8);
	}
}

/* :::::: × :::::: */
#isocal .c-interview .foreword_profile .x {
	position: absolute;
	top: 80px;
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,.3));
}
#isocal .c-interview .foreword_profile .x::before,
#isocal .c-interview .foreword_profile .x::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
}
#isocal .c-interview .foreword_profile .x::before {
	background: #ffeb89;
	transform: rotate(45deg);
}
#isocal .c-interview .foreword_profile .x::after {
	background: #1f2883;
	transform: rotate(-45deg);
}
@media (max-width: 767px) {
	#isocal .c-interview .foreword_profile .x {
		top: calc(50% - 40vw / 4.8);
		left: calc(64vw / 4.8);
		width: calc(80vw / 4.8);
		height: calc(80vw / 4.8);
	}
}

/* :::::: list :::::: */
#isocal .c-interview .profile_list {
	background: #fff;
}
#isocal .c-interview .profile_list .photo {
	display: inline-block;
	width: 160px;
	height: 160px;
	-webkit-mask: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/interview_mask.svg?v=1679400976') center / 100% 100% no-repeat;
	mask: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/interview_mask.svg?v=1679400976') center / 100% 100% no-repeat;
}
#isocal .c-interview .profile_list .photo .ie {
	display: none;
}
@media all and (-ms-high-contrast: none) {
	#isocal .c-interview .profile_list .photo .ie {
		display: block;
	}
	#isocal .c-interview .profile_list .photo img {
		display: none;
	}
}
#isocal .c-interview .profile_list .post {
	display: inline-block;
	position: relative;
	padding: .2em 1.2em;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
#isocal .c-interview .profile_list .post::before,
#isocal .c-interview .profile_list .post::after {
	content: "";
	position: absolute;
	top: calc(50% - 1.2em);
	border-width: 1.2em 6px;
	border-style: solid;
	border-color: transparent;
}
#isocal .c-interview .profile_list .post::before {
	left: -1px;
	border-right-width: 0;
	border-left-color: #fff;
}
#isocal .c-interview .profile_list .post::after {
	right: -1px;
	border-left-width: 0;
	border-right-color: #fff;
}
#isocal .c-interview .profile_list .ikegaya .post {
	color: #fff;
	background: #1f2883;
}
#isocal .c-interview .profile_list .torihashi .post {
	color: #1f2883;
	background: rgba(255,235,137,.6);
}
#isocal .c-interview .profile_list .name {
	margin-top: 12px;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: .2em;
}
#isocal .c-interview .profile_list .sub {
	margin-top: 4px;
	font-size: 14px;
}
#isocal .c-interview .profile_list .summary {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #1f2883;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
}
@media (min-width: 768px) {
	#isocal .c-interview .profile_list {
		display: flex;
		justify-content: center;
	}
	#isocal .c-interview .profile_list li {
		flex-basis: calc(50% - 32px);
	}
	#isocal .c-interview .profile_list .torihashi {
		margin-left: 64px;
	}
	#isocal .c-interview .profile_list .text {
		margin-top: 24px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .profile_list .post {
		font-size: calc(14vw / 10);
	}
	#isocal .c-interview .profile_list .name {
		font-size: calc(25vw / 10);
	}
	#isocal .c-interview .profile_list .sub {
		font-size: calc(14vw / 10);
	}
	#isocal .c-interview .profile_list .summary {
		font-size: calc(13vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .profile_list li {
		display: flex;
	}
	#isocal .c-interview .profile_list li {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-interview .profile_list .torihashi {
		margin-top: 32px;
	}
	#isocal .c-interview .profile_list .photo {
		flex-basis: calc(160vw / 4.8);
		width: calc(160vw / 4.8);
		height: calc(160vw / 4.8);
	}
	#isocal .c-interview .profile_list .text {
		flex-basis: calc(100% - 176vw / 4.8);
	}
	#isocal .c-interview .profile_list .post {
		font-size: calc(13vw / 4.8);
	}
	#isocal .c-interview .profile_list .name {
		font-size: calc(25vw / 4.8);
	}
	#isocal .c-interview .profile_list .sub {
		font-size: calc(13vw / 4.8);
	}
	#isocal .c-interview .profile_list .summary {
		margin-top: 12px;
		padding-top: 12px;
		font-size: calc(13vw / 4.8);
	}
}
@media (max-width: 374px) {
	#isocal .c-interview .profile_list .photo {
		width: calc(152vw / 4.8);
		height: calc(152vw / 4.8);
	}
	#isocal .c-interview .profile_list .text {
		letter-spacing: 0;
	}
	#isocal .c-interview .profile_list .post,
	#isocal .c-interview .profile_list .summary {
		font-size: calc(12vw / 4.8);
	}
}

/**
 * Q
 * ---------------------------------------- */
#isocal .c-interview .q_title {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 92px;
	border-radius: 92px;
	color: #1f2883;
	line-height: 1.4;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/interview_bgdot.svg?v=1679399058') center / 8px 8px, #fff3b9;
}
#isocal .c-interview .q_title .q {
	width: 1.8em;
	height: 1.8em;
	margin-right: .6em;
	font-size: 23px;
	vertical-align: middle;
	fill: currentcolor;
}
#isocal .c-interview .q_title::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: calc(50% - 32px);
	width: 64px;
	height: 16px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/interview_tail.svg?v=1679399058') center / cover no-repeat;
}
#isocal .c-interview .q_column {
	margin-top: 48px;
}
#isocal .c-interview .q_column .c-photo {
	padding: 0 16px 16px 0;
}
#isocal .c-interview .q_column .c-photo::before {
	width: calc(100% - 16px);
	height: calc(100% - 16px);
}
#isocal .c-interview .q_column .text p {
	font-size: 16px;
	line-height: 2.2;
}
#isocal .c-interview .q_column .text p strong {
	color: #1f2883;
	font-weight: 900;
}
#isocal .c-interview .speaker {
	display: inline-block;
	margin-right: .5em;
	margin-left: -.2em;
	padding: .1em .6em .2em;
	border-radius: 1em;
	color: #fff;
	line-height: 1.4;
	font-weight: 900;
	background: #1f2883;
}
#isocal .c-interview .-q2 .speaker,
#isocal .c-interview .-q3 .speaker {
	padding-left: .9em;
	color: #1f2883;
	background: #fff3b9;
	letter-spacing: .3em;
}
@media (min-width: 768px) {
	#isocal .c-interview .q_column {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-interview .q_column .c-photo,
	#isocal .c-interview .q_column .c-photowrap {
		flex-basis: calc(376vw / 10);
	}
	#isocal .c-interview .-q3 .q_column .c-photo {
		flex-basis: calc(290vw / 10);
	}
	#isocal .c-interview .-q4 .q_column .c-photo.-p1 {
		width: calc(300vw / 10);
	}
	#isocal .c-interview .-q4 .q_column .c-photo.-p2 {
		width: calc(170vw / 10);
	}
	#isocal .c-interview .q_column .text {
		flex-basis: calc(100% - 416vw / 10);
	}
	#isocal .c-interview .-q2 .q_column .text,
	#isocal .c-interview .-q4 .q_column .text {
		order: -1;
		margin: 0 40px 0 0;
	}
	#isocal .c-interview .-q3 .q_column .text {
		flex-basis: calc(100% - 330vw / 10);
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .q_title {
		font-size: calc(23vw / 10);
	}
	#isocal .c-interview .q_column .text p {
		font-size: calc(16vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-interview .q_column .c-photo,
	#isocal .c-interview .q_column .c-photowrap {
		flex-basis: 376px;
	}
	#isocal .c-interview .-q3 .q_column .c-photo {
		flex-basis: 290px;
	}
	#isocal .c-interview .-q4 .q_column .c-photo.-p1 {
		width: 300px;
	}
	#isocal .c-interview .-q4 .q_column .c-photo.-p2 {
		width: 170px;
	}
	#isocal .c-interview .q_column .text {
		flex-basis: calc(100% - 416px);
	}
	#isocal .c-interview .-q3 .q_column .text {
		flex-basis: calc(100% - 330px);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .q_title {
		height: calc(124vw / 4.8);
		font-size: calc(21vw / 4.8);
	}
	#isocal .c-interview .q_title .q {
		width: 1.4em;
		height: 1.4em;
	}
	#isocal .c-interview .-q4 .q_column .c-photo.-p1 {
		width: calc(325vw / 4.8);
	}
	#isocal .c-interview .-q4 .q_column .c-photo.-p2 {
		width: calc(175vw / 4.8);
	}
	#isocal .c-interview .q_column .text {
		margin-top: 24px;
	}
	#isocal .c-interview .q_column .text p {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-interview .q_column .c-photo {
		padding: 0 8px 8px 0;
	}
}
/* 介護現場の声から生まれました！ */
#isocal .c-interview .-q1 .q_column .c-bln {
	top: -40px;
	left: 112px;
	width: 136px;
	height: 136px;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .-q1 .q_column .c-bln {
		top: calc(-40vw / 10);
		left: calc(112vw / 10);
		width: calc(136vw / 10);
		height: calc(136vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .-q1 .q_column .c-bln {
		top: calc(-32vw / 4.8);
		left: calc(120vw / 4.8);
		width: calc(136vw / 4.8);
		height: calc(136vw / 4.8);
	}
}
/* ヒントはたんぱく質でした */
#isocal .c-interview .-q2 .q_column .c-bln {
	top: -32px;
	left: 56px;
	width: 112px;
	height: 112px;
}
#isocal .c-interview .-q2 .q_column .c-bln .f {
	transform: rotate(-100deg);
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .-q2 .q_column .c-bln {
		top: calc(-32vw / 10);
		left: calc(56vw / 10);
		width: calc(112vw / 10);
		height: calc(112vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .-q2 .q_column .c-bln {
		top: calc(-24vw / 4.8);
		left: calc(96vw / 4.8);
		width: calc(112vw / 4.8);
		height: calc(112vw / 4.8);
	}
}
/* 栄養だけでなく、おいしさにもこだわりました！ */
#isocal .c-interview .-q3 .q_column .c-bln {
	top: -32px;
	left: -24px;
}
#isocal .c-interview .-q3 .q_column .c-bln .f {
	transform: rotate(-100deg);
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .-q3 .q_column .c-bln {
		top: calc(-32vw / 10);
		left: calc(-24vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .-q3 .q_column .c-bln {
		top: calc(-24vw / 10);
		left: calc(64vw / 10);
	}
}
/* 飲みきれることが、自信につながるんです */
#isocal .c-interview .-q4 .q_column .c-photowrap {
	margin-top: 16px;
}
#isocal .c-interview .-q4 .q_column .-p1 .c-bln {
	top: -48px;
	right: -8px;
}
#isocal .c-interview .-q4 .q_column .-p1 .c-bln .f {
	transform: rotate(20deg);
}
@media (min-width: 768px) {
	#isocal .c-interview .-q4 .q_column .-p1 {
		margin-left: auto;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .-q4 .q_column .-p1 .c-bln {
		top: calc(-48vw / 10);
		right: calc(-8vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .-q4 .q_column .-p1 .c-bln {
		top: calc(-24vw / 4.8);
		right: calc(-8vw / 4.8);
	}
}
/* 見た目のコンパクトさも大切ですね */
#isocal .c-interview .-q4 .q_column .-p2 {
	margin-top: 16px;
}
#isocal .c-interview .-q4 .q_column .-p2 .c-bln {
	top: 0;
	right: -104px;
	width: 116px;
	height: 116px;
	padding-left: 4px;
}
#isocal .c-interview .-q4 .q_column .-p2 .c-bln .f {
	transform: rotate(36deg);
}
@media (min-width: 768px) {
	#isocal .c-interview .-q4 .q_column .-p2 .c-bln .t {
		font-size: 13px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .-q4 .q_column .-p2 .c-bln {
		right: calc(-104vw / 10);
		width: calc(116vw / 10);
		height: calc(116vw / 10);
		padding-left: calc(4vw / 10);
	}
	#isocal .c-interview .-q4 .q_column .-p2 .c-bln .t {
		font-size: calc(13vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .-q4 .q_column .-p2 {
		margin-left: auto;
	}
	#isocal .c-interview .-q4 .q_column .-p2 .c-bln {
		right: 100%;
		width: calc(132vw / 4.8);
		height: calc(132vw / 4.8);
	}
	#isocal .c-interview .-q4 .q_column .-p2 .c-bln .f {
		transform: rotate(-142deg);
	}
}
/* 食の楽しみを通して、お役に立ちたいですね */
#isocal .c-interview .-q5 .q_column .c-bln {
	top: -64px;
	left: 112px;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-interview .-q5 .q_column .c-bln {
		top: calc(-64vw / 10);
		left: calc(112vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-interview .-q5 .q_column .c-bln {
		top: calc(-32vw / 4.8);
		left: calc(136vw / 4.8);
	}
	#isocal .c-interview .-q5 .q_column .c-bln .f {
		transform: rotate(12deg);
	}
}

/**
 * ありがとうございました！
 * ---------------------------------------- */
#isocal .c-interview .thanks {
	margin-top: 80px;
	text-align: center;
}
#isocal .c-interview .thanks .photo {
	display: inline-block;
	position: relative;
	width: 290px;
	padding-top: 48px;
	vertical-align: middle;
}
#isocal .c-interview .thanks .msg {
	position: absolute;
	top: 0;
	width: 100%;
	color: #1f2883;
	font-size: 19px;
	font-weight: 700;
}
#isocal .c-interview .thanks .msg::before,
#isocal .c-interview .thanks .msg::after {
	content: "";
	display: inline-block;
	width: 37px;
	height: 43px;
	vertical-align: middle;
	background: center / cover no-repeat;
}
#isocal .c-interview .thanks .msg::before {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/interview_lineup_title_l.svg?v=1679399058');
}
#isocal .c-interview .thanks .msg::after {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/interview_lineup_title_r.svg?v=1679399058');
}
@media (max-width: 767px) {
	#isocal .c-interview .thanks .photo {
		width: calc(280vw / 4.8);
		padding-top: calc(64vw / 4.8);
	}
	#isocal .c-interview .thanks .msg {
		width: calc(100% + 4em);
		margin-right: -2em;
		margin-left: -2em;
		font-size: calc(23vw / 4.8);
	}
	#isocal .c-interview .thanks .msg::before,
	#isocal .c-interview .thanks .msg::after {
		width: 2em;
		height: 2.4em;
	}
}

/* :::::: バナー :::::: */
#isocal .c-interview .interview_banner {
	padding: 40px 0 80px;
	text-align: center;
}
#isocal .c-interview .interview_banner a {
	display: inline-block;
}
#isocal .c-interview .interview_banner img {
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
@media (min-width: 768px) {
	#isocal .c-interview .interview_banner {
		padding: 40px 48px 80px;
	}
}


/**
 * 「アイソカル®100」とアイソカル® ゼリー ハイカロリー」の共有スタイル
 * ---------------------------------------- */
#isocal .c-isocal100 .content_section {
	padding: 80px 64px;
}
#isocal .c-isocal100 .section_inner {
	max-width: 1100px;
	padding: 32px;
}
#isocal .c-isocal100 table:not([class]) {
    border-style: inherit;
    box-shadow: inherit;
    table-layout: inherit;
}
@media (max-width: 1240px) {
	#isocal .c-isocal100 .content_section {
		padding: 80px calc(64vw / 12.4);
	}
	#isocal .c-isocal100 .section_inner {
		padding: 32px calc(32vw / 12.4);
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .content_section {
		padding: 48px calc(32vw / 4.8);
	}
	#isocal .c-isocal100 .section-inner {
		padding: 32px calc(32vw / 4.8);
	}
}

/**
 * 購入はこちら (button)
 * ---------------------------------------- */
#isocal .c-isocal100 .c-basketbutton {
	cursor: pointer;
	width: 100%;
	max-width: 280px;
	padding: .8em .5em;
	color: #fff;
	white-space: nowrap;
	background: #6f6f6f;
}
#isocal .c-isocal100 .c-basketbutton::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.15em;
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	font-size: 1em;
	vertical-align: middle;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/jhc_ico_basket.svg?v=1679461862') center / cover no-repeat;
}
@media (hover: hover) {
	#isocal .c-isocal100 .c-basketbutton {
		transition: background .4s;
	}
	#isocal .c-isocal100 .c-basketbutton:hover {
		background: #212b62;
		transition-duration: 0s;
	}
}
@media (min-width: 1024px) {
	#isocal .c-isocal100 .c-basketbutton {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .c-basketbutton {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-isocal100 .c-basketbutton::before {
		width: 1.2em;
		height: 1.2em;
		margin-right: .2em;
	}
}

/**
 * 栄養成分表
 * ---------------------------------------- */
#isocal .c-isocal100 .p-notes {
	padding: 80px 64px;
	background: #9dddea;
	text-align: center;
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .p-notes {
		padding-right: calc(32vw / 4.8);
		padding-left: calc(32vw / 4.8);
	}
}

/* :::::: タブコンテンツ (※ただしモバイルではプルダウンコンテンツ) :::::: */
#isocal .c-isocal100 .tabs_button button {
	cursor: pointer;
}
#isocal .c-isocal100 .tabs_content {
	border-radius: 0 0 10px 10px;
	font-weight: 400;
	text-align: left;
	background: #fff;
}
#isocal .c-isocal100 .tabs_button {
	z-index: 2;
	position: relative;
}
#isocal .c-isocal100 .tabs_button button {
	width: 100%;
	height: 48px;
	border-radius: 10px 10px 0 0;
	outline: 1px;
	background: #ccc;
}
@media (min-width: 768px) {
	#isocal .c-isocal100 .o-tabs {
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: 48px auto;
		-ms-grid-columns: (1fr 8px)[3] 1fr;
		grid-template: 48px auto / repeat(4, 1fr);
		grid-column-gap: 8px;
		max-width: 1100px;
		margin: 0 auto;
	}
	/* button */
	#isocal .c-isocal100 .tabs_button {
		font-size: 14px;
	}
	#isocal .c-isocal100 .tabs_button::after {
		content: "";
		position: absolute;
		bottom: 1px;
		left: calc(50% - 6px);
		border-width: 10px 6px 0;
		border-style: solid;
		border-color: transparent;
	}
	#isocal .c-isocal100 .tabs_button.-ingredient {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: 1 / 1 / 2 / 2;
	}
	#isocal .c-isocal100 .tabs_button.-materials {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
		grid-area: 1 / 2 / 2 / 3;
	}
	#isocal .c-isocal100 .tabs_button.-notesforuse {
		-ms-grid-row: 1;
		-ms-grid-column: 5;
		grid-area: 1 / 3 / 2 / 4;
	}
	#isocal .c-isocal100 .tabs_button.-deadline {
		-ms-grid-row: 1;
		-ms-grid-column: 7;
		grid-area: 1 / 4 / 2 / 5;
	}
	#isocal .c-isocal100 .tabs_button .ico {
		display: none;
	}
	#isocal .c-isocal100 .tabs_button.is-active button {
		color: #fff;
		background: #aaa;
	}
	#isocal .c-isocal100 .tabs_button.is-active::after {
		border-top-color: #aaa;
		transform: translateY(10px);
	}
	#isocal .c-isocal100 .tabs_button.is-anim::after {
		transition: transform .3s cubic-bezier(.3,1,.7,1);
	}
	/* content */
	#isocal .c-isocal100 .tabs_content {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 7;
		grid-area: 2 / 1 / 3 / 5;
		overflow: auto;
		max-height: 500px;
		padding: 24px;
	}
	#isocal .c-isocal100 .tabs_content:not(.is-active) {
		pointer-events: none;
		opacity: 0;
	}
	#isocal .c-isocal100 .tabs_content.is-active {
		z-index: 1;
	}
	#isocal .c-isocal100 .tabs_content.is-anim {
		transition: opacity .3s;
	}
	#isocal .c-isocal100 .tabs_content.is-anim:not(.is-active) {
		transition-duration: 0s;
		transition-delay: .3s;
	}
}
@media (min-width: 1024px) {
	#isocal .c-isocal100 .tabs_button {
		font-size: 16px;
	}
}
@media (min-width: 1240px) {
	#isocal .c-isocal100 .tabs_content {
		padding: 24px 48px;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .tabs_button:not(:first-of-type) {
		margin-top: 12px;
	}
	#isocal .c-isocal100 .tabs_button button::after {
		content: "";
	}
	#isocal .c-isocal100 .tabs_button .ico {
		position: absolute;
		top: calc(50% - 10px);
		right: 1em;
		width: 21px;
		height: 21px;
		background: #aaa;
	}
	#isocal .c-isocal100 .tabs_button .ico::before,
	#isocal .c-isocal100 .tabs_button .ico::after {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		left: 4px;
		width: 12px;
		border-top: 1px solid #fff;
		transition: transform .3s cubic-bezier(.3,1,.7,1);
	}
	#isocal .c-isocal100 .tabs_button:not(.is-active) .ico::before {
		transform: rotate(180deg);
	}
	#isocal .c-isocal100 .tabs_button:not(.is-active) .ico::after {
		transform: rotate(90deg);
	}
	#isocal .c-isocal100 .tabs_content {
		overflow: hidden;
		padding: 8px 24px;
	}
	#isocal .c-isocal100 .tabs_contentinner {
		padding: 16px 0;
	}
	#isocal .c-isocal100 .tabs_content:not(.is-active) .tabs_contentinner {
		opacity: 0;
	}
	#isocal .c-isocal100 .tabs_content.is-anim {
		transition: height .6s cubic-bezier(.3,1,.7,1);
	}
	#isocal .c-isocal100 .tabs_content.is-anim .tabs_contentinner {
		transition: opacity .6s;
	}
}

/* :::::: 栄養成分表 :::::: */
#isocal .c-isocal100 .-ingredient table {
	white-space: nowrap;
	background: #fff;
}
#isocal .c-isocal100 .-ingredient table tbody tr:nth-child(2n+1) {
	background: #fafafa;
}
/* レイアウト */
#isocal .c-isocal100 .-ingredient table .name {
	text-align: left;
	vertical-align: top;
}
#isocal .c-isocal100 .-ingredient table .taste {
	white-space: normal;
}
#isocal .c-isocal100 .-ingredient table tbody th {
	text-align: left;
}
#isocal .c-isocal100 .-ingredient table .unit {
	border-left: 0;
}
#isocal .c-isocal100 .-ingredient table .nutrient {
	border-right: 0;
}
#isocal .c-isocal100 .-ingredient table sub {
	font-size: 10px;
}
#isocal .c-isocal100 .-ingredient table sup {
	top: 0;
}
@media (min-width: 768px) {
	#isocal .c-isocal100 .-ingredient .tabs_contentinner {
		display: flex;
		flex-direction: column;
		overflow: visible;
		height: 100%;
	}
	#isocal .c-isocal100 .-ingredient table {
		table-layout: fixed;
	}
	#isocal .c-isocal100 .-ingredient table .name {
		padding-top: 24px;
	}
	#isocal .c-isocal100 .-ingredient table .however {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	#isocal .c-isocal100 .-ingredient table .name {
		width: 44%;
	}
	#isocal .c-isocal100 .-ingredient table .however {
		width: 56%;
	}
	#isocal .c-isocal100 .-ingredient table .taste {
		width: 28%;
	}
	#isocal .c-isocal100 .-ingredient table .nutrient {
		width: 20%;
	}
	#isocal .c-isocal100 .-ingredient table .unit {
		width: 10%;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .-ingredient table .name {
		width: 50%;
	}
	#isocal .c-isocal100 .-ingredient table .however {
		width: 50%;
	}
	#isocal .c-isocal100 .-ingredient table .taste {
		width: 25%;
	}
	#isocal .c-isocal100 .-ingredient table .nutrient {
		width: 24%;
	}
	#isocal .c-isocal100 .-ingredient table .unit {
		width: 10%;
	}
	#isocal .c-isocal100 .-ingredient table th:last-child,
	#isocal .c-isocal100 .-ingredient table td:last-child {
		border-right: 0;
	}
	#isocal .c-isocal100 .-ingredient .c-tablewrap {
		border-right: 1px solid #d2dcdf;
	}
}
/* 注釈 */
#isocal .c-isocal100 .-ingredient .note li {
	margin-top: .5em;
	font-size: 10px;
	line-height: 1.4;
}

/* :::::: 主な原材料 / 使用上・取り扱い上の注意 / 包装および賞味期限 :::::: */
#isocal .c-isocal100 .tabs_content .dl_notes dd,
#isocal .c-isocal100 .tabs_content .dl_notes li {
	font-size: 14px;
}
#isocal .c-isocal100 .tabs_content .dl_notes dt {
	display: inline-block;
	padding: .5em 1em;
	font-size: 16px;
	line-height: 1.2;
	background: #eee;
}
#isocal .c-isocal100 .tabs_content .dl_notes dd + dt {
	margin-top: 24px;
}
#isocal .c-isocal100 .tabs_content .dl_notes dd {
	padding: 0 1em;
	line-height: 1.8;
	letter-spacing: .05em;
}
#isocal .c-isocal100 .tabs_content .dl_notes dt + dd {
	margin-top: .5em;
}
#isocal .c-isocal100 .tabs_content .dl_notes li {
	line-height: 1.5;
}
#isocal .c-isocal100 .tabs_content .dl_notes li::before {
	color: #aaa;
}
#isocal .c-isocal100 .tabs_content .dl_notes li em {
	font-style: normal;
	text-decoration: underline;
}

/* :::::: 購入はこちら :::::: */
#isocal .c-isocal100 .p-notes .c-basketbutton {
	margin-top: 24px;
    position: relative;
}
@media (max-width: 480px) {
	#isocal .c-isocal100 .p-notes .c-basketbutton {
		font-size: 14px;
	}
}


/**
 * 【公式】アイソカルゼリー「ビタミンプラス」「ミネラルプラス」ネスレの栄養補助食品
 * ---------------------------------------- */

body #isocal .c-isocal100  {
	background: #ffe9db;
}
#isocal .c-isocal100 .section_inner {
	max-width: 1100px;
	text-align: center;
}
#isocal .c-isocal100 .mplus {
	font-weight: 700;
}

/* :::::: コンポーネント :::::: */
#isocal .c-isocal100 .c-pop {
	position: relative;
	padding: 0 32px;
}
#isocal .c-isocal100 .c-pop svg {
	position: absolute;
	bottom: .2em;
	fill: currentcolor;
}
#isocal .c-isocal100 .c-pop svg:first-child {
	left: 0;
}
#isocal .c-isocal100 .c-pop svg:last-child {
	right: 0;
}

#isocal .c-isocal100 .c-button::after {
	content: "";
	display: inline-block;
	margin-left: 0.5em;
}

#isocal .c-isocal100 .jelly_image {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#isocal .c-isocal100 .jelly_image .shadow {
	position: relative;
	display: inline-block;
}
#isocal .c-isocal100 .jelly_image .shadow::before {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 10%;
	width: 80%;
	height: 80px;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/jelly_shadow.png?37250) center / 100% 100% no-repeat;
}
#isocal .c-isocal100 .jelly_image .shadow img {
	position: relative;
}
#isocal .c-isocal100 .jelly_image .capsule {
	min-width: 128px;
	padding: .1em 1em;
	border-radius: 2em;
	color: white;
	font-size: 17px;
	font-weight: 700;
	background: gainsboro;
}
#isocal .c-isocal100 .jelly_image .capsule .taste {
	font-size: 80%;
}
#isocal .c-isocal100 .jelly_image .capsule.-pineapple {
	background: #f28500;
}
#isocal .c-isocal100 .jelly_image .capsule.-mikan { background: #f28500; }
#isocal .c-isocal100 .jelly_image .capsule.-budou { background: #d02a73; }
#isocal .c-isocal100 .jelly_image .capsule.-mixfruits { background: #29b3db; }
#isocal .c-isocal100 .jelly_image .capsule.-orange { background: #f28500; }
#isocal .c-isocal100 .jelly_image .capsule.-muscat { background: #58bd3a; }
#isocal .c-isocal100 .jelly_image .capsule.-banana { background: #ffbf00; }
#isocal .c-isocal100 .jelly_image .capsule.-momo { background: #f58091; }
#isocal .c-isocal100 .jelly_image .capsule.-strawberry { background: #e84852; }
@media (max-width: 767px) {
	#isocal .c-isocal100 .jelly_image .capsule {
		font-size: 15px;
		white-space: nowrap;
	}
}
@media (max-width: 479px) {
	#isocal .c-isocal100 .jelly_image .shadow::before {
		bottom: -10%;
	}
	#isocal .c-isocal100 .jelly_image .capsule {
		min-width: 108px;
		font-size: calc(15vw / 4.8);
	}
}

@media (min-width: 768px) {
   #isocal .c-isocal100 .keyvisual .logo {
        display: none;
    }
}
@media (max-width: 767px) {
    .l-header .logo {
        display: none;
    }
	.l-header .logo,
    #isocal .c-isocal100 .keyvisual .logo {
		z-index: 2;
		position: absolute;
		top: calc(24vw / 4.8);
	    filter: drop-shadow(0 0 4px white) drop-shadow(0 0 2px white);
    }
	.l-header .logo.c-logo-display {
		display: block;
		right: calc(24vw / 4.8);
        top: calc(24vw / 1.2);
    }
	.l-header .logo img {
		width: 112px;
	}
   #isocal .keyvisual .logo {
		left: calc(24vw / 4.8);
    }
    #isocal .keyvisual .logo img {
		width: 172px;
    }
}
@media (max-width: 360px) {
	.l-header .logo img {
		width: calc(112vw / 3.6);
	}
   #isocal .c-isocal100  .keyvisual .logo img {
		width: calc(172vw / 3.6);
    }
}

#isocal .c-isocal100 .keyvisual {
	display: flex;
	justify-content: center;
    max-width: inherit;
    height: inherit;
}
/* .keyvisual .visual {
	min-width: 420px;
} */
#isocal .c-isocal100 .keyvisual .visual img {
	width: 100%;
	height: auto;
}
/* @media (max-width: 360px) {
	#isocal .c-isocal100 .keyvisual .visual {
		min-width: calc(420vw / 3.6);
	}
} */

/* :::::: アンカー :::::: */
#isocal .c-isocal100 .p-anchor {
	padding: 0;
}
#isocal .c-isocal100 .p-anchor .anchor_list {
	display: flex;
	justify-content: center;
	background: transparent;
}
#isocal .c-isocal100 .p-anchor .anchor_list .item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#isocal .c-isocal100 .p-anchor .anchor_list .title {
	position: relative;
	padding-bottom: 24px;
    margin: 0;
}
#isocal .c-isocal100 .p-anchor .anchor_list .title .emblem {
	display: inline-block;
	filter: drop-shadow(-3px 3px 3px rgba(0,0,0,.3));
}
#isocal .c-isocal100 .p-anchor .anchor_list .title .type {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
#isocal .c-isocal100 .p-anchor .anchor_list .c-pop {
	margin-top: 16px;
	font-size: 20px;
	white-space: nowrap;
}
#isocal .c-isocal100 .p-anchor .anchor_list .-tp .c-pop {
	color: #3cb036;
}
#isocal .c-isocal100 .p-anchor .anchor_list .-mp .c-pop {
	color: #3aa1df;
}
#isocal .c-isocal100 .p-anchor .anchor_list .visual {
	position: relative;
	max-width: 232px;
	margin-top: 16px;
}
#isocal .c-isocal100 .p-anchor .anchor_list .visual::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: calc(50% - 116px);
	left: calc(50% - 116px);
	width: 232px;
	height: 232px;
	border-radius: 232px;
	background: white;
}
#isocal .c-isocal100 .p-anchor .anchor_list .visual:has(.attention),
#isocal .vpmp_lineup .visual:has(.attention){
	position: relative;
}
#isocal .c-isocal100 .p-anchor .anchor_list .visual .attention,
#isocal .vpmp_lineup .visual .attention {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
	position: absolute;
	top: -2em;
	left: -3em;
	width: 6em;
	height: 6em;
	padding-bottom: 0.2em;
	border-radius: 64px;
	color: white;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0;
	background: #f494a7;
	transition: opacity .4s, transform .4s cubic-bezier(.3,1.6,.7,1);
	transition-delay: .4s;
}
#isocal .c-isocal100 .p-anchor .anchor_list .is-new:not(.is-inview) .visual .attention,
#isocal .vpmp_lineup .is-new:not(.is-inview) .visual .attention {
	opacity: 0;
	transform: translate(32px, 48px) scale(.8);
}
#isocal .c-isocal100 .p-anchor .anchor_list .visual .jelly_image {
	max-width: 200px;
}
#isocal .c-isocal100 .p-anchor .anchor_list .anchor {
	margin-top: 48px;
}
#isocal .c-isocal100 .p-anchor .anchor_list .c-button {
	width: 160px;
	height: 32px;
	font-size: 15px;
}
#isocal .c-isocal100 .p-anchor .anchor_list .-tp .c-button {
	border-color: #3cb036;
	background: #3cb036;
}
#isocal .c-isocal100 .p-anchor .anchor_list .-mp .c-button {
	border-color: #3aa1df;
	background: #3aa1df;
}
#isocal .c-isocal100 .p-anchor .anchor_list .is-comingsoon .visual {
	position: relative;
}
#isocal .c-isocal100 .p-anchor .anchor_list .is-comingsoon .visual figure {
	opacity: .3;
}
#isocal .c-isocal100 .p-anchor .anchor_list .is-comingsoon .visual::after {
	content: "Coming Soon";
	position: absolute;
	top: calc(50% - 1em);
	left: 0;
	width: 100%;
	color: #3aa1df;
	font-size: 24px;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 900;
	text-shadow: 0 4px 4px white, 4px 0 4px white, 0 -4px 4px white, -4px 0 4px white,
		4px 4px 4px white, 4px -4px 4px white, -4px -4px 4px white, -4px 4px 4px white;
}
@media (hover: hover) {
	#isocal .c-isocal100 .p-anchor .anchor_list .-tp .c-button:hover {
		color: #3cb036;
		background: white;
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .-mp .c-button:hover {
		color: #3aa1df;
		background: white;
	}
}
@media (min-width: 768px) {
	#isocal .c-isocal100 .p-anchor .anchor_list .item {
		flex-basis: 320px;
		max-width: 320px;
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .item:last-child {
		margin-left: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .p-anchor .anchor_list {
		justify-content: space-around;;
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .c-pop {
		padding: 0 24px;
		font-size: 14px;
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .anchor {
		margin-top: 32px;
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .is-comingsoon .visual::after {
		font-size: calc(24vw / 4.8);
	}
    #isocal .c-isocal100 .p-anchor .anchor_list .visual .attention,
    #isocal .vpmp_lineup .visual .attention {
		font-size: 12px;
	}
}
@media (max-width: 479px) {
	#isocal .c-isocal100 .p-anchor .anchor_list .item {
		flex-basis: 50%;
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .c-pop {
		margin-top: calc(16vw / 4.8);
		padding: 0 calc(24vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .c-pop svg {
		width: calc(22vw / 4.8);
		height: auto;
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .visual {
		max-width: 36vw;
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .visual::before {
		top: calc(50% - 23vw);
		left: calc(50% - 23vw);
		width: 46vw;
		height: 46vw;
	}
    #isocal .c-isocal100 .p-anchor .anchor_list .visual .attention,
    #isocal .vpmp_lineup .visual .attention {
		font-size: calc(12vw / 4.8);
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .anchor {
		margin-top: 24px;
	}
	#isocal .c-isocal100 .p-anchor .anchor_list .c-button {
		padding: 0 1em;
		width: auto;
		font-size: calc(15vw / 4.8);
	}
}

/**
 * コンテンツ
 * ---------------------------------------- */
#isocal .c-isocal100 .p-tp,
#isocal .c-isocal100 .p-mp {
	position: relative;
}
#isocal .c-isocal100 .p-tp::before,
#isocal .c-isocal100 .p-mp::before {
	content: "";
	position: absolute;
	top: 0;
	right: calc(50% - 50vw);
	bottom: 0;
	left: calc(50% - 50vw);
}
#isocal .c-isocal100 .p-tp::before {
	background: #0fb536 url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/vpmp_bg_dots.svg?v=1679405860') center;
}
#isocal .c-isocal100 .p-mp::before {
	background: #3aa6df url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/vpmp_bg_stripe.svg?v=1679405860') center;
}
#isocal .c-isocal100 .content_section .section_lead {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	color: white;
	font-size: 24px;
	line-height: 1.2;
}
#isocal .c-isocal100 .section_lead::before,
#isocal .c-isocal100 .section_lead::after {
	content: "";
	position: absolute;
	top: 0;
	border-style: solid;
	border-color: gainsboro;
}
#isocal .c-isocal100 .section_lead::before {
	right: calc(100% - 1px);
	border-left-color: transparent !important;
}
#isocal .c-isocal100 .section_lead::after {
	left: calc(100% - 1px);
	border-right-color: transparent !important;
}
@media (min-width: 768px) {
	#isocal .c-isocal100 .content_section .section_lead {
		top: -56px;
		height: 48px;
	}
	#isocal .c-isocal100 .section_lead::before,
	#isocal .c-isocal100 .section_lead::after {
		border-width: 24px 12px;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .content_section .section_lead {
		top: calc(-32px - 1.5em);
		height: 3em;
		font-size: 17px;
	}
	#isocal .c-isocal100 .section_lead::before,
	#isocal .c-isocal100 .section_lead::after {
		border-width: 1.5em 12px;
	}
}
@media (max-width: 479px) {
	#isocal .c-isocal100 .content_section .section_lead {
		font-size: calc(17vw / 4.8);
	}
}
#isocal .c-isocal100 .section_title {
	position: relative;
	width: 240px;
	margin: 0 auto;
	padding-bottom: 48px;
}
#isocal .c-isocal100 .section_title .emblem {
	filter: drop-shadow(-6px 6px 6px rgba(0,0,0,.3));
}
#isocal .c-isocal100 .section_title .type {
	position: absolute;
	bottom: 0;
	left: -10%;
	width: 120%;
}
#isocal .c-isocal100 .section_title img {
	width: 100%;
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .section_title {
		margin-top: -24px;
	}
}
@media (max-width: 479px) {
	#isocal .c-isocal100 .section_title {
		width: calc(240vw / 4.8);
		margin-top: calc(-24vw / 4.8);
		padding-bottom: calc(48vw / 4.8);
	}
}

/* :::::: デザイン :::::: */
#isocal .c-isocal100 .product_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#isocal .c-isocal100 .product_list.-intro {
	max-width: 640px;
	margin: 32px auto 0;
}
#isocal .c-isocal100 .product_list.-lineup {
	margin-top: -16px;
}
@media (min-width: 768px) {
	#isocal .c-isocal100 .product_list .item:not(:nth-child(3n+1)) {
		margin-left: 24px;
	}
	#isocal .c-isocal100 .product_list .item:nth-child(n+4) {
		margin-top: 24px;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .product_list.-lineup .item:nth-child(2n) {
		margin-left: 4%;
	}
	#isocal .c-isocal100 .product_list.-lineup .item:nth-child(n+3) {
		margin-top: 16px;
	}
}
#isocal .c-isocal100 .product_list.is-comingsoon .jelly_image,
#isocal .c-isocal100 .product_list.is-comingsoon .c-purchasebutton {
	pointer-events: none;
	opacity: .3;
}
#isocal .c-isocal100 .product_list.is-comingsoon {
	position: relative;
}
#isocal .c-isocal100 .product_list.is-comingsoon::after {
	content: "Coming Soon";
	position: absolute;
	top: calc(50% - 1em);
	left: 0;
	width: 100%;
	color: #3aa1df;
	font-size: 32px;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 900;
	text-shadow: 0 4px 4px white, 4px 0 4px white, 0 -4px 4px white, -4px 0 4px white,
		4px 4px 4px white, 4px -4px 4px white, -4px -4px 4px white, -4px 4px 4px white;
}
@media (min-width: 768px) {
	#isocal .c-isocal100 .product_list.is-comingsoon::after {
		letter-spacing: .1em;
	}
}
@media (max-width: 479px) {
	#isocal .c-isocal100 .product_list.is-comingsoon::after {
		font-size: calc(32vw / 4.8);
	}
}

/* :::::: おすすめポイント :::::: */
#isocal .c-isocal100 .p-point {
	position: relative;
	margin-top: 64px;
	padding-bottom: 40px;
}
#isocal .c-isocal100 .p-point::before,
#isocal .c-isocal100 .p-point::after,
#isocal .p-isocalvpmp.c-isocal100 .p-point::after {
	content: "";
	position: absolute;
	right: -32px;
	left: -32px;
}
#isocal .c-isocal100 .p-point::before {
	top: 0;
	bottom: 0;
}
#isocal .c-isocal100 .p-point::after,
#isocal .p-isocalvpmp.c-isocal100 .p-point::after {
	top: 12px;
	bottom: 12px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
#isocal .p-isocalvpmp.c-isocal100 .c-purchasebutton,
#isocal .p-isocalvpmp.c-isocal100 .p-lineup .c-purchasebutton {
      border-radius: 4px;
}
@media (max-width: 1240px) {
	#isocal .c-isocal100 .p-point::before,
	#isocal .c-isocal100 .p-point::after,
	#isocal .p-isocalvpmp.c-isocal100 .p-point::after {
		right: calc(-32vw / 12.4);
		left: calc(-32vw / 12.4);
	}
}

#isocal .c-isocal100 .p-point > * {
	z-index: 1;
	position: relative;
}
#isocal .c-isocal100 .p-point .point_title {
	display: inline-block;
	top: -.8em;
	font-size: 28px;
}
#isocal .c-isocal100 .p-point .point_list {
	max-width: 800px;
	margin: 0 auto;
}
#isocal .c-isocal100 .p-point .point_list li {
	display: flex;
	align-items: center;
	counter-increment: num;
	position: relative;
	min-height: 80px;
	padding: 16px 40px 16px 80px;
	border: 1px solid #dff2de;
	border-radius: 80px;
	font-size: 19px;
	font-weight: 900;
	text-align: left;
	background: white;
}
#isocal .c-isocal100 .p-point .point_list li:nth-child(n+2) {
	margin-top: 24px;
}
#isocal .c-isocal100 .p-point .point_list li::before {
	content: counter(num);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(50% - 24px);
	left: 16px;
	width: 48px;
	height: 48px;
	border-radius: 48px;
	font-size: 156%;
	font-family: "M PLUS 1p", sans-serif;
}
#isocal .c-isocal100 .p-point .point_list strong {
	font-size: 116%;
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .p-point .point_list li {
		font-size: 17px;
		padding: 12px 32px 12px 72px;
	}
	#isocal .c-isocal100 .p-point .point_list li:nth-child(n+2) {
		margin-top: 12px;
	}
	#isocal .c-isocal100 .p-point .point_list li::before {
		top: calc(50% - 20px);
		width: 40px;
		height: 40px;
	}
}
@media (max-width: 479px) {
	#isocal .c-isocal100 .p-point .point_title {
		font-size: calc(28vw / 4.8);
	}
	#isocal .c-isocal100 .p-point .point_list li {
		font-size: calc(17vw / 4.8);
		padding: calc(12vw / 4.8) calc(32vw / 4.8) calc(12vw / 4.8) calc(72vw / 4.8);
	}
	#isocal .c-isocal100 .p-point .point_list li::before {
		top: calc(50% - 20vw / 4.8);
		width: calc(40vw / 4.8);
		height: calc(40vw / 4.8);
	}
}

/* :::::: \ 摂取できていますか？ / :::::: */
#isocal .c-isocal100 .p-column {
	max-width: 800px;
	margin: 48px auto 24px;
	padding: 48px;
	border-radius: 24px;
	background: #ebf7eb;
}
#isocal .c-isocal100 .p-column .column_title {
	display: flex;
	flex-direction: column;
	color: #3cb036;
	fill: currentcolor;
	font-size: min(20vw / 4.8, 20px);
	line-height: 1.4;
	text-align: center;
}
#isocal .c-isocal100 .p-column .column_title .sub {
	font-size: 120%;
}
#isocal .c-isocal100 .p-column .column_title b {
	font-weight: 900;
}
#isocal .c-isocal100 .p-column .column_recommend {
	margin-top: 1em;
}
#isocal .c-isocal100 .p-column .column_recommend,
#isocal .c-isocal100 .p-column .column_recommend div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
}
#isocal .c-isocal100 .p-column .column_recommend div {
	padding: .25em 1em 0;
	border: 2px solid #3cb036;
	border-radius: 1em;
	font-size: 18px;
	background: white;
}
#isocal .c-isocal100 .p-column .column_recommend svg {
	width: 80px;
	height: auto;
}
#isocal .c-isocal100 .p-column .column_recommend .mplus {
	margin-top: -.25em;
	color: #3cb036;
	font-size: 150%;
	font-weight: 700;
}
#isocal .c-isocal100 .p-column .column_recommend .num {
	font-size: 150%;
}
#isocal .c-isocal100 .p-column .column_note {
	margin-top: 1em;
	font-size: 12px;
	line-height: 1.4;
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .p-column {
		padding: 24px;
	}
	#isocal .c-isocal100 .p-column .column_recommend {
		flex-direction: column;
	}
	#isocal .c-isocal100 .p-column .column_recommend div {
		padding-inline: 2em;
		font-size: 20px;
	}
	#isocal .c-isocal100 .p-column .column_note {
		font-size: 10px;
	}
}
@media (max-width: 479px) {
	#isocal .c-isocal100 .p-column {
		padding: calc(24vw / 4.8);
	}
	#isocal .c-isocal100 .p-column .column_recommend div {
		width: 100%;
	}
	#isocal .c-isocal100 .p-column .column_recommend svg {
		width: calc(80vw / 4.8);
	}
	#isocal .c-isocal100 .p-column .column_recommend div {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-isocal100 .p-column .column_note {
		font-size: calc(10vw / 4.8);
	}
}

/* :::::: ラインナップ :::::: */
#isocal .c-isocal100 .p-lineup {
	padding: 64px 0 48px;
}
#isocal .c-isocal100 .p-lineup .lineup_container {
	position: relative;
	max-width: 680px;
	margin: 0 auto;
	padding: 0 24px 64px;
	border: 1px solid gainsboro;
	border-radius: 12px;
	background: whitesmoke;
}
#isocal .c-isocal100 .p-lineup .lineup_title {
	position: relative;
	top: -1.8em;
	font-size: 28px;
	line-height: 1.2;
}
#isocal .c-isocal100 .p-lineup .lineup_lead {
	position: relative;
	top: -2em;
	margin-bottom: .5em;
	line-height: 1.4;
}
#isocal .c-isocal100 .p-lineup .lineup_title .num {
	position: relative;
	top: .1em;
	font-size: 225%;
}
#isocal .c-isocal100 .p-lineup .jelly_image .capsule {
	margin-top: 24px;
}
#isocal .c-isocal100 .p-lineup .c-purchasebutton {
	margin-top: 24px;
	border-radius: 4px;
	font-size: 17px;
    border-radius: 10px;
}
#isocal .c-isocal100 .p-lineup .lineup_note {
	position: absolute;
	right: 16px;
	bottom: 16px;
	left: 16px;
	font-size: 10px;
	line-height: 1.2;
	text-align: right;
}
#isocal .c-isocal100 .p-lineup .c-button {
	width: 272px;
	height: 64px;
	margin: 40px auto 0;
	font-size: 17px;
}
#isocal .c-isocal100 .p-lineup .c-button::after {
	top: calc(50% - .2em);
	border-width: .4em .2em 0;
	border-left-color: transparent;
	border-top-color: currentcolor;
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .p-lineup .lineup_title {
		margin: 0 -.5em;
		font-size: 20px;
		white-space: nowrap;
	}
	#isocal .c-isocal100 .p-lineup  .lineup_lead {
		font-size: 14px;
	}
	#isocal .c-isocal100 .p-lineup .c-purchasebutton {
		font-size: 14px;
	}
	#isocal .c-isocal100 .p-lineup .lineup_note {
		font-size: 12px;
	}
}
@media (max-width: 479px) {
	 #isocal .c-isocal100 .p-lineup .lineup_container {
		padding: 0 calc(24vw / 4.8) 60px;
	}
   #isocal .c-isocal100 .p-lineup .lineup_title {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-isocal100 .p-lineup .lineup_lead {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-isocal100 .p-lineup .c-purchasebutton {
		margin-top: 16px;
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-isocal100 .p-lineup .lineup_note {
		font-size: 10px;
	}
	#isocal .c-isocal100 .p-lineup .jelly_image .capsule {
		margin-top: 12px;
	}
}

/* :::::: 栄養成分表 :::::: */
#isocal .c-isocal100 .p-notes {
	position: relative;
	padding: 48px 0;
}
#isocal .c-isocal100 .p-notes::before {
	content: "";
	position: absolute;
	top: 0;
	right: -32px;
	bottom: 0;
	left: -32px;
}
@media (max-width: 1240px) {
	#isocal .c-isocal100 .p-notes::before {
		right: calc(-32vw / 12.4);
		left: calc(-32vw / 12.4);
	}
}
#isocal .c-isocal100 .p-notes .o-tabs {
	position: relative;
}
#isocal .c-isocal100 .p-notes .c-purchasebutton {
	z-index: 1;
	position: relative;
	padding: .8em 1.6em;
/* 	border-radius: 4px; */
	font-size: 20px;
}
#isocal .c-isocal100 .p-notes .js-pullContents.is-active + .c-purchasebutton {
	margin-top: 40px;
}
#isocal .c-isocal100 .p-notes .js-pullContents.is-anim + .c-purchasebutton {
	transition: margin-top .3s cubic-bezier(.3,1,.7,1);
}

/* :::::: ビタミンプラス :::::: */
#isocal .c-isocal100 .p-tp .section_lead {
	background: #f28500;
}
#isocal .c-isocal100 .p-tp .section_lead::before,
#isocal .c-isocal100 .p-tp .section_lead::after {
	border-color: #f28500;
}
#isocal .c-isocal100 .p-tp .product_list .item {
	flex-basis: 240px;
	max-width: calc(50% - 24px);
}
#isocal .c-isocal100 .p-tp .product_list.-intro .item:last-child {
	margin-left: 24px;
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .p-tp .product_list.-lineup .item {
		flex-basis: 48%;
		max-width: 48%;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .p-tp .product_list.-intro .item:last-child {
		margin-left: calc(12vw / 4.8);
	}
}
#isocal .c-isocal100 .p-tp .p-point::before,
#isocal .c-isocal100 .p-tp .p-notes::before,
#isocal .c-isocal100 .p-tp .p-point .point_list li::before {
	background: #ebf7eb;
}
#isocal .c-isocal100 .p-tp .p-point .point_title,
#isocal .c-isocal100 .p-tp .p-point .point_list li,
#isocal .c-isocal100 .p-tp .p-lineup .lineup_title,
#isocal .c-isocal100 .p-tp .p-lineup .lineup_note {
	color: #3cb036;
}
#isocal .c-isocal100 .p-tp .p-point .point_title {
	background: linear-gradient(to top, #ebf7eb 40%, transparent 40%);
}
#isocal .c-isocal100 .p-tp .p-point .point_list strong {
	color: #f28500;
}
#isocal .c-isocal100 .p-tp .p-lineup .lineup_container {
	border-color: #f6e9c6;
	background: #fcf7eb;
}
#isocal .c-isocal100 .p-tp .p-lineup .c-button {
	border-color: #3cb036;
	background: #3cb036;
}
@media (hover: hover) {
	#isocal .c-isocal100 .p-tp .p-lineup .c-button:hover {
		color: #3cb036;
		background: white;
	}
}

/* :::::: ミネラルプラス :::::: */
#isocal .c-isocal100 .p-mp .section_lead {
	background: #c855a2;
}
#isocal .c-isocal100 .p-mp .section_lead::before,
#isocal .c-isocal100 .p-mp .section_lead::after {
	border-color: #c855a2;
}
#isocal .c-isocal100 .p-mp .product_list .item {
	flex-basis: 188px;
	max-width: calc(33.3333% - 16px);
}
#isocal .c-isocal100 .p-mp .product_list.-intro .item:not(:nth-child(3n+1)) {
	margin-left: 24px;
}
#isocal .c-isocal100 .p-mp .product_list.-intro .item:nth-child(n+4) {
	margin-top: 24px;
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .p-mp .product_list.-lineup .item {
		flex-basis: 48%;
		max-width: 48%;
	}
	#isocal .c-isocal100 .p-mp .product_list.-intro .item:not(:nth-child(3n+1)) {
		margin-left: calc(12vw / 4.8);
	}
	#isocal .c-isocal100 .p-mp .product_list.-intro .item:nth-child(n+4) {
		margin-top: 12px;
	}
}
#isocal .c-isocal100 .p-mp .p-point::before,
#isocal .c-isocal100 .p-mp .p-notes::before,
#isocal .c-isocal100 .p-mp .p-point .point_list li::before {
	background: #ebf5fc;
}
#isocal .c-isocal100 .p-mp .p-point .point_title,
#isocal .c-isocal100 .p-mp .p-point .point_list li,
#isocal .c-isocal100 .p-mp .p-lineup .lineup_title,
#isocal .c-isocal100 .p-mp .p-lineup .lineup_note {
	color: #3aa1df;
}
#isocal .c-isocal100 .p-mp .p-point .point_title {
	background: linear-gradient(to top, #ebf5fc 40%, transparent 40%);
}
#isocal .c-isocal100 .p-mp .p-point .point_list strong {
	color: #c855a2;
}
#isocal .c-isocal100 .p-mp .p-lineup .lineup_container {
	border-color: #f9e8f0;
	background: #f9f3f7;
}
#isocal .c-isocal100 .p-mp .p-lineup .c-button {
	border-color: #3aa1df;
	background: #3aa1df;
}
@media (hover: hover) {
	#isocal .c-isocal100 .p-mp .p-lineup .c-button:hover {
		color: #3aa1df;
		background: white;
	}
}

/* バラエティパック */
#isocal .c-isocal100 .lineup_container.-variety {
	display: flex;
	margin-top: 56px;
	padding-top: 56px;
	padding-bottom: 40px;
}
#isocal .c-isocal100 .lineup_container.-variety .lineup_title {
	position: absolute;
	top: -.75em;
	width: 100%;
}
#isocal .c-isocal100 .lineup_container.-variety .lineup_title b {
	font-size: 121%;
}
#isocal .c-isocal100 .lineup_container.-variety .photo {
	order: -1;
}
#isocal .c-isocal100 .lineup_container.-variety .detail dt {
	color: #3aa1df;
	font-size: 17px;
}
#isocal .c-isocal100 .lineup_container.-variety .detail dt .num {
	font-size: 200%;
	font-weight: 700;
}
#isocal .c-isocal100 .lineup_container.-variety .detail dd {
	margin-top: 6px;
}
#isocal .c-isocal100 .lineup_container.-variety .detail ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#isocal .c-isocal100 .lineup_container.-variety .detail li {
	flex-basis: calc(50% - 4px);
}
#isocal .c-isocal100 .lineup_container.-variety .detail li:nth-child(n+3) {
	margin-top: 12px;
}
#isocal .c-isocal100 .lineup_container.-variety .capsule {
	min-width: 128px;
	padding: .1em .5em;
	border-radius: 2em;
	color: white;
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
	background: gainsboro;
}
#isocal .c-isocal100 .lineup_container.-variety .capsule .taste {
	font-size: 80%;
	vertical-align: baseline;
}
#isocal .c-isocal100 .lineup_container.-variety .capsule.-pineapple {
	background: #f28500;
}
#isocal .c-isocal100 .lineup_container.-variety .capsule.-mikan { background: #f28500; }
#isocal .c-isocal100 .lineup_container.-variety .capsule.-budou { background: #d02a73; }
#isocal .c-isocal100 .lineup_container.-variety .capsule.-mixfruits { background: #29b3db; }
#isocal .c-isocal100 .lineup_container.-variety .capsule.-orange { background: #f28500; }
#isocal .c-isocal100 .lineup_container.-variety .capsule.-muscat { background: #58bd3a; }
#isocal .c-isocal100 .lineup_container.-variety .capsule.-banana { background: #ffbf00; }
#isocal .c-isocal100 .lineup_container.-variety .capsule.-momo { background: #f58091; }
#isocal .c-isocal100 .lineup_container.-variety .capsule.-strawberry { background: #e84852; }
#isocal .c-isocal100 .lineup_container.-variety .c-purchasebutton {
	margin: 40px auto 0;
}
@media (min-width: 768px) {
	#isocal .c-isocal100 .lineup_container.-variety {
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-isocal100 .lineup_container.-variety .photo {
		flex-basis: calc(50% - 12px);
		margin-top: 24px;
	}
	#isocal .c-isocal100 .lineup_container.-variety .text {
		flex-basis: calc(50% - 12px);
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .lineup_container.-variety {
		flex-direction: column;
	}
	#isocal .c-isocal100 .lineup_container.-variety .detail {
		max-width: 400px;
		margin: 8px auto 0;
	}
	#isocal .c-isocal100 .lineup_container.-variety .detail li:nth-child(n+3) {
		margin-top: 8px;
	}
	#isocal .c-isocal100 .lineup_container.-variety .c-purchasebutton {
		margin-top: 24px;
	}
}
@media (max-width: 479px) {
	#isocal .c-isocal100 .lineup_container.-variety {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	#isocal .c-isocal100 .lineup_container.-variety .capsule {
		min-width: 108px;
		font-size: calc(15vw / 4.8);
	}
}


/**
 * タブコンテンツ (※ただしモバイルではプルダウンコンテンツ)
 * ---------------------------------------- */
#isocal .c-isocal100 .tabs_button button {
	line-height: 1.2;
}
#isocal .c-isocal100 .-ingredient table .name,
#isocal .c-isocal100 .-ingredient table .however,
#isocal .c-isocal100 .-ingredient table .taste {
	text-align: center;
}
#isocal .c-isocal100 .-ingredient table .nutrient,
#isocal .c-isocal100 .-ingredient table .unit {
	padding: .5em 1em;
}
#isocal .c-isocal100 .-ingredient table .unit {
	text-align: right;
}
#isocal .c-isocal100 .-ingredient table .name {
	padding-top: .5em;
	vertical-align: middle;
}
#isocal .c-isocal100 .-ingredient table .mineral,
#isocal .c-isocal100 .-ingredient table .vitamin,
#isocal .c-isocal100 .-ingredient table .va,
#isocal .c-isocal100 .-ingredient table .vb {
	padding: .5em;
	text-align: center;
	background: white;
}
#isocal .c-isocal100 .-ingredient table .vitamin,
#isocal .c-isocal100 .-ingredient table .va,
#isocal .c-isocal100 .-ingredient table .vb {
	width: 8%;
}
#isocal .c-isocal100 .-ingredient table .mineral span,
#isocal .c-isocal100 .-ingredient table .vitamin span,
#isocal .c-isocal100 .-ingredient table .va span,
#isocal .c-isocal100 .-ingredient table .vb span {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#isocal .c-isocal100 .-ingredient table tbody tr:nth-child(2n+1) {
	background: inherit;
}
#isocal .c-isocal100 .-ingredient table tbody td {
	text-align: center;
}
#isocal .c-isocal100 .-ingredient table .u-bt0 th,
#isocal .c-isocal100 .-ingredient table .u-bt0 td {
	padding-top: 0;
	border-top: 0;
}
#isocal .c-isocal100 .-ingredient table .u-bb0 th,
#isocal .c-isocal100 .-ingredient table .u-bb0 td {
	padding-bottom: 0;
	border-bottom: 0;
}

/* :::::: ビタミンプラス :::::: */
#isocal .c-isocal100 .p-tp .tabs_button button {
	color: #3cb036;
	background: #b6e1b3;
}
#isocal .c-isocal100 .p-tp .c-tablewrap th,
#isocal .c-isocal100 .p-tp .c-tablewrap td {
	border-color: #3cb036;
	color: #3cb036;
}
#isocal .c-isocal100 .p-tp .-ingredient table tbody tr.bg {
	background: #ebf7eb;
}
#isocal .c-isocal100 .p-tp .tabs_content .dl_notes dt {
	color: #3cb036;
	background: #b6e1b3;
}
#isocal .c-isocal100 .p-tp .tabs_content .dl_notes li::before {
	color: #3cb036;
}
@media (min-width: 768px) {
	#isocal .c-isocal100 .p-tp .tabs_button.is-active button {
		color: white;
		background: #3cb036;
	}
	#isocal .c-isocal100 .p-tp .tabs_button.is-active::after {
		border-top-color: #3cb036;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .p-tp .tabs_button .ico {
		background: #ffbc00;
	}
	#isocal .c-isocal100 .p-tp .-ingredient .c-tablewrap {
		border-color: #3cb036;
	}
}

/* :::::: ミネラルプラス :::::: */
#isocal .c-isocal100 .p-mp .tabs_button button {
	color: #3aa1df;
	background: #bcdff4;
}
#isocal .c-isocal100 .p-mp .c-tablewrap th,
#isocal .c-isocal100 .p-mp .c-tablewrap td {
	border-color: #3aa1df;
	color: #3aa1df;
}
#isocal .c-isocal100 .p-mp .-ingredient table tbody tr.bg {
	background: #ebf5fc;
}
#isocal .c-isocal100 .p-mp .tabs_content .dl_notes dt {
	color: #3aa1df;
	background: #bcdff4;
}
#isocal .c-isocal100 .p-mp .tabs_content .dl_notes li::before {
	color: #3aa1df;
}
@media (min-width: 768px) {
	#isocal .c-isocal100 .p-mp .tabs_button.is-active button {
		color: white;
		background: #3aa1df;
	}
	#isocal .c-isocal100 .p-mp .tabs_button.is-active::after {
		border-top-color: #3aa1df;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocal100 .p-mp .tabs_button .ico {
		background: #bcdff4;
	}
	#isocal .c-isocal100 .-mp-mp .-ingredient .c-tablewrap {
		border-color: #3aa1df;
	}
}


/* :::::: pulldownUi for recipe - css :::::: */
#isocal .c-isocal100 .js-pullContents {
	overflow: hidden;
}
/* motion */
#isocal .c-isocal100 .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.3,1,.7,1);
}

#isocal .c-isocal100 .js-pullToggle.is-active::after {
	transform: rotateX(180deg) translateY(1px);
}
#isocal .c-isocal100 .js-pullToggle.is-anim::after {
	transition: transform .3s cubic-bezier(.3,1,.7,1);
}


/**
 * 「アイソカル® ゼリー ハイカロリー」固有スタイル
 * ---------------------------------------- */
body #isocal .c-isocaljhc {
	background: #fef5dc;
}

#isocal .c-isocaljhc.p-isocaljhc {}
#isocal .c-isocaljhc .keyvisual {
	z-index: 2;
	position: relative;
    max-width: inherit;
    height: inherit;
}
#isocal .c-isocaljhc .keyvisual figcaption {
	position: absolute;
	top: 70%;
	left: 7%;
	padding-left: 1em;
	font-size: 8px;
	color: #7b3c05;
	line-height: 1.4;
	text-indent: -1em;
}
#isocal .c-isocaljhc .reason_section .title small {
    font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-isocal100.c-isocaljhc .section_title {
    width: inherit;
    padding-bottom: 0;
    line-height: 1.6;
    margin-top: 0;
  font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-isocaljhc .p-notes {
    padding: 80px 64px;
}
@media (min-width: 1000px) {
	#isocal .c-isocaljhc .keyvisual figcaption {
		font-size: calc(8vw / 10);
	}
}
@media (max-width: 999px) {
	#isocal .c-isocaljhc .keyvisual figcaption {
		width: calc(400vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .keyvisual figcaption {
		top: 88.8%;
		left: 0;
		width: 100%;
		font-size: calc(10vw / 4.8);
		letter-spacing: 0;
		text-align: center;
	}
}

/* banner */
#isocal .c-isocaljhc .p-homebanner {
	padding-top: 40px;
	padding-bottom: 16px;
}
#isocal .c-isocaljhc .p-homebanner .section_inner {
	max-width: 740px;
	margin: 0 auto;
	padding: 0;
	background: none;
}
#isocal .c-isocaljhc .p-homebanner li:nth-child(n+2) {
	margin-top: 40px;
}
#isocal .c-isocaljhc .p-homebanner img {
	border-radius: 10px;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-isocaljhc .p-homebanner .section_inner {
		max-width: calc(740vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .p-homebanner .section_inner {
		max-width: 417px;
	}
	#isocal .c-isocaljhc .p-homebanner li:nth-child(n+2) {
		margin-top: 24px;
	}
}

/* title */
#isocal .c-isocaljhc .section_title {
	color: #5a2e00;
	text-align: center;
}
@media (min-width: 768px) {
	#isocal .c-isocaljhc .section_title {
		font-size: calc(28vw / 12.4);
	}
}
@media (min-width: 1240px) {
	#isocal .c-isocaljhc .section_title {
		font-size: 28px;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .section_title {
		font-size: calc(26vw / 4.8);
	}
}


/**
 * 『アイソカル® ゼリー ハイカロリー』が選ばれる4つの理由
 * ---------------------------------------- */
#isocal .c-isocaljhc .reason_section {
	z-index: 1;
	position: relative;
	max-width: 1100px;
	margin: 24px auto 0;
	border: 2px solid #5a2e00;
	background: #fff;
}
#isocal .c-isocaljhc .reason_section::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	border: 30px solid #5a2e00;
	border-right-color: transparent;
	border-bottom-color: transparent;
}
#isocal .c-isocaljhc .reason_section::after {
	content: attr(data-num);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
}
/* title */
#isocal .c-isocaljhc .reason_section .title {
	color: #5a2e00;
	line-height: 1.4;
      font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-isocaljhc .reason_section .title .no1 {
	position: relative;
	top: .05em;
	margin-left: .05em;
	font-size: 200%;
	font-weight: 700;
}
#isocal .c-isocaljhc .reason_section .title small {
	color: black;
	margin-left: 1em;
	font-weight: 500;
}
/* lead */
#isocal .c-isocaljhc .reason_section .lead {
	margin-top: 16px;
	line-height: 1.8;
}
/* note */
#isocal .c-isocaljhc .reason_section .note {
	color: #c7bdb3;
	line-height: 1.4;
}
#isocal .c-isocaljhc .reason_section .note cite {
	font-style: normal;
}
@media (min-width: 768px) {
	#isocal .c-isocaljhc .reason_section {
		padding: 32px calc(64vw / 12.4);
	}
	#isocal .c-isocaljhc .reason_section::after {
		width: calc(40vw / 12.4);
		height: calc(40vw / 12.4);
		font-size: calc(24vw / 12.4);
	}
	#isocal .c-isocaljhc .reason_section .title { font-size: calc(32vw / 12.4); }
	#isocal .c-isocaljhc .reason_section .title small { font-size: calc(14vw / 12.4); }
	#isocal .c-isocaljhc .reason_section .lead { font-size: calc(18vw / 12.4); }
	#isocal .c-isocaljhc .reason_section .note { font-size: calc(14vw / 12.4); }
}
@media (min-width: 1240px) {
	#isocal .c-isocaljhc .reason_section {
		padding: 32px 64px;
	}
	#isocal .c-isocaljhc .reason_section::after {
		width: 40px;
		height: 40px;
		font-size: 24px;
	}
	#isocal .c-isocaljhc .reason_section .title { font-size: 32px; }
	#isocal .c-isocaljhc .reason_section .title small { font-size: 14px; }
	#isocal .c-isocaljhc .reason_section .lead { font-size: 18px; }
	#isocal .c-isocaljhc .reason_section .note { font-size: 14px; }
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .reason_section {
		margin-top: 16px;
		padding: 32px calc(32vw / 4.8);
		font-size: calc(24vw / 4.8);
		text-align: center;
	}
	#isocal .c-isocaljhc .reason_section::before {
		border-width: calc(30vw / 4.8);
	}
	#isocal .c-isocaljhc .reason_section::after {
		width: calc(40vw / 4.8);
		height: calc(40vw / 4.8);
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-isocaljhc .reason_section .title {
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-isocaljhc .reason_section .title small {
		display: block;
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-isocaljhc .reason_section .lead {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-isocaljhc .reason_section .note {
		padding-left: 1em;
		font-size: calc(14vw / 4.8);
		text-indent: -1em;
	}
}

/* :::::: 少量で効率よくカロリー補給 :::::: */
#isocal .c-isocaljhc .reason_1 {
	margin-top: 32px;
}
#isocal .c-isocaljhc .reason_1 .lead {
	margin-top: 8px;
	line-height: 1.4;
}
#isocal .c-isocaljhc .reason_1 .lead .t b {
	color: #5a2e00;
}
#isocal .c-isocaljhc .reason_1 .lead .n {
	position: relative;
	top: -.05em;
	color: #5a2e00;
	line-height: 1;
	font-weight: 700;
}
#isocal .c-isocaljhc .reason_1 .lead .unit {
	font-size: 60%;
}
@media (min-width: 768px) {
	#isocal .c-isocaljhc .reason_1 {
		display: flex;
		align-items: center;
	}
	#isocal .c-isocaljhc .reason_1 .lead .t { font-size: calc(20vw / 12.4); }
	#isocal .c-isocaljhc .reason_1 .lead .t b { font-size: calc(30vw / 12.4); }
	#isocal .c-isocaljhc .reason_1 .lead .n { font-size: calc(100vw / 12.4); }
	#isocal .c-isocaljhc .reason_1 .text {
		flex-grow: 1;
	}
	#isocal .c-isocaljhc .reason_1 .photo {
		flex-basis: calc(292vw / 12.4);
		margin-left: 16px;
	}
}
@media (min-width: 1240px) {
	#isocal .c-isocaljhc .reason_1 .photo {
		flex-basis: 292px;
	}
	#isocal .c-isocaljhc .reason_1 .lead .t { font-size: 20px; }
	#isocal .c-isocaljhc .reason_1 .lead .t b { font-size: 30px; }
	#isocal .c-isocaljhc .reason_1 .lead .n { font-size: 100px; }
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .reason_1 .lead,
	#isocal .c-isocaljhc .reason_1 .photo {
		margin-top: 16px;
	}
	#isocal .c-isocaljhc .reason_1 .lead .t { font-size: calc(20vw / 4.8); }
	#isocal .c-isocaljhc .reason_1 .lead .t b { font-size: calc(30vw / 4.8); }
	#isocal .c-isocaljhc .reason_1 .lead .n { font-size: calc(100vw / 4.8); }
}

/* :::::: 医療・介護現場でのシェアNp.1 :::::: */
@media (min-width: 768px) {
	#isocal .c-isocaljhc .reason_2 {
		align-items: center;
	}

	#isocal .c-isocaljhc .reason_2 .photo {
		margin-left: 16px;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .reason_2 .title {
		line-height: 1;
	}
	#isocal .c-isocaljhc .reason_2 .note {
		margin-top: 8px;
	}
	#isocal .c-isocaljhc .reason_2 .photo {
		margin-top: 16px;
	}
}

/* :::::: おいしくて飽きない10種の味 :::::: */
#isocal .c-isocaljhc .reason_3 > .title {
	text-align: center;
}
#isocal .c-isocaljhc .product_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 24px;
	text-align: center;
}
#isocal .c-isocaljhc .product_list li {
	display: flex;
	flex-direction: column;
}
#isocal .c-isocaljhc .product_list .photo {
	margin: 0 auto;
}
#isocal .c-isocaljhc .product_list figcaption {
	position: relative;
	margin: 12px auto;
}
#isocal .c-isocaljhc .product_list figcaption img {
	width: 100%;
}
#isocal .c-isocaljhc .product_list .caption {
	display: block;
	margin-top: .5em;
	letter-spacing: 0;
}
#isocal .c-isocaljhc .product_list .c-basketbutton {
	margin-top: auto;
}
@media (min-width: 768px) {
	#isocal .c-isocaljhc .product_list li {
		flex-basis: 20%;
	}
	#isocal .c-isocaljhc .product_list li:nth-child(n+2) {
		margin-left: 4%;
	}
	#isocal .c-isocaljhc .product_list li:nth-child(4n+1) {
		margin-left: 0;
	}
	#isocal .c-isocaljhc .product_list li:nth-child(n+5) {
		margin-top: 40px;
	}
	#isocal .c-isocaljhc .product_list .photo {
		width: calc(180vw / 12.4);
	}
	#isocal .c-isocaljhc .product_list figcaption {
		width: auto;
		max-width: 90%;
	}
	#isocal .c-isocaljhc .product_list .caption {
		margin-right: calc(-5% - 1em);
		margin-left: calc(-5% - 1em);
		font-size: calc(14vw / 12.4);
		white-space: nowrap;
	}
}
@media (min-width: 1240px) {
	#isocal .c-isocaljhc .product_list .photo {
		width: 180px;
	}
	#isocal .c-isocaljhc .product_list .caption {
		font-size: 14px;
	}
}
@media (max-width: 1239px) {
	#isocal .c-isocaljhc .product_list figcaption {
		letter-spacing: 0;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .product_list {
		margin-top: 24px;
	}
	#isocal .c-isocaljhc .product_list li {
		flex-basis: 48%;
		max-width: 48%;
	}
	#isocal .c-isocaljhc .product_list li:nth-child(2n) {
		margin-left: 4%;
	}
	#isocal .c-isocaljhc .product_list li:nth-child(n+3) {
		margin-top: calc(24vw / 4.8);
	}
	#isocal .c-isocaljhc .product_list .photo {
		width: calc(120vw / 4.8);
	}
	#isocal .c-isocaljhc .product_list .caption {
		margin-right: -1em;
		margin-left: -1em;
		font-size: calc(12vw / 4.8);
		text-align: left;
	}
	#isocal .c-isocaljhc .product_list .caption br {
		display: none;
	}
}
/* New! */
#isocal .c-isocaljhc .product_list .is-new {
	position: relative;
}

#isocal .c-isocaljhc .product_list .is-new:nth-child(11)::after {
	color: #6d6d6d;
	background: #dfdfdf;
}
#isocal .c-isocaljhc .product_list .is-new:nth-child(12)::after {
	color: #f48700;
	background: #ffe89e;
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .product_list .is-new::after {
		top: calc(-32vw / 11.28);
		left: calc(-32vw / 11.28);
		width: calc(56vw / 4.8);
		height: calc(56vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
}
/* バラエティパック */
#isocal .c-isocal100 .p-variety {
	margin-top: 32px;
	padding: 24px 0 40px;
	border: 2px solid #fae4aa;
	border-radius: 10px;
	text-align: center;
}
#isocal .p-variety .variety_title {
	font-family: "Noto Sans JP", sans-serif;
	color: #212b62;
	letter-spacing: 0;
	display: block;
}
#isocal .p-variety .variety_inner {
	display: flex;
	margin-top: 24px;
}
#isocal .p-variety .photo {
	order: -1;
}
#isocal .p-variety .title {
	color: #212b62;
}
#isocal .p-variety .detail dt {
	color: #212b62;
	white-space: nowrap;
}
#isocal .p-variety .detail dd {
	--gap: 8px;
	--column: 3;
	margin-top: calc(var(--gap) * 2);
}
#isocal .p-mhc .p-variety .detail dd {
	--column: 2;
}
#isocal .p-variety .detail ul {
	display: grid;
	grid-template-columns: repeat(var(--column), auto);
	justify-content: center;
	gap: var(--gap);
	line-height: 0;
}
#isocal .p-variety .detail img {
	width: 100%;
	max-width: 128px;
}
#isocal .p-variety .c-basketbutton {
	margin-top: 16px;
}
@media (min-width: 768px) {
	#isocal .p-variety .variety_title {
		font-size: calc(30vw / 12.4);
	}
	#isocal .p-variety .variety_inner {
		justify-content: space-between;
		align-items: center;
		padding-right: 24px;
		padding-left: 16px;
	}
	#isocal .c-isocaljhc .reason_2 .p-variety .photo {
		flex-basis: calc(481vw / 12.4);
	}
	#isocal .p-variety .text {
		flex-basis: calc(400vw / 12.4);
		margin-left: 16px;
	}
	#isocal .p-variety .title {
		font-size: calc(30vw / 12.4);
	}
	#isocal .p-variety .detail dt {
		font-size: calc(24vw / 12.4);
	}
}
@media (min-width: 1240px) {
	#isocal .p-variety .variety_title {
		font-size: 30px;
	}
	#isocal .p-variety .variety_inner {
		padding: 0 56px 0 48px;
	}
	#isocal .p-variety .title {
		font-size: 30px;
	}
	#isocal .p-variety .text {
		margin-left: 24px;
	}
	#isocal .p-variety .detail dt {
		font-size: 24px;
	}
	#isocal .p-variety .c-basketbutton {
		margin-top: 24px;
	}
}
@media (max-width: 1239px) {
	#isocal .p-variety .detail dd {
		--gap: 4px;
	}
}
@media (max-width: 767px) {
	#isocal .p-variety .variety_title {
		font-size: calc(24vw / 4.8);
	}
	#isocal .p-variety .variety_inner {
		flex-direction: column;
		padding: 0 24px;
	}
	#isocal .p-variety .text {
		margin-top: 16px;
	}
	#isocal .p-variety .title {
		font-size: calc(26vw / 4.8);
	}
	#isocal .p-variety .detail dt {
		font-size: calc(20vw / 4.8);
	}
	#isocal .p-variety .detail dd {
		max-width: 400px;
		margin-inline: auto;
	}
}
@media (max-width: 480px) {
	#isocal .p-variety .detail dt {
		font-size: 16px;
	}
}
/* :::::: 飲み込みやすさに配慮 :::::: */
@media (min-width: 768px) {
	#isocal .c-isocaljhc .reason_4 {
		display: flex;
		align-items: center;
	}
	#isocal .c-isocaljhc .reason_4 .text {
		flex-grow: 1;
	}
	#isocal .c-isocaljhc .reason_4 .photo {
		flex-basis: calc(292vw / 12.4);
		margin-left: 16px;
	}
}
@media (min-width: 1240px) {
	#isocal .c-isocaljhc .reason_4 {
	}
	#isocal .c-isocaljhc .reason_4 .photo {
		flex-basis: 292px;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .reason_4 .photo {
		margin-top: 16px;
	}
}


/**
 * おいしい！いろいろな食べ方のご紹介
 * ---------------------------------------- */
#isocal .c-isocaljhc .p-howtoeat {
	background: #fff;
}
#isocal .c-isocaljhc .howtoeat_inner {
	max-width: 1100px;
	margin: 32px auto 0;
}
#isocal .c-isocaljhc .howtoeat_section {
	padding: 0 24px 24px;
	border: 2px solid #5a2e00;
	text-align: center;
	background: #fff;
}
#isocal .c-isocaljhc .howtoeat_title {
	margin: 0 -24px;
	padding: .3em .3em .5em;
	color: #fff;
	line-height: 1.4;
	background: #5a2e00;
  font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-isocaljhc .howtoeat_lead {
	margin-top: 8px;
	color: #5a2e00;
	line-height: 1.4;
}
#isocal .c-isocaljhc .howtoeat_section > figure {
	margin: 0 auto;
}
@media (min-width: 768px) {
	#isocal .c-isocaljhc .howtoeat_title { font-size: calc(24vw / 12.4); }
	#isocal .c-isocaljhc .howtoeat_lead { font-size: calc(22vw / 12.4); }
	#isocal .c-isocaljhc .howtoeat_column .title { font-size: calc(19vw / 12.4); }
	#isocal .c-isocaljhc .howtoeat_column dt { font-size: calc(18vw / 12.4); }
	#isocal .c-isocaljhc .howtoeat_column dd { font-size: calc(14vw / 12.4); }
}
@media (min-width: 1240px) {
	#isocal .c-isocaljhc .howtoeat_title { font-size: 24px; }
	#isocal .c-isocaljhc .howtoeat_lead { font-size: 17px; line-height: 2; }
	#isocal .c-isocaljhc .howtoeat_column .title { font-size: 19px; }
	#isocal .c-isocaljhc .howtoeat_column dt { font-size: 18px; }
	#isocal .c-isocaljhc .howtoeat_column dd { font-size: 14px; }
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .howtoeat_title { font-size: calc(24vw / 4.8); }
/* 	#isocal .c-isocaljhc .howtoeat_lead { font-size: calc(22vw / 4.8); } */
	#isocal .c-isocaljhc .howtoeat_lead { font-size: calc(17vw / 4.8); line-height: 2; }
	#isocal .c-isocaljhc .howtoeat_column .title { font-size: calc(19vw / 4.8); }
	#isocal .c-isocaljhc .howtoeat_column dt { font-size: calc(18vw / 4.8); }
	#isocal .c-isocaljhc .howtoeat_column dd { font-size: calc(14vw / 4.8); }
}
@media (min-width: 768px) {
	#isocal .c-isocaljhc .howtoeat_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#isocal .c-isocaljhc .p-howtoeat .section_title {
		flex-basis: 100%;
	}
	#isocal .c-isocaljhc .howtoeat_1,
	#isocal .c-isocaljhc .howtoeat_2 {
		flex-basis: calc(50% - 16px);
	}
	#isocal .c-isocaljhc .howtoeat_3 {
		flex-basis: 100%;
		margin-top: 32px;
	}
}
@media (-ms-high-contrast: none) and (min-width: 768px) {
	#isocal .c-isocaljhc .howtoeat_1,
	#isocal .c-isocaljhc .howtoeat_2 {
		max-width: calc(50% - 16px);
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .howtoeat_section + .howtoeat_section {
		margin-top: 16px;
	}
}

/* :::::: アイスが食べたいが、飲み込みが気になるとき :::::: */
#isocal .c-isocaljhc .howtoeat_1 figure {
	max-width: 434px;
	margin-top: 8px;
}
@media (max-width: 1239px) {
	#isocal .c-isocaljhc .howtoeat_1 figure {
		max-width: calc(434vw / 12.4);
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .howtoeat_1 figure {
		max-width: calc(357vw / 4.8);
	}
}

/* :::::: 冷たいものを食べたくないとき :::::: */
#isocal .c-isocaljhc .howtoeat_2 figure {
	max-width: 466px;
	margin-top: 26px;
}
@media (max-width: 1239px) {
	#isocal .c-isocaljhc .howtoeat_2 figure {
		max-width: calc(466vw / 12.4);
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .howtoeat_2 figure {
		max-width: calc(398vw / 4.8);
	}
}

/* :::::: 栄養補助飲料等へとろみ付けを楽にしたいとき :::::: */
#isocal .c-isocaljhc .howtoeat_column {
	margin-top: 8px;
}
#isocal .c-isocaljhc .howtoeat_column .title {
	display: inline-block;
	position: relative;
	color: #5a2e00;
}
#isocal .c-isocaljhc .howtoeat_column .title svg {
	position: absolute;
	top: .4em;
	width: .6em;
	height: 1em;
	fill: currentcolor;
	vertical-align: middle;
}
#isocal .c-isocaljhc .howtoeat_column .title .l {
	right: calc(100% + .3em);
}
#isocal .c-isocaljhc .howtoeat_column .title .r {
	left: calc(100% + .2em);
}
/* 作り方 / 使い方 */
#isocal .c-isocaljhc .howtoeat_column .wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 8px;
}
#isocal .c-isocaljhc .howtoeat_column .wrap dl {
	flex-basis: calc(50% - 12px);
	color: #717171;
	text-align: left;
}
#isocal .c-isocaljhc .howtoeat_column dl + dl {
	margin-left: 24px;
}
#isocal .c-isocaljhc .howtoeat_column dt {
	padding-bottom: 4px;
	border-bottom: 1px solid currentcolor;
	line-height: 1.4;
}
#isocal .c-isocaljhc .howtoeat_column dd {
	margin-top: 4px;
	line-height: 1.6;
}
#isocal .c-isocaljhc .howtoeat_column figure {
	margin-top: 8px;
}
@media (min-width: 768px) {
	#isocal .c-isocaljhc .howtoeat_column {
		display: flex;
	}
	#isocal .c-isocaljhc .howtoeat_column .column {
		flex-basis: 50%;
	}
	#isocal .c-isocaljhc .howtoeat_column .column:first-child {
		padding-right: calc(24vw / 12.4);
	}
	#isocal .c-isocaljhc .howtoeat_column .column:last-child {
		padding-left: calc(24vw / 12.4);
	}
	#isocal .c-isocaljhc .howtoeat_column .column + .column {
		border-left: 1px solid #d8d8d7;
	}
}
@media (min-width: 1240px) {
	#isocal .c-isocaljhc .howtoeat_column .column:first-child {
		padding-right: 24px;
	}
	#isocal .c-isocaljhc .howtoeat_column .column:last-child {
		padding-left: 24px;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .howtoeat_column .column + .column {
		margin-top: 16px;
		padding-top: 16px;
		border-top: 1px solid #d8d8d7;
	}
}


/**
 * アレンジレシピ動画
 * ---------------------------------------- */
#isocal .c-isocaljhc .p-recipe {
	background: #f6f5f4;
}
#isocal .c-isocaljhc .p-recipe .recipe_list {
	max-width: 1100px;
	margin: 32px auto 0;
}
#isocal .c-isocaljhc .recipe_item figcaption {
	font-size: 14px;
	text-align: center;
      font-weight: 500;
}
#isocal .c-isocaljhc .recipe_item .c-video {
	margin-top: 4px;
}
@media (min-width: 768px) {
	#isocal .c-isocaljhc .p-recipe .recipe_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#isocal .c-isocaljhc .recipe_item {
		flex-basis: calc(33.33333% - 48px / 3);
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .p-recipe .recipe_list {
		max-width: 560px;
       width: 100%;
	}
	#isocal .c-isocaljhc .recipe_item + .recipe_item {
		margin-top: 16px;
	}
}


/**
 * 栄養成分表
 * ---------------------------------------- */
@media (max-width: 1239px) {
	#isocal .c-isocaljhc.p-isocaljhc .p-notes {
		padding-right: calc(64vw / 12.4);
		padding-left: calc(64vw / 12.4);
	}
}

/* :::::: タブコンテンツ (※ただしモバイルではプルダウンコンテンツ) :::::: */
#isocal .c-isocaljhc .tabs_button button {
	background: #fff8e4;
}
@media (min-width: 768px) {
	#isocal .c-isocaljhc .tabs_button.is-active button {
		background: #ffbc00;
	}
	#isocal .c-isocaljhc .tabs_button.is-active::after {
		border-top-color: #ffbc00;
	}
}
@media (max-width: 767px) {
	#isocal .c-isocaljhc .tabs_button .ico {
		background: #ffbc00;
	}
}

/* :::::: 栄養成分表 :::::: */
#isocal .c-isocaljhc .-ingredient table tbody tr:nth-child(2n+1) {
	background: #fffdf4;
}
/* レイアウト */
#isocal .c-isocaljhc .-ingredient table .name,
#isocal .c-isocaljhc .-ingredient table .however,
#isocal .c-isocaljhc .-ingredient table .taste {
	text-align: center;
}

/* :::::: 主な原材料 / 使用上・取り扱い上の注意 / 包装および賞味期限 :::::: */
#isocal .c-isocaljhc .tabs_content .dl_notes dt {
	background: #fff8e4;
}
#isocal .c-isocaljhc .tabs_content .dl_notes li::before {
	color: #ffbc00;
}


/**
 * 【公式】アイソカル「とろっとゼリー」ネスレの栄養補助食品
 * ---------------------------------------- */
#isocal .c-pouch .pouch_title {
	display: inline-block;
	position: relative;
}
#isocal .c-pouch .pouch_title .emblem {
	position: absolute;
	top: 0;
	right: 6%;
	width: 36%;
	filter: drop-shadow(0 3px 3px rgba(0,0,0,.3));
}

#isocal .c-pouch .p-visual img {
    width: 100%;
}
#isocal .c-pouch .p-main {
    padding-bottom: 0;
    text-align: center;
}
#isocal .c-pouch .p-main .section_inner {
    max-width: 840px;
    padding-top: 112px;
    padding: 32px 32px 0;
    border-radius: 12px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-pouch .p-visual {
    -webkit-mask-image: inherit;
}
#isocal .c-isocal100.c-pouch .p-point {
    margin-top: 0;
    padding-bottom: 0;
}
#isocal .c-isocal100.c-pouch .p-point::before, #isocal .c-isocal100 .p-point::after {
    content: inherit;
}
#isocal .c-isocal100.c-pouch .p-point .point_list li {
    border: none;
}
#isocal .c-isocal100.c-pouch .product_list.-lineup {
   margin: 24px auto 0;
}
#isocal .c-isocal100.c-pouch .p-lineup {
  padding: 0;
}
#isocal .c-isocal100.c-pouch  .p-lineup .lineup_title {
   position: inherit;
}
#isocal .c-isocal100.c-pouch .lineup_copy {
   font-weight: 400;
}
#isocal .c-isocal100.c-pouch .p-lineup .c-button {
   width: 214px;
    height: 48px;
    font-size: 15px;
}
#isocal .c-pouch .siteContents .textlink {
     background: inherit;
}
#isocal .c-pouch .table_note {
     white-space: inherit;
}
#isocal .c-isocal100.c-pouch .product_list.-lineup .item:nth-child(2n) {
    margin-left: 0%;
}
@media (max-width: 767px) {
    #isocal .c-pouch .p-main .section_inner {
        padding: 32px 16px 0;
    }
    #isocal .c-pouch .l-header .logo {
        display: block;
        z-index: 2;
        position: absolute;
        top: calc(24vw / 4.8);
        right: calc(24vw / 4.8);
        width: calc(150vw / 4.8);
        filter: drop-shadow(0 0 8px #fff) drop-shadow(0 0 8px #fff);
    }
    #isocal .c-pouch .l-header .logo img {
        width: 100%;
    }
}
@media (max-width: 479px) {
    #isocal .c-pouch .p-main .section_inner {
        padding: 32px calc(16vw / 4.8) 0;
    }
    #isocal .c-pouch .l-header .logo {
        filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff);
    }
    #isocal .c-isocal100.c-pouch .product_list {
      display: flex;
      flex-direction: column;
    }
}


/**
 * おすすめポイント
 * ---------------------------------------- */
#isocal .c-pouch .p-point {
    position: relative;
    border-radius: 10px;
    background: #fbecce;
}
#isocal .c-pouch .p-point .point_title {
    position: absolute;
    top: -2.4em;
    left: 0;
    width: 100%;
    font-size: 21px;
    line-height: 1;
}
#isocal .c-pouch .p-point .point_title .t {
    display: inline-block;
    position: relative;
    padding: 0 2em;
    color: #915000;
}
#isocal .c-pouch .p-point .point_title b {
    font-size: 133%;
}
#isocal .c-pouch .p-point .point_title svg {
    position: absolute;
    bottom: .5em;
    width: 1.5em;
    height: auto;
    fill: currentcolor;
}
#isocal .c-pouch .p-point .point_title svg:first-child {
    left: 0;
}
#isocal .c-pouch .p-point .point_title svg:last-child {
    right: 0;
}
#isocal .c-pouch .p-point .point_title .pouch_title {
    width: 168px;
}
#isocal .c-pouch .p-point .point_title .main {
    position: relative;
    top: .7em;
}
#isocal .c-pouch .point_list {
    padding: 64px 32px 32px;
    text-align: left;
}
#isocal .c-pouch .point_list li {
    counter-increment: num;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 72px;
    padding: 12px 2em 12px 72px;
    border-radius: 80px;
    color: #915000;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 900;
    letter-spacing: .1em;
    background: #fff;
}
#isocal .c-pouch .point_list li::before {
    content: counter(num);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 24px);
    left: 12px;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    color: #915000;
    font-size: 150%;
    background: #fbecce;
}
#isocal .c-pouch .point_list .phrase {
    white-space: nowrap;
}
#isocal .c-pouch .point_list li:not(:first-child) {
    margin-top: 16px;
}
#isocal .c-pouch .point_list li strong {
    color: #ff7600;
    font-size: 120%;
}
#isocal .c-pouch .point_list li b {
    color: #ff7600;
    font-weight: 900;
}
#isocal .c-pouch .point_list li .note {
    display: block;
    margin-top: .3em;
    font-size: 12px;
    font-weight: normal;
}
@media (max-width: 767px) {
    #isocal .c-pouch .p-point .point_title b {
        display: block;
    }
    #isocal .c-pouch .point_list {
        padding: 104px 16px 32px;
    }
    #isocal .c-pouch .point_list li {
        font-size: 16px;
        padding-left: 56px;
    }
    #isocal .c-pouch .point_list li:not(:first-child) {
        margin-top: 8px;
    }
    #isocal .c-pouch .point_list li::before {
        top: calc(50% - 16px);
        width: 32px;
        height: 32px;
        font-size: 120%;
    }
}
@media (max-width: 479px) {
    #isocal .c-pouch .p-point .point_title {
        font-size: calc(21vw / 4.8);
    }
   #isocal .c-pouch .p-point .point_title .pouch_title {
        width: calc(168vw / 4.8);
    }
    #isocal .c-pouch .point_list {
        padding: calc(104vw / 4.8) calc(16vw / 4.8) 32px;
    }
    #isocal .c-pouch .point_list li {
        font-size: calc(16vw / 4.8);
    }
    #isocal .c-pouch .point_list li .note {
        font-size: 10px;
    }
}


/**
 * カロリー・たんぱく質をカンタン補給
 * ---------------------------------------- */
#isocal .c-pouch .p-lineup {
	margin-top: 96px;
}
#isocal .c-pouch .p-lineup .lineup_title,
#isocal .c-pouch .p-lineup .lineup_copy {
    display: inline-block;
    color: #915000;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: .1em;
}
#isocal .c-pouch .p-lineup .lineup_title {
    padding-block: 1em;
    border-block: 3px solid currentcolor;
}
#isocal .c-pouch .p-lineup .lineup_title b {
    font-size: 116%;
}
#isocal .c-pouch .p-lineup .lineup_copy {
    position: relative;
	margin-top: 56px;
    padding-right: 1.4em;
    padding-left: 1.8em;
    font-size: 33px;
}
#isocal .c-pouch .p-lineup .lineup_copy b {
    font-size: 120%;
}
#isocal .c-pouch .p-lineup .lineup_copy svg {
    position: absolute;
    bottom: 0;
    width: 1.4em;
    height: auto;
    fill: currentcolor;
}
#isocal .c-pouch .p-lineup .lineup_copy svg:first-child {
    left: 0;
}
#isocal .c-pouch .p-lineup .lineup_copy svg:last-child {
    right: 0;
}
@media (max-width: 767px) {
    #isocal .c-pouch .p-lineup .lineup_title,
    #isocal .c-pouch .p-lineup .lineup_copy {
        font-size: 27px;
    }
}
@media (max-width: 479px) {
    #isocal .c-pouch .p-lineup .lineup_title,
    #isocal .c-pouch .p-lineup .lineup_copy {
        font-size: calc(27vw / 4.8);
    }
}

/* :::::: ラインアップ :::::: */
#isocal .c-pouch .product_list {
    max-width: 500px;
    margin: 24px auto 0;
}
#isocal .c-pouch .product_list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#isocal .c-pouch .product_list .image {
	max-width: 168px;
}
#isocal .c-pouch .product_list .shadow {
	display: block;
    position: relative;
}
#isocal .c-pouch .product_list .shadow::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 25%;
	width: 150%;
	height: 10%;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/itj_drink_shadow.png?v=1680177282') center / 100% 100% no-repeat;
}
#isocal .c-pouch .product_list .shadow img {
    position: relative;
}
#isocal .c-pouch .product_list .capsule {
	width: fit-content;
    min-width: 139px;
    margin: 16px auto 0;
	padding: .1em 1em;
	border-radius: 2em;
	color: white;
	font-size: 17px;
	font-weight: 700;
	background: gainsboro;
}
#isocal .c-pouch .product_list .capsule.-coffee {
    background: #016d28;
}
#isocal .c-pouch .product_list .capsule.-chocolate {
    background: #d11025;
}
#isocal .c-pouch .product_list .copy {
    margin-top: 12px;
    color: #915000;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}
#isocal .c-pouch .product_list .c-purchasebutton {
    margin-top: 12px;
    padding: .7em 1.4em;
    font-size: 17px;
}
#isocal .c-pouch .product_list .note {
    margin-top: 8px;
    color: #915000;
    font-size: 12px;
    line-height: 1.2;
}
@media (min-width: 480px) {
    #isocal .c-pouch .product_list {
        display: flex;
        justify-content: space-between;
    }
    #isocal .c-pouch .product_list .item {
        flex-basis: calc(50% - 4px);
    }
}
@media (min-width: 768px) {
    #isocal .c-pouch .product_list .item {
        flex-basis: calc(50% - 40px);
    }
}
@media (max-width: 767px) {
    #isocal .c-pouch .product_list .copy {
        font-size: 14px;
    }
    #isocal .c-pouch .product_list .c-purchasebutton {
        font-size: 15px;
    }
}
@media (max-width: 479px) {
    #isocal .c-pouch .product_list .item:nth-child(n+2) {
        margin-top: 24px;
    }
    #isocal .c-pouch .product_list .note {
        font-size: 10px;
    }
}


/**
 * 握りやすく残量がわかるパウチ設計
 * ---------------------------------------- */
#isocal .c-pouch .p-feature {
	display: flex;
    align-items: center;
    position: relative;
    margin-top: 96px;
    padding: 40px 32px 32px;
    border: 4px solid #fbecce;
    border-radius: 10px;
}
#isocal .c-pouch .p-feature .feature_title {
    position: absolute;
    top: -1.2em;
    left: 0;
    width: 100%;
    color: #915000;
    font-size: 21px;
    line-height: 1.4;
    letter-spacing: .2em;
}
#isocal .c-pouch .p-feature .feature_title span {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
}
#isocal .c-pouch .p-feature .feature_title b {
    font-size: 133%;
}
#isocal .c-pouch .p-feature .text {
    padding: 24px 16px;
    border-radius: 10px;
    background: #fef5e4;
}
#isocal .c-pouch .p-feature .text li {
    margin-right: -.5em;
    padding-left: 1em;
    color: #915000;
    font-size: 16px;
    line-height: 1.5;
    text-indent: -1em;
    text-align: left;
}
#isocal .c-pouch .p-feature .text li:not(:first-child) {
    margin-top: .5em;
}
#isocal .c-pouch .p-feature .text li * {
    text-indent: 0;
}
#isocal .c-pouch .p-feature .text li::before {
    content: "";
    display: inline-block;
    width: .7em;
    height: .7em;
    margin-right: .3em;
    border-radius: .7em;
    letter-spacing: .1em;
    background: currentcolor;
}
#isocal .c-pouch .p-feature .text li strong {
    color: #ff7600;
    font-size: 120%;
}
#isocal .c-pouch .p-feature .text li .note {
    display: block;
    font-size: 12px;
}
#isocal .c-pouch .p-feature .image {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
#isocal .c-pouch .p-feature .image .img img {
    border-radius: 8px;
}
#isocal .c-pouch .p-feature .image .bln {
    margin-left: -48px;
    text-align: right;
}
#isocal .c-pouch .p-feature .image figcaption {
    margin-top: .3em;
    color: #915000;
    font-size: 14px;
    white-space: nowrap;
}
@media (min-width: 768px) {
    #isocal .c-pouch .p-feature {
        justify-content: space-between;
    }
    #isocal .c-pouch .p-feature .text {
        flex-basis: 47%;
    }
    #isocal .c-pouch .p-feature .image {
        flex-basis: 53%;
    }
}
@media (min-width: 768px) and (max-width: 936px) {
    #isocal .c-pouch .p-feature {
        padding-inline: calc(32vw / 8.36);
    }
    #isocal .c-pouch .p-feature .image {
        padding-left: calc(24vw / 9.36);
    }
    #isocal .c-pouch .p-feature .image .img {
        width: calc(150vw / 9.36);
    }
    #isocal .c-pouch .p-feature .image .bln {
        width: calc(224vw / 9.36);
        margin-left: calc(-48vw / 9.36);
    }
    #isocal .c-pouch .p-feature .image figcaption {
        font-size: calc(14vw / 9.36);
        white-space: nowrap;
    }
}
@media (max-width: 767px) {
    #isocal .c-pouch .p-feature {
        flex-direction: column;
        padding-top: 72px;
        padding-inline: calc(32vw / 8.36);
    }
    #isocal .c-pouch .p-feature .feature_title {
        font-size: 20px;
        letter-spacing: 0;
    }
    #isocal .c-pouch .p-feature .image {
        order: -1;
    }
    #isocal .c-pouch .p-feature .image figcaption {
        letter-spacing: 0;
    }
    #isocal .c-pouch .p-feature .text {
        margin-top: 24px;
    }
}
@media (max-width: 479px) {
    #isocal .c-pouch .p-feature .feature_title {
        font-size: calc(20vw / 4.8);
        letter-spacing: inherit;
    }
    #isocal .c-pouch .p-feature .image .img {
        flex-basis: 50%;
    }
    #isocal .c-pouch .p-feature .image .bln {
        flex-basis: calc(50% + 48vw / 4.8);
        margin-left: calc(-48vw / 4.8);
    }
    #isocal .c-pouch .p-feature .image .img img {
        max-width: calc(160vw / 4.8);
    }
    #isocal .c-pouch .p-feature .image .bln img {
        max-width: calc(220vw / 4.8);
    }
    #isocal .c-pouch .p-feature .image figcaption {
        font-size: calc(14vw / 4.8);
    }
   #isocal .c-pouch .p-feature .text li {
       font-size: calc(16vw / 4.8);
   }
    #isocal .c-pouch .p-feature .text li .note {
        font-size: 10px;
    }
}

/* :::::: 商品の詳細を見る :::::: */
#isocal .c-pouch .p-lineup .c-button {
    margin: 56px auto 0;
    border-color: #915000;
    background: #915000;
}
#isocal .c-pouch .p-lineup .c-button::after {
    margin-top: .1em;
    border-width: 8px 4px 0 4px;
    border-top-color: currentcolor;
}
@media (hover: hover) {
    #isocal .c-pouch .p-lineup .c-button:hover {
        color: #915000;
        background: #fff;
    }
}


/**
 * カンタン・手軽・便利
 * ---------------------------------------- */
#isocal .c-pouch .p-scene {
    position: relative;
    margin-top: 96px;
    padding: 64px 48px 48px;
    border-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/itj_scene_bg.svg?v=1679466158') fill 22 / 160px / 0 round;
}
#isocal .c-pouch .p-scene .scene_title {
    position: absolute;
    top: -2.4em;
    left: 0;
    width: 100%;
    color: #915000;
    font-size: 21px;
    line-height: 1;
}
#isocal .c-pouch .p-scene .scene_title b {
    font-size: 133%;
}
#isocal .c-pouch .p-scene .scene_title .pouch_title {
    width: 184px;
}
#isocal .c-pouch .p-scene .scene_title .main {
    position: relative;
    top: .7em;
}
#isocal .c-pouch .p-scene .scene_title .t {
    display: inline-block;
    position: relative;
    padding: 0 2em;
    color: #915000;
}
#isocal .c-pouch .p-scene .scene_title svg {
    position: absolute;
    bottom: .5em;
    width: 1.5em;
    height: auto;
    fill: currentcolor;
}
#isocal .c-pouch .p-scene .scene_title svg:first-child {
    left: 0;
}
#isocal .c-pouch .p-scene .scene_title svg:last-child {
    right: 0;
}
#isocal .c-pouch .scene_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 640px;
    margin: 0 auto;
}
#isocal .c-pouch .scene_list li {
    display: flex;
    align-items: center;
}
#isocal .c-pouch .scene_list li:nth-child(n+2) {
    margin-top: 16px;
}
#isocal .c-pouch .scene_list li img {
    border-radius: 50%;
    box-shadow: 8px 8px 0 #fef0d7;
}
#isocal .c-pouch .scene_list p {
    margin-top: .7em;
    color: #915000;
    font-size: 17px;
    line-height: 1.5;
    text-align: left;
}
#isocal .c-pouch .p-scene .note {
    display: block;
    margin-top: 24px;
    color: #915000;
    font-size: 12px;
}
@media (min-width: 768px) {
    #isocal .c-pouch .scene_list li {
        flex-direction: column;
        flex-basis: calc(50% - 24px);
    }
    #isocal .c-pouch .scene_list li:first-child {
        margin: 0 20%;
    }
}
@media (max-width: 767px) {
    #isocal .c-pouch .p-scene {
        padding-inline: 24px;
        border-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/itj_scene_bg.svg?v=1679466158') fill 22 / 80px / 0 round;
    }
    #isocal .c-pouch .scene_list {
        flex-direction: column;
        padding-top: 48px;
    }
    #isocal .c-pouch .scene_list li {
        justify-content: center;
    }
    #isocal .c-pouch .scene_list p {
        max-width: 10em;
        margin-left: 16px;
        font-size: 16px;
    }
}
@media (max-width: 479px) {
    #isocal .c-pouch .p-scene {
        padding-inline: calc(24vw / 4.8);
        border-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/itj_scene_bg.svg?v=1679466158') fill 22 / 62px / 0 round;
    }
    #isocal .c-pouch .p-scene .scene_title {
        font-size: calc(21vw / 4.8);
    }
    #isocal .c-pouch .p-scene .scene_title .pouch_title {
        width: calc(184vw / 4.8);
    }
    #isocal .c-pouch .scene_list {
        padding-top: calc(48vw / 4.8);
    }
    #isocal .c-pouch .scene_list figure {
        min-width: 100px;
    }
    #isocal .c-pouch .scene_list p {
        font-size: 14px;
    }
    #isocal .c-pouch .p-scene .note {
        font-size: 10px;
    }
}


/**
 * 物性へのこだわり
 * ---------------------------------------- */
#isocal .p-enge {
	position: relative;
	margin-top: 200px;
	padding: 48px;
	border: 4px solid #fbecce;
	border-radius: 10px;
}
#isocal .p-enge .enge_title {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	bottom: calc(100% - 1em);
	left: 0;
	width: 100%;
	font-size: 33px;
}
#isocal .p-enge .enge_title > * {
	background: #fff;
}
#isocal .p-enge .enge_title .pouch_title {
	max-width: 200px;
}
#isocal .p-enge .enge_title .main {
	padding: 0 .5em;
	border-bottom: 3px solid currentcolor;
	color: #915000;
}
#isocal .p-enge .enge_title .main b {
	font-size: 120%;
}
#isocal .p-enge .lead {
	color: #915000;
	font-weight: 700;
	font-size: 28px;
	font-family: "M PLUS 1p", sans-serif;
	line-height: 1.5;
}
#isocal .p-enge .lead sup {
	vertical-align: super;
}
#isocal .p-enge .note {
	font-size: 12px;
	text-align: right;
}
#isocal .p-enge .mark {
	display: flex;
	align-items: end;
	justify-content: center;
	column-gap: .5em;
	margin-top: 1em;
}
#isocal .p-enge .mark img {
	width: 120px;
}
#isocal .p-enge .mark small {
	font-size: 14px;
}
#isocal .p-enge .labeling {
	display: grid;
	column-gap: .5em;
	margin-top: 1em;
	font-size: 18px;
}
#isocal .p-enge .labeling dt {
	padding: .25em .75em;
	border: 1px solid currentcolor;
}
#isocal .p-enge .labeling dd {
	text-align: left;
	font-size: 112%;
}
#isocal .p-enge .labeling strong {
	color: #ff7600;
	font-weight: 600;
	font-size: 144%;
	font-family: "M PLUS 1p", sans-serif;
}
@media (min-width: 768px) {
	#isocal .p-enge .labeling {
		grid-template-columns: 6em auto;
		align-items: start;
		justify-content: center;
	}
	#isocal .p-enge .lead {
		margin-inline: -.5em;
		white-space: nowrap;
	}
}
@media (max-width: 767px) {
	#isocal .p-enge {
		margin-top: 160px;
		padding-inline: calc(16vw / 4.8);
	}
	#isocal .p-enge .enge_title {
		font-size: calc(24vw / 4.8);
	}
	#isocal .p-enge .lead {
		font-size: calc(20vw / 4.8);
	}
	#isocal .p-enge .note {
		font-size: calc(10vw / 4.8);
	}
	#isocal .p-enge .mark small {
		font-size: calc(12vw / 4.8);
	}
	#isocal .p-enge .labeling {
		justify-items: start;
		row-gap: .25em;
		width: fit-content;
		margin-inline: auto;
		font-size: calc(16vw / 4.8);
	}
	#isocal .p-enge .labeling dt {
		padding-block: .1em;
	}
	#isocal .p-enge .labeling strong {
		font-size: 120%;
	}
}
/* えん下調整食分類2021コード2-1に相当 */
#isocal .p-enge .code {
	margin-top: 32px;
	padding: 40px;
	font-size: 18px;
	background: #fff9ef;
}
#isocal .p-enge .code_title {
	padding: .25em .75em;
	border-radius: 2em;
	color: white;
	background: #915000;
}
#isocal .p-enge .code_table {
	display: grid;
	grid-template-columns: 8em 1fr;
	margin-top: 1em;
	font-size: 16px;
}
#isocal .p-enge .code_table dt,
#isocal .p-enge .code_table dd {
	padding: .25em .75em;
}
#isocal .p-enge .code_table dt {
	grid-column: 1;
	display: grid;
	place-items: center;
	color: #915000;
	font-weight: 700;
	background: #fbecce;
}
#isocal .p-enge .code_table dd {
	grid-column: 2;
	text-align: left;
}
#isocal .p-enge .pyramid {
	margin-top: 32px;
}
#isocal .p-enge .pyramid figcaption {
	font-size: 12px;
	text-align: right;
}
@media (max-width: 479px) {
	#isocal .p-enge .code {
		margin-top: calc(24vw / 4.8);
		padding: calc(24vw / 4.8) calc(16vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	#isocal .p-enge .code_table {
		font-size: calc(13vw / 4.8);
	}
	#isocal .p-enge .pyramid figcaption {
		font-size: calc(10vw / 4.8);
	}
}


/**
 * 食べやすさのポイント
 * ---------------------------------------- */
#isocal .c-pouch .p-udf {
    position: relative;
    margin-top: 200px;
    padding: 48px;
    border: 4px solid #fbecce;
    border-radius: 10px;
}
#isocal .c-pouch .p-udf .udf_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: calc(100% - 1em);
    left: 0;
    width: 100%;
    font-size: 33px;
}
#isocal .c-pouch .p-udf .udf_title > * {
    background: #fff;
}
#isocal .c-pouch .p-udf .udf_title .pouch_title {
    max-width: 200px;
}
#isocal .c-pouch .p-udf .udf_title .main {
    padding: 0 .5em;
    border-bottom: 3px solid currentcolor;
    color: #915000;
}
#isocal .c-pouch .p-udf .udf_title .main b {
    font-size: 120%;
}
#isocal .c-pouch .p-udf .lead {
    margin-top: 32px;
    color: #915000;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .1em;
}
#isocal .c-pouch .p-udf .lead small {
    font-size: smaller;
}
#isocal .c-pouch .p-udf .lead strong {
    color: #ff7600;
    font-size: 130%;
}
#isocal .c-pouch .p-udf .udf {
    margin-top: 32px;
}
#isocal .c-pouch .p-udf .udf_table {
    margin-top: 64px;
    padding: 40px;
    background: #fff9ef;
}
#isocal .c-pouch .p-udf .udf_table .lead {
    max-width: 400px;
    margin: 0 auto;
    font-size: 15px;
    text-align: left;
}
#isocal .c-pouch .p-udf .udf_table .lead + .lead {
    margin-top: 24px;
}
#isocal .c-pouch .p-udf .udf_table .lead span {
    padding-bottom: .2em;
    border-bottom: 1px solid #f4e9d9;
}
@media (max-width: 767px) {
    #isocal .c-pouch .p-udf {
        padding-inline: 16px;
    }
    #isocal .c-pouch .p-udf .udf_title {
        font-size: 24px;
    }
    #isocal .c-pouch .p-udf .udf_table {
        padding-inline: 16px;
    }
}
@media (max-width: 479px) {
    #isocal .c-pouch .p-udf {
        margin-top: 160px;
        padding-inline: calc(16vw / 4.8);
    }
    #isocal .c-pouch .p-udf .udf_title {
        font-size: calc(24vw / 4.8);
    }
    #isocal .c-pouch .p-udf .lead,
    #isocal .c-pouch .p-udf .udf_table .lead {
        font-size: 14px;
    }
    #isocal .c-pouch .p-udf .udf_table {
        margin-top: 32px;
        padding-inline: calc(16vw / 4.8);
    }
}

/* :::::: テーブル :::::: */
#isocal .c-pouch .p-udf .table_title,
#isocal .c-pouch .p-udf .table_lead,
#isocal .c-pouch .p-udf .table_note {
    display: inline-block;
    color: #915000;
    line-height: 1.6;
}
#isocal .c-pouch .p-udf .table_title {
    margin-top: 48px;
    padding-bottom: .3em;
    border-bottom: 3px solid currentcolor;
    font-size: 22px;
    line-height: 1.4;
    text-align: center;
}
#isocal .c-pouch .p-udf .table_lead {
    max-width: 464px;
    margin-top: 24px;
    font-size: 15px;
    text-align: left;
}
#isocal .c-pouch .p-udf .table_note {
    display: inline-block;
    margin-top: .5em;
    padding-left: 1em;
    font-size: 11px;
    font-weight: 500;
    text-indent: -1em;
    text-align: left;
}
@media (max-width: 479px) {
     #isocal .c-pouch .p-udf .table_title {
        font-size: 20px;
    }
   #isocal .c-pouch .p-udf .table_note {
        font-size: 10px;
    }
}
#isocal .c-pouch .p-udf .udf_table .table_wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin-top: 24px;
}
#isocal .c-pouch .p-udf .udf_table table {
    min-width: 420px;
    border: 3px solid #ea5504;
    border-radius: 10px;
    border-spacing: 0;
    font-size: 12px;
    line-height: 1.2;
    background: #fff9ef;
    display: block;
}
#isocal .c-pouch .p-udf .udf_table .white {
    background: #fff9ef;
}
#isocal .c-pouch .p-udf .udf_table .bite {
    background: linear-gradient(to right, #bde1d6, #eaf6f9);
}
#isocal .c-pouch .p-udf .udf_table .gulp {
    background: linear-gradient(to right, #afc8e9, #dfeefa);
}
#isocal .c-pouch .p-udf .udf_table .rice {
    background: linear-gradient(to right, #f7c7c6, #fdede4);
}
#isocal .c-pouch .p-udf .udf_table .egg {
    background: linear-gradient(to right, #d8e698, #fbf9d0);
}
#isocal .c-pouch .p-udf .udf_table .potato {
    background: linear-gradient(to right, #dcc080, #f8f3ea);
}
#isocal .c-pouch .p-udf .udf_table .ex img {
    border-radius: 8px;
}
#isocal .c-pouch .p-udf .udf_table .-v {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: 1;
	white-space: nowrap;
}
#isocal .c-pouch .p-udf .udf_table .-s {
    font-size: smaller;
}
#isocal .c-pouch .p-udf .udf_table thead th {
    width: 20%;
}
#isocal .c-pouch .p-udf .udf_table th,
#isocal .c-pouch .p-udf .udf_table td {
    padding: .3em;
}
#isocal .c-pouch .p-udf .udf_table .bite th {
    color: #00913a;
    font-size: larger;
}
#isocal .c-pouch .p-udf .udf_table .gulp th {
    color: #036eb8;
    font-size: larger;
}
#isocal .c-pouch .p-udf .udf_table thead th,
#isocal .c-pouch .p-udf .udf_table tr:not(:last-child) th,
#isocal .c-pouch .p-udf .udf_table tr:not(:last-child) td {
    border-bottom: 1px solid #ea5504;
}
#isocal .c-pouch .p-udf .udf_table th:not(:last-child),
#isocal .c-pouch .p-udf .udf_table td:not(:last-child) {
    border-right: 1px solid #ea5504;
}
#isocal .c-pouch .p-udf .udf_table .upper th:first-child {
    border-bottom: 0;
}
#isocal .c-pouch .p-udf .udf_table .note,
#isocal .c-pouch .p-udf .udf_table .link {
    margin-top: .3em;
    font-size: 10px;
    line-height: 1.2;
}
#isocal .c-pouch .p-udf .udf_table .note {
    text-align: right;
}
#isocal .c-pouch .p-udf .udf_table .link {
   margin-top: 1.5em;
}
#isocal .c-pouch .p-udf .udf_table .textlink {
   font-weight: inherit;
}


/**
 * 栄養成分表
 * ---------------------------------------- */
#isocal .c-pouch.p-pouch .p-notes {
	margin: 96px -32px 0;
    padding: 64px 48px;
    border-radius: 0 0 12px 12px;
	background: #fbecce;
}
#isocal .c-pouch.p-pouch .p-notes .c-purchasebutton {
    margin-top: 48px;
}
@media (max-width: 1240px) {
	#isocal .c-pouch.p-pouch .p-notes {
		margin-inline: calc(-32vw / 12.4);
        padding-inline: calc(48vw / 12.4);
	}
}
@media (max-width: 479px) {
	#isocal .c-pouch.p-pouch .p-notes {
		margin-top: 48px;
        margin-inline: calc(-16vw / 4.8);
        padding-block: 48px;
	}
    #isocal .c-pouch.p-pouch .p-notes .c-purchasebutton {
        margin-top: 24px;
    }
}

/* :::::: タブコンテンツ (※ただしモバイルではプルダウンコンテンツ) :::::: */
#isocal .c-pouch .tabs_button button {
	color: #915000;
    line-height: 1.2;
	background: #d6bea0;
}
@media (min-width: 768px) {
	#isocal .c-pouch .tabs_button.is-active button {
		color: #fff;
        background: #915000;
	}
	#isocal .c-pouch .tabs_button.is-active::after {
		border-top-color: #915000;
	}
}
@media (max-width: 767px) {
	#isocal .c-pouch .tabs_button .ico {
		background: #ffbc00;
	}
}

/* :::::: 栄養成分表 :::::: */
#isocal .c-pouch .-ingredient table {
    table-layout: fixed;
}
#isocal .c-pouch .-ingredient table .however,
#isocal .c-pouch .-ingredient table tbody tr:nth-child(2n+1) {
	background: #f5ede5;
}
#isocal .c-pouch .-ingredient table th,
#isocal .c-pouch .-ingredient table td {
    padding: .3em 1.5em;
    border-color: #915000;
    color: #915000;
    text-align: center;
}
#isocal .c-pouch .-ingredient table .nutrient {
    text-align: left;
}
#isocal .c-pouch .-ingredient table .unit {
    text-align: right;
}
#isocal .c-pouch .-ingredient .group tr:not(:first-of-type) th,
#isocal .c-pouch .-ingredient .group tr:not(:first-of-type) td {
    border-top-style: dotted;
}
#isocal .c-pouch .-ingredient .group tr:not(:last-of-type) th,
#isocal .c-pouch .-ingredient .group tr:not(:last-of-type) td {
    border-bottom-style: dotted;
}
#isocal .c-pouch .-ingredient table .group tr .type ~ th,
#isocal .c-pouch .-ingredient table .group tr .type ~ td {
    border-top-style: solid;
}
#isocal .c-pouch .-ingredient table .group tr .-w,
#isocal .c-pouch .-ingredient table .group tr .type {
    border-bottom-style: solid;
}
/* レイアウト */
#isocal .c-pouch .-ingredient table .name {
	width: 50%;
}
#isocal .c-pouch .-ingredient table .however {
	width: 50%;
}
#isocal .c-pouch .-ingredient table .-w {
    width: 6em;
    padding: .8em;
    text-align: center;
    background: #fff;
}
#isocal .c-pouch .-ingredient table .type {
    width: 3em;
    padding: 1em;
    text-align: center;
}
#isocal .c-pouch .-ingredient table .-v {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: 1;
	white-space: nowrap;
}
@media (min-width: 480px) {
    #isocal .c-pouch .-ingredient .note {
        display: flex;
        justify-content: space-between;
    }
}
@media (max-width: 767px) {
    #isocal .c-pouch .-ingredient .c-tablewrap {
        border-right: 0;
    }
    #isocal .c-pouch .-ingredient table {
        border-right: 1px solid #915000;
        table-layout: auto;
    }
}

/* :::::: 主な原材料 / 使用上・取り扱い上の注意 / 包装および賞味期限 :::::: */
#isocal .c-pouch .tabs_content .dl_notes dt {
	color: #915000;
    background: #d6bea0;
}
#isocal .c-pouch .tabs_content .dl_notes {
	color: #915000;
}
#isocal .c-pouch .tabs_content .dl_notes li::before {
	color: currentcolor;
}


/**
 * ネスレのアイソカル® シリーズ
 * ---------------------------------------- */
#isocal .c-pouch .p-series {
	text-align: center;
}
#isocal .c-pouch .p-series .series_title {
	position: relative;
    display: inline-block;
    padding: 0 1.4em;
    color: #1e2280;
    font-size: 39px;
    line-height: 1.2;
    white-space: nowrap;
}
#isocal .c-pouch .p-series .series_title svg {
    position: absolute;
    bottom: 0;
    width: 1.2em;
    height: auto;
    fill: currentcolor;
}
#isocal .c-pouch .p-series .series_title svg:first-child {
    left: 0;
}
#isocal .c-pouch .p-series .series_title svg:last-child {
    right: 0;
}
@media (min-width: 768px) and (max-width: 999px) {
    #isocal .c-pouch .p-series .series_title {
	    font-size: 3.9vw;
    }
}
@media (max-width: 767px) {
    #isocal .c-pouch .p-series .series_title {
	    font-size: calc(32vw / 4.8);
    }
}

#isocal .c-pouch .p-series .section_inner {
	max-width: 840px;
	margin-top: 16px;
	padding: 64px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-pouch .p-series .lineup_title {
	display: inline-block;
	position: relative;
    margin-left: .3em;
	padding-bottom: 8px;
	color: #1f2880;
	font-weight: 700;
}
#isocal .c-pouch .p-series .lineup_title::before,
#isocal .c-pouch .p-series .lineup_title::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 74px;
	height: 87px;
	background: center / cover no-repeat;
}
#isocal .c-pouch .p-series .lineup_title::before {
	right: 100%;
	background-image: url(../img/lineup_title_l.svg);
}
#isocal .c-pouch .p-series .lineup_title::after {
	left: calc(100% - .5em);
	background-image: url(../img/lineup_title_r.svg);
}
#isocal .c-pouch .p-series .lineup_title b {
	font-weight: 900;
}
#isocal .c-pouch .p-series .lineup_title b .mplus {
	font-weight: 800;
}
@media (min-width: 768px) {
	#isocal .c-pouch .p-series .lineup_title {
		font-size: calc(32vw / 9);
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-pouch .p-series .section_inner {
		padding: 64px 6.4vw;
	}
}
@media (min-width: 900px) {
	#isocal .c-pouch .p-series .lineup_title {
		font-size: 32px;
	}
}
@media (max-width: 767px) {
	#isocal .c-pouch .p-series .section_inner {
		padding: 48px calc(20vw / 4.8) 24px;
	}
	#isocal .c-pouch .p-series .lineup_title {
		font-size: calc(22vw / 4.8);
	}
}

/* 累計販売数1億個突破！ */
#isocal .c-pouch .p-series .badge {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -80px;
	left: -120px;
	width: 164px;
	height: 164px;
	border-radius: 164px;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	font-weight: 900;
	background: #1f2880;
}
#isocal .c-pouch .p-series .badge strong {
	font-size: 150%;
}
#isocal .c-pouch .p-series .badge .num {
	position: relative;
	top: .06em;
	font-size: 150%;
	letter-spacing: -.05em;
}
#isocal .c-pouch .p-series .badge sup {
	position: relative;
	top: -.1em;
	font-size: 10px;
	vertical-align: text-top;
}
#isocal .c-pouch .p-series .badge .type {
	margin-top: .5em;
	font-size: 10px;
	font-weight: 500;
}
#isocal .c-pouch .p-series .note {
	display: inline-block;
	margin-top: 8px;
	font-size: 12px;
	color: #1f2880;
}
@media (max-width: 767px) {
	#isocal .c-pouch .p-series .badge {
		top: calc(-96vw / 4.8);
		left: calc(-56vw / 4.8);
		width: calc(128vw / 4.8);
		height: calc(128vw / 4.8);
		border-radius: calc(128vw / 4.8);
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 479px) {
	#isocal .c-pouch .p-series .note {
		margin-top: 8px;
		font-size: 10px;
		letter-spacing: 0;
	}
}

/* タイプ */
#isocal .c-pouch .p-series .lineup_section {
	position: relative;
}
#isocal .c-pouch .p-series .lineup_section + .lineup_section {
	margin-top: 40px;
}
#isocal .c-pouch .p-series .lineup_jelly,
#isocal .c-pouch .p-series .lineup_drink {
	padding: 48px 40px;
	border-radius: 12px;
}
#isocal .c-pouch .p-series .lineup_jelly {
	background: #e9f3ff;
}
#isocal .c-pouch .p-series .lineup_jelly .jelly_type {
	margin-top: 24px;
	padding: .5em 1em;
	border-radius: 2em;
	color: #1e2280;
	font-size: 27px;
	line-height: 1.2;
	font-weight: 900;
	background: #fff;
}
#isocal .c-pouch .p-series .lineup_drink {
	padding-bottom: 24px;
	background: #fff0d7;
}
#isocal .c-pouch .p-series .lineup_jelly .jelly_list {
	position: relative;
	margin-top: 24px;
}
#isocal .c-pouch .p-series .lineup_jelly .name,
#isocal .c-pouch .p-series .lineup_drink .name {
	color: #1f2880;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
}
#isocal .c-pouch .p-series .lineup_jelly .name b,
#isocal .c-pouch .p-series .lineup_drink .name b {
	font-size: 133%;
}
#isocal .c-pouch .p-series .lineup_jelly .shadow,
#isocal .c-pouch .p-series .lineup_drink .shadow {
	position: relative;
	display: inline-block;
}
#isocal .c-pouch .p-series .lineup_jelly .photo img,
#isocal .c-pouch .p-series .lineup_drink .photo img {
	position: relative;
}
@media (min-width: 768px) {
	#isocal .c-pouch .p-series .lineup_jelly .jelly_type.-pouch {
		margin-top: 48px;
	}
	#isocal .c-pouch .p-series .lineup_jelly .name,
	#isocal .c-pouch .p-series .lineup_drink .name {
		margin-top: 12px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-pouch .p-series .lineup_jelly,
	#isocal .c-pouch .p-series .lineup_drink {
		padding: 48px 4vw;
	}
	#isocal .c-pouch .p-series .lineup_jelly .name,
	#isocal .c-pouch .p-series .lineup_drink .name {
		font-size: 1.5vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-pouch .p-series .lineup_jelly,
	#isocal .c-pouch .p-series .lineup_drink {
		padding: calc(32vw / 4.8) calc(20vw / 4.8) 24px;
	}
	#isocal .c-pouch .p-series .lineup_jelly {
		padding-top: calc(40vw / 4.8);
	}
	#isocal .c-pouch .p-series .lineup_jelly .jelly_type {
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-pouch .p-series .lineup_jelly .jelly_type.-cup {
		margin-top: 16px;
	}
	#isocal .c-pouch .p-series .lineup_jelly .jelly_list.-pouch {
		margin-top: 8px;
	}
	#isocal .c-pouch .p-series .lineup_jelly .name,
	#isocal .c-pouch .p-series .lineup_drink .name {
		font-size: calc(17vw / 4.8);
	}
}

/* ゼリータイプ */
#isocal .c-pouch .p-series .lineup_type {
	position: absolute;
	top: -1em;
	width: 100%;
	color: #1f2880;
	font-size: 29px;
}
#isocal .c-pouch .p-series .lineup_type .underline {
	padding-bottom: .2em;
	border-bottom: 2px solid currentcolor;
}
#isocal .c-pouch .p-series .lineup_type b {
	font-size: 124%;
}
@media (max-width: 767px) {
	#isocal .c-pouch .p-series .lineup_type {
		font-size: calc(26vw / 4.8);
	}
}

/* カップゼリー */
#isocal .c-pouch .p-series .lineup_cup {
	display: flex;
}
#isocal .c-pouch .p-series .lineup_cup .shadow::before {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 10%;
	width: 80%;
	height: 80px;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/jelly_shadow.png?37250) center / 100% 100% no-repeat;
}
#isocal .c-pouch .p-series .lineup_cup .is-comingsoon {
	position: relative;
}
#isocal .c-pouch .p-series .lineup_cup .is-comingsoon::after {
	content: "Coming Soon";
	color: #3aa1df;
	font-size: 20px;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 900;
	white-space: nowrap;
	text-shadow: 0 4px 4px white, 4px 0 4px white, 0 -4px 4px white, -4px 0 4px white,
		4px 4px 4px white, 4px -4px 4px white, -4px -4px 4px white, -4px 4px 4px white;
}
#isocal .c-pouch .p-series .lineup_cup .is-comingsoon .photo {
	opacity: .3;
	pointer-events: none;
}
@media (min-width: 768px) {
	#isocal .c-pouch .p-series .lineup_cup {
		align-items: flex-end;
	}
	#isocal .c-pouch .p-series .lineup_cup .item {
		flex-basis: calc(30% - 24px);
	}
	#isocal .c-pouch .p-series .lineup_cup .item:first-child {
		flex-basis: calc(40% - 24px);
	}
	#isocal .c-pouch .p-series .lineup_cup .item:nth-child(n+2) {
		margin-left: 36px;
	}
	#isocal .c-pouch .p-series .lineup_cup .is-comingsoon::after {
		position: absolute;
		top: calc(32% - 1em);
		left: 0;
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-pouch .p-series .lineup_cup .item
	#isocal .c-pouch .p-series .lineup_cup .item:first-child {
		max-width: calc(33.3333% - 2.4vw);
	}
}
@media (max-width: 767px) {
	#isocal .c-pouch .p-series .lineup_cup {
		flex-direction: column;
		align-items: center;
	}
	#isocal .c-pouch .p-series .lineup_cup .item {
		display: -ms-grid;
		display: grid;
	}
	#isocal .c-pouch .p-series .lineup_cup .item:nth-child(n+2) {
		margin-top: 16px;
	}
	#isocal .c-pouch .p-series .lineup_cup .photo,
	#isocal .c-pouch .p-series .lineup_cup .is-comingsoon::after {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
		grid-area: 1 / 1 / 3 / 2;
		margin-right: calc(16vw / 4.8);
	}
	#isocal .c-pouch .p-series .lineup_cup .name {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: 1 / 2 / 2 / 3;
		align-self: flex-end;
	}
	#isocal .c-pouch .p-series .lineup_cup .c-button {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: 2 / 2 / 3 / 3;
	}
	#isocal .c-pouch .p-series .lineup_cup .is-comingsoon::after {
		z-index: 1;
		align-self: center;
		font-size: calc(20vw / 4.8);
	}
}

/* ドリンクタイプ */
#isocal .c-pouch .p-series .lineup_drink .item {
	display: -ms-grid;
	display: grid;
	justify-content: center;
}
#isocal .c-pouch .p-series .lineup_drink .photo {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 1;
	grid-area: 1 / 1 / 3 / 2;
	margin-right: 36px;
}
#isocal .c-pouch .p-series .lineup_drink .name {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: 1 / 2 / 2 / 3;
	align-self: flex-end;
}
#isocal .c-pouch .p-series .lineup_drink .c-button {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	grid-area: 2 / 2 / 3 / 3;
}
#isocal .c-pouch .p-series .lineup_drink .shadow {
	max-width: 114px;
}
#isocal .c-pouch .p-series .lineup_drink .shadow::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 10%;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/itj_drink_shadow.png?v=1680177282') center / 100% 100% no-repeat;
}
@media (max-width: 767px) {
	#isocal .c-pouch .p-series .lineup_drink .photo {
		margin-right: calc(16vw / 4.8);
	}
	#isocal .c-pouch .p-series .lineup_drink .name {
		margin-top: .5em;
	}
	#isocal .c-pouch .p-series .lineup_drink .shadow {
		max-width: 80%;
	}
}

/* 詳細はこちら */
#isocal .c-pouch .p-series .c-button {
	width: 11em;
	height: 2em;
	margin: .8em auto 0;
	padding: .3em 0 .4em .5em;
	font-size: 14px;
}
#isocal .c-pouch .p-series .c-button::after {
	border-width: .2em 0 .2em .4em;
}


/**
 * Special contents
 * ---------------------------------------- */
#isocal .c-pouch .p-specon {
    position: relative;
    margin-top: 40px;
    text-align: center;
    background: #bcd0f3;
}
#isocal .c-pouch .p-specon .specon_ribbon {
    position: absolute;
    top: -32px;
    left: 0;
    width: 100%;
}


/**
 * 「アイソカル®100」固有スタイル
 * ---------------------------------------- */
body #isocal .p-isocal100 {
	background: #f7f7f7;
}
#isocal .p-isocal100 .p-products {
    display: inherit;
    max-width: inherit;
}
#isocal .p-isocal100 .section_inner .title {
    font-family: "Noto Sans JP", sans-serif;
}

/* banner */
#isocal .p-isocal100 .p-strawbnr {
	margin: 24px auto 48px;
}
#isocal .p-isocal100 .p-strawbnr img {
	border-radius: 10px;
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .p-strawbnr {
		max-width: calc(740vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .p-isocal100 .p-strawbnr {
		max-width: 740px;
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .p-strawbnr {
		max-width: 417px;
		margin-bottom: 24px;
	}
}

#isocal .p-isocal100 .concept_inner,
#isocal .p-isocal100 .products_inner {
	max-width: calc(1100px - 128px);
}
#isocal .p-isocal100 .concept_inner,
#isocal .p-isocal100 .products_inner {
	position: relative;
	margin: 0 auto;
}

#isocal .p-isocal100 {}
#isocal .p-isocal100 .keyvisual {
	z-index: 3;
	position: relative;
}
#isocal .p-isocal100 .keyvisual .badge {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	bottom: -5%;
	left: 24%;
	width: calc(156vw / 12.8);
	height: calc(156vw / 12.8);
	padding-top: .5em;
	border-radius: 200px;
	color: #fff;
	font-size: calc(22vw / 12.8);
	line-height: 1.4;
	font-weight: 900;
	letter-spacing: 0;
	text-align: center;
	background: #ff571c;
}
#isocal .p-isocal100 .keyvisual figcaption {
	position: absolute;
	top: 69%;
	left: 40%;
	padding-left: 1em;
	color: #13216a;
	font-size: calc(12vw / 12.4);
	line-height: 1.4;
	text-indent: -1em;
}
@media (min-width: 1240px) {
	#isocal .p-isocal100 .keyvisual figcaption {
		font-size: 12px;
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .keyvisual .badge {
		bottom: 25%;
		left: 1%;
		width: calc(104vw / 4.8);
		height: calc(104vw / 4.8);
		border-radius: calc(104vw / 4.8);
		font-size: calc(15vw / 4.8);
	}
	#isocal .p-isocal100 .keyvisual figcaption {
		top: 81%;
		left: 45%;
		font-size: calc(10vw / 4.8);
	}
}

/* title */
#isocal .p-isocal100 .c-bladetitle {
	display: inline-block;
	position: relative;
	padding: .5em;
	color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.6;
}
#isocal .p-isocal100 .c-bladetitle::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 0;
	left: -8%;
	width: 116%;
	height: 100%;
	background: #212b62;
	transform: skewX(-20deg);
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .c-bladetitle {
		margin-left: -64px;
		padding-left: 64px;
		font-size: calc(32vw / 12.4);
	}
}
@media (min-width: 1240px) {
	#isocal .p-isocal100 .c-bladetitle {
		padding-left: calc(50% - 556px + 64px);
		font-size: 32px;
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .c-bladetitle {
		margin-left: calc(-32vw / 4.8);
		padding-left: calc(32vw / 4.8);
		font-size: calc(25vw / 4.8);
		line-height: 1.5;
	}
}
@media (max-width: 480px) {
	#isocal .p-isocal100 .c-bladetitle {
		font-size: calc(32vw / 4.8);
	}
}


/**
 * PRODUCT CONCEPT
 * ---------------------------------------- */
#isocal .p-isocal100 .p-concept {
	margin-top: -16vw;
	padding-top: calc(80px + 8.8vw);
	padding-bottom: 80px;
	background: radial-gradient(farthest-corner at right top, #b5deed 0%, #38a1ce 100%);
}
#isocal .p-isocal100 .concept_inner {
	display: flex;
	text-align: center;
}
#isocal .p-isocal100 .p-concept .concept_title img {
	width: 326px;
}
#isocal .p-isocal100 .p-concept .photo {
	margin-top: 16px;
}
#isocal .p-isocal100 .p-concept .concept_lead {
	margin-top: 16px;
	color: #13216a;
	line-height: 1.5;
	text-align: center;
}
#isocal .p-isocal100 .p-concept .concept_lead > * {
	display: inline-block;
	position: relative;
	font-weight: 700;
	white-space: nowrap;
}
#isocal .p-isocal100 .p-concept .concept_lead > *::before {
	content: "";
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: .1em;
	width: 100%;
	height: 16px;
	background: linear-gradient(to right, rgba(255,229,66,.7) 60%, rgba(255,229,66,0));
	transform: skewX(10deg) rotate(-1deg);
}
#isocal .p-isocal100 .p-concept .concept_lead .l3::before {
	bottom: 0;
	height: .25em;
}
#isocal .p-isocal100 .p-concept .concept_lead .l1 {
	font-weight: 400;
}
#isocal .p-isocal100 .p-concept .concept_lead .l3 {
	color: #ff428c;
	line-height: 1.2;
}
#isocal .p-isocal100 .p-concept p {
	color: #fff;
	line-height: 1.6em;
}
#isocal .p-isocal100 .p-concept p em {
	font-size: 130%;
	font-weight: 700;
	font-style: normal;
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .p-concept .concept_title img { width: calc(326vw / 12.4); }
	#isocal .p-isocal100 .p-concept .concept_lead .l1 { font-size: calc(40vw / 12.4); }
	#isocal .p-isocal100 .p-concept .concept_lead .l2 { font-size: calc(46vw / 12.4); }
	#isocal .p-isocal100 .p-concept .concept_lead .l3 { font-size: calc(108vw / 12.4); }
	#isocal .p-isocal100 .p-concept p { font-size: calc(27vw / 12.4); }
}
@media (min-width: 1240px) {
	#isocal .p-isocal100 .p-concept .concept_title img { width: 326px; }
	#isocal .p-isocal100 .p-concept .concept_lead .l1 { font-size: 40px; }
	#isocal .p-isocal100 .p-concept .concept_lead .l2 { font-size: 46px; }
	#isocal .p-isocal100 .p-concept .concept_lead .l3 { font-size: 108px; }
	#isocal .p-isocal100 .p-concept p { font-size: 27px; }
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .p-concept .concept_title img { width: 217px; }
	#isocal .p-isocal100 .p-concept .concept_lead .l1 { font-size: calc(32vw / 4.8); }
	#isocal .p-isocal100 .p-concept .concept_lead .l2 { font-size: calc(36vw / 4.8); }
	#isocal .p-isocal100 .p-concept .concept_lead .l3 { font-size: calc(88vw / 4.8); }
	#isocal .p-isocal100 .p-concept p { font-size: calc(22vw / 4.8); }
	#isocal .p-isocal100 .p-concept p em { font-size: calc(32vw / 4.8); }
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .concept_inner {
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	#isocal .p-isocal100 .p-concept .concept_title {
		flex-basis: 100%;
	}
	#isocal .p-isocal100 .p-concept .photo {
		flex-basis: calc(412vw / 12.4);
	}
	#isocal .p-isocal100 .p-concept .concept_lead {
		flex-basis: calc(480vw / 12.4);
		margin-left: 24px;
	}
	#isocal .p-isocal100 .p-concept p {
		flex-basis: 100%;
	}
	#isocal .p-isocal100 .p-concept p {
		margin-top: calc(40vw / 12.4);
	}
}
@media (min-width: 1240px) {
	#isocal .p-isocal100 .p-concept .photo {
		flex-basis: 412px;
	}
	#isocal .p-isocal100 .p-concept .concept_lead {
		flex-basis: 480px;
	}
	#isocal .p-isocal100 .p-concept p {
		margin-top: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .p-concept {
		padding-top: calc(24px + 8.8vw);
	}
	#isocal .p-isocal100 .concept_inner {
		flex-direction: column;
	}
	#isocal .p-isocal100 .p-concept .concept_title,
	#isocal .p-isocal100 .p-concept .photo {
		order: -1;
	}
	#isocal .p-isocal100 .p-concept p {
		margin-top: 24px;
	}
}

/* :::::: 飲み残し調査結果 :::::: */
#isocal .p-isocal100 .p-result {
	margin-top: 56px;
	padding: 24px 32px 40px;
}
#isocal .p-isocal100 .p-result .survey_title {
	color: #00a9cf;
	font-size: 22px;
	text-align: center;
    font-family: "Noto Sans JP", sans-serif;
}
#isocal .p-isocal100 .p-result .survey {
	margin-top: 16px;
}
#isocal .p-isocal100 .p-result .survey .q::before,
#isocal .p-isocal100 .p-result .survey .a::before {
	content: "";
	display: inline-block;
	background: center / cover no-repeat;
}
#isocal .p-isocal100 .p-result .survey .q {
	padding-bottom: .3em;
	padding-left: 32px;
	border-bottom: 1px dashed #00a9cf;
	color: #ea5522;
	font-size: 16px;
	text-indent: -32px;
    text-align: left;
}
#isocal .p-isocal100 .p-result .survey .q::before {
	position: relative;
	top: -.1em;
	width: 24px;
	height: 24px;
	margin-right: .5em;
	vertical-align: middle;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/isocal100_q.svg?v=1680176106');
}
#isocal .p-isocal100 .p-result .survey .a {
	position: relative;
	margin-top: 24px;
	color: #00a9cf;
}
#isocal .p-isocal100 .p-result .survey .a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/isocal100_a.svg?v=1680176150');
}
#isocal .p-isocal100 .p-result .survey .figure {
	max-width: 972px;
	margin: 0 auto;
}
#isocal .p-isocal100 .p-result .survey figcaption {
	padding-left: 1em;
	font-size: 10px;
	line-height: 1.4;
	letter-spacing: 0;
	text-indent: -1em;
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .p-result .survey figcaption {
		position: absolute;
		top: calc(100% - 1em);
		left: 0;
		max-width: calc(480vw / 12.4);
	}
}
@media (min-width: 768px) and (max-width: 1239px) {
	#isocal .p-isocal100 .p-result {
		padding-right: calc(32vw / 12.28);
		padding-left: calc(32vw / 12.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .p-result {
		margin-top: 32px;
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
	#isocal .p-isocal100 .p-result .survey figcaption {
		margin-top: .5em;
	}
}


/**
 * アイソカル® 100は、飲みきりサイズにギュッと栄養を詰めました
 * ---------------------------------------- */
#isocal .p-isocal100 .p-data {
	padding-top: 0;
	padding-bottom: 0;
}
#isocal .p-isocal100 .p-data .section_inner {
	margin-top: 32px;
	padding: 32px;
}
#isocal .p-isocal100 .p-data .title {
	display: inline-block;
	position: relative;
	padding: .2em .8em .3em;
	border-radius: 2em;
	color: #fff;
	font-size: 26px;
	line-height: 1.2;
	white-space: nowrap;
	background: #6bc7df;
}
#isocal .p-isocal100 .p-data .title small {
	position: absolute;
	color: #00a9cf;
	font-size: 12px;
	white-space: nowrap;
}
#isocal .p-isocal100 .p-data .data {
	display: flex;
	justify-content: center;
	align-items: baseline;
	color: #00a9cf;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}
#isocal .p-isocal100 .p-data .data strong {
	position: relative;
	top: .05em;
	font-size: 100px;
	font-weight: inherit;
}
#isocal .p-isocal100 .p-data .data b,
#isocal .p-isocal100 .p-data .data .unit {
	font-size: 60px;
}
#isocal .p-isocal100 .p-data .data .unit {
	position: relative;
	top: -.05em;
}
#isocal .p-isocal100 .p-data .data .slash {
	position: relative;
	top: -.1em;
	margin: 0 .1em 0 .3em;
}
#isocal .p-isocal100 .p-data .data .figure {
	align-self: center;
}
#isocal .p-isocal100 .p-data .data.-rice .figure {
	width: 178px;
	margin-top: -.3em;
}
#isocal .p-isocal100 .p-data .data.-milk .figure {
	width: 88px;
	margin-left: 1em;
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .p-data .title small {
		bottom: .3em;
		left: calc(100% + .3em);
	}
    #isocal .p-isocal100 .p-data .title {
       display: table;
    }
}
@media (min-width: 768px) and (max-width: 1239px) {
	#isocal .p-isocal100 .p-data .section_inner {
		padding-right: calc(32vw / 12.28);
	}
	#isocal .p-isocal100 .p-data .title {
		font-size: calc(26vw / 12.28);
	}
	#isocal .p-isocal100 .p-data .data {
		font-size: calc(30vw / 12.28);
	}
	#isocal .p-isocal100 .p-data .data strong {
		font-size: calc(100vw / 12.28);
	}
	#isocal .p-isocal100 .p-data .data b,
	#isocal .p-isocal100 .p-data .data .unit {
		font-size: calc(60vw / 12.28);
	}
	#isocal .p-isocal100 .p-data .data.-rice .figure {
		width: calc(178vw / 12.28);
	}
	#isocal .p-isocal100 .p-data .data.-milk .figure {
		width: calc(88vw / 12.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .p-data .section_inner {
		margin-top: 16px;
		padding-right: calc(32vw / 4.8);
		padding-left: calc(32vw / 4.8);
		text-align: center;
	}
	#isocal .p-isocal100 .p-data .title {
		font-size: calc(18vw / 4.8);
	}
	#isocal .p-isocal100 .p-data .title small {
		top: calc(100% + .3em);
		right: 0;
		font-size: 10px;
	}
	#isocal .p-isocal100 .p-data .data {
		margin-top: 1em;
		font-size: calc(15vw / 4.8);
	}
	#isocal .p-isocal100 .p-data .data.-milk {
		margin-top: 1.4em;
	}
	#isocal .p-isocal100 .p-data .data strong {
		font-size: calc(50vw / 4.8);
	}
	#isocal .p-isocal100 .p-data .data b,
	#isocal .p-isocal100 .p-data .data .unit {
		font-size: calc(30vw / 4.8);
	}
	#isocal .p-isocal100 .p-data .data.-rice .figure {
		width: calc(89vw / 4.8);
	}
	#isocal .p-isocal100 .p-data .data.-milk .figure {
		width: calc(44vw / 4.8);
	}
}
@media (max-width: 480px) {
}

/* :::::: 26種類のビタミン・ミネラル :::::: */
#isocal .p-isocal100 .data_wrap {
	position: relative;
}
#isocal .p-isocal100 .data_list {
	position: relative;
	text-align: center;
}
#isocal .p-isocal100 .data_list dt {
	font-weight: 700;
	line-height: 1.5;
}
#isocal .p-isocal100 .data_list strong {
	font-weight: inherit;
}
#isocal .p-isocal100 .data_list.-vitamin strong {
	color: #5da9dd;
}
#isocal .p-isocal100 .data_list.-mineral strong {
	color: #00a9cf;
}
#isocal .p-isocal100 .data_list ul {
	columns: 2;
	column-gap: 8px;
}
#isocal .p-isocal100 .data_list li {
	display: inline-block;
	break-inside: avoid;
	width: 100%;
	margin-top: 8px;
	padding: .3em .3em .35em;
	border-radius: 5px;
	color: #fff;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0;
	white-space: nowrap;
}
#isocal .p-isocal100 .data_list.-vitamin li {
	background: #5da9dd;
}
#isocal .p-isocal100 .data_list.-mineral li {
	background: #00a9cf;
}
#isocal .p-isocal100 .data_list sup {
	top: 0;
}
#isocal .p-isocal100 .data_list .note {
	position: absolute;
	right: 0;
	bottom: 0;
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .data_wrap {
		display: flex;
		justify-content: space-between;
	}
	#isocal .p-isocal100 .data_list {
		flex-basis: calc(50% - 16px);
	}
	#isocal .p-isocal100 .data_list dt,
	#isocal .p-isocal100 .data_list .unit {
		font-size: calc(36vw / 12.28);
	}
	#isocal .p-isocal100 .data_list strong {
		font-size: calc(60vw / 12.28);
	}
	#isocal .p-isocal100 .data_list li {
		font-size: calc(22vw / 12.28);
	}
	#isocal .p-isocal100 .data_list sub,
	#isocal .p-isocal100 .data_list .note {
		font-size: 10px;
	}
}
@media (min-width: 1240px) {
	#isocal .p-isocal100 .data_list dt,
	#isocal .p-isocal100 .data_list .unit {
		font-size: 36px;
	}
	#isocal .p-isocal100 .data_list strong {
		font-size: 60px;
	}
	#isocal .p-isocal100 .data_list li {
		font-size: 22px;
	}
	#isocal .p-isocal100 .data_list sub,
	#isocal .p-isocal100 .data_list .note {
		font-size: 12px;
	}
}
@media (max-width: 1024px) {
	#isocal .p-isocal100 .data_list {
		flex-basis: calc(50% - 4px);
	}
	#isocal .p-isocal100 .data_list ul {
		column-gap: 4px;
	}
	#isocal .p-isocal100 .data_list li {
		margin-top: 4px;
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .data_list dt,
	#isocal .p-isocal100 .data_list .unit {
		font-size: calc(32vw / 4.8);
	}
	#isocal .p-isocal100 .data_list strong {
		font-size: calc(48vw / 4.8);
	}
	#isocal .p-isocal100 .data_list li {
		font-size: calc(16vw / 4.8);
	}
	#isocal .p-isocal100 .data_list sub,
	#isocal .p-isocal100 .data_list .note {
		font-size: 10px;
	}
}
@media (max-width: 480px) {
	#isocal .p-isocal100 .data_list ul {
		column-gap: 4px;
	}
	#isocal .p-isocal100 .data_list li {
		margin-top: 4px;
	}
}


/**
 * 栄養成分表
 * ---------------------------------------- */
#isocal .p-isocal100.c-isocal100 .p-notes {
	margin: 80px -64px 0;
    padding-right: calc(32vw / 4.8);
    padding-left: calc(32vw / 4.8);
    padding-top: 80px;
    padding-bottom: 80px;
}
@media (max-width: 767px) {
	#isocal .p-isocal100.c-isocal100 .p-notes {
		margin-right: calc(-32vw / 4.8);
		margin-left: calc(-32vw / 4.8);
	}
}

/* :::::: タブコンテンツ (※ただしモバイルではプルダウンコンテンツ) :::::: */
#isocal .p-isocal100 .tabs_button button {
	background: #e3f2f5;
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .tabs_button.is-active button {
		background: #00a9cf;
	}
	#isocal .p-isocal100 .tabs_button.is-active::after {
		border-top-color: #00a9cf;
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .tabs_button .ico {
		background: #00a9cf;
	}
}

/* :::::: 栄養成分表 :::::: */
#isocal .p-isocal100 .-ingredient table tbody tr:nth-child(2n+1) {
	background: #f5f7f8;
}
#isocal .p-isocal100 .-ingredient table .mineral {
	background: #f5f7f8;
}
#isocal .p-isocal100 .-ingredient table .vitamin {
	background: #e5ecf1;
}
#isocal .p-isocal100 .-ingredient table .va {
	background: #f4fafe;
}
#isocal .p-isocal100 .-ingredient table .vb {
	background: #def2fc;
}
/* レイアウト */
#isocal .p-isocal100 .-ingredient table .taste:first-of-type {
	text-align: left;
}
#isocal .p-isocal100 .-ingredient table .mineral,
#isocal .p-isocal100 .-ingredient table .vitamin,
#isocal .p-isocal100 .-ingredient table .va,
#isocal .p-isocal100 .-ingredient table .vb,
#isocal .p-isocal100 .-ingredient table tbody td:not([class]) {
	text-align: center;
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .-ingredient table .mineral {
		width: 14%;
	}
	#isocal .p-isocal100 .-ingredient table .vitamin,
	#isocal .p-isocal100 .-ingredient table .va,
	#isocal .p-isocal100 .-ingredient table .vb {
		width: 7%;
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .-ingredient table .mineral {
		width: 16%;
	}
	#isocal .p-isocal100 .-ingredient table .vitamin,
	#isocal .p-isocal100 .-ingredient table .va,
	#isocal .p-isocal100 .-ingredient table .vb {
		width: 8%;
	}
	#isocal .p-isocal100 .-ingredient table .mineral span,
	#isocal .p-isocal100 .-ingredient table .vitamin span,
	#isocal .p-isocal100 .-ingredient table .va span,
	#isocal .p-isocal100 .-ingredient table .vb span {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
}
#isocal .p-isocal100 .-ingredient .note li:first-child {
	text-align: right;
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .-ingredient .note li:first-child {
		float: right;
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .-ingredient .note li + li {
		margin-top: .3em;
	}
}

/* :::::: 主な原材料 / 使用上・取り扱い上の注意 / 包装および賞味期限 :::::: */
#isocal .p-isocal100 .tabs_content .dl_notes dt {
	background: #e3f2f5;
}
#isocal .p-isocal100 .tabs_content .dl_notes li::before {
	color: #00a9cf;
}


/**
 * 毎日美味しい、選べる7種の味わい！
 * ---------------------------------------- */
#isocal .p-isocal100 .p-products {
	padding-top: 0;
}
/* :::::: 商品一覧 :::::: */
#isocal .p-isocal100 .product_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 24px 0 64px;
}
#isocal .p-isocal100 .product_list li {
	display: flex;
	flex-direction: column;
}
@media all and (-ms-high-contrast: none) {
	#isocal .p-isocal100 .product_list li {
		display: block;
	}
}
#isocal .p-isocal100 .product_list .bln {
	width: 149px;
	margin: 0 auto -8px;
}
#isocal .p-isocal100 .product_list .photo {
	width: 100px;
	margin: 0 auto;
}
#isocal .p-isocal100 .product_list.c-purchace-list .js-cmodal-single .photo {
	width: inherit;
}
#isocal .p-isocal100.c-isocal100  .product_list .photo small {
	color: #000;
}
#isocal .p-isocal100 .product_list .is-new {
	position: relative;
}
#isocal .p-isocal100 .product_list .is-new::after {
	content: "New!";
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
	position: absolute;
	padding-bottom: .2em;
	border-radius: 64px;
	color: #ef7c01;
	font-weight: 700;
	letter-spacing: 0;
	background: #fddda7;
}
#isocal .p-isocal100 .product_list figcaption {
	position: relative;
	margin: 12px -24px;
	padding-bottom: 1.4em;
	font-size: 12px;
	line-height: 1;
}
#isocal .p-isocal100 .product_list li:nth-child(n+5) figcaption {
	padding-bottom: 0;
}
#isocal .p-isocal100 .product_list figcaption img {
	width: 100%;
}
#isocal .p-isocal100 .product_list figcaption .note {
	position: absolute;
	right: .25em;
	bottom: 0;
	font-size: inherit;
	letter-spacing: 0;
}
#isocal .p-isocal100 .product_list figcaption .note.note-coffee {
	right: -8px;
    width:120%;
}
#isocal .p-isocal100 .product_list .c-basketbutton {
	margin-top: auto;
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .product_list {
		max-width: 80%;
		margin-right: auto;
		margin-left: auto;
	}
	#isocal .p-isocal100 .product_list li {
		flex-basis: 32%;
	}
	#isocal .p-isocal100 .product_list li:not(:nth-child(3n+1)) {
		margin-left: 2%;
	}
	#isocal .p-isocal100 .product_list li:nth-child(n+4) {
		margin-top: 24px;
	}
	#isocal .p-isocal100 .product_list .is-new::after {
		top: 32%;
		left: 14%;
		width: 64px;
		height: 64px;
		font-size: 17px;
	}
}
@media (min-width: 768px) and (max-width: 1128px) {
	#isocal .p-isocal100 .product_list .bln {
		width: calc(149vw / 11.28);
	}
	#isocal .p-isocal100 .product_list .photo {
		width: calc(100vw / 11.28);
	}
	#isocal .p-isocal100 .product_list figcaption {
		width: auto;
		font-size: calc(12vw / 11.28);
	}
	#isocal .p-isocal100 .product_list .is-new::after {
		top: calc(144vw / 11.28);
		left: calc(40vw / 11.28);
		width: calc(64vw / 11.28);
		height: calc(64vw / 11.28);
		font-size: calc(17vw / 11.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .product_list li {
		flex-basis: 48%;
		max-width: 48%;
	}
	#isocal .p-isocal100 .product_list li:nth-child(2n) {
		margin-left: 4%;
	}
	#isocal .p-isocal100 .product_list li:nth-child(n+3) {
		margin-top: 24px;
	}
	#isocal .p-isocal100 .product_list .bln {
		width: calc(160vw / 4.8);
	}
	#isocal .p-isocal100 .product_list .photo {
		width: calc(144vw / 4.8);
	}
	#isocal .p-isocal100 .product_list .is-new::after {
		top: calc(178vw / 4.8);
		left: calc(-16vw / 4.8);
		width: calc(80vw / 4.8);
		height: calc(80vw / 4.8);
		font-size: calc(20vw / 4.8);
	}
	#isocal .p-isocal100 .product_list figcaption {
		font-size: 10px;
	}
	#isocal .p-isocal100 .c-basketbutton {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .p-isocal100 .product_list figcaption  {
		margin-right: calc(-24vw / 4.8);
		margin-left: calc(-24vw / 4.8);
		font-size: calc(10vw / 4.8);
	}
	#isocal .p-isocal100 .c-basketbutton {
		font-size: 16px;
	}
}

/* :::::: バラエティパック :::::: */
#isocal .p-isocal100 .p-variety {
	padding: 24px 96px 32px 80px;
}
#isocal .p-isocal100 .p-variety .title {
	color: #212b62;
	font-size: 30px;
	text-align: center;
}
#isocal .p-isocal100 .variety_inner {
	display: flex;
	margin-top: 24px;
}
#isocal .p-isocal100 .p-variety .photo {
	order: -1;
}
#isocal .p-isocal100 .p-variety .c-variety_inner .title,
#isocal .c-isocaljhc .p-variety .c-variety_inner .title {
	font-size: 18px;
    color: #000;
}
#isocal .p-isocal100 .p-variety .text {
	text-align: center;
}
#isocal .p-isocal100 .p-variety .detail dt {
	color: #212b62;
	white-space: nowrap;
}
#isocal .p-isocal100 .p-variety .detail dd {
	margin-top: 8px;
}
#isocal .p-isocal100 .p-variety .detail ul {
	display: flex;
	flex-wrap: wrap;
	line-height: 0;
}
#isocal .p-isocal100 .p-variety .detail li {
	flex-basis: calc(33.333% - 12px / 3);
}
#isocal .p-isocal100 .p-variety .detail li:not(:nth-child(3n+1)) {
	margin-left: 6px;
}
#isocal .p-isocal100 .p-variety .detail li:nth-child(n+4) {
	margin-top: 6px;
}
#isocal .p-isocal100 .variety_inner + .variety_inner .detail li:nth-child(1),
#isocal .p-isocal100 .variety_inner + .variety_inner .detail li:nth-child(3)  {
	margin-left: 16.666%;
}
#isocal .p-isocal100 .variety_inner + .variety_inner .detail li:nth-child(3)  {
	margin-top: 6px;
}
#isocal .p-isocal100 .variety_inner + .variety_inner .detail li:nth-child(4)  {
	margin-left: 6px;
}
#isocal .p-isocal100 .p-variety .detail img {
	width: 100%;
}
#isocal .p-isocal100 .p-variety .c-basketbutton {
	margin-top: 24px;
}
@media (min-width: 768px) {
	#isocal .p-isocal100 .p-variety {
		padding-right: calc(96vw / 12.28);
		padding-left: calc(80vw / 12.28);
	}
	#isocal .p-isocal100 .p-variety .title {
		font-size: calc(30vw / 12.28);
	}
	#isocal .p-isocal100 .variety_inner {
		justify-content: space-between;
		align-items: center;
	}
	#isocal .p-isocal100 .p-variety .photo {
		flex-basis: 230px;
	}
	#isocal .p-isocal100 .p-variety .text {
		flex-basis: calc(400vw / 12.28);
		margin-left: calc(48vw / 12.28);
	}
	#isocal .p-isocal100 .p-variety .detail dt {
		font-size: calc(24vw / 12.28);
	}
}
@media (min-width: 1240px) {
	#isocal .p-isocal100 .p-variety {
		padding: 24px 96px 32px 80px;
	}
	#isocal .p-isocal100 .p-variety .title {
		font-size: 30px;
	}
	#isocal .p-isocal100 .p-variety .text {
		flex-basis: 400px;
		margin-left: 48px;
	}
	#isocal .p-isocal100 .p-variety .detail dt {
		font-size: 24px;
	}
}
@media (max-width: 767px) {
	#isocal .p-isocal100 .p-variety {
		padding: 24px;
	}
	#isocal .p-isocal100 .p-variety .title {
		font-size: calc(26vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .p-isocal100 .variety_inner {
		flex-direction: column;
		margin-top: calc(32vw / 4.8);
	}
	#isocal .p-isocal100 .p-variety .text {
		margin-top: 8px;
	}
	#isocal .p-isocal100 .p-variety .detail dt {
		font-size: calc(20vw / 4.8);
	}
	#isocal .p-isocal100 .p-variety .c-basketbutton {
		margin-top: calc(20vw / 4.8);
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .p-isocal100 .p-variety .c-basketbutton {
		font-size: 16px;
	}
}


/**
 * 咀嚼とは？重要な役割と今すぐできる口腔トレーニング
 * ---------------------------------------- */
#isocal .c-cafefood.p-malnutrition013 {
	background: #e7f0ff;
}
#isocal .c-cafefood.p-malnutrition013 .section_num,
#isocal .c-cafefood.p-malnutrition013 .content_header {
	background: #92d1e9;
}
#isocal .c-cafefood.p-malnutrition013 .content_section.-bg {
	background: #d3e2f3;
}
#isocal .c-cafefood.p-malnutrition013 .figure_capsule,
#isocal .c-cafefood.p-malnutrition013 .header_title em::before,
#isocal .c-cafefood.p-malnutrition013 .toc_title,
#isocal .c-cafefood.p-malnutrition013 .toc_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-malnutrition013 .header_visual img {
	box-shadow: 12px 12px 0 #63b9dc;
}
#isocal .c-cafefood.p-malnutrition013 strong,
#isocal .c-cafefood.p-malnutrition013 .textlink,
#isocal .c-cafefood.p-malnutrition013 .section_title,
#isocal .c-cafefood.p-malnutrition013 .column_title,
#isocal .c-cafefood.p-malnutrition013 .wordlist dt,
#isocal .c-cafefood.p-malnutrition013 .section_list li::before,
#isocal .c-cafefood.p-malnutrition013 .toc_list {
	color: #ff6671;
}
#isocal .c-cafefood.p-malnutrition013 .section_title .marker {
	background: linear-gradient(to top, #e5eef7 .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition013 .header_visual img {
		box-shadow: 6px 6px 0 #63b9dc;
	}
	#isocal .c-cafefood.p-malnutrition013 .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-malnutrition013 .c-table,
#isocal .c-cafefood.p-malnutrition013 .c-table th,
#isocal .c-cafefood.p-malnutrition013 .c-table td,
#isocal .c-cafefood.p-malnutrition013 .p-supervision .section_column:last-child::after,
#isocal .c-cafefood.p-malnutrition013 .p-supervision .section_column::after {
	border-color: #ff586d;
    line-height: 1.6;
}
#isocal .c-cafefood.p-malnutrition013 .c-table thead th:nth-child(2),
#isocal .c-cafefood.p-malnutrition013 .c-table tbody th {
	background: #fff0f1;
}
#isocal .c-cafefood.p-malnutrition013 .c-table tbody td,
#isocal .c-cafefood.p-malnutrition013 .c-table tbody th {
	text-align: center;
    line-height: 1.6;
}
#isocal .c-cafefood.p-malnutrition013 .c-table thead th:nth-child(2) {
	width: 70%;
}

/* 詳しく見る */
#isocal .c-cafefood.p-malnutrition013 .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #ff586d;
	color: #ff586d;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-malnutrition013 .c-button.-pull:hover,
	#isocal .c-cafefood.p-malnutrition013 .c-button.-pull.is-active {
		color: #fff;
		background: #ff586d;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition013 .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-malnutrition013 .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-malnutrition013 .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* :::::: 咀嚼の役割 :::::: */
#isocal .c-cafefood.p-malnutrition013 .role_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	padding: 40px;
	border-radius: 8px;
	color: #1bb5c6;
	text-align: center;
	background: #eaf3ff;
}
#isocal .c-cafefood.p-malnutrition013 .role_list figcaption {
	margin-top: .5em;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-malnutrition013 .role_list li {
		flex-basis: 33%;
	}
	#isocal .c-cafefood.p-malnutrition013 .role_list li:nth-child(n+4) {
		flex-basis: 40%;
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-malnutrition013 .role_list li:nth-child(4) {
		margin-left: 8%;
	}
	#isocal .c-cafefood.p-malnutrition013 .role_list li:nth-child(5) {
		margin-right: 8%;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition013 .role_list {
		padding: 24px 16px;
	}
	#isocal .c-cafefood.p-malnutrition013 .role_list li {
		flex-basis: 49%;
	}
	#isocal .c-cafefood.p-malnutrition013 .role_list li:nth-child(n+3) {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-malnutrition013 .role_list li:nth-child(4) {
		flex-basis: 80%;
		margin: 24px 12% 0 8%;
	}
	#isocal .c-cafefood.p-malnutrition013 .role_list li:nth-child(3),
	#isocal .c-cafefood.p-malnutrition013 .role_list li:nth-child(5) {
		order: 1;
	}
	#isocal .c-cafefood.p-malnutrition013 .role_list li img {
		width: calc(166vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition013 .role_list li:nth-child(4) img {
		width: calc(233vw / 4.8);
	}
}

/* :::::: 咀嚼チェック :::::: */
#isocal .c-cafefood.p-malnutrition013 .p-section_3 .c-table td {
/* 	text-align: left; */
	text-align: center;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-malnutrition013 .p-section_3 .c-table thead th:first-child {
		min-width: 13em;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition013 .p-section_3 .c-table thead th:first-child {
		width: 32%;
	}
	#isocal .c-cafefood.p-malnutrition013 .p-section_3 .c-table thead th:last-child {
		width: 68%;
	}
}

/* :::::: 今すぐできる！口腔トレーニングで噛む力を鍛えよう :::::: */
#isocal .c-cafefood.p-malnutrition013 .training_section {
	padding: 0 40px 40px;
	border-radius: 8px;
	background: #eaf3ff;
}
#isocal .c-cafefood.p-malnutrition013 .training_section:not(:first-child) {
	margin-top: 48px;
}
#isocal .c-cafefood.p-malnutrition013 .training_title {
	margin: 0 -40px;
	padding: .5em 1em;
	border-radius: 8px 8px 0 0;
	color: white;
	font-size: 22px;
	text-align: center;
	background: #ff6671;
}
#isocal .c-cafefood.p-malnutrition013 .training_section > p {
	margin-top: 24px;
}
#isocal .c-cafefood.p-malnutrition013 .p-section_4 .section_figure {
    margin-top: 0;
    margin-bottom: 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition013 .training_section {
		padding: 0 16px 24px;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_section:not(:first-child) {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_title {
		margin: 0 -16px;
		font-size: calc(20vw / 4.8);
	}
}
#isocal .c-cafefood.p-malnutrition013 .training_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 24px;
}
#isocal .c-cafefood.p-malnutrition013 .training_list li {
	font-size: 14px;
}
#isocal .c-cafefood.p-malnutrition013 .training_list figure {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#isocal .c-cafefood.p-malnutrition013 .training_list figcaption {
	margin-top: .5em;
}
#isocal .c-cafefood.p-malnutrition013 .training_figure {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: 24px;
}
#isocal .c-cafefood.p-malnutrition013 .training_figure .img:last-child {
	margin-left: 64px;
}
#isocal .c-cafefood.p-malnutrition013 .training_figure .arr {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: calc(50% - 1em);
	left: calc(50% - 34px);
	font-size: 20px;
	color: #ff6671;
	fill: currentcolor;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-malnutrition013 .training_list li:nth-child(-n+2) {
		max-width: 223px;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_list li:nth-child(2) {
		margin-left: 64px;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_list li:nth-child(3) {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-malnutrition013 .p-training4 > p::after {
		content: "";
		display: block;
		clear: both;
	}
	#isocal .c-cafefood.p-malnutrition013 .p-training4 > p img {
		float: right;
		margin-left: 40px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-malnutrition013 .training_figure .arr {
		font-size: 2vw;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_list li:nth-child(-n+2) {
		max-width: 22.3vw;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_list li:nth-child(2) {
		margin-left: 6.4vw;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_list li:nth-child(3) {
		max-width: 47.4vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition013 .training_list {
		justify-content: space-between;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_list li {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition013 .training_list li:nth-child(-n+2) {
		flex-basis: 46%;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_figure .img:last-child {
		margin-left: 48px;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_figure .arr {
		left: calc(50% - 3em);
		width: 6em;
		font-size: calc(14vw / 4.8);
		white-space: nowrap;
	}
	#isocal .c-cafefood.p-malnutrition013 .training_figure .arr svg {
		width: calc(48vw / 4.8);
		height: auto;
	}
	#isocal .c-cafefood.p-malnutrition013 .p-training3 .training_figure,
	#isocal .c-cafefood.p-malnutrition013 .p-training4 .training_figure {
		margin-right: -12px;
		margin-left: -12px;
	}
	#isocal .c-cafefood.p-malnutrition013 .p-training4 > p {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#isocal .c-cafefood.p-malnutrition013 .p-training4 > p img {
		order: 1;
		width: calc(180vw / 7.68);
	}
}

/* あとがき */
#isocal .c-cafefood.p-malnutrition013 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	padding: 0 24px;
	color: inherit;
}
#isocal .c-cafefood.p-malnutrition013 .section_list li:nth-child(n+2) {
      margin-top: 0;
}


/**
 * ADL（日常生活活動）とは？基礎知識と低下した場合にできること
 * ---------------------------------------- */
#isocal .c-cafefood.p-malnutrition014 {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-malnutrition014 .section_num,
#isocal .c-cafefood.p-malnutrition014 .content_header {
	background: #dcaddb;
}
#isocal .c-cafefood.p-malnutrition014 .content_section.-bg {
	background: #ecd5ec;
}
#isocal .c-cafefood.p-malnutrition014 .figure_capsule,
#isocal .c-cafefood.p-malnutrition014 .header_title em::before,
#isocal .c-cafefood.p-malnutrition014 .toc_title,
#isocal .c-cafefood.p-malnutrition014 .toc_list li::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-malnutrition014 .header_visual img {
	box-shadow: 12px 12px 0 #cc8acb;
}
#isocal .c-cafefood.p-malnutrition014 strong,
#isocal .c-cafefood.p-malnutrition014 .textlink,
#isocal .c-cafefood.p-malnutrition014 .section_title,
#isocal .c-cafefood.p-malnutrition014 .column_title,
#isocal .c-cafefood.p-malnutrition014 .wordlist dt,
#isocal .c-cafefood.p-malnutrition014 .section_list li::before,
#isocal .c-cafefood.p-malnutrition014 .toc_list {
	color: #e9b00d;
}
#isocal .c-cafefood.p-malnutrition014 .section_title .marker {
	background: linear-gradient(to top, #efdcef .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition014 .header_visual img {
		box-shadow: 6px 6px 0 #cc8acb;
	}
	#isocal .c-cafefood.p-malnutrition014 .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-malnutrition014 .c-table,
#isocal .c-cafefood.p-malnutrition014 .c-table th,
#isocal .c-cafefood.p-malnutrition014 .c-table td {
	border-color: #e9b00d;
    line-height: 1.6;
    text-align: center;
}
#isocal .c-cafefood.p-malnutrition014 .c-table th {
	background: #fcf8e9;
}
#isocal .c-cafefood.p-malnutrition014 .section_list li {
    text-align: left;
}
#isocal .c-cafefood.p-malnutrition014 .section_list li + li {
	margin-top: 0;
}

/* :::::: ADLとはどういう意味 :::::: */
#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box {
	padding: 0 32px 32px;
	background: #fcf8e9;
}
#isocal .c-cafefood.p-malnutrition014 .p-section_1 .box_title {
	margin: 0 -32px;
	padding: .5em;
	color: white;
	font-size: 22px;
	font-weight: 900;
	text-align: center;
	background: #e9b00d;
}
#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box .section_figure {
	margin: 40px 0 0;
	padding: 24px;
	border-radius: 4px;
	background: white;
	box-shadow: 2px 2px 4px rgba(0,0,0,.1);
}
#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box .figure_capsule {
	position: absolute;
	top: -1em;
	right: 0;
	left: 0;
	max-width: 184px;
	margin: 0 auto;
}
#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box .figure_lead {
	margin-top: .5em;
	color: #e9b00d;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box .figure_lead .ex {
	color: black;
	font-size: 80%;
	font-weight: 500;
}
#isocal .c-cafefood.p-malnutrition014 .p-section_1 .role_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
#isocal .c-cafefood.p-malnutrition014 .p-section_1 .role_list figcaption {
	margin-top: .3em;
	color: #e9b00d;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 900;
}
#isocal .c-cafefood.p-malnutrition014 .p-section_1 .figure_box {
	padding: 16px 32px;
	background: #fcf8e9;
}
#isocal .c-cafefood.p-malnutrition014 .p-section_1 .figure_box .etc {
	margin: 0;
	text-align: right;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .role_list li {
		flex-basis: 30%;
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .role_list li:nth-child(n+4) {
		margin-top: 16px;
	}
}
@media (max-width: 999px) {
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box {
		padding-right: 3.2vw;
		padding-left: 3.2vw;
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .box_title {
		margin: 0 -3.2vw;
		font-size: 2.2vw;
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box .section_figure {
		padding-right: 2.4vw;
		padding-left: 2.4vw;
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box .figure_capsule {
		padding: .3em .7em;
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box .figure_lead,
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .role_list figcaption {
		font-size: 2vw;
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .figure_box {
		padding-right: 3.2vw;
		padding-left: 3.2vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .box_title {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box .figure_lead,
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .role_list figcaption {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .role_list li {
		flex-basis: 48%;
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .role_list li:nth-child(n+3) {
		margin-top: 16px;
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_1 .section_box .role_list li:nth-child(n+3) {
		margin: 0 auto;
	}
}


/* :::::: ADLが低下している場合に見られる影響 :::::: */
#isocal .c-cafefood.p-malnutrition014 .p-section_2 .section_table .section_list {
	margin: 0;
	color: #e9b00d;
	font-weight: 700;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-malnutrition014 .p-section_2 .section_table td {
		padding: 24px;
	}
}

/* :::::: 基本的ADLと手段的ADLの評価方法 :::::: */
#isocal .c-cafefood.p-malnutrition014 .p-section_3 .section_datalist dt {
	color: #e9b00d;
	font-size: 18px;
	font-weight: 900;
}
#isocal .c-cafefood.p-malnutrition014 .p-section_3 .section_datalist dd + dt {
	margin-top: 1em;
}
#isocal .c-cafefood.p-malnutrition014 .p-section_3 .section_datalist dd {
	margin-top: .3em;
	font-size: 16px;
	line-height: 2;
}
@media (max-width: 999px) {
	#isocal .c-cafefood.p-malnutrition014 .p-section_3 .section_datalist dt {
		font-size: 1.8vw;
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_3 .section_datalist dd {
		font-size: 1.6vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition014 .p-section_3 .section_datalist dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition014 .p-section_3 .section_datalist dd {
		font-size: calc(16vw / 4.8);
	}
}

/* あとがき */
#isocal .c-cafefood.p-malnutrition014 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	padding: 0 24px;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-malnutrition014 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-malnutrition014 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-malnutrition014 .footer_reflist {
	margin-top: 40px;
}


/**
 * デイサービスとは？サービス内容・1日のスケジュールや利用方法を解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-dayservice {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-dayservice .section_num,
#isocal .c-cafefood.p-dayservice .content_header {
	background: #8cca79;
}
#isocal .c-cafefood.p-dayservice .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-dayservice .figure_capsule,
#isocal .c-cafefood.p-dayservice .header_title em::before,
#isocal .c-cafefood.p-dayservice .toc_title,
#isocal .c-cafefood.p-dayservice .toc_list li::before {
	background: #f98017;
}
#isocal .c-cafefood.p-dayservice .header_visual img {
	box-shadow: 12px 12px 0 #7fb94b;
}
#isocal .c-cafefood.p-dayservice strong,
#isocal .c-cafefood.p-dayservice .textlink,
#isocal .c-cafefood.p-dayservice .section_title,
#isocal .c-cafefood.p-dayservice .column_title,
#isocal .c-cafefood.p-dayservice .wordlist dt,
#isocal .c-cafefood.p-dayservice .footer_afterword,
#isocal .c-cafefood.p-dayservice .section_list li::before,
#isocal .c-cafefood.p-dayservice .toc_list {
	color: #f98017;
}
#isocal .c-cafefood.p-dayservice .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
#isocal .c-cafefood.p-dayservice .section_list li + li {
    margin-top: 0;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice .header_visual img {
		box-shadow: 6px 6px 0 #7fb94b;
	}
	#isocal .c-cafefood.p-dayservice .footer_afterword {
		text-align: left;
	}
	#isocal .c-cafefood.p-dayservice .dayservice-wrap .photo {
		margin: 0 auto;
		margin-top: calc(16vw / 4.8);
		max-width: 375px;
	}
}

#isocal .c-cafefood.p-dayservice .p-section_6 .timeline {
	position: relative;
	margin: 40px 0 0;
	padding: 48px 16px;
	border-radius: 10px;
	font-weight: 900;
	text-align: center;
	background: #e7f3e1;
}
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline::after {
	content: "";
	display: block;
	clear: both;
}
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline ol {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 128px;
	bottom: 48px;
	left: 0;
	width: 100%;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/dotline.svg?v=120492040430625436401751091912) center / 4px 10px repeat-y;
}
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline li {
	font-size: 20px;
	line-height: 1.2;
	background: #e7f3e1;
}
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline li:first-child { padding-left: .7em; }
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline li:nth-child(3) { margin-top: 5%; }
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline li:nth-child(4) { margin-top: 10%; }
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline li:last-child { margin-top: 25%; }
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline figure {
	position: relative;
	max-width: calc(50% - 24px);
}
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline figure:nth-of-type(2n+1) { float: right; }
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline figure:nth-of-type(2n) { float: left; }
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline figure:nth-of-type(1) { margin-top: -24px; }
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline figure:nth-of-type(n+2) { margin-top: 24px; }
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline figure:nth-of-type(n+7) { margin-top: 40px; }
#isocal .c-cafefood.p-dayservice .p-section_6 .timeline figcaption {
	margin-top: .5em;
	color: #f98017;
	font-size: 20px;
	line-height: 1.2;
	white-space: nowrap;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice .p-section_6 .timeline {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-dayservice .p-section_6 .timeline li,
	#isocal .c-cafefood.p-dayservice .p-section_6 .timeline figcaption {
		font-size: 16px;
		letter-spacing: 0;
	}
}
@media screen and (max-width: 479px) {
	#isocal .c-cafefood.p-dayservice .p-section_6 .timeline {
		padding: calc(48vw / 4.8) 16px;
	}
	#isocal .c-cafefood.p-dayservice .p-section_6 .timeline ol {
		top: calc(80vw / 4.8);
		bottom: calc(48vw / 4.8);
		background-size: 2px 5px;
	}
	#isocal .c-cafefood.p-dayservice .p-section_6 .timeline li,
	#isocal .c-cafefood.p-dayservice .p-section_6 .timeline figcaption {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-dayservice .p-section_6 .timeline figure:nth-of-type(1) {
		margin-top: calc(-24vw / 4.8);
	}
}

/* あとがき */
#isocal .c-cafefood.p-dayservice .footer_afterword {
	width: 500px;
	max-width: calc(100% - 64vw / 4.8);
	margin: 64px auto 0;
	color: inherit;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice .footer_afterword {
		max-width: calc(100% - 64vw / 4.8);
	}
}

/* 監修・脚注 */
#isocal .c-cafefood.p-dayservice .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-dayservice .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-dayservice .footer_reflist {
	margin-top: 40px;
}


/**
 * 【基本】特別養護老人ホームとは？入居条件や月々の費用をすべて解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-dayservice2 {
	background: #e7f0ff;
}
#isocal .c-cafefood.p-dayservice2 .section_num,
#isocal .c-cafefood.p-dayservice2 .content_header {
	background: #92d1e9;
}
#isocal .c-cafefood.p-dayservice2 .content_section.-bg {
	background: #d3e2f3;
}
#isocal .c-cafefood.p-dayservice2 .figure_capsule,
#isocal .c-cafefood.p-dayservice2 .header_title em::before,
#isocal .c-cafefood.p-dayservice2 .toc_title,
#isocal .c-cafefood.p-dayservice2 .toc_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-dayservice2 .header_visual img {
	box-shadow: 12px 12px 0 #63b9dc;
}
#isocal .c-cafefood.p-dayservice2 strong,
#isocal .c-cafefood.p-dayservice2 .textlink,
#isocal .c-cafefood.p-dayservice2 .section_title,
#isocal .c-cafefood.p-dayservice2 .column_title,
#isocal .c-cafefood.p-dayservice2 .wordlist dt,
#isocal .c-cafefood.p-dayservice2 .footer_afterword,
#isocal .c-cafefood.p-dayservice2 .section_list li::before,
#isocal .c-cafefood.p-dayservice2 .toc_list {
	color: #ff6671;
}
#isocal .c-cafefood.p-dayservice2 .section_title .marker {
	background: linear-gradient(to top, #e5eef7 .5em, transparent .5em);
}
#isocal .c-cafefood.p-dayservice2 .section_list li + li {
   margin-top: 0;
}
#isocal .c-cafefood.p-dayservice2 table {
    width: 100%;
}
#isocal .c-cafefood.p-dayservice2 .p-section_6_1 .section_table .c-table-width th {
    width: 60%;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice2 .header_visual img {
		box-shadow: 6px 6px 0 #63b9dc;
	}
	#isocal .c-cafefood.p-dayservice2 .footer_afterword {
		text-align: left;
	}
	#isocal .c-cafefood.p-dayservice2 .dayservice-wrap .photo {
		margin: 0 auto;
		margin-top: calc(16vw / 4.8);
		max-width: 375px;
	}
}

#isocal .c-cafefood.p-dayservice2 .photo {
	margin-top: 24px;
}
#isocal .c-cafefood.p-dayservice2 .photo img {
	height: auto;
}

/* 月々の費用例とその内訳 */
#isocal .c-cafefood.p-dayservice2 .p-section_6 .wordlist dt,
#isocal .c-cafefood.p-dayservice2 .p-section_6 .wordlist dd {
	line-height: 2;
}
#isocal .c-cafefood.p-dayservice2 .p-section_6 .wordlist dd {
	font-size: inherit;
	font-weight: inherit;
}
#isocal .c-cafefood.p-dayservice2 .p-section_6 .wordlist dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .3em;
	height: .3em;
	margin-right: .3em;
	border-radius: .3em;
	background: currentcolor;
	vertical-align: middle;
}
#isocal .c-cafefood.p-dayservice2 .p-section_6 .wordlist dd + dt {
	margin-top: .5em;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice2 .p-section_6 .wordlist dt {
		font-size: inherit;
	}
}
#isocal .c-cafefood.p-dayservice2 .p-section_6 .section_table table,
#isocal .c-cafefood.p-dayservice2 .p-section_6 .section_table th,
#isocal .c-cafefood.p-dayservice2 .p-section_6 .section_table td {
	border-color: #ff6671;
}
#isocal .c-cafefood.p-dayservice2 .p-section_6 .section_table th {
	background: #fcf1f1;
}
#isocal .c-cafefood.p-dayservice2 .p-section_6 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-dayservice2 .p-section_6 .figure_capsule {
	border-radius: 3em;
}
#isocal .c-cafefood.p-dayservice2 .p-section_6 .figure_capsule small {
	display: inline-block;
	font-size: smaller;
	line-height: 1.2;
	font-weight: 400;
}

/* 特別養護老人ホームの1日の流れ */
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline {
	position: relative;
	margin: 40px 0 0;
	padding: 48px 16px;
	border-radius: 10px;
	font-weight: 900;
	text-align: center;
	background: #ecf3ff;
}
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline::after {
	content: "";
	display: block;
	clear: both;
}
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 48px;
	bottom: 48px;
	left: 0;
	width: 100%;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/dotline_blue.svg?v=86007368408857012661751091913) center / 4px 10px repeat-y;
}
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li {
	font-size: 20px;
	line-height: 1.2;
	background: #ecf3ff;
}
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li:first-child { padding-left: .7em; }
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li:nth-child(2),
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li:nth-child(3),
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li:nth-child(6) { margin-top: 14%; }
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li:last-child { margin-top: 30%; }
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .thread {
	position: relative;
	width: calc(50% - 24px);
	margin-top: 40px;
	color: #ff6671;
	font-size: 20px;
	line-height: 1.2;
	white-space: nowrap;
	text-align: center;
}
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .thread.-r { float: right; }
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .thread.-l { float: left; }
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .thread:nth-of-type(1) { margin-top: 0; }
#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline figcaption {
	margin-top: .5em;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li,
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .thread {
		font-size: 16px;
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li:nth-child(2),
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li:nth-child(3),
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li:nth-child(6) { margin-top: 12%; }
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li:last-child { margin-top: 36%; }
}
@media screen and (max-width: 479px) {
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline {
		padding: calc(48vw / 4.8) 16px;
	}
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time {
		top: calc(48vw / 4.8);
		bottom: calc(48vw / 4.8);
		background-size: 2px 5px;
	}
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .time li,
	#isocal .c-cafefood.p-dayservice2 .p-section_8 .timeline .thread {
		font-size: calc(16vw / 4.8);
	}
}

/* 特別養護老人ホームの入居までの流れ */
#isocal .c-cafefood.p-dayservice2 .p-section_9 .title {
	margin-top: 24px;
	color: #ff6671;
	font-size: 20px;
	font-weight: 900;
}
#isocal .c-cafefood.p-dayservice2 .section_numlist li {
	counter-increment: num;
	margin-top: .5em;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#isocal .c-cafefood.p-dayservice2 .section_numlist li::before,
#isocal .c-cafefood.p-dayservice2 .section_numlist li > * {
	text-indent: 0;
}
#isocal .c-cafefood.p-dayservice2 .section_numlist li::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.6em;
	height: 1.6em;
	margin-right: .5em;
	border: 1px solid currentcolor;
	border-radius: 1em;
	font-size: 75%;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice2 .p-section_9 .title {
		font-size: calc(20vw / 4.8);
	}
}

/* あとがき */
#isocal .c-cafefood.p-dayservice2 .footer_afterword {
	width: 500px;
	max-width: calc(100% - 64vw / 4.8);
	margin: 64px auto 0;
	color: inherit;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice2 .footer_afterword {
		max-width: calc(100% - 64vw / 4.8);
	}
}

/* 監修・脚注 */
#isocal .c-cafefood.p-dayservice2 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-dayservice2 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-dayservice2 .footer_reflist {
	margin-top: 40px;
}


/**
 * 【基礎】グループホームとは？入居条件を解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-dayservice3 {
	background: #ffe3e5;
}
#isocal .c-cafefood.p-dayservice3 .section_num,
#isocal .c-cafefood.p-dayservice3 .content_header {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-dayservice3 .content_section.-bg {
	background: #ffd7cf;
}
#isocal .c-cafefood.p-dayservice3 .figure_capsule,
#isocal .c-cafefood.p-dayservice3 .header_title em::before,
#isocal .c-cafefood.p-dayservice3 .toc_title,
#isocal .c-cafefood.p-dayservice3 .toc_list li::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-dayservice3 .header_visual img {
	box-shadow: 12px 12px 0 #ff8899;
}
#isocal .c-cafefood.p-dayservice3 strong,
#isocal .c-cafefood.p-dayservice3 .textlink,
#isocal .c-cafefood.p-dayservice3 .section_title,
#isocal .c-cafefood.p-dayservice3 .column_title,
#isocal .c-cafefood.p-dayservice3 .wordlist dt,
#isocal .c-cafefood.p-dayservice3 .footer_afterword,
#isocal .c-cafefood.p-dayservice3 .section_list li::before,
#isocal .c-cafefood.p-dayservice3 .toc_list {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-dayservice3 .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
#isocal .c-cafefood.p-dayservice3 .p-section_3 .section_list li:nth-child(n+2),
#isocal .c-cafefood.p-dayservice3 .section_list li + li {
    margin-top: 0;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice3 .header_visual img {
		box-shadow: 6px 6px 0 #ff8899;
	}
	#isocal .c-cafefood.p-dayservice3 .footer_afterword {
		text-align: left;
	}
	#isocal .c-cafefood.p-dayservice3 .dayservice-wrap .photo {
		margin: 0 auto;
		margin-top: calc(16vw / 4.8);
		max-width: 375px;
	}
}

/* 特別養護老人ホームの1日の流れ */
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline {
	position: relative;
	margin: 40px 0 0;
	padding: 48px 16px;
	border-radius: 10px;
	font-weight: 900;
	text-align: center;
	background: #fff0f1;
}
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline::after {
	content: "";
	display: block;
	clear: both;
}
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .time {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	top: 48px;
	bottom: 48px;
	left: 0;
	width: 100%;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/dotline_pink.svg?v=51120321344004971231751091913) center / 4px 10px repeat-y;
}
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .time li {
	font-size: 20px;
	line-height: 1.2;
	background: #fff0f1;
}
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .time li:first-child { padding-left: .7em; }
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .time li:nth-child(2) { margin-top: 24%; }
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .time li:nth-child(5) { margin-top: 30%; }
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .time li:nth-child(4) { margin-top: 8%; }
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .time li:last-child { margin-top: 15%; }
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .thread {
	position: relative;
	width: calc(50% - 24px);
	margin-top: 48px;
	color: #1bb5c6;
	font-size: 20px;
	line-height: 1.2;
	white-space: nowrap;
	text-align: center;
}
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .thread.-r { float: right; }
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .thread.-l { float: left; }
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .thread:nth-of-type(1) { margin-top: 0; }
#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline figcaption {
	margin-top: .5em;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .time li,
	#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .thread {
		font-size: 16px;
		letter-spacing: 0;
	}
}
@media screen and (max-width: 479px) {
	#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline {
		padding: calc(48vw / 4.8) 16px;
	}
	#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .time {
		top: calc(48vw / 4.8);
		bottom: calc(48vw / 4.8);
		background-size: 2px 5px;
	}
	#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .time li,
	#isocal .c-cafefood.p-dayservice3 .p-section_6 .timeline .thread {
		font-size: calc(16vw / 4.8);
	}
}

/* あとがき */
#isocal .c-cafefood.p-dayservice3 .footer_afterword {
	width: 500px;
	max-width: calc(100% - 64vw / 4.8);
	margin: 64px auto 0;
	color: inherit;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dayservice3 .footer_afterword {
		max-width: calc(100% - 64vw / 4.8);
	}
}

/* 監修・脚注 */
#isocal .c-cafefood.p-dayservice3 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-dayservice3 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-dayservice3 .footer_reflist {
	margin-top: 40px;
}


/**
 * 【イラスト付き】低栄養とは？原因と対策について
 * ---------------------------------------- */
#isocal .c-cafefood.p-malnutrition .content_section {
	padding-top: 56px;
}
#isocal .c-cafefood.p-malnutrition .content_section .section_column {
	margin-top: 80px;
}
#isocal .c-cafefood.p-malnutrition {
	background: linear-gradient(to right, #ffc2ba, #ffd9d5);
}
#isocal .c-cafefood.p-malnutrition .header_visual img {
	box-shadow: 12px 12px 0 #ff8b9c;
}
#isocal .c-cafefood.p-malnutrition strong,
#isocal .c-cafefood.p-malnutrition .textlink,
#isocal .c-cafefood.p-malnutrition .section_title,
#isocal .c-cafefood.p-malnutrition .column_title,
#isocal .c-cafefood.p-malnutrition .wordlist dt,
#isocal .c-cafefood.p-malnutrition .footer_afterword,
#isocal .c-cafefood.p-malnutrition .section_list li::before {
	color: #e31e79;
}

/* individual */
#isocal .c-cafefood.p-malnutrition .section_card {
	margin: 32px 0;
	padding-bottom: 24px;
	border: 1px solid #e31e79;
	border-radius: 5px;
	text-align: center;
	background: #fff;
}
#isocal .c-cafefood.p-malnutrition .section_card .card_title {
	margin-bottom: 24px;
	padding: 16px .4em;
	border-bottom: 1px solid #e31e79;
	border-radius: 5px 5px 0 0;
	color: #e31e79;
	line-height: 1.6;
	background: #ffdde1 url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/malnutrition_index_about_bg.svg?v=1680516787') center;
}
#isocal .c-cafefood.p-malnutrition .section_card .card_lead {
	display: inline;
	padding-bottom: .1em;
	border-bottom: 1px dotted #e31e79;
	font-size: 20px;
	letter-spacing: .2em;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition .section_card {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition .section_card .card_title {
		margin-right: calc(-24vw / 4.8);
		margin-left: calc(-24vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition .section_card .card_lead {
		font-size: calc(16vw / 4.8);
	}
}

#isocal .c-cafefood.p-malnutrition .section_card .section_figure {
	position: relative;
	margin: 16px 0 0;
}
#isocal .c-cafefood.p-malnutrition .section_figure .caption,
#isocal .c-cafefood.p-malnutrition .section_figure + .note {
	position: relative;
	font-size: 9px;
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition .section_figure .caption,
	#isocal .c-cafefood.p-malnutrition .section_figure + .note {
		font-size: calc(9vw / 4.8);
	}
}

/* :::::: 栄養不足になってしまうリスクがあります。 :::::: */
#isocal .c-cafefood.p-malnutrition .p-section_1 .section_figure .caption {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 180px;
	text-align: left;
}
#isocal .c-cafefood.p-malnutrition .p-section_1 .section_card .card_title {
	font-size: 16px;
	font-weight: 700;
}
#isocal .c-cafefood.p-malnutrition .p-section_1 .section_card .card_title b {
	font-size: 27px;
}
#isocal .c-cafefood.p-malnutrition .p-section_1 .section_figure + .note {
	padding-left: 32px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition .p-section_1 .section_figure .caption {
		right: calc(-4vw / 4.8);
		bottom: calc(-16vw / 4.8);
		width: calc(138vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition .p-section_1 .section_card .card_title {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition .p-section_1 .section_card .card_title b {
		font-size: calc(27vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition .p-section_1 .section_figure + .note {
		padding-left: calc(24vw / 4.8);
		text-align: left;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-malnutrition .p-section_1 .section_figure .caption {
		width: calc(152vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition .p-section_1 .section_figure + .note {
		padding-left: calc(32vw / 4.8);
	}
}

/* :::::: 低栄養って、どんな状態？ :::::: */
#isocal .c-cafefood.p-malnutrition .p-section_2 .section_figure .caption {
	margin-top: 16px;
}

/* :::::: 調理法によって、栄養量が少なくなります。 :::::: */
#isocal .c-cafefood.p-malnutrition .p-section_4 .section_card .card_title {
	font-weight: 700;
}
#isocal .c-cafefood.p-malnutrition .p-section_4 .section_card .card_title {
	font-size: 27px;
}
#isocal .c-cafefood.p-malnutrition .p-section_4 .section_card .section_figure {
	margin-top: 24px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-malnutrition .p-section_4 .section_figure .caption {
		margin-top: -1em;
		padding-left: 40px;
		text-align: left;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-malnutrition .p-section_4 .section_card .card_title,
	#isocal .c-cafefood.p-malnutrition .p-section_4 .section_card .card_title b {
		font-size: calc(27vw / 4.8);
	}
	#isocal .c-cafefood.p-malnutrition .p-section_4 .section_figure .caption {
		margin-top: 8px;
	}
}

#isocal .c-cafefood.p-malnutrition .content_footer {
	margin-top: 80px;
	padding: 0;
}
#isocal .c-cafefood.p-malnutrition .content_footer p {
	font-size: 11px;
	font-weight: 400;
}
#isocal .c-cafefood.p-malnutrition .footer_reflist {
	margin-top: 4px;
}


/**
 * ビタミンとは？ 種類別の働きと目安量、摂取する際の注意点
 * ---------------------------------------- */
#isocal .c-cafefood.p-vitamin {
	background: #f6e9f5;
}
#isocal .c-cafefood.p-vitamin .section_num,
#isocal .c-cafefood.p-vitamin .content_header {
	background: #deabdc;
}
#isocal .c-cafefood.p-vitamin .content_section.-bg {
	background: #e3cce3;
}
#isocal .c-cafefood.p-vitamin .figure_capsule,
#isocal .c-cafefood.p-vitamin .header_title em::before,
#isocal .c-cafefood.p-vitamin .toc_title,
#isocal .c-cafefood.p-vitamin .toc_list li::before {
	background: #ebb200;
}
#isocal .c-cafefood.p-vitamin .header_visual img {
	box-shadow: 12px 12px 0 #c381c2;
}
#isocal .c-cafefood.p-vitamin strong,
#isocal .c-cafefood.p-vitamin .textlink,
#isocal .c-cafefood.p-vitamin .section_title,
#isocal .c-cafefood.p-vitamin .column_title,
#isocal .c-cafefood.p-vitamin .wordlist dt,
#isocal .c-cafefood.p-vitamin .footer_afterword,
#isocal .c-cafefood.p-vitamin .section_list li::before,
#isocal .c-cafefood.p-vitamin .toc_list {
	color: #ebb200;
}
#isocal .c-cafefood.p-vitamin .section_title .marker {
	background: linear-gradient(to top, #e6d3e5 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamin .header_visual img {
		box-shadow: 6px 6px 0 #c381c2;
	}
	#isocal .c-cafefood.p-vitamin .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-vitamin .figure_capsule b {
	font-size: 32px;
	font-weight: 900;
}
#isocal .c-cafefood.p-vitamin table {
	width: 100%;
}
#isocal .c-cafefood.p-vitamin table.c-table-inherit {
	width: inherit;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamin .figure_capsule b {
		font-size: calc(20vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitamin .section_table table,
#isocal .c-cafefood.p-vitamin .section_table th,
#isocal .c-cafefood.p-vitamin .section_table td {
	border-color: #fac200;
}
#isocal .c-cafefood.p-vitamin .section_table th {
	background: #f7eec6;
}
#isocal .c-cafefood.p-vitamin .section_table [colspan="2"],
#isocal .c-cafefood.p-vitamin .section_table [rowspan="2"],
#isocal .c-cafefood.p-vitamin .p-section_2 .section_table thead .female,
#isocal .c-cafefood.p-vitamin .section_table .blank {
	background: #fff;
}
#isocal .c-cafefood.p-vitamin .p-section_1 .section_table thead th {
	width: 40%;
	height: 80px;
}
#isocal .c-cafefood.p-vitamin .p-section_2 .section_table .c2 th:first-child {
	min-width: 7em;
}
#isocal .c-cafefood.p-vitamin .p-section_2 .section_table .male {
	background: #fef9e5;
}
#isocal .c-cafefood.p-vitamin .p-section_2 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-vitamin .p-section_2 .section_table .c2 th {
	background: #e1f2da;
}
#isocal .c-cafefood.p-vitamin .p-section_2 .section_table .c2 .male {
	background: #f8fcf6;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-vitamin .p-section_1 .section_table thead th:first-child {
		width: 20%;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamin .p-section_1 .section_table thead th {
		width: 6em;
	}
	#isocal .c-cafefood.p-vitamin .p-section_2 .section_table th {
		padding: 12px 6px;
	}
}

/* 詳しく見る */
#isocal .c-cafefood.p-vitamin .c-button.js-pullToggle {
	margin: 24px auto;
	border: 2px solid #ebb200;
	color: #ebb200;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-vitamin .c-button.js-pullToggle:hover,
	#isocal .c-cafefood.p-vitamin .c-button.js-pullToggle.is-active {
		color: #fff;
		background: #ebb200;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamin .c-button.js-pullToggle {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitamin .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-vitamin .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* あとがき */
#isocal .c-cafefood.p-vitamin .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}


/**
 * ミネラルとは？豊富に含む食品と種類や働きをわかりやすく解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-mineral {
	background: #ffe5e7;
}
#isocal .c-cafefood.p-mineral .section_num,
#isocal .c-cafefood.p-mineral .content_header {
	background: #ffa6b1;
}
#isocal .c-cafefood.p-mineral .content_section.-bg {
	background: #ffd8cf;
}
#isocal .c-cafefood.p-mineral .figure_capsule,
#isocal .c-cafefood.p-mineral .header_title em::before,
#isocal .c-cafefood.p-mineral .toc_title,
#isocal .c-cafefood.p-mineral .toc_list li::before {
	background: #00b5c7;
}
#isocal .c-cafefood.p-mineral .header_visual img {
	box-shadow: 12px 12px 0 #f18d99;
}
#isocal .c-cafefood.p-mineral strong,
#isocal .c-cafefood.p-mineral .textlink,
#isocal .c-cafefood.p-mineral .section_title,
#isocal .c-cafefood.p-mineral .column_title,
#isocal .c-cafefood.p-mineral .wordlist dt,
#isocal .c-cafefood.p-mineral .footer_afterword,
#isocal .c-cafefood.p-mineral .section_list li::before,
#isocal .c-cafefood.p-mineral .toc_list {
	color: #00b5c7;
}
#isocal .c-cafefood.p-mineral .section_title .marker {
	background: linear-gradient(to top, #ffd1d7 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mineral .header_visual img {
		box-shadow: 6px 6px 0 #f18d99;
	}
	#isocal .c-cafefood.p-mineral .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-mineral .figure_capsule b {
	font-size: 32px;
	line-height: 1.4;
	font-weight: 900;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mineral .figure_capsule b {
		font-size: calc(20vw / 4.8);
	}
}
#isocal .c-cafefood.p-mineral .section_table {
	margin-top: 32px;
}
#isocal .c-cafefood.p-mineral table {
	width: 100%;
}
#isocal .c-cafefood.p-mineral .section_table table,
#isocal .c-cafefood.p-mineral .section_table th,
#isocal .c-cafefood.p-mineral .section_table td {
	border-color: #00b5c7;
}
#isocal .c-cafefood.p-mineral .section_table th {
	background: #edf9ff;
}
#isocal .c-cafefood.p-mineral .section_table .blank {
	background: #fff;
}
#isocal .c-cafefood.p-mineral .p-section_1 .section_table thead th {
	height: 80px;
}
#isocal .c-cafefood.p-mineral .p-section_1 .section_table td:last-child,
#isocal .c-cafefood.p-mineral .p-section_2 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-mineral .p-section_1 .section_table td:last-child,
#isocal .c-cafefood.p-mineral .p-section_2 .section_table thead .blank {
	min-width: 7em;
}
#isocal .c-cafefood.p-mineral .p-section_2 .section_table td:last-child {
	white-space: nowrap;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mineral .p-section_2 .section_table th,
	#isocal .c-cafefood.p-mineral .p-section_2 .section_table td {
		padding: 12px 6px;
	}
	#isocal .c-cafefood.p-mineral .section_table th .v {
		font-feature-settings: "pkna";
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		white-space: nowrap;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-mineral .p-section_1 .section_table .blank {
		min-width: 45px;
	}
	#isocal .c-cafefood.p-mineral .p-section_1 .section_table td:last-child {
		padding: 12px 6px;
	}
}

/* 詳しく見る */
#isocal .c-cafefood.p-mineral .c-button.js-pullToggle {
	margin: 24px auto;
	border: 2px solid #00b5c7;
	color: #00b5c7;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-mineral .c-button.js-pullToggle:hover,
	#isocal .c-cafefood.p-mineral .c-button.js-pullToggle.is-active {
		color: #fff;
		background: #00b5c7;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mineral .c-button.js-pullToggle {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-mineral .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-mineral .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* ミネラルの主な摂取源（日本人）1) */
#isocal .c-cafefood.p-mineral .p-mineral_data .table_wrap {
	padding-top: 24px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mineral .p-mineral_data {
		position: relative;
	}
}
#isocal .c-cafefood.p-mineral .mineral_legend {
	display: inline-flex;
	flex-wrap: wrap;
	margin-bottom: 24px;
}
#isocal .c-cafefood.p-mineral .mineral_legend li {
	flex-basis: 6em;
	font-weight: 900;
	letter-spacing: .2em;
}
#isocal .c-cafefood.p-mineral .mineral_legend .chip {
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 1em;
	height: 1em;
	margin-right: .3em;
	vertical-align: middle;
}
#isocal .c-cafefood.p-mineral .mineral_graph {
	position: relative;
}
#isocal .c-cafefood.p-mineral .mineral_item {
	display: flex;
	align-items: center;
	position: relative;
	padding: 16px 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mineral .mineral_graph {
		min-width: 600px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-mineral .mineral_graph {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-mineral .mineral_item {
		padding: 8px 0;
	}
	#isocal .c-cafefood.p-mineral .mineral_legend li {
		padding: 0 .5em;
		font-size: calc(15vw / 4.8);
	}
}
#isocal .c-cafefood.p-mineral .mineral_item dt {
	flex-basis: 7em;
	box-sizing: border-box;
	justify-self: flex-end;
	padding-right: 1em;
	white-space: nowrap;
	text-align: right;
}
@media all and (-ms-high-contrast: none) {
	#isocal .c-cafefood.p-mineral .mineral_item dt {
		flex-basis: 6em;
	}
}
#isocal .c-cafefood.p-mineral .mineral_item .bar {
	flex-basis: calc(100% - 7em);
	display: flex;
}
#isocal .c-cafefood.p-mineral .mineral_item .bar span {
	flex-grow: 1;
	padding: .3em;
	text-align: center;
}
#isocal .c-cafefood.p-mineral .mineral_item.-m1 .bar span:nth-child(1) { flex-basis: 13%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m1 .bar span:nth-child(2) { flex-basis: 20%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m1 .bar span:nth-child(3) { flex-basis: 30%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m1 .bar span:nth-child(4) { flex-basis: 37%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m2 .bar span:nth-child(1) { flex-basis: 30%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m2 .bar span:nth-child(2) { flex-basis: 10%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m2 .bar span:nth-child(3) { flex-basis: 12%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m2 .bar span:nth-child(4) { flex-basis: 48%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m3 .bar span:nth-child(1) { flex-basis: 9%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m3 .bar span:nth-child(2) { flex-basis: 9%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m3 .bar span:nth-child(3) { flex-basis: 24%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m3 .bar span:nth-child(4) { flex-basis: 58%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m4 .bar span:nth-child(1) { flex-basis: 13%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m4 .bar span:nth-child(2) { flex-basis: 13%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m4 .bar span:nth-child(3) { flex-basis: 45%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m4 .bar span:nth-child(4) { flex-basis: 29%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m5 .bar span:nth-child(1) { flex-basis: 12%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m5 .bar span:nth-child(2) { flex-basis: 8%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m5 .bar span:nth-child(3) { flex-basis: 14%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m5 .bar span:nth-child(4) { flex-basis: 66%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m6 .bar span:nth-child(1) { flex-basis: 13%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m6 .bar span:nth-child(2) { flex-basis: 14%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m6 .bar span:nth-child(3) { flex-basis: 20%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m6 .bar span:nth-child(4) { flex-basis: 53%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m7 .bar span:nth-child(1) { flex-basis: 37%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m7 .bar span:nth-child(2) { flex-basis: 15%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m7 .bar span:nth-child(3) { flex-basis: 10%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m7 .bar span:nth-child(4) { flex-basis: 38%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m8 .bar span:nth-child(1) { flex-basis: 40%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m8 .bar span:nth-child(2) { flex-basis: 17%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m8 .bar span:nth-child(3) { flex-basis: 9%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m8 .bar span:nth-child(4) { flex-basis: 34%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m9 .bar span:nth-child(1) { flex-basis: 50%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m9 .bar span:nth-child(2) { flex-basis: 12%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m9 .bar span:nth-child(3) { flex-basis: 15%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m9 .bar span:nth-child(4) { flex-basis: 23%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m10 .bar span:nth-child(1) { flex-basis: 6%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m10 .bar span:nth-child(2) { flex-basis: 8%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m10 .bar span:nth-child(3) { flex-basis: 80%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m10 .bar span:nth-child(4) { flex-basis: 6%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m11 .bar span:nth-child(1) { flex-basis: 32%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m11 .bar span:nth-child(2) { flex-basis: 7%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m11 .bar span:nth-child(3) { flex-basis: 38%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m11 .bar span:nth-child(4) { flex-basis: 23%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m12 .bar span:nth-child(1) { flex-basis: 53%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m12 .bar span:nth-child(2) { flex-basis: 26%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m12 .bar span:nth-child(3) { flex-basis: 15%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m12 .bar span:nth-child(4) { flex-basis: 6%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m13 .bar span:nth-child(1) { flex-basis: 23%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m13 .bar span:nth-child(2) { flex-basis: 17%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m13 .bar span:nth-child(3) { flex-basis: 11%; }
#isocal .c-cafefood.p-mineral .mineral_item.-m13 .bar span:nth-child(4) { flex-basis: 49%; }

#isocal .c-cafefood.p-mineral .mineral_graph .line {
	position: absolute;
	top: 0;
	left: calc(50% + 3.5em);
	height: 100%;
	border-left: 1px solid #00b5c7;
}
#isocal .c-cafefood.p-mineral .mineral_graph .line.-l1 {
	z-index: 1;
	left: 7em;
}
#isocal .c-cafefood.p-mineral .mineral_graph .line.-l3 {
	z-index: 1;
	left: calc(100% - 1px);
}
#isocal .c-cafefood.p-mineral .mineral_graph .line::after {
	content: "50%";
	position: absolute;
	bottom: 100%;
}
#isocal .c-cafefood.p-mineral .mineral_graph .line.-l1::after {
	content: "0%";
	left: 0;
}
#isocal .c-cafefood.p-mineral .mineral_graph .line.-l2::after {
	left: calc(50% - 1em);
}
#isocal .c-cafefood.p-mineral .mineral_graph .line.-l3::after {
	content: "100%";
	right: 0;
}
#isocal .c-cafefood.p-mineral .p-mineral_data .c1 { background: #ffca71; }
#isocal .c-cafefood.p-mineral .p-mineral_data .c2 { background: #f7eec6; }
#isocal .c-cafefood.p-mineral .p-mineral_data .c3 { background: #ffa2a8; }
#isocal .c-cafefood.p-mineral .p-mineral_data .c4 { background: #a4e3ff; }
#isocal .c-cafefood.p-mineral .p-mineral_data .c5 { background: #f9e180; }
#isocal .c-cafefood.p-mineral .p-mineral_data .c6 { background: #8cd175; }
#isocal .c-cafefood.p-mineral .p-mineral_data .c7 { background: #00b5c7; }
#isocal .c-cafefood.p-mineral .p-mineral_data .c8 { background: #deabdc; }
#isocal .c-cafefood.p-mineral .p-mineral_data .c9 { background: #ffe1d8; }
#isocal .c-cafefood.p-mineral .p-mineral_data .c10 { background: #c4c4c4; }

/* あとがき */
#isocal .c-cafefood.p-mineral .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}


/**
 * 鉄分とは？鉄を多く含む食材と不足・過剰摂取による影響を解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-ferrum {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-ferrum .section_num,
#isocal .c-cafefood.p-ferrum .content_header {
	background: #89c779;
}
#isocal .c-cafefood.p-ferrum .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-ferrum .figure_capsule,
#isocal .c-cafefood.p-ferrum .header_title em::before,
#isocal .c-cafefood.p-ferrum .toc_title,
#isocal .c-cafefood.p-ferrum .toc_list li::before {
	background: #f98017;
}
#isocal .c-cafefood.p-ferrum .header_visual img {
	box-shadow: 12px 12px 0 #7fb64b;
}
#isocal .c-cafefood.p-ferrum strong,
#isocal .c-cafefood.p-ferrum .textlink,
#isocal .c-cafefood.p-ferrum .section_title,
#isocal .c-cafefood.p-ferrum .column_title,
#isocal .c-cafefood.p-ferrum .wordlist dt,
#isocal .c-cafefood.p-ferrum .footer_afterword,
#isocal .c-cafefood.p-ferrum .section_list li::before,
#isocal .c-cafefood.p-ferrum .toc_list {
	color: #f98017;
}
#isocal .c-cafefood.p-ferrum .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferrum .header_visual img {
		box-shadow: 6px 6px 0 #7fb64b;
	}
	#isocal .c-cafefood.p-ferrum .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-ferrum .header_title em:nth-of-type(2) {
	display: inline-block;
	margin-top: .2em;
}

/* table */
#isocal .c-cafefood.p-ferrum table {
    width: 100%;
}
#isocal .c-cafefood.p-ferrum .section_table table,
#isocal .c-cafefood.p-ferrum .section_table th,
#isocal .c-cafefood.p-ferrum .section_table td {
	border-color: #f98017;
}
#isocal .c-cafefood.p-ferrum .section_table .blank {
	width: 8em;
	background: #fff;
}
#isocal .c-cafefood.p-ferrum #section_1 .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferrum #section_1 .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-ferrum .section_table .blank {
		width: 5em;
	}
}
#isocal .c-cafefood.p-ferrum #section_1 .section_table th {
	font-weight: 900;
}
#isocal .c-cafefood.p-ferrum #section_1 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-ferrum #section_1 .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-ferrum #section_1 .section_table .m {
	color: #f98017;
}
#isocal .c-cafefood.p-ferrum #section_1 .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-ferrum #section_1 .section_table .f {
	color: #ff586d;
}
#isocal .c-cafefood.p-ferrum #section_1 .section_table tbody .female {
	padding-left: 20px;
	text-align: left;
}

/* 詳しく見る */
#isocal .c-cafefood.p-ferrum .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #f98017;
	color: #f98017;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-ferrum .c-button.-pull:hover,
	#isocal .c-cafefood.p-ferrum .c-button.-pull.is-active {
		color: #fff;
		background: #f98017;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferrum .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-ferrum .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-ferrum .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* ヘム鉄と非ヘム鉄の違い */
#isocal .c-cafefood.p-ferrum .p-heme .heme,
#isocal .c-cafefood.p-ferrum .p-heme .non-heme {
	margin-top: 32px;
	padding: 0 16px 24px;
	border-radius: 24px;
}
#isocal .c-cafefood.p-ferrum .p-heme .heme {
	background: #ffe3e5;
}
#isocal .c-cafefood.p-ferrum .p-heme .non-heme {
	background: #e0eed9;
}
#isocal .c-cafefood.p-ferrum .p-heme .heme_bln,
#isocal .c-cafefood.p-ferrum .p-heme .heme h5,
#isocal .c-cafefood.p-ferrum .p-heme .non-heme h5 {
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	color: white;
	font-size: 18px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
#isocal .c-cafefood.p-ferrum .p-heme .heme_bln {
	flex-basis: 100%;
	position: relative;
	color: #1bb5c6;
	font-size: 26px;
	background: #d6f2ff;
    line-height: 1.6;
}
#isocal .c-cafefood.p-ferrum .p-heme .heme_bln::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: calc(50% - 16px);
	border-width: 20px 16px 0 16px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #d6f2ff;
}
#isocal .c-cafefood.p-ferrum .p-heme .heme h5,
#isocal .c-cafefood.p-ferrum .p-heme .non-heme h5 {
	max-width: 8em;
	margin: -1em auto 0;
}
#isocal .c-cafefood.p-ferrum .p-heme .heme h5 {
	background: #ff586d;
}
#isocal .c-cafefood.p-ferrum .p-heme .non-heme h5 {
	background: #82bb66;
}
#isocal .c-cafefood.p-ferrum .p-heme .heme p,
#isocal .c-cafefood.p-ferrum .p-heme .non-heme p {
	margin-top: 8px;
	text-align: center;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-ferrum .p-heme {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#isocal .c-cafefood.p-ferrum .p-heme .heme,
	#isocal .c-cafefood.p-ferrum .p-heme .non-heme {
		flex-basis: calc(50% - 16px);
		max-width: calc(50% - 16px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferrum .p-heme .heme,
	#isocal .c-cafefood.p-ferrum .p-heme .non-heme {
		margin-top: calc(32vw / 4.8);
		padding-top: 1px;
		padding-bottom: 16px;
	}
	#isocal .c-cafefood.p-ferrum .p-heme .heme {
		margin-top: calc(40vw / 4.8);
	}
	#isocal .c-cafefood.p-ferrum .p-heme .heme_bln,
	#isocal .c-cafefood.p-ferrum .p-heme .heme h5,
	#isocal .c-cafefood.p-ferrum .p-heme .non-heme h5 {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-ferrum .p-heme .heme_bln {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-ferrum .p-heme .heme_bln::after {
		left: calc(50% - 16vw / 4.8));
		border-width: calc(20vw / 4.8) calc(16vw / 4.8) 0 calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-ferrum .p-heme .illust {
	position: relative;
	height: 144px;
	margin: 16px auto 0;
}
#isocal .c-cafefood.p-ferrum .p-heme .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-ferrum .p-heme .illust img {
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i1 { top: 10%; left: 42%; }
#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i2 { bottom: 20%; left: 0; }
#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i3 { bottom: 10%; right: 0; }
#isocal .c-cafefood.p-ferrum .p-heme .non-heme .illust .il.-i1 { top: 0; left: 40%; }
#isocal .c-cafefood.p-ferrum .p-heme .non-heme .illust .il.-i2 { bottom: 0; left: 18%; }
#isocal .c-cafefood.p-ferrum .p-heme .non-heme .illust .il.-i3 { bottom: 0; right: 18%; }
#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i1 { width: 72px; }
#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i2 { width: 154px; }
#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i3 { width: 124px; }
#isocal .c-cafefood.p-ferrum .p-heme .non-heme .illust .il.-i1 { width: 58px; }
#isocal .c-cafefood.p-ferrum .p-heme .non-heme .illust .il.-i2 { width: 83px; }
#isocal .c-cafefood.p-ferrum .p-heme .non-heme .illust .il.-i3 { width: 64px; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferrum .p-heme .illust {
		height: calc(136vw / 4.8);
	}
	#isocal .c-cafefood.p-ferrum .p-heme .heme .illust {
		height: calc(104vw / 4.8);
	}
	#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i1 { top: 0; }
	#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i2 { bottom: 10%; }
	#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i3 { bottom: 0; }
	#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i1 { width: calc(72vw / 4.8); }
	#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i2 { width: calc(154vw / 4.8); }
	#isocal .c-cafefood.p-ferrum .p-heme .heme .illust .il.-i3 { width: calc(124vw / 4.8); }
	#isocal .c-cafefood.p-ferrum .p-heme .non-heme .illust .il.-i1 { width: calc(58vw / 4.8); }
	#isocal .c-cafefood.p-ferrum .p-heme .non-heme .illust .il.-i2 { width: calc(83vw / 4.8); }
	#isocal .c-cafefood.p-ferrum .p-heme .non-heme .illust .il.-i3 { width: calc(64vw / 4.8); }
}
#isocal .c-cafefood.p-ferrum .p-heme .heme p:last-child,
#isocal .c-cafefood.p-ferrum .p-heme .non-heme p:last-child {
	font-size: 24px;
}
#isocal .c-cafefood.p-ferrum .p-heme .heme p:last-child {
	color: #ff586d;
}
#isocal .c-cafefood.p-ferrum .p-heme .non-heme p:last-child {
	color: #82bb66;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferrum .p-heme .heme p:last-child,
	#isocal .c-cafefood.p-ferrum .p-heme .non-heme p:last-child {
		font-size: calc(24vw / 4.8);
	}
}

/* 鉄を効率よく摂取する方法とは？ */
#isocal .c-cafefood.p-ferrum #section_2 .column_title::before {
	display: none;
}

/* あとがき */
#isocal .c-cafefood.p-ferrum .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-ferrum .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-ferrum .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-ferrum .footer_reflist {
	margin-top: 40px;
}


/**
 * 【管理栄養士監修】ビタミンB1とは？　働き・摂取量・食品について
 * ---------------------------------------- */
#isocal .c-cafefood.p-vitaminb1 {
	background: #e7f0ff;
}
#isocal .c-cafefood.p-vitaminb1 .section_num,
#isocal .c-cafefood.p-vitaminb1 .content_header {
	background: #92d1e9;
}
#isocal .c-cafefood.p-vitaminb1 .content_section.-bg {
	background: #d3e2f3;
}
#isocal .c-cafefood.p-vitaminb1 .figure_capsule,
#isocal .c-cafefood.p-vitaminb1 .header_title em::before,
#isocal .c-cafefood.p-vitaminb1 .toc_title,
#isocal .c-cafefood.p-vitaminb1 .toc_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-vitaminb1 .header_visual img {
	box-shadow: 12px 12px 0 #63b9dc;
}
#isocal .c-cafefood.p-vitaminb1 strong,
#isocal .c-cafefood.p-vitaminb1 .textlink,
#isocal .c-cafefood.p-vitaminb1 .section_title,
#isocal .c-cafefood.p-vitaminb1 .column_title,
#isocal .c-cafefood.p-vitaminb1 .wordlist dt,
#isocal .c-cafefood.p-vitaminb1 .footer_afterword,
#isocal .c-cafefood.p-vitaminb1 .section_list li::before,
#isocal .c-cafefood.p-vitaminb1 .toc_list {
	color: #ff6671;
}
#isocal .c-cafefood.p-vitaminb1 .section_title .marker {
	background: linear-gradient(to top, #e5eef7 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb1 .header_visual img {
		box-shadow: 6px 6px 0 #63b9dc;
	}
	#isocal .c-cafefood.p-vitaminb1 .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-vitaminb1 .header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-vitaminb1 sub {
	font-size: 60%;
}

/* table */
#isocal .c-cafefood.p-vitaminb1 table {
    width: 100%;
}
#isocal .c-cafefood.p-vitaminb1 .section_table table,
#isocal .c-cafefood.p-vitaminb1 .section_table th,
#isocal .c-cafefood.p-vitaminb1 .section_table td {
	border-color: #ff6671;
}
#isocal .c-cafefood.p-vitaminb1 .section_table .blank {
	width: 8em;
	background: #fff;
}
#isocal .c-cafefood.p-vitaminb1 .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
      #isocal .c-cafefood.p-vitaminb1 table {
        width: inherit;
    }
	#isocal .c-cafefood.p-vitaminb1 .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminb1 .section_table .blank {
		width: 6em;
	}
}
#isocal .c-cafefood.p-vitaminb1 .section_table th {
	font-weight: 900;
}
#isocal .c-cafefood.p-vitaminb1 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-vitaminb1 .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-vitaminb1 .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-vitaminb1 .section_table tbody th {
	color: #ff586d;
}
#isocal .c-cafefood.p-vitaminb1 .section_table .note {
	margin-top: 1em;
	padding-left: 1em;
	font-size: 10px;
	line-height: 1.6;
	text-indent: -1em;
}

/* 詳しく見る */
#isocal .c-cafefood.p-vitaminb1 .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #ff6671;
	color: #ff6671;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-vitaminb1 .c-button.-pull:hover,
	#isocal .c-cafefood.p-vitaminb1 .c-button.-pull.is-active {
		color: #fff;
		background: #ff6671;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb1 .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitaminb1 .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-vitaminb1 .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* ビタミンB1を多く含む食品 */
#isocal .c-cafefood.p-vitaminb1 .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph {
	position: relative;
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph {
	margin-bottom: 176px;
}
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph {
	margin-bottom: 256px;
}
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_container {
	padding-bottom: 32px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb1 .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8)
	}
	#isocal .c-cafefood.p-vitaminb1 .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph {
		margin-top: calc(24vw / 4.8);
		margin-bottom: calc(104vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph {
		margin-bottom: calc(152vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminb1 .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph {
		margin-bottom: 104px;
	}
	#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph {
		margin-bottom: 152px;
	}
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .bargraph_title {
	color: #ff586d;
	background: #ffd7cf;
}
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .bargraph_title {
	color: #61ba3f;
	background: #d5edcc;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .bargraph_title {
		font-size: 16px;
	}
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .note .en,
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .note .unit {
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .note .unit {
	margin-inline-start: -.1em;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-vitaminb1 .wf-active .c-bargraph .note .en,
#isocal .c-cafefood.p-vitaminb1 .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 56px;
	height: calc(300px + 1em);
	line-height: 1;
}
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .vaxis {
	left: 44px;
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	height: 300px;
	margin-left: 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .vaxis {
		left: calc(24vw / 4.8);
		height: calc(150vw / 4.8 + 1em);
	}
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph {
		height: calc(150vw / 4.8);
		margin-right: 0;
		margin-left: calc(48vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .note {
		height: 200px;
	}
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .vaxis {
		left: 28px;
		height: calc(200px + 1em);
	}
	#isocal .c-cafefood.p-vitaminb1 .p-graph2.c-bargraph .vaxis {
		left: 24px;
	}
	#isocal .c-cafefood.p-vitaminb1 .p-graph2.c-bargraph .vaxis li {
		letter-spacing: -.05em;
	}
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph {
		height: 200px;
		margin-left: 48px;
	}
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph_item {
	position: relative;
	width: 32px;
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar.-b1 { height: 82%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar.-b2 { height: 28.3%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar.-b3 { height: 27.5%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar.-b4 { height: 23.5%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar.-b5 { height: 18%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar.-b6 { height: 13.5%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar.-b7 { height: 10.8%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar.-b8 { height: 9.9%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar.-b9 { height: 8.1%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item .bar.-b10 { height: 7.2%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar {
	background: #81bb66;
}
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar.-b1 { height: 80%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar.-b2 { height: 66.4%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar.-b3 { height: 62.9%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar.-b4 { height: 56.3%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar.-b5 { height: 52.8%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar.-b6 { height: 46.3%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar.-b7 { height: 42.8%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar.-b8 { height: 36.3%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar.-b9 { height: 32.9%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item .bar.-b10 { height: 25.9%; }
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph_item .label {
	top: 100%;
	right: 0;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item {
		width: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item {
		width: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .note,
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph_item .label {
		font-size: calc(11vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminb1 .p-graph1 .graph_item {
		width: 27px;
	}
	#isocal .c-cafefood.p-vitaminb1 .p-graph2 .graph_item {
		width: 21px;
	}
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .graph_item .label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .note {
		font-size: 11px;
	}
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-vitaminb1 .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i1 { width: 87px; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i2 { width: 76px; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .illust .il.-i1 { width: 61px; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i1 { top: 20%; left: 14%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i2 { top: 38%; left: 34%; }
#isocal .c-cafefood.p-vitaminb1 .p-graph2 .illust .il.-i1 { top: 5%; left: 12%; }
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .illust {
		left: calc(40vw / 4.8);
		width: calc(100% - 40vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i1 { width: calc(87vw / 7.67); }
	#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i2 { width: calc(76vw / 7.67); }
	#isocal .c-cafefood.p-vitaminb1 .p-graph2 .illust .il.-i1 { width: calc(60vw / 7.67); }
	#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i1 { top: 24%; }
	#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i2 { top: 36%; }
	#isocal .c-cafefood.p-vitaminb1 .p-graph2 .illust .il.-i1 { top: 0; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminb1 .c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
	#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i1 { width: 73px; }
	#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i2 { width: 63px; }
	#isocal .c-cafefood.p-vitaminb1 .p-graph2 .illust .il.-i1 { width: 50px; }
	#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i1 { top: 48px; left: 59px; }
	#isocal .c-cafefood.p-vitaminb1 .p-graph1 .illust .il.-i2 { top: 72px; left: 145px; }
	#isocal .c-cafefood.p-vitaminb1 .p-graph2 .illust .il.-i1 { left: 51px; }
}

/* recipe */
#isocal .c-cafefood.p-vitaminb1 .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitaminb1 .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-vitaminb1 .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-vitaminb1 .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-vitaminb1 .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitaminb1 .recipe_section .memo_title,
#isocal .c-cafefood.p-vitaminb1 .recipe_section .recipe_list .num {
	color: #ff6671;
}
#isocal .c-cafefood.p-vitaminb1 .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-vitaminb1 .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-vitaminb1 .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-vitaminb1 .recipe_section .memo_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-vitaminb1 .recipe_section .recipe_title,
 #isocal .c-cafefood.p-vitaminb1 .recipe_section .column_box {
	background: #f6fcff;
}
#isocal .c-cafefood.p-vitaminb1 .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitaminb1 .recipe_section .recipe_list .num {
	background: #ffe0e3;
}
#isocal .c-cafefood.p-vitaminb1 .material_list .group[data-group]::after {
	top: calc(50% - .6em);
	height: 1.2em;
	line-height: 1.2;
}
#isocal .c-cafefood.p-vitaminb1 .nutrition_list {
	columns: 14em;
}

/* あとがき */
#isocal .c-cafefood.p-vitaminb1 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-vitaminb1 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-vitaminb1 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}

/* タイプ */
#isocal .p-lineup .lineup_section {
	position: relative;
	text-align: center;
}
#isocal .p-lineup .lineup_section + .lineup_section {
	margin-top: 40px;
}
#isocal .p-lineup .lineup_jelly,
#isocal .p-lineup .lineup_drink,
#isocal .c-home .p-lineup .lineup_gohan {
	padding: 48px 40px;
	border-radius: 12px;
}
#isocal .p-lineup .lineup_jelly {
	background: #e9f3ff;
}
#isocal .p-lineup .lineup_drink {
	padding-bottom: 24px;
	background: #fff0d7;
}
#isocal .c-home .p-lineup .lineup_gohan {
	padding-top: 64px;
	background: #ffe8d8;
}
#isocal .p-lineup .lineup_jelly .jelly_type {
	margin-top: 24px;
	padding: .5em 1em;
	border-radius: 2em;
	color: #1e2280;
	font-size: 27px;
	line-height: 1.2;
	font-weight: 900;
	background: #fff;
}
#isocal .p-lineup .lineup_jelly .jelly_list {
	position: relative;
	margin-top: 24px;
}
#isocal .p-lineup .lineup_jelly .name,
#isocal .p-lineup .lineup_drink .name,
#isocal .c-home .p-lineup .lineup_gohan .name {
	color: #1f2880;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
}
#isocal .p-lineup .lineup_jelly .name b,
#isocal .p-lineup .lineup_drink .name b,
#isocal .c-home .p-lineup .lineup_gohan .name b {
	font-size: 133%;
}
#isocal .p-lineup .lineup_jelly .shadow,
#isocal .p-lineup .lineup_drink .shadow,
#isocal .c-home .p-lineup .lineup_gohan .shadow {
	position: relative;
	display: inline-block;
}
#isocal .p-lineup .lineup_jelly .photo img,
#isocal .p-lineup .lineup_drink .photo img,
#isocal .c-home .p-lineup .lineup_gohan .photo img {
	position: relative;
}
@media (min-width: 768px) {
	#isocal .p-lineup .lineup_jelly .jelly_type.-pouch {
		margin-top: 48px;
	}
	#isocal .p-lineup .lineup_jelly .name,
	#isocal .p-lineup .lineup_drink .name,
	#isocal .c-home .p-lineup .lineup_gohan .name {
		margin-top: 12px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .p-lineup .lineup_jelly,
	#isocal .p-lineup .lineup_drink,
	#isocal .c-home .p-lineup .lineup_gohan {
		padding: 48px 4vw;
	}
	#isocal .c-home .p-lineup .lineup_gohan {
		padding-top: 64px;
	}
	#isocal .p-lineup .lineup_jelly .name,
	#isocal .p-lineup .lineup_drink .name,
	#isocal .c-home .p-lineup .lineup_gohan .name {
		font-size: 1.5vw;
	}
}
@media (max-width: 767px) {
	#isocal .p-lineup .lineup_jelly,
	#isocal .p-lineup .lineup_drink,
	#isocal .c-home .p-lineup .lineup_gohan {
		padding: calc(32vw / 4.8) calc(20vw / 4.8) 24px;
	}
	#isocal .c-home .p-lineup .lineup_gohan {
		padding-top: calc(48vw / 4.8);
	}
	#isocal .p-lineup .lineup_jelly {
		padding-top: calc(40vw / 4.8);
	}
	#isocal .p-lineup .lineup_jelly .jelly_type {
		font-size: calc(24vw / 4.8);
	}
	#isocal .p-lineup .lineup_jelly .jelly_type.-cup {
		margin-top: 16px;
	}
	#isocal .p-lineup .lineup_jelly .jelly_list.-pouch {
		margin-top: 8px;
	}
	#isocal .p-lineup .lineup_jelly .name,
	#isocal .p-lineup .lineup_drink .name,
	#isocal .c-home .p-lineup .lineup_gohan .name {
		font-size: calc(17vw / 4.8);
	}
}

/* ゼリータイプ */
#isocal .p-lineup .lineup_type {
	position: absolute;
	top: -1em;
	width: 100%;
	color: #1f2880;
	font-size: 29px;
}
#isocal .p-lineup .lineup_type .underline {
	padding-bottom: .2em;
	border-bottom: 2px solid currentcolor;
}
#isocal .p-lineup .lineup_type b {
	font-size: 124%;
}
@media (max-width: 767px) {
	#isocal .p-lineup .lineup_type {
		font-size: calc(26vw / 4.8);
	}
}

/* カップゼリー */
#isocal .p-lineup .lineup_cup {
	display: flex;
}
#isocal .p-lineup .lineup_cup .shadow::before {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 10%;
	width: 80%;
	height: 80px;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/jelly_shadow.png?37250) center / 100% 100% no-repeat;
}
#isocal .p-lineup .lineup_cup .is-comingsoon {
	position: relative;
}
#isocal .p-lineup .lineup_cup .is-comingsoon::after {
	content: "Coming Soon";
	color: #3aa1df;
	font-size: 20px;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 900;
	white-space: nowrap;
	text-shadow: 0 4px 4px white, 4px 0 4px white, 0 -4px 4px white, -4px 0 4px white,
		4px 4px 4px white, 4px -4px 4px white, -4px -4px 4px white, -4px 4px 4px white;
}
#isocal .p-lineup .lineup_cup .is-comingsoon .photo {
	opacity: .3;
	pointer-events: none;
}
@media (min-width: 768px) {
	#isocal .p-lineup .lineup_cup {
		align-items: flex-end;
	}
	#isocal .p-lineup .lineup_cup .item {
		flex-basis: calc(30% - 24px);
	}
	#isocal .p-lineup .lineup_cup .item:first-child {
		flex-basis: calc(40% - 24px);
	}
	#isocal .p-lineup .lineup_cup .is-comingsoon::after {
		position: absolute;
		top: calc(32% - 1em);
		left: 0;
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .p-lineup .lineup_cup .item
	#isocal .p-lineup .lineup_cup .item:first-child {
		max-width: calc(33.3333% - 2.4vw);
	}
}
@media (max-width: 767px) {
	#isocal .p-lineup .lineup_cup {
		flex-direction: column;
		align-items: center;
	}
	#isocal .p-lineup .lineup_cup .item {
		display: -ms-grid;
		display: grid;
	}
	#isocal .p-lineup .lineup_cup .item:nth-child(n+2) {
		margin-top: 16px;
	}
	#isocal .p-lineup .lineup_cup .photo,
	#isocal .p-lineup .lineup_cup .is-comingsoon::after {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
		grid-area: 1 / 1 / 3 / 2;
		margin-right: calc(16vw / 4.8);
	}
	#isocal .p-lineup .lineup_cup .name {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: 1 / 2 / 2 / 3;
		align-self: flex-end;
	}
	#isocal .p-lineup .lineup_cup .c-button {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: 2 / 2 / 3 / 3;
	}
	#isocal .p-lineup .lineup_cup .is-comingsoon::after {
		z-index: 1;
		align-self: center;
		font-size: calc(20vw / 4.8);
	}
}

/* パウチゼリー */
#isocal .p-lineup .lineup_pouch .item {
	display: -ms-grid;
	display: grid;
	justify-content: center;
}
#isocal .p-lineup .lineup_pouch .photo {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 1;
	grid-area: 1 / 1 / 3 / 2;
	margin-right: 36px;
}
#isocal .p-lineup .lineup_pouch .name {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: 1 / 2 / 2 / 3;
	align-self: flex-end;
}
#isocal .p-lineup .lineup_pouch .c-button {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	grid-area: 2 / 2 / 3 / 3;
}
#isocal .p-lineup .lineup_pouch .shadow {
	max-width: 132px;
}
#isocal .p-lineup .lineup_pouch .shadow::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 10%;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/drink_shadow.png?37250) center / 100% 100% no-repeat;
}
@media (max-width: 767px) {
	#isocal .p-lineup .lineup_pouch .photo {
		margin-right: calc(16vw / 4.8);
	}
	#isocal .p-lineup .lineup_pouch .name {
		margin-top: .5em;
	}
	#isocal .p-lineup .lineup_pouch .shadow {
		max-width: 80%;
	}
}

/* ドリンクタイプ */
#isocal .p-lineup .lineup_drink .item {
	display: -ms-grid;
	display: grid;
	justify-content: center;
}
#isocal .p-lineup .lineup_drink .photo {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 1;
	grid-area: 1 / 1 / 3 / 2;
	margin-right: 36px;
}
#isocal .p-lineup .lineup_drink .name {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: 1 / 2 / 2 / 3;
	align-self: flex-end;
}
#isocal .p-lineup .lineup_drink .c-button {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	grid-area: 2 / 2 / 3 / 3;
}
#isocal .p-lineup .lineup_drink .shadow {
	max-width: 114px;
}
#isocal .p-lineup .lineup_drink .shadow::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 10%;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/drink_shadow.png?37250) center / 100% 100% no-repeat;
}
@media (max-width: 767px) {
	#isocal .p-lineup .lineup_drink .photo {
		margin-right: calc(16vw / 4.8);
	}
	#isocal .p-lineup .lineup_drink .name {
		margin-top: .5em;
	}
	#isocal .p-lineup .lineup_drink .shadow {
		max-width: 80%;
	}
}

/* ごはんタイプ */
#isocal .c-home .p-lineup .lineup_gohan .item {
	display: -ms-grid;
	display: grid;
	justify-content: center;
}
#isocal .c-home .p-lineup .lineup_gohan .shadow::before {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 10%;
	width: 80%;
	height: 80px;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/jelly_shadow.png?37250) center / 100% 100% no-repeat;
}
#isocal .c-home .p-lineup .lineup_gohan .photo {
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	-ms-grid-column: 1;
	grid-area: 1 / 1 / 3 / 2;
	width: 92%;
	margin-right: 36px;
}
#isocal .c-home .p-lineup .lineup_gohan .name {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: 1 / 2 / 2 / 3;
	align-self: flex-end;
}
#isocal .c-home .p-lineup .lineup_gohan .c-button {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	grid-area: 2 / 2 / 3 / 3;
}
/* :::::: やわらかいごはん :::::: */
#isocal .c-home .p-isocalseries.-gohan {
	padding-bottom: 64px;
}
#isocal .c-home .p-isocalseries.-gohan .series_container {
	background: #ffe8d8;
}
#isocal .c-home .p-isocalseries .is-new::before {
	background: #fa8000;
}
#isocal .c-home .p-isocalseries .gohan_lineup .c-pop {
	color: #ff5000;
}
#isocal .c-home .p-isocalseries .gohan_lineup .image img {
	border-radius: 10px;
}
#isocal .c-home .p-isocalseries .gohan_lineup .visual {
	max-width: 190px;
}
@media (min-width: 768px) {
	#isocal .c-home .p-isocalseries.-gohan .series_container {
		padding-block: 32px 48px;
	}
	#isocal .c-home .p-isocalseries .gohan_lineup {
		display: grid;
		grid-template: auto auto / 50% 50%;
		justify-items: center;
		align-items: center;
	}
	#isocal .c-home .p-isocalseries .gohan_lineup .title {
		grid-area: 1 / 1 / 3 / 2;
	}
	#isocal .c-home .p-isocalseries .gohan_lineup .c-pop {
		grid-area: 1 / 2;
		align-self: flex-end;
	}
	#isocal .c-home .p-isocalseries .gohan_lineup .image {
		grid-row: span 2;
	}
}
@media (max-width: 767px) {
	#isocal .c-home .p-isocalseries.-gohan .series_title {
		top: -1.8em;
	}
	#isocal .c-home .p-isocalseries .gohan_lineup {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#isocal .c-home .p-isocalseries .gohan_lineup .image {
		max-width: calc(100% - 48px);
	}
}
.jelly_image .shadow,
#isocal .c-home .gohan_image .shadow {
	position: relative;
	display: inline-block;
}
.jelly_image .shadow::before,
#isocal .c-home .gohan_image .shadow::before {
	content: "";
	position: absolute;
	bottom: -8%;
	left: 10%;
	width: 80%;
	height: 40%;
background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/jelly_shadow.png?37250) center / 100% 100% no-repeat;
}
.jelly_image .shadow img,
#isocal .c-home .gohan_image .shadow img {
	position: relative;
}
#isocal .c-home .pouch_image {
	position: relative;
}
#isocal .c-home .pouch_image .shadow {
	max-width: 114px;
}
#isocal .c-home .pouch_image .shadow::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 10%;
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/drink_shadow.png?37250) center / 100% 100% no-repeat;
}
#isocal .c-home .pouch_image .shadow img {
	position: relative;
}
@media (min-width: 480px) and (max-width: 767px) {
	#isocal .c-home .p-isocalseries .visual {
		max-width: calc(120vw / 4.8);
	}
	#isocal .c-home .p-isocalseries .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);
	}
}
#isocal .c-home .p-isocalseries .c-button {
	position: absolute;
	bottom: -24px;
	left: calc(50% - 107px);
}
#isocal .c-home .p-isocalseries .c-purchasebutton {
	margin-top: 64px;
}
@media (max-width: 767px) {
	#isocal .c-home .p-isocalseries .c-button {
		left: calc(50% - 107vw / 4.8);
	}
}
/**
 * 【管理栄養士監修】ビタミンDとは？　目安摂取量・食材・摂取時のポイント
 * ---------------------------------------- */
#isocal .c-cafefood.p-vitamind {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-vitamind .section_num,
#isocal .c-cafefood.p-vitamind .content_header {
	background: #89c779;
}
#isocal .c-cafefood.p-vitamind .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-vitamind .figure_capsule,
#isocal .c-cafefood.p-vitamind .header_title em::before,
#isocal .c-cafefood.p-vitamind .toc_title,
#isocal .c-cafefood.p-vitamind .toc_list li::before {
	background: #f98017;
}
#isocal .c-cafefood.p-vitamind .header_visual img {
	box-shadow: 12px 12px 0 #7fb64b;
}
#isocal .c-cafefood.p-vitamind strong,
#isocal .c-cafefood.p-vitamind .textlink,
#isocal .c-cafefood.p-vitamind .section_title,
#isocal .c-cafefood.p-vitamind .column_title,
#isocal .c-cafefood.p-vitamind .wordlist dt,
#isocal .c-cafefood.p-vitamind .footer_afterword,
#isocal .c-cafefood.p-vitamind .section_list li::before,
#isocal .c-cafefood.p-vitamind .toc_list {
	color: #f98017;
}
#isocal .c-cafefood.p-vitamind .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamind .header_visual img {
		box-shadow: 6px 6px 0 #7fb64b;
	}
	#isocal .c-cafefood.p-vitamind .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-vitamind table {
    width: 100%;
}
#isocal .c-cafefood.p-vitamind .section_table table,
#isocal .c-cafefood.p-vitamind .section_table th,
#isocal .c-cafefood.p-vitamind .section_table td {
	border-color: #f98017;
}
#isocal .c-cafefood.p-vitamind .section_table .blank {
	width: 8em;
	background: #fff;
}
#isocal .c-cafefood.p-vitamind .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
    #isocal .c-cafefood.p-vitamind table {
        width: inherit;
    }
	#isocal .c-cafefood.p-vitamind .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamind .section_table .blank {
		width: 6em;
	}
}
#isocal .c-cafefood.p-vitamind .section_table th {
	font-weight: 900;
}
#isocal .c-cafefood.p-vitamind .section_table td {
	text-align: center;
}
/* 5.5μgのビタミンDを産生するために必要な時間（分） */
#isocal .c-cafefood.p-vitamind #section_1 .section_table table,
#isocal .c-cafefood.p-vitamind #section_1 .section_table th,
#isocal .c-cafefood.p-vitamind #section_1 .section_table td {
	border-color: #91cf79;
}
#isocal .c-cafefood.p-vitamind #section_1 .section_table tbody th {
	background: #e7f3e1;
	min-width: 11em;
}
#isocal .c-cafefood.p-vitamind #section_1 .section_table td {
	min-width: 4em;
}
/* 1日あたりのビタミンDの摂取基準 */
#isocal .c-cafefood.p-vitamind .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-vitamind .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-vitamind .section_table .note {
	margin-top: 1em;
	padding-left: 1em;
	font-size: 10px;
	line-height: 1.6;
	text-indent: -1em;
}
#isocal .c-cafefood.p-vitamind #section_3 .section_table tbody th {
	min-width: 7em;
	color: #f98017;
}

/* ビタミンDの代謝過程 */
#isocal .c-cafefood.p-vitamind .p-section_1 .section_figure {
	padding: 40px 32px;
	border-radius: 8px;
	background: #fcf8ea;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamind .p-section_1 .section_figure {
		padding: 24px 16px;
	}
}

/* 詳しく見る */
#isocal .c-cafefood.p-vitamind .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #f98017;
	color: #f98017;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-vitamind .c-button.-pull:hover,
	#isocal .c-cafefood.p-vitamind .c-button.-pull.is-active {
		color: #fff;
		background: #f98017;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamind .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitamind .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-vitamind .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* ビタミンDを多く含む食品 */
#isocal .c-cafefood.p-vitamind .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-vitamind .c-bargraph {
	position: relative;
}
#isocal .c-cafefood.p-vitamind .c-bargraph .graph {
	margin-bottom: 176px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamind .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8)
	}
	#isocal .c-cafefood.p-vitamind .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-vitamind .c-bargraph .graph {
		margin-top: calc(24vw / 4.8);
		margin-bottom: calc(104vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitamind .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-vitamind .c-bargraph .graph {
		margin-bottom: 104px;
	}
}
#isocal .c-cafefood.p-vitamind .c-bargraph .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
#isocal .c-cafefood.p-vitamind .p-graph1 .bargraph_title {
	color: #ff586d;
	background: #ffd7cf;
}
#isocal .c-cafefood.p-vitamind .p-graph2 .bargraph_title {
	color: #61ba3f;
	background: #d5edcc;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamind .c-bargraph .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitamind .c-bargraph .bargraph_title {
		font-size: 16px;
	}
}
#isocal .c-cafefood.p-vitamind .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-vitamind .c-bargraph .note .en,
#isocal .c-cafefood.p-vitamind .c-bargraph .note .unit {
	margin-inline-start: -.1em;
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-vitamind .wf-active .c-bargraph .note .en,
#isocal .c-cafefood.p-vitamind .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
#isocal .c-cafefood.p-vitamind .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 56px;
	height: calc(300px + 1em);
	line-height: 1;
}
#isocal .c-cafefood.p-vitamind .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	height: 300px;
	margin-left: 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitamind .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamind .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamind .c-bargraph .vaxis {
		left: calc(24vw / 4.8);
		height: calc(150vw / 4.8 + 1em);
	}
	#isocal .c-cafefood.p-vitamind .c-bargraph .graph {
		height: calc(150vw / 4.8);
		margin-right: 0;
		margin-left: calc(40vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitamind .c-bargraph .note {
		height: 200px;
	}
	#isocal .c-cafefood.p-vitamind .c-bargraph .vaxis {
		left: 30px;
		height: calc(200px + 1em);
	}
	#isocal .c-cafefood.p-vitamind .c-bargraph .graph {
		height: 200px;
		margin-left: 48px;
	}
}
#isocal .c-cafefood.p-vitamind .c-bargraph .graph_item {
	position: relative;
	width: 32px;
}
#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item {
	width: 48px;
}
#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item:first-child {
	line-height: 1;
}
#isocal .c-cafefood.p-vitamind .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-vitamind .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar.-b1 { height: 87%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar.-b2 { height: 84.7%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar.-b3 { height: 42.4%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar.-b4 { height: 35.9%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar.-b5 { height: 29.5%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar.-b6 { height: 27.5%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar.-b7 { height: 25%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar.-b8 { height: 24.2%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar.-b9 { height: 19.2%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item .bar.-b10 { height: 9.9%; }
#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item .bar {
	background: #81bb66;
}
#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item .bar.-b1 { height: 93%; }
#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item .bar.-b2 { height: 19%; }
#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item .bar.-b3 { height: 7.9%; }
#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item .bar.-b4 { height: 3.1%; }
#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item .bar.-b5 { height: 2.1%; }
#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item .bar.-b6 { height: 1%; }
#isocal .c-cafefood.p-vitamind .c-bargraph .graph_item .label {
	top: 100%;
	right: 0;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-vitamind .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item {
		width: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item {
		width: calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamind .c-bargraph .note,
	#isocal .c-cafefood.p-vitamind .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitamind .c-bargraph .graph_item .label {
		font-size: calc(11vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-vitamind .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitamind .p-graph1 .graph_item {
		width: 27px;
	}
	#isocal .c-cafefood.p-vitamind .p-graph2 .graph_item {
		width: 42px;
	}
	#isocal .c-cafefood.p-vitamind .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitamind .c-bargraph .graph_item .label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitamind .c-bargraph .note {
		font-size: 11px;
	}
}
#isocal .c-cafefood.p-vitamind .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-vitamind .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-vitamind .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i1 { width: 96px; }
#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i2 { width: 76px; }
#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i3 { width: 122px; }
#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i1 { width: 86px; }
#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i2 { width: 84px; }
#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i3 { width: 119px; }
#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i1 { top: 32%; left: 22%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i2 { top: 36%; left: 44%; }
#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i3 { top: 56%; left: 74%; }
#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i1 { top: 20%; left: 16%; }
#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i2 { top: 52%; left: 42%; }
#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i3 { top: 61%; left: 76%; }
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitamind .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamind .c-bargraph .illust {
		left: calc(40vw / 4.8);
		width: calc(100% - 40vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i1 { width: calc(96vw / 7.67); }
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i2 { width: calc(76vw / 7.67); }
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i3 { width: calc(122vw / 7.67); }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i1 { width: calc(86vw / 7.67); }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i2 { width: calc(84vw / 7.67); }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i3 { width: calc(119vw / 7.67); }
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i1 { top: 26%; }
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i2 { top: 32%; }
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i3 { top: 50%; }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i1 { top: 20%; }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i2 { top: 30%; }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i3 { top: 50%; }
}
@media (max-width: 639px) {
	.c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i1 { width: 80px; }
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i2 { width: 63px; }
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i3 { width: 102px; }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i1 { width: 72px; }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i2 { width: 70px; }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i3 { width: 99px; }
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i1 { left: 90px; }
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i2 { left: 188px; }
	#isocal .c-cafefood.p-vitamind .p-graph1 .illust .il.-i3 { left: 316px; }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i1 { left: 68px; }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i2 { left: 179px; }
	#isocal .c-cafefood.p-vitamind .p-graph2 .illust .il.-i3 { left: 320px; }
}

/* recipe */
#isocal .c-cafefood.p-vitamind .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitamind .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-vitamind .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-vitamind .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-vitamind .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitamind .recipe_section .memo_title,
#isocal .c-cafefood.p-vitamind .recipe_section .recipe_list .num {
	color: #f98017;
}
#isocal .c-cafefood.p-vitamind .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-vitamind .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-vitamind .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-vitamind .recipe_section .memo_list li::before {
	background: #f98017;
}
#isocal .c-cafefood.p-vitamind .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitamind .recipe_section .column_box {
	background: #f4faf2;
}
#isocal .c-cafefood.p-vitamind .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitamind .recipe_section .recipe_list .num {
	background: #fee6d1;
}
#isocal .c-cafefood.p-vitamind .material_list .group[data-group]::after {
	top: calc(50% - .6em);
	height: 1.2em;
	line-height: 1.2;
}
#isocal .c-cafefood.p-vitamind .nutrition_list {
	columns: 14em;
}

/* あとがき */
#isocal .c-cafefood.p-vitamind .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-vitamind .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-vitamind .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}


/**
 * マグネシウム豊富な食品とは？　働きや1日の摂取量・摂りすぎた場合は？
 * ---------------------------------------- */
#isocal .c-cafefood.p-magnesium {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-magnesium .section_num,
#isocal .c-cafefood.p-magnesium .content_header {
	background: #dcaddb;
}
#isocal .c-cafefood.p-magnesium .content_section.-bg {
	background: #e5cee5;
}
#isocal .c-cafefood.p-magnesium .figure_capsule,
#isocal .c-cafefood.p-magnesium .header_title em::before,
#isocal .c-cafefood.p-magnesium .toc_title,
#isocal .c-cafefood.p-magnesium .toc_list li::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-magnesium .header_visual img {
	box-shadow: 12px 12px 0 #c583c4;
}
#isocal .c-cafefood.p-magnesium strong,
#isocal .c-cafefood.p-magnesium .textlink,
#isocal .c-cafefood.p-magnesium .section_title,
#isocal .c-cafefood.p-magnesium .column_title,
#isocal .c-cafefood.p-magnesium .wordlist dt,
#isocal .c-cafefood.p-magnesium .footer_afterword,
#isocal .c-cafefood.p-magnesium .section_list li::before,
#isocal .c-cafefood.p-magnesium .toc_list {
	color: #e9b00d;
}
#isocal .c-cafefood.p-magnesium .section_title .marker {
	background: linear-gradient(to top, #e8d5e8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-magnesium .header_visual img {
		box-shadow: 6px 6px 0 #c583c4;
	}
	#isocal .c-cafefood.p-magnesium .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-magnesium table {
   width: 100%;
}
#isocal .c-cafefood.p-magnesium .section_table table,
#isocal .c-cafefood.p-magnesium .section_table th,
#isocal .c-cafefood.p-magnesium .section_table td {
	border-color: #e9b00d;
}
#isocal .c-cafefood.p-magnesium .section_table .blank {
	width: 8em;
	background: #fff;
}
#isocal .c-cafefood.p-magnesium .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-magnesium .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-magnesium .section_table .blank {
		width: 6em;
	}
}
#isocal .c-cafefood.p-magnesium .section_table th {
	font-weight: 900;
}
#isocal .c-cafefood.p-magnesium .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-magnesium .section_table tbody th {
	color: #e9b00d;
}
#isocal .c-cafefood.p-magnesium .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-magnesium .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-magnesium .section_table .note {
	margin-top: 1em;
	padding-left: 1em;
	font-size: 10px;
	line-height: 1.6;
	text-indent: -1em;
}

/* 詳しく見る */
#isocal .c-cafefood.p-magnesium .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #e9b00d;
	color: #e9b00d;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-magnesium .c-button.-pull:hover,
	#isocal .c-cafefood.p-magnesium .c-button.-pull.is-active {
		color: #fff;
		background: #e9b00d;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-magnesium .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-magnesium .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-magnesium .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* ビタミンDを多く含む食品 */
#isocal .c-cafefood.p-magnesium .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-magnesium .c-bargraph {
	position: relative;
}
#isocal .c-cafefood.p-magnesium .c-bargraph .graph {
	margin-bottom: 176px;
}
#isocal .c-cafefood.p-magnesium .c-bargraph .graph_container {
	padding-bottom: 32px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-magnesium .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8)
	}
	#isocal .c-cafefood.p-magnesium .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-magnesium .c-bargraph .graph {
		margin-top: calc(24vw / 4.8);
		margin-bottom: calc(104vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-magnesium .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-magnesium .c-bargraph .graph {
		margin-bottom: 104px;
	}
}
#isocal .c-cafefood.p-magnesium .c-bargraph .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
#isocal .c-cafefood.p-magnesium .p-graph1 .bargraph_title {
	color: #ff586d;
	background: #ffd7cf;
}
#isocal .c-cafefood.p-magnesium .p-graph2 .bargraph_title {
	color: #61ba3f;
	background: #d5edcc;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-magnesium .c-bargraph .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-magnesium .c-bargraph .bargraph_title {
		font-size: 16px;
	}
}
#isocal .c-cafefood.p-magnesium .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-magnesium .c-bargraph .note .en,
#isocal .c-cafefood.p-magnesium .c-bargraph .note .unit {
	margin-inline-start: -.1em;
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-magnesium .wf-active .c-bargraph .note .en,
#isocal .c-cafefood.p-magnesium .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
#isocal .c-cafefood.p-magnesium .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 56px;
	height: calc(300px + 1em);
	line-height: 1;
}
#isocal .c-cafefood.p-magnesium .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	height: 300px;
	margin-left: 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-magnesium .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-magnesium .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
	#isocal .c-cafefood.p-magnesium .c-bargraph .vaxis {
		left: calc(24vw / 4.8);
		height: calc(150vw / 4.8 + 1em);
	}
	#isocal .c-cafefood.p-magnesium .c-bargraph .graph {
		height: calc(150vw / 4.8);
		margin-right: 0;
		margin-left: calc(40vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-magnesium .c-bargraph .note {
		height: 200px;
	}
	#isocal .c-cafefood.p-magnesium .c-bargraph .vaxis {
		left: 30px;
		height: calc(200px + 1em);
	}
	#isocal .c-cafefood.p-magnesium .c-bargraph .graph {
		height: 200px;
		margin-left: 48px;
	}
}
#isocal .c-cafefood.p-magnesium .c-bargraph .graph_item {
	position: relative;
	width: 32px;
}
#isocal .c-cafefood.p-magnesium .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-magnesium .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar.-b1 { height: 84.3%; }
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar.-b2 { height: 81.9%; }
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar.-b3 { height: 71.1%; }
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar.-b4 { height: 47.4%; }
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar.-b5 { height: 44.8%; }
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar.-b6 { height: 44.8%; }
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar.-b7 { height: 44.8%; }
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar.-b8 { height: 39%; }
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar.-b9 { height: 39%; }
#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item .bar.-b10 { height: 36.1%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar {
	background: #81bb66;
}
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar.-b1 { height: 83%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar.-b2 { height: 63.6%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar.-b3 { height: 45.6%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar.-b4 { height: 35%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar.-b5 { height: 35%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar.-b6 { height: 34%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar.-b7 { height: 30.8%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar.-b8 { height: 27.1%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar.-b9 { height: 27.1%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .graph_item .bar.-b10 { height: 25.5%; }
#isocal .c-cafefood.p-magnesium .c-bargraph .graph_item .label {
	top: 100%;
	right: 0;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-magnesium .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item {
		width: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-magnesium .c-bargraph .note,
	#isocal .c-cafefood.p-magnesium .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-magnesium .c-bargraph .graph_item .label {
		font-size: calc(11vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-magnesium .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-magnesium .p-graph1 .graph_item {
		width: 27px;
	}
	#isocal .c-cafefood.p-magnesium .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-magnesium .c-bargraph .graph_item .label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-magnesium .c-bargraph .note {
		font-size: 11px;
	}
}
#isocal .c-cafefood.p-magnesium .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-magnesium .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-magnesium .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i1 { width: 82px; }
#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i2 { width: 139px; }
#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i1 { width: 70px; }
#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i2 { width: 72px; }
#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i1 { top: 10%; left: 30%; }
#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i2 { top: 28%; left: 50%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i1 { top: 8%; left: 12%; }
#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i2 { top: 28%; left: 26%; }
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-magnesium .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-magnesium .c-bargraph .illust {
		left: calc(40vw / 4.8);
		width: calc(100% - 40vw / 4.8);
	}
	#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i1 { width: calc(82vw / 7.67); }
	#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i2 { width: calc(139vw / 7.67); }
	#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i1 { width: calc(70vw / 7.67); }
	#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i2 { width: calc(72vw / 7.67); }
	#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i2 { top: 25%; }
	#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i1 { top: 2%; }
	#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i2 { top: 25%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-magnesium .c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
	#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i1 { width: 68px; }
	#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i2 { width: 116px; }
	#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i1 { width: 58px; }
	#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i2 { width: 60px; }
	#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i1 { left: 132px; }
	#isocal .c-cafefood.p-magnesium .p-graph1 .illust .il.-i2 { left: 216px; }
	#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i1 { left: 52px; }
	#isocal .c-cafefood.p-magnesium .p-graph2 .illust .il.-i2 { left: 120px; }
}

/* あとがき */
#isocal .c-cafefood.p-magnesium .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}


/**
 * 【管理栄養士監修】ビタミンB1とは？　働き・摂取量・食品について
 * ---------------------------------------- */
#isocal .c-cafefood.p-vitaminb12 {
	background: #ffe3e5;
}
#isocal .c-cafefood.p-vitaminb12 .section_num,
#isocal .c-cafefood.p-vitaminb12 .content_header {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-vitaminb12 .content_section.-bg {
	background: #ffd7cf;
}
#isocal .c-cafefood.p-vitaminb12 .figure_capsule,
#isocal .c-cafefood.p-vitaminb12 .header_title em::before,
#isocal .c-cafefood.p-vitaminb12 .toc_title,
#isocal .c-cafefood.p-vitaminb12 .toc_list li::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-vitaminb12 .header_visual img {
	box-shadow: 12px 12px 0 #ff8899;
}
#isocal .c-cafefood.p-vitaminb12 strong,
#isocal .c-cafefood.p-vitaminb12 .textlink,
#isocal .c-cafefood.p-vitaminb12 .section_title,
#isocal .c-cafefood.p-vitaminb12 .column_title,
#isocal .c-cafefood.p-vitaminb12 .wordlist dt,
#isocal .c-cafefood.p-vitaminb12 .footer_afterword,
#isocal .c-cafefood.p-vitaminb12 .section_list li::before,
#isocal .c-cafefood.p-vitaminb12 .toc_list {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-vitaminb12 .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb12 .header_visual img {
		box-shadow: 6px 6px 0 #ff8899;
	}
	#isocal .c-cafefood.p-vitaminb12 .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-vitaminb12 .header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-vitaminb12 sub {
	font-size: 60%;
}

/* table */
#isocal .c-cafefood.p-vitaminb12 table {
    width: 100%;
}
#isocal .c-cafefood.p-vitaminb12 .section_table table,
#isocal .c-cafefood.p-vitaminb12 .section_table th,
#isocal .c-cafefood.p-vitaminb12 .section_table td {
	border-color: #1bb5c6;
}
#isocal .c-cafefood.p-vitaminb12 .section_table .blank {
	min-width: 8em;
	background: #fff;
}
#isocal .c-cafefood.p-vitaminb12 .section_table .male,
#isocal .c-cafefood.p-vitaminb12 .section_table .female {
	min-width: 6em;
}
#isocal .c-cafefood.p-vitaminb12 .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
      #isocal .c-cafefood.p-vitaminb12 table {
        width: inherit;
    }
	#isocal .c-cafefood.p-vitaminb12 .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitaminb12 .section_table th {
	font-weight: 900;
}
#isocal .c-cafefood.p-vitaminb12 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-vitaminb12 .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-vitaminb12 .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-vitaminb12 .section_table tbody th {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-vitaminb12 .section_table .slash {
	position: relative;
}
#isocal .c-cafefood.p-vitaminb12 .section_table .slash svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #1bb5c6;
}

/* 詳しく見る */
#isocal .c-cafefood.p-vitaminb12 .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #ff6671;
	color: #ff6671;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-vitaminb12 .c-button.-pull:hover,
	#isocal .c-cafefood.p-vitaminb12 .c-button.-pull.is-active {
		color: #fff;
		background: #ff6671;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb12 .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitaminb12 .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-vitaminb12 .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* ビタミンB1を多く含む食品 */
#isocal .c-cafefood.p-vitaminb12 .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph {
	position: relative;
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	height: 300px;
	margin-left: 88px;
	margin-bottom: 144px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph2 .graph {
	justify-content: flex-start;
	margin-bottom: 100px;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_container {
	padding-bottom: 32px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb12 .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8)
	}
	#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph {
		margin-top: calc(24vw / 4.8);
		margin-bottom: calc(104vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminb12 .p-graph2 .graph {
		margin-bottom: calc(64vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminb12 .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph,
	#isocal .c-cafefood.p-vitaminb12 .p-graph2 .graph {
		margin-bottom: 80px;
	}
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .bargraph_title {
	color: #ff586d;
	background: #ffd7cf;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph2 .bargraph_title {
	color: #61ba3f;
	background: #d5edcc;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .bargraph_title {
		font-size: 16px;
	}
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .note .en,
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .note .unit {
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .note .unit {
	margin-inline-start: -.1em;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-vitaminb12 .wf-active .c-bargraph .note .en,
#isocal .c-cafefood.p-vitaminb12 .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 56px;
	height: calc(300px + 1em);
	line-height: 1;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph2 .vaxis {
	left: 44px;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .vaxis {
		left: calc(24vw / 4.8);
		height: calc(150vw / 4.8 + 1em);
	}
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph {
		height: calc(150vw / 4.8);
		margin-right: 0;
		margin-left: calc(48vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .note {
		height: 200px;
	}
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .vaxis {
		left: 28px;
		height: calc(200px + 1em);
	}
	#isocal .c-cafefood.p-vitaminb12 .p-graph2.c-bargraph .vaxis {
		left: 24px;
	}
	#isocal .c-cafefood.p-vitaminb12 .p-graph2.c-bargraph .vaxis li {
		letter-spacing: -.05em;
	}
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph {
		height: 200px;
		margin-left: 48px;
	}
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph_item {
	position: relative;
	width: 32px;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph2 .graph_item {
	width: 64px;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph2 .graph_item:nth-child(n+2) {
	margin-left: 24px;
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b1 { height: 85%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b2 { height: 64.1%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b3 { height: 61%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b4 { height: 58.7%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b5 { height: 53.5%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b6 { height: 44.2%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b7 { height: 40.4%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b8 { height: 39%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b9 { height: 34.6%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b10 { height: 27.5%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b11 { height: 27%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b12 { height: 23.4%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item .bar.-b13 { height: 7.3%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph2 .graph_item .bar {
	background: #81bb66;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph2 .graph_item .bar.-b1 { height: 5%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph2 .graph_item .bar.-b2 { height: 5%; }
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph_item .label {
	top: 100%;
	right: 0;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (max-width: 767px) {
	.p-graph1 .graph_item {
		width: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .note,
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph_item .label {
		font-size: calc(11vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminb12 .p-graph1 .graph_item {
		width: 24px;
	}
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .graph_item .label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .note {
		font-size: 11px;
	}
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-vitaminb12 .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i1 { width: 77px; top: 0%; left: 5%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i2 { width: 48px; top: 10%; left: 34%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i3 { width: 154px; top: 32%; left: 44%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i4 { width: 59px; top: 50%; left: 76%; }
#isocal .c-cafefood.p-vitaminb12 .p-graph2 .illust .il.-i1 { width: 82px; top: 50%; left: 9%; }
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .illust {
		left: calc(40vw / 4.8);
		width: calc(100% - 40vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i1 { width: calc(77vw / 7.67); left: 10%; }
	#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i2 { width: calc(48vw / 7.67); top: 4%; }
	#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i3 { width: calc(154vw / 7.67); top: 30%; }
	#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i4 { width: calc(59vw / 7.67); top: 48%; }
	#isocal .c-cafefood.p-vitaminb12 .p-graph2 .illust .il.-i1 { width: calc(82vw / 7.67); top: 48%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminb12 .c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
	#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i1 { width: 64px; left: 42px; }
	#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i2 { width: 40px; left: 152px; }
	#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i3 { width: 128px; left: 194px; }
	#isocal .c-cafefood.p-vitaminb12 .p-graph1 .illust .il.-i4 { width: 49px; left: 340px; }
	#isocal .c-cafefood.p-vitaminb12 .p-graph2 .illust .il.-i1 { width: 68px; left: 32px; }
}

/* 動物性食品と植物性食品のグラフ横並び */
#isocal .c-cafefood.p-vitaminb12 .graph_wrapper {
	display: flex;
}
#isocal .c-cafefood.p-vitaminb12 .graph_wrapper .p-graph1 {
	flex-basis: 77%;
	min-width: 500px;
}
#isocal .c-cafefood.p-vitaminb12 .graph_wrapper .p-graph2 {
	flex-basis: 23%;
	min-width: 150px;
}
#isocal .c-cafefood.p-vitaminb12 .graph_wrapper .c-bargraph .graph_container {
	overflow: visible;
	margin-top: 24px;
	padding-bottom: 0;
}
#isocal .c-cafefood.p-vitaminb12 .graph_wrapper .p-graph1 .graph_container {
	margin-right: 24px;
}
#isocal .c-cafefood.p-vitaminb12 .graph_wrapper .c-bargraph .graph_item {
	width: 24px;
}
.p-graph2 .graph_item:nth-child(n+2) {
	margin: 0;
}
#isocal .c-cafefood.p-vitaminb12 .graph_wrapper .c-bargraph .graph {
	justify-content: space-around;
	margin: 0 0 144px 64px;
}
#isocal .c-cafefood.p-vitaminb12 .graph_wrapper .c-bargraph .vaxis {
	left: 40px;
}
@media (max-width: 999px) {
	#isocal .c-cafefood.p-vitaminb12 .graph_wrapper {
		overflow-x: auto;
		margin: 0 calc(-80vw / 10);
		padding: 0 calc(80vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminb12 .graph_wrapper {
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8);
	}
	/* スクロールバーカスタマイズ
	.graph_wrapper {
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch;
	}
	.graph_wrapper::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	.graph_wrapper::-webkit-scrollbar-thumb {
		border-radius: 6px;
		box-shadow: none;
		background: #1bb5c6;
	}
	.graph_wrapper::-webkit-scrollbar-track {
		background: #eee;
	} */
	#isocal .c-cafefood.p-vitaminb12 .graph_wrapper .c-bargraph .graph {
		margin-bottom: calc(96vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminb12 .graph_wrapper {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-vitaminb12 .graph_wrapper .c-bargraph .graph {
		margin-bottom: 104px;
	}
}

/* recipe */
#isocal .c-cafefood.p-vitaminb12 .recipe_section {
	margin-top: 40px;
}
#isocal .c-cafefood.p-vitaminb12 .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .memo_title,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .recipe_list .num {
	color: #ff6671;
}
#isocal .c-cafefood.p-vitaminb12 .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .memo_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-vitaminb12 .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .column_box {
	background: #f6fcff;
}
#isocal .c-cafefood.p-vitaminb12 .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitaminb12 .recipe_section .recipe_list .num {
	background: #ffe0e3;
}
#isocal .c-cafefood.p-vitaminb12 .material_list .group[data-group]::after {
	top: calc(50% - .6em);
	height: 1.2em;
	line-height: 1.2;
}
#isocal .c-cafefood.p-vitaminb12 .nutrition_list {
	columns: 14em;
}

/* あとがき */
#isocal .c-cafefood.p-vitaminb12 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-vitaminb12 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-vitaminb12 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}


/**
 * 【管理栄養士監修】ビタミンB1とは？　働き・摂取量・食品について
 * ---------------------------------------- */
#isocal .c-cafefood.p-zinc {
	background: #e7f0ff;
}
#isocal .c-cafefood.p-zinc .section_num,
#isocal .c-cafefood.p-zinc .content_header {
	background: #92d1e9;
}
#isocal .c-cafefood.p-zinc .content_section.-bg {
	background: #d3e2f3;
}
#isocal .c-cafefood.p-zinc .figure_capsule,
#isocal .c-cafefood.p-zinc .header_title em::before,
#isocal .c-cafefood.p-zinc .toc_title,
#isocal .c-cafefood.p-zinc .toc_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-zinc .header_visual img {
	box-shadow: 12px 12px 0 #63b9dc;
}
#isocal .c-cafefood.p-zinc strong,
#isocal .c-cafefood.p-zinc .textlink,
#isocal .c-cafefood.p-zinc .section_title,
#isocal .c-cafefood.p-zinc .column_title,
#isocal .c-cafefood.p-zinc .wordlist dt,
#isocal .c-cafefood.p-zinc .footer_afterword,
#isocal .c-cafefood.p-zinc .section_list li::before,
#isocal .c-cafefood.p-zinc .toc_list {
	color: #ff6671;
}
#isocal .c-cafefood.p-zinc .section_title .marker {
	background: linear-gradient(to top, #e5eef7 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-zinc .header_visual img {
		box-shadow: 6px 6px 0 #63b9dc;
	}
	#isocal .c-cafefood.p-zinc .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-zinc .header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-zinc sub {
	font-size: 60%;
}

/* :::::: 亜鉛とは？体内でのはたらきと役割 :::::: */
#isocal .c-cafefood.p-zinc .c-dltable {
	margin: 24px 0;
	border: 2px solid #ff6671;
	border-radius: 8px;
	background: #fff;
}
#isocal .c-cafefood.p-zinc .c-dltable .row {
	display: flex;
}
#isocal .c-cafefood.p-zinc .c-dltable .row:not(:first-child) {
	border-top: 1px solid #ff6671;
}
#isocal .c-cafefood.p-zinc .section_table .c-dltable .row:nth-child(2n+1) {
	background: #fff0f1;
}
#isocal .c-cafefood.p-zinc .c-dltable .row:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#isocal .c-cafefood.p-zinc .c-dltable .row:last-child {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#isocal .c-cafefood.p-zinc .c-dltable dt,
#isocal .c-cafefood.p-zinc .c-dltable dd {
	padding: 1em;
}
#isocal .c-cafefood.p-zinc .c-dltable dt {
	flex-basis: 40%;
	border-right: 1px solid #ff6671;
	font-size: 18px;
	font-weight: 700;
}
#isocal .c-cafefood.p-zinc .c-dltable.-single dt {
	border-radius: 8px 0 0 8px;
	background: #fff0f1;
}
#isocal .c-cafefood.p-zinc .c-dltable dd {
	flex-basis: 60%;
}
#isocal .c-cafefood.p-zinc .c-dltable .c-circlelist {
	color: #ff6671;
}

/* :::::: 亜鉛不足に注意が必要なケース :::::: */
#isocal .c-cafefood.p-zinc .p-section_1 .section_table {
	margin-top: 40px;
}
#isocal .c-cafefood.p-zinc .p-section_1 .section_table .c-dltable {
	margin-bottom: 0;
}

/* table */
#isocal .c-cafefood.p-zinc .section_table table,
#isocal .c-cafefood.p-zinc .section_table th,
#isocal .c-cafefood.p-zinc .section_table td {
	border-color: #ff6671;
}
#isocal .c-cafefood.p-zinc .section_table .blank {
	background: #fff;
}
#isocal .c-cafefood.p-zinc .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-zinc .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-zinc .section_table .blank {
		min-width: 8em;
	}
	#isocal .c-cafefood.p-zinc .section_table .male,
	#isocal .c-cafefood.p-zinc .section_table .female {
		min-width: 6em;
	}
}
#isocal .c-cafefood.p-zinc .section_table th {
	font-weight: 900;
}
#isocal .c-cafefood.p-zinc .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-zinc .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-zinc .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-zinc .section_table tbody th {
	color: #ff586d;
}
#isocal .c-cafefood.p-zinc .section_table .note {
	margin-top: 1em;
	padding-left: 1em;
	font-size: 10px;
	line-height: 1.6;
	text-indent: -1em;
}
#isocal .c-cafefood.p-zinc .section_table .slash {
	position: relative;
}
#isocal .c-cafefood.p-zinc .section_table .slash svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #ff6671;
}

/* 詳しく見る */
#isocal .c-cafefood.p-zinc .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #ff6671;
	color: #ff6671;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-zinc .c-button.-pull:hover,
	#isocal .c-cafefood.p-zinc .c-button.-pull.is-active {
		color: #fff;
		background: #ff6671;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-zinc .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-zinc .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-zinc .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* ビタミンB1を多く含む食品 */
#isocal .c-cafefood.p-zinc .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-zinc .c-bargraph {
	position: relative;
}
#isocal .c-cafefood.p-zinc .c-bargraph .graph {
	margin-bottom: 184px;
}
#isocal .c-cafefood.p-zinc .p-graph2 .graph {
	margin-bottom: 200px;
}
#isocal .c-cafefood.p-zinc .p-graph1 .graph_container {
	padding-bottom: 32px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-zinc .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8)
	}
	#isocal .c-cafefood.p-zinc .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-zinc .c-bargraph .graph {
		margin-top: calc(24vw / 4.8);
		margin-bottom: calc(112vw / 4.8);
	}
	#isocal .c-cafefood.p-zinc .p-graph2 .graph {
		margin-bottom: calc(128vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-zinc .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-zinc .c-bargraph .graph {
		margin-bottom: 128px;
	}
	#isocal .c-cafefood.p-zinc .p-graph2 .graph {
		margin-bottom: 144px;
	}
}
#isocal .c-cafefood.p-zinc .c-bargraph .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
#isocal .c-cafefood.p-zinc .p-graph1 .bargraph_title {
	color: #ff586d;
	background: #ffd7cf;
}
#isocal .c-cafefood.p-zinc .p-graph2 .bargraph_title {
	color: #61ba3f;
	background: #d5edcc;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .bargraph_title {
		font-size: 16px;
	}
}
#isocal .c-cafefood.p-zinc .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-zinc .c-bargraph .note .en,
#isocal .c-cafefood.p-zinc .c-bargraph .note .unit {
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
#isocal .c-cafefood.p-zinc .c-bargraph .note .unit {
	margin-inline-start: -.1em;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-zinc .wf-active .c-bargraph .note .en,
#isocal .c-cafefood.p-zinc .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
#isocal .c-cafefood.p-zinc .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 56px;
	height: calc(300px + 1em);
	line-height: 1;
}
#isocal .c-cafefood.p-zinc .p-graph2 .vaxis {
	left: 44px;
}
#isocal .c-cafefood.p-zinc .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	height: 300px;
	margin-left: 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
	#isocal .c-cafefood.p-zinc .c-bargraph .vaxis {
		left: calc(24vw / 4.8);
		height: calc(150vw / 4.8 + 1em);
	}
	#isocal .c-cafefood.p-zinc .c-bargraph .graph {
		height: calc(150vw / 4.8);
		margin-right: 0;
		margin-left: calc(48vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .note {
		height: 200px;
	}
	#isocal .c-cafefood.p-zinc .c-bargraph .vaxis {
		left: 28px;
		height: calc(200px + 1em);
	}
	#isocal .c-cafefood.p-zinc .p-graph2.c-bargraph .vaxis {
		left: 24px;
	}
	#isocal .c-cafefood.p-zinc .p-graph2.c-bargraph .vaxis li {
		letter-spacing: -.05em;
	}
	#isocal .c-cafefood.p-zinc .c-bargraph .graph {
		height: 200px;
		margin-left: 48px;
	}
}
#isocal .c-cafefood.p-zinc .c-bargraph .graph_item {
	position: relative;
	width: 32px;
}
#isocal .c-cafefood.p-zinc .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-zinc .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar.-b1 { height: 94%; }
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar.-b2 { height: 70.8%; }
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar.-b3 { height: 67%; }
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar.-b4 { height: 58.6%; }
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar.-b5 { height: 40%; }
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar.-b6 { height: 38.1%; }
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar.-b7 { height: 27.4%; }
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar.-b8 { height: 25.2%; }
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar.-b9 { height: 24.7%; }
#isocal .c-cafefood.p-zinc .p-graph1 .graph_item .bar.-b10 { height: 20%; }
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar {
	background: #81bb66;
}
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar.-b1 { height: 18%; }
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar.-b2 { height: 17%; }
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar.-b3 { height: 15.8%; }
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar.-b4 { height: 14.2%; }
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar.-b5 { height: 13.2%; }
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar.-b6 { height: 12.1%; }
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar.-b7 { height: 11.8%; }
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar.-b8 { height: 8.4%; }
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar.-b9 { height: 8.4%; }
#isocal .c-cafefood.p-zinc .p-graph2 .graph_item .bar.-b10 { height: 5%; }
#isocal .c-cafefood.p-zinc .c-bargraph .graph_item .label {
	top: 100%;
	right: 0;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-zinc .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .graph_item {
		width: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-zinc .c-bargraph .note,
	#isocal .c-cafefood.p-zinc .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-zinc .c-bargraph .graph_item .label {
		font-size: calc(11vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-zinc .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .graph_item {
		width: 27px;
	}
	#isocal .c-cafefood.p-zinc .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-zinc .c-bargraph .graph_item .label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .note {
		font-size: 11px;
	}
}
#isocal .c-cafefood.p-zinc .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-zinc .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-zinc .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i1 { width: 59px; top: -10%; left: 4%; }
#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i2 { width: 63px; top: 12%; left: 15%; }
#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i3 { width: 61px; top: 41%; left: 44%; }
#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i4 { width: 62px; top: 47%; left: 68%; }
#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i5 { width: 65px; top: 58%; left: 90%; }
#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i1 { width: 60px; top: 50%; left: 0; }
#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i2 { width: 45px; top: 54%; left: 18%; }
#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i3 { width: 61px; top: 54%; left: 40%; }
#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i4 { width: 54px; top: 50%; left: 63%; }
#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i5 { width: 63px; top: 70%; left: 90%; }
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .illust {
		left: calc(40vw / 4.8);
		width: calc(100% - 40vw / 4.8);
	}
	#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i1 { width: calc(59vw / 7.67); top: -15%; }
	#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i2 { width: calc(63vw / 7.67); top: 8%; }
	#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i3 { width: calc(61vw / 7.67); top: 38%; }
	#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i4 { width: calc(62vw / 7.67); top: 40%; }
	#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i5 { width: calc(65vw / 7.67); top: 50%; }
	#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i1 { width: calc(60vw / 7.67); top: 45%; left: 4%; }
	#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i2 { width: calc(45vw / 7.67); top: 50%; left: 22%; }
	#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i3 { width: calc(61vw / 7.67); top: 45%; }
	#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i4 { width: calc(54vw / 7.67); top: 45%; }
	#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i5 { width: calc(63vw / 7.67); top: 60%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-zinc .c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
	#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i1 { width: 49px; top: -16px; left: 40px; }
	#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i2 { width: 52px; top: 22px; left: 98px; }
	#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i3 { width: 50px; top: 72px; left: 190px; }
	#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i4 { width: 51px; top: 80px; left: 290px; }
	#isocal .c-cafefood.p-zinc .p-graph1 .illust .il.-i5 { width: 54px; top: 100px; left: 380px; }

	#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i1 { width: 50px; top: 90px; left: 8px; }
	#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i2 { width: 37px; top: 100px; left: 80px; }
	#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i3 { width: 50px; top: 90px; left: 168px; }
	#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i4 { width: 45px; top: 90px; left: 264px; }
	#isocal .c-cafefood.p-zinc .p-graph2 .illust .il.-i5 { width: 52px; top: 120px; left: 380px; }
}

/* recipe */
#isocal .c-cafefood.p-zinc .recipe_section {
	margin-top: 40px;
}
#isocal .c-cafefood.p-zinc .recipe_section .recipe_title,
#isocal .c-cafefood.p-zinc .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-zinc .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-zinc .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-zinc .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-zinc .recipe_section .memo_title,
#isocal .c-cafefood.p-zinc .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-zinc .recipe_section .memo_list .num {
	color: #ff6671;
}
#isocal .c-cafefood.p-zinc .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-zinc .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-zinc .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-zinc .recipe_section .memo_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-zinc .recipe_section .recipe_title,
#isocal .c-cafefood.p-zinc .recipe_section .column_box {
	background: #f6fcff;
}
#isocal .c-cafefood.p-zinc .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-zinc .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-zinc .recipe_section .memo_list .num {
	background: #ffe0e3;
}
#isocal .c-cafefood.p-zinc .material_list .group[data-group]::after {
	top: calc(50% - .6em);
	height: 1.2em;
	line-height: 1.2;
}
#isocal .c-cafefood.p-zinc .nutrition_list {
	columns: 14em;
}

/* あとがき */
#isocal .c-cafefood.p-zinc .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-zinc .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-zinc .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}


/**
 * 【管理栄養士監修】ビタミンKとは？働きと食品、1日の目安量について
 * ---------------------------------------- */
#isocal .c-cafefood.p-vitamink {
	background: #ffe3e5;
}
#isocal .c-cafefood.p-vitamink .section_num,
#isocal .c-cafefood.p-vitamink .content_header {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-vitamink .content_section.-bg {
	background: #ffd7cf;
}
#isocal .c-cafefood.p-vitamink .figure_capsule,
#isocal .c-cafefood.p-vitamink .header_title em::before,
#isocal .c-cafefood.p-vitamink .toc_title,
#isocal .c-cafefood.p-vitamink .toc_list li::before {
	background: #1ba9ba;
}
#isocal .c-cafefood.p-vitamink .header_visual img {
	box-shadow: 12px 12px 0 #ff8899;
}
#isocal .c-cafefood.p-vitamink strong,
#isocal .c-cafefood.p-vitamink .textlink,
#isocal .c-cafefood.p-vitamink .section_title,
#isocal .c-cafefood.p-vitamink .column_title,
#isocal .c-cafefood.p-vitamink .wordlist dt,
#isocal .c-cafefood.p-vitamink .footer_afterword,
#isocal .c-cafefood.p-vitamink .section_list li::before,
#isocal .c-cafefood.p-vitamink .toc_list {
	color: #1ba9ba;
}
#isocal .c-cafefood.p-vitamink .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamink .header_visual img {
		box-shadow: 6px 6px 0 #ff8899;
	}
	#isocal .c-cafefood.p-vitamink .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-vitamink .header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-vitamink sub {
	font-size: 60%;
}

/* :::::: 1日あたりのビタミンK摂取基準 :::::: */
#isocal .c-cafefood.p-vitamink .p-section_4 .section_table {
	margin-top: 32px;
}

/* table */
#isocal .c-cafefood.p-vitamink table {
    width: 100%;
}
#isocal .c-cafefood.p-vitamink .section_table table,
#isocal .c-cafefood.p-vitamink .section_table th,
#isocal .c-cafefood.p-vitamink .section_table td {
	border-color: #1ba9ba;
}
#isocal .c-cafefood.p-vitamink .section_table .blank {
	background: #fff;
}
#isocal .c-cafefood.p-vitamink .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamink .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
	/*#isocal .c-cafefood.p-vitamink .section_table .blank {
		min-width: 8em;
	}
	#isocal .c-cafefood.p-vitamink .section_table .male,
	#isocal .c-cafefood.p-vitamink .section_table .female {
		min-width: 6em;
	}*/
}
#isocal .c-cafefood.p-vitamink .section_table th {
	font-weight: 900;
}
#isocal .c-cafefood.p-vitamink .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-vitamink .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-vitamink .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-vitamink .section_table tbody th {
	color: #1ba9ba;
}
#isocal .c-cafefood.p-vitamink .section_table tbody .female {
	background: transparent;
}
#isocal .c-cafefood.p-vitamink .section_table .note {
	margin-top: 1em;
	padding-left: 1em;
	font-size: 10px;
	line-height: 1.6;
	text-indent: -1em;
}
#isocal .c-cafefood.p-vitamink .section_table .slash {
	position: relative;
}
#isocal .c-cafefood.p-vitamink .section_table .slash svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #1ba9ba;
}

/* 詳しく見る */
#isocal .c-cafefood.p-vitamink .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #1ba9ba;
	color: #1ba9ba;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-vitamink .c-button.-pull:hover,
	#isocal .c-cafefood.p-vitamink .c-button.-pull.is-active {
		color: #fff;
		background: #1ba9ba;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamink .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitamink .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-vitamink .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* ビタミンKを多く含む食品 */
#isocal .c-cafefood.p-vitamink .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-vitamink .c-bargraph {
	position: relative;
	padding-bottom: 1px
}
#isocal .c-cafefood.p-vitamink .c-bargraph .graph {
	margin-bottom: 184px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-vitamink .c-bargraph {
		margin-top: 64px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamink .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamink .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph {
		margin-top: calc(24vw / 4.8);
		margin-bottom: calc(112vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamink .p-graph2 .graph {
		margin-bottom: calc(128vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitamink .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph {
		margin-top: 24px;
		margin-bottom: 128px;
	}
	#isocal .c-cafefood.p-vitamink .p-graph2 .graph {
		margin-bottom: 144px;
	}
}
#isocal .c-cafefood.p-vitamink .c-bargraph .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamink .c-bargraph .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitamink .c-bargraph .bargraph_title {
		font-size: 16px;
	}
}
#isocal .c-cafefood.p-vitamink .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-vitamink .c-bargraph .note .en,
#isocal .c-cafefood.p-vitamink .c-bargraph .note .unit {
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
#isocal .c-cafefood.p-vitamink .c-bargraph .note .unit {
	margin-inline-start: -.1em;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-vitamink .wf-active .c-bargraph .note .en,
#isocal .c-cafefood.p-vitamink .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
#isocal .c-cafefood.p-vitamink .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 56px;
	height: calc(300px + 1em);
	line-height: 1;
}
#isocal .c-cafefood.p-vitamink .p-graph2 .vaxis {
	left: 44px;
}
#isocal .c-cafefood.p-vitamink .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	height: 300px;
	margin-left: 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamink .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .vaxis {
		left: calc(24vw / 4.8);
		height: calc(150vw / 4.8 + 1em);
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph {
		height: calc(150vw / 4.8);
		margin-right: 0;
		margin-left: calc(48vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitamink .c-bargraph .note {
		height: 200px;
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .vaxis {
		left: 28px;
		height: calc(200px + 1em);
	}
	#isocal .c-cafefood.p-vitamink .p-graph2.c-bargraph .vaxis {
		left: 24px;
	}
	#isocal .c-cafefood.p-vitamink .p-graph2.c-bargraph .vaxis li {
		letter-spacing: -.05em;
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph {
		height: 200px;
		margin-left: 48px;
	}
}
#isocal .c-cafefood.p-vitamink .c-bargraph .graph_item {
	position: relative;
	width: 32px;
}
#isocal .c-cafefood.p-vitamink .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-vitamink .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar {
	background: #82bb66;
}
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar.-b1 { height: 85.5%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar.-b2 { height: 85.2%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar.-b3 { height: 79.9%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar.-b4 { height: 76.6%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar.-b5 { height: 56.6%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar.-b6 { height: 36.3%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar.-b7 { height: 33%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar.-b8 { height: 29.2%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar.-b9 { height: 24%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .graph_item .bar.-b10 { height: 14.7%; }
#isocal .c-cafefood.p-vitamink .p-graph2 .graph_item .bar {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-vitamink .p-graph2 .graph_item .bar.-b1 { height: 94.6%; }
#isocal .c-cafefood.p-vitamink .p-graph2 .graph_item .bar.-b2 { height: 88%; }
#isocal .c-cafefood.p-vitamink .p-graph2 .graph_item .bar.-b3 { height: 72.2%; }
#isocal .c-cafefood.p-vitamink .p-graph2 .graph_item .bar.-b4 { height: 54.2%; }
#isocal .c-cafefood.p-vitamink .p-graph2 .graph_item .bar.-b5 { height: 42.1%; }
#isocal .c-cafefood.p-vitamink .p-graph2 .graph_item .bar.-b6 { height: 36.1%; }
#isocal .c-cafefood.p-vitamink .p-graph2 .graph_item .bar.-b7 { height: 30%; }
#isocal .c-cafefood.p-vitamink .c-bargraph .graph_item .label {
	top: 100%;
	right: 0;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-vitamink .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph_item {
		width: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .note,
	#isocal .c-cafefood.p-vitamink .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph_item .label {
		font-size: calc(11vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph_item {
		width: 27px;
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph_item .label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitamink .c-bargraph .note {
		font-size: 11px;
	}
}
#isocal .c-cafefood.p-vitamink .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-vitamink .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-vitamink .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i1 { width: 67px; top: -17%; left: 3%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i2 { width: 67px; top: -1%; left: 21%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i3 { width: 75px; top: 37%; left: 52%; }
#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i4 { width: 92px; top: 48%; left: 84%; }

#isocal .c-cafefood.p-vitamink .p-graph2 .illust .il.-i1 { width: 109px; top: -7%; left: 12%; }
#isocal .c-cafefood.p-vitamink .p-graph2 .illust .il.-i2 { width: 86px; top: 26%; left: 44%; }
#isocal .c-cafefood.p-vitamink .p-graph2 .illust .il.-i3 { width: 64px; top: 50%; left: 88%; }
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitamink .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamink .graph_container {
		padding-top: calc(24vw / 6.4);
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .illust {
		left: calc(40vw / 4.8);
		width: calc(100% - 40vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i1 { width: calc(67vw / 7.67); top: -25%; }
	#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i2 { width: calc(67vw / 7.67); top: -8%; }
	#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i3 { width: calc(75vw / 7.67); top: 30%; }
	#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i4 { width: calc(92vw / 7.67); top: 42%; }

	#isocal .c-cafefood.p-vitamink .p-graph2 .illust .il.-i1 { width: calc(109vw / 7.67); top: -12%; }
	#isocal .c-cafefood.p-vitamink .p-graph2 .illust .il.-i2 { width: calc(86vw / 7.67); top: 22%; }
	#isocal .c-cafefood.p-vitamink .p-graph2 .illust .il.-i3 { width: calc(64vw / 7.67); top: 46%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitamink .graph_container {
		padding-top: 24px;
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .graph {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-vitamink .c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
	#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i1 { width: 56px; left: 13px; }
	#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i2 { width: 56px; left: 90px; }
	#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i3 { width: 63px; left: 222px; }
	#isocal .c-cafefood.p-vitamink .p-graph1 .illust .il.-i4 { width: 77px; left: 359px; }

	#isocal .c-cafefood.p-vitamink .p-graph2 .illust .il.-i1 { width: 91px; left: 50px; }
	#isocal .c-cafefood.p-vitamink .p-graph2 .illust .il.-i2 { width: 72px; left: 192px; }
	#isocal .c-cafefood.p-vitamink .p-graph2 .illust .il.-i3 { width: 53px; left: 376px; }
}

/* recipe */
#isocal .c-cafefood.p-vitamink .recipe_section {
	margin-top: 40px;
}
#isocal .c-cafefood.p-vitamink .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitamink .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-vitamink .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-vitamink .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-vitamink .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitamink .recipe_section .memo_title,
#isocal .c-cafefood.p-vitamink .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-vitamink .recipe_section .memo_list .num {
	color: #1ba9ba;
}
#isocal .c-cafefood.p-vitamink .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-vitamink .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-vitamink .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-vitamink .recipe_section .memo_list li::before {
	background: #1ba9ba;
}
#isocal .c-cafefood.p-vitamink .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitamink .recipe_section .column_box {
	background: #f6fcff;
}
#isocal .c-cafefood.p-vitamink .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitamink .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-vitamink .recipe_section .memo_list .num {
	background: #edf9ff;
}
#isocal .c-cafefood.p-vitamink .material_list .group[data-group]::after {
	top: calc(50% - .6em);
	height: 1.2em;
	line-height: 1.2;
}
#isocal .c-cafefood.p-vitamink .nutrition_list {
	columns: 14em;
}
#isocal .c-cafefood.p-vitamink .recipe_section .c-recipe .preparation {
	font-size: 18px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamink .recipe_section .c-recipe .preparation {
		font-size: calc(18vw / 4.8);
	}
}

/* あとがき */
#isocal .c-cafefood.p-vitamink .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-vitamink .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
#isocal .c-cafefood.p-vitamink .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-vitamink .footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamink .footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamink .footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}


/**
 * ビタミンCが多い食べ物とは？働きと1日の摂取量・摂るタイミング
 * ---------------------------------------- */
#isocal .c-cafefood.p-vitaminc {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-vitaminc .section_num,
#isocal .c-cafefood.p-vitaminc .content_header {
	background: #89c779;
}
#isocal .c-cafefood.p-vitaminc .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-vitaminc .figure_capsule,
#isocal .c-cafefood.p-vitaminc .header_title em::before,
#isocal .c-cafefood.p-vitaminc .toc_title,
#isocal .c-cafefood.p-vitaminc .toc_list li::before {
	background: #f98017;
}
#isocal .c-cafefood.p-vitaminc .header_visual img {
	box-shadow: 12px 12px 0 #7fb64b;
}
#isocal .c-cafefood.p-vitaminc strong,
#isocal .c-cafefood.p-vitaminc .textlink,
#isocal .c-cafefood.p-vitaminc .section_title,
#isocal .c-cafefood.p-vitaminc .column_title,
#isocal .c-cafefood.p-vitaminc .wordlist dt,
#isocal .c-cafefood.p-vitaminc .footer_afterword,
#isocal .c-cafefood.p-vitaminc .section_list li::before,
#isocal .c-cafefood.p-vitaminc .toc_list {
	color: #f98017;
}
#isocal .c-cafefood.p-vitaminc .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminc .header_visual img {
		box-shadow: 6px 6px 0 #7fb64b;
	}
	#isocal .c-cafefood.p-vitaminc .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood .header_title .s {
	font-size: 80%;
}
sub {
	font-size: 60%;
}

/* :::::: 1日あたりのビタミンCの摂取基準 :::::: */
#isocal .c-cafefood .p-section_4 .section_table {
	margin-top: 32px;
}

/* table */
#isocal .c-cafefood.p-vitaminc .section_table table,
#isocal .c-cafefood.p-vitaminc .section_table th,
#isocal .c-cafefood.p-vitaminc .section_table td {
	border-color: #f98017;
}
#isocal .c-cafefood.p-vitaminc .section_table .blank {
	background: #fff;
}
#isocal .c-cafefood.p-vitaminc .section_table thead tr:first-child th {
	font-size: 20px;
}
#isocal .c-cafefood.p-vitaminc .p-section_3 .section_table tbody th {
	text-align: left;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-vitaminc .p-section_3 .section_table tbody th {
		padding-left: 2em;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminc .p-section_2 .section_table th,
	#isocal .c-cafefood.p-vitaminc .p-section_2 .section_table td {
		padding-right: .5em;
		padding-left: .5em;
	}
	#isocal .c-cafefood.p-vitaminc .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminc .section_table .blank,
	#isocal .c-cafefood.p-vitaminc .section_table .male,
	#isocal .c-cafefood.p-vitaminc .section_table .female {
		min-width: 5em;
	}
}
#isocal .c-cafefood.p-vitaminc .section_table th {
	font-weight: 900;
}
#isocal .c-cafefood.p-vitaminc .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-vitaminc .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-vitaminc .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-vitaminc .p-section_3 .section_table thead th {
	color: #f98017;
	background: #f7edc8;
}
#isocal .c-cafefood.p-vitaminc .p-section_4 .section_table tbody th {
	color: #f98017;
	background: transparent;
}
#isocal .c-cafefood.p-vitaminc .section_table .note {
	margin-top: 1em;
	padding-left: 1em;
	font-size: 10px;
	line-height: 1.6;
	text-indent: -1em;
}
#isocal .c-cafefood.p-vitaminc .section_table .slash {
	position: relative;
}
#isocal .c-cafefood.p-vitaminc .section_table .slash svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #f98017;
}

/* 詳しく見る */
#isocal .c-cafefood.p-vitaminc .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #f98017;
	color: #f98017;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-vitaminc .c-button.-pull:hover,
	#isocal .c-cafefood.p-vitaminc .c-button.-pull.is-active {
		color: #fff;
		background: #f98017;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminc .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitaminc .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-vitaminc .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* recipe */
#isocal .c-cafefood.p-vitaminc .recipe_section {
	margin-top: 40px;
}
#isocal .c-cafefood.p-vitaminc .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitaminc .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-vitaminc .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-vitaminc .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-vitaminc .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitaminc .recipe_section .memo_title,
#isocal .c-cafefood.p-vitaminc .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-vitaminc .recipe_section .memo_list .num {
	color: #ff6671;
}
#isocal .c-cafefood.p-vitaminc .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-vitaminc .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-vitaminc .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-vitaminc .recipe_section .memo_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-vitaminc .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitaminc .recipe_section .column_box {
	background: #f6fcff;
}
#isocal .c-cafefood.p-vitaminc .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitaminc .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-vitaminc .recipe_section .memo_list .num {
	background: #ffe0e3;
}
#isocal .c-cafefood.p-vitaminc .material_list .group[data-group]::after {
	top: calc(50% - .6em);
	height: 1.2em;
	line-height: 1.2;
}
#isocal .c-cafefood .nutrition_list {
	columns: 14em;
}

/* あとがき */
#isocal .c-cafefood.p-vitaminc .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-vitaminc .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
#isocal .c-cafefood.p-vitaminc .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-vitaminc .footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminc .footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminc .footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}



/**
 * 【管理栄養士監修】ビタミンAとは？働きと摂取量の目安
 * ---------------------------------------- */
#isocal .c-cafefood.p-vitamina {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-vitamina .section_num,
#isocal .c-cafefood.p-vitamina .content_header {
	background: #dcaddb;
}
#isocal .c-cafefood.p-vitamina .content_section.-bg {
	background: #e5cee5;
}
#isocal .c-cafefood.p-vitamina .figure_capsule,
#isocal .c-cafefood.p-vitamina .header_title em::before,
#isocal .c-cafefood.p-vitamina .toc_title,
#isocal .c-cafefood.p-vitamina .toc_list li::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-vitamina .header_visual img {
	box-shadow: 12px 12px 0 #c583c4;
}
#isocal .c-cafefood.p-vitamina strong,
#isocal .c-cafefood.p-vitamina .textlink,
#isocal .c-cafefood.p-vitamina .section_title,
#isocal .c-cafefood.p-vitamina .column_title,
#isocal .c-cafefood.p-vitamina .wordlist dt,
#isocal .c-cafefood.p-vitamina .footer_afterword,
#isocal .c-cafefood.p-vitamina .section_list li::before,
#isocal .c-cafefood.p-vitamina .toc_list {
	color: #e9b00d;
}
#isocal .c-cafefood.p-vitamina .section_title .marker {
	background: linear-gradient(to top, #e8d5e8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamina .header_visual img {
		box-shadow: 6px 6px 0 #c583c4;
	}
	#isocal .c-cafefood.p-vitamina .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-vitamina .header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-vitamina sub {
	font-size: 60%;
}

/* :::::: 1日あたりのビタミンAの摂取基準（μgRAE/日） :::::: */
#isocal .c-cafefood.p-vitamina .p-section_3 .section_table {
	margin-top: 32px;
}
#isocal .c-cafefood.p-vitamina .p-section_3 .figure_capsule small {
	font-size: 80%;
}

/* table */
#isocal .c-cafefood.p-vitamina .section_table table,
#isocal .c-cafefood.p-vitamina .section_table th,
#isocal .c-cafefood.p-vitamina .section_table td {
	border-color: #e9b00d;
}
#isocal .c-cafefood.p-vitamina .section_table th,
#isocal .c-cafefood.p-vitamina .section_table td {
	padding-right: .5em;
	padding-left: .5em;
}
#isocal .c-cafefood.p-vitamina .section_table .blank {
	background: #fff;
}
#isocal .c-cafefood.p-vitamina .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamina .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamina .section_table .blank {
		min-width: 8em;
	}
	#isocal .c-cafefood.p-vitamina .section_table .male,
	#isocal .c-cafefood.p-vitamina .section_table .female {
		min-width: 6em;
	}
}
#isocal .c-cafefood.p-vitamina .section_table th {
	font-weight: 900;
}
#isocal .c-cafefood.p-vitamina .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-vitamina .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-vitamina .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-vitamina .section_table tbody th {
	color: #e9b00d;
	background: transparent;
}
#isocal .c-cafefood.p-vitamina .section_table .note {
	margin-top: 1em;
}
#isocal .c-cafefood.p-vitamina .section_table p.note,
#isocal .c-cafefood.p-vitamina .section_table ul.note li {
	padding-left: 1em;
	font-size: 10px;
	line-height: 1.6;
	text-indent: -1em;
}
#isocal .c-cafefood.p-vitamina .section_table ul.note li {
	margin-top: .2em;
}
#isocal .c-cafefood.p-vitamina .section_table p.note *,
#isocal .c-cafefood.p-vitamina .section_table ul.note li * {
	text-indent: 0;
}
#isocal .c-cafefood.p-vitamina .section_table .slash {
	position: relative;
}
#isocal .c-cafefood.p-vitamina .section_table .slash svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #e9b00d;
}

/* 詳しく見る */
#isocal .c-cafefood.p-vitamina .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #e9b00d;
	color: #e9b00d;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-vitamina .c-button.-pull:hover,
	#isocal .c-cafefood.p-vitamina .c-button.-pull.is-active {
		color: #fff;
		background: #e9b00d;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamina .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitamina .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-vitamina .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* ビタミンB1を多く含む食品 */
#isocal .c-cafefood.p-vitamina .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-vitamina .c-bargraph {
	position: relative;
	padding-bottom: 1px
}
#isocal .c-cafefood.p-vitamina .c-bargraph .graph {
	margin-bottom: 184px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph {
		margin-top: 64px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamina .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamina .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-vitamina .c-bargraph .graph {
		margin-top: calc(24vw / 4.8);
		margin-bottom: calc(112vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamina .p-graph2 .graph {
		margin-bottom: calc(128vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitamina .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-vitamina .c-bargraph .graph {
		margin-top: 24px;
		margin-bottom: 128px;
	}
	#isocal .c-cafefood.p-vitamina .p-graph2 .graph {
		margin-bottom: 144px;
	}
}
#isocal .c-cafefood.p-vitamina .c-bargraph .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .bargraph_title {
		font-size: 16px;
	}
}
#isocal .c-cafefood.p-vitamina .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-vitamina .c-bargraph .note .en,
#isocal .c-cafefood.p-vitamina .c-bargraph .note .unit {
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
#isocal .c-cafefood.p-vitamina .c-bargraph .note .unit {
	margin-inline-start: -.1em;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-vitamina .wf-active .c-bargraph .note .en,
#isocal .c-cafefood.p-vitamina .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
#isocal .c-cafefood.p-vitamina .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 56px;
	height: calc(300px + 1em);
	line-height: 1;
}
#isocal .c-cafefood.p-vitamina .p-graph2 .vaxis {
	left: 44px;
}
#isocal .c-cafefood.p-vitamina .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	height: 300px;
	margin-left: 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamina .c-bargraph .vaxis {
		left: calc(24vw / 4.8);
		height: calc(150vw / 4.8 + 1em);
	}
	#isocal .c-cafefood.p-vitamina .c-bargraph .graph {
		height: calc(150vw / 4.8);
		margin-right: 0;
		margin-left: calc(48vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .note {
		height: 200px;
	}
	#isocal .c-cafefood.p-vitamina .c-bargraph .vaxis {
		left: 28px;
		height: calc(200px + 1em);
	}
	#isocal .c-cafefood.p-vitamina .p-graph2.c-bargraph .vaxis {
		left: 24px;
	}
	#isocal .c-cafefood.p-vitamina .p-graph2.c-bargraph .vaxis li {
		letter-spacing: -.05em;
	}
	#isocal .c-cafefood.p-vitamina .c-bargraph .graph {
		height: 200px;
		margin-left: 48px;
	}
}
#isocal .c-cafefood.p-vitamina .c-bargraph .graph_item {
	position: relative;
	width: 32px;
}
#isocal .c-cafefood.p-vitamina .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-vitamina .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar {
	background: #82bb66;
}
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar.-b1 { height: 93%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar.-b2 { height: 45%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar.-b3 { height: 41.1%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar.-b4 { height: 27.5%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar.-b5 { height: 25.6%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar.-b6 { height: 18.1%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar.-b7 { height: 16.8%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar.-b8 { height: 13.9%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar.-b9 { height: 10.3%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .graph_item .bar.-b10 { height: 9.6%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar.-b1 { height: 94.7%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar.-b2 { height: 87.8%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar.-b3 { height: 21.1%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar.-b4 { height: 21.1%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar.-b5 { height: 9.9%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar.-b6 { height: 9.9%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar.-b7 { height: 2.4%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar.-b8 { height: 1.8%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar.-b9 { height: 1.6%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .graph_item .bar.-b10 { height: 1.6%; }
#isocal .c-cafefood.p-vitamina .c-bargraph .graph_item .label {
	top: 100%;
	right: 0;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-vitamina .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .graph_item {
		width: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamina .c-bargraph .note,
	#isocal .c-cafefood.p-vitamina .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitamina .c-bargraph .graph_item .label {
		font-size: calc(11vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-vitamina .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .graph_item {
		width: 27px;
	}
	#isocal .c-cafefood.p-vitamina .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitamina .c-bargraph .graph_item .label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .note {
		font-size: 11px;
	}
}
#isocal .c-cafefood.p-vitamina .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-vitamina .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-vitamina .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i1 { width: 53px; top: 20%; left: 10%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i2 { width: 52px; top: 42%; left: 28%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i3 { width: 46px; top: 50%; left: 53%; }
#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i4 { width: 38px; top: 69%; left: 83%; }

#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i1 { width: 61px; top: -11%; left: 2%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i2 { width: 61px; top: 54%; left: 22%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i3 { width: 47px; top: 68%; left: 42%; }
#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i4 { width: 55px; top: 77%; left: 81%; }
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .illust {
		left: calc(40vw / 4.8);
		width: calc(100% - 40vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i1 { width: calc(53vw / 7.67); top: 12%; left: 12%; }
	#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i2 { width: calc(52vw / 7.67); top: 35%; left: 30%; }
	#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i3 { width: calc(46vw / 7.67); top: 42%; }
	#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i4 { width: calc(38vw / 7.67); top: 65%; }

	#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i1 { width: calc(61vw / 7.67); left: 11%; }
	#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i2 { width: calc(61vw / 7.67); top: 48%; }
	#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i3 { width: calc(47vw / 7.67); top: 63%; }
	#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i4 { width: calc(55vw / 7.67); top: 74%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitamina .c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
	#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i1 { width: 44px; left: 51px; }
	#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i2 { width: 43px; left: 128px; }
	#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i3 { width: 38px; left: 227px; }
	#isocal .c-cafefood.p-vitamina .p-graph1 .illust .il.-i4 { width: 32px; left: 350px; }

	#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i1 { width: 51px; left: 47px; }
	#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i2 { width: 51px; left: 95px; }
	#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i3 { width: 39px; left: 180px; }
	#isocal .c-cafefood.p-vitamina .p-graph2 .illust .il.-i4 { width: 46px; left: 343px; }
}

/* recipe */
#isocal .c-cafefood.p-vitamina .recipe_section {
	margin-top: 40px;
}
#isocal .c-cafefood.p-vitamina .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitamina .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-vitamina .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-vitamina .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-vitamina .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitamina .recipe_section .memo_title,
#isocal .c-cafefood.p-vitamina .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-vitamina .recipe_section .memo_list .num {
	color: #e9b00d;
}
#isocal .c-cafefood.p-vitamina .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-vitamina .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-vitamina .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-vitamina .recipe_section .memo_list li::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-vitamina .recipe_section .recipe_title,
#isocal .c-cafefood.p-vitamina .recipe_section .column_box {
	background: #fdf8e9;
}
#isocal .c-cafefood.p-vitamina .recipe_section .column_box {
	min-height: 0;
}
#isocal .c-cafefood.p-vitamina .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-vitamina .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-vitamina .recipe_section .memo_list .num {
	background: #fbefcf;
}
#isocal .c-cafefood.p-vitamina .material_list .group[data-group]::after {
	top: calc(50% - .6em);
	height: 1.2em;
	line-height: 1.2;
}
#isocal .c-cafefood.p-vitamina .nutrition_list {
	columns: 14em;
}
#isocal .c-cafefood.p-vitamina .recipe_section .c-recipe .preparation {
	font-size: 18px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamina .recipe_section .c-recipe .preparation {
		font-size: calc(18vw / 4.8);
	}
}

/* あとがき */
#isocal .c-cafefood.p-vitamina .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-vitamina .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
#isocal .c-cafefood.p-vitamina .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-vitamina .footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitamina .footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-vitamina .footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}


/**
 * 【管理栄養士監修】ビタミンB群とは？種類別の働きと豊富に含む食べ物まとめ
 * ---------------------------------------- */
#isocal .c-cafefood.p-vitaminbgroup {
	background: #e7f0ff;
}
#isocal .c-cafefood.p-vitaminbgroup .section_num,
#isocal .c-cafefood.p-vitaminbgroup .content_header {
	background: #92d1e9;
}
#isocal .c-cafefood.p-vitaminbgroup .content_section.-bg {
	background: #d3e2f3;
}
#isocal .c-cafefood.p-vitaminbgroup .figure_capsule,
#isocal .c-cafefood.p-vitaminbgroup .header_title em::before,
#isocal .c-cafefood.p-vitaminbgroup .toc_title,
#isocal .c-cafefood.p-vitaminbgroup .toc_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-vitaminbgroup .header_visual img {
	box-shadow: 12px 12px 0 #63b9dc;
}
#isocal .c-cafefood.p-vitaminbgroup strong,
#isocal .c-cafefood.p-vitaminbgroup .textlink,
#isocal .c-cafefood.p-vitaminbgroup .section_title,
#isocal .c-cafefood.p-vitaminbgroup .column_title,
#isocal .c-cafefood.p-vitaminbgroup .wordlist dt,
#isocal .c-cafefood.p-vitaminbgroup .section_list li::before,
#isocal .c-cafefood.p-vitaminbgroup .toc_list {
	color: #ff6671;
}
#isocal .c-cafefood.p-vitaminbgroup .section_title .marker {
	background: linear-gradient(to top, #e5eef7 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .header_visual img {
		box-shadow: 6px 6px 0 #63b9dc;
	}
	#isocal .c-cafefood.p-vitaminbgroup .footer_afterword {
		text-align: left;
	}
}

.header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-vitaminbgroup .sub {
	font-size: 60%;
	vertical-align: baseline;
}

/* table */
#isocal .c-cafefood.p-vitaminbgroup table {
    width: 100%;
}
#isocal .c-cafefood.p-vitaminbgroup .section_table table,
#isocal .c-cafefood.p-vitaminbgroup .section_table th,
#isocal .c-cafefood.p-vitaminbgroup .section_table td {
	border-color: #ff6671;
}
#isocal .c-cafefood.p-vitaminbgroup .section_table .blank {
	background: #fff;
}
#isocal .c-cafefood.p-vitaminbgroup .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
     #isocal .c-cafefood.p-vitaminbgroup table.c-table-inherit {
        width: inherit;
    }
	#isocal .c-cafefood.p-vitaminbgroup .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitaminbgroup .section_table th {
	color: #ff6671;
	font-weight: 900;
}
#isocal .c-cafefood.p-vitaminbgroup .section_table thead th {
	background: #fff0f1;
}
#isocal .c-cafefood.p-vitaminbgroup .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-vitaminbgroup .section_table .male,
#isocal .c-cafefood.p-vitaminbgroup .section_table .female {
	min-width: 5em;
}
#isocal .c-cafefood.p-vitaminbgroup .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-vitaminbgroup .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-vitaminbgroup .section_table .slash {
	position: relative;
}
#isocal .c-cafefood.p-vitaminbgroup .section_table .slash svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #ff6671;
}

/* ビタミンB群とは？ / ビタミンB群を多く含む食べ物 */
#isocal .c-cafefood.p-vitaminbgroup .p-section_1 .section_table tbody th,
#isocal .c-cafefood.p-vitaminbgroup .p-section_2 .section_table tbody th {
	color: inherit;
}
#isocal .c-cafefood.p-vitaminbgroup .p-section_1 .section_table th:first-child,
#isocal .c-cafefood.p-vitaminbgroup .p-section_2 .section_table th:first-child {
	width: 8em;
}
#isocal .c-cafefood.p-vitaminbgroup .p-section_2 .section_table td span {
	display: inline-block;
}
#isocal .c-cafefood.p-vitaminbgroup .p-section_2 .section_table,
#isocal .c-cafefood.p-vitaminbgroup .p-section_3 .section_table {
	margin-top: 32px;
}
#isocal .c-cafefood.p-vitaminbgroup .p-section_3 .section_table .blank {
	width: 8em;
}
#isocal .c-cafefood.p-vitaminbgroup .p-section_3 .section_table .table_wrap {
	overflow-y: hidden;
}
#isocal .c-cafefood.p-vitaminbgroup .p-section_3 .section_table .table_wrap + .table_wrap {
	margin-top: 40px;
}
#isocal .c-cafefood.p-vitaminbgroup .p-section_3 .section_table .sup {
	font-size: 10px;
}
#isocal .c-cafefood.p-vitaminbgroup .p-section_3 .section_table .notes {
	margin-top: .5em;
}
#isocal .c-cafefood.p-vitaminbgroup .p-section_3 .section_table .notes li {
	padding-left: 2em;
	font-size: 10px;
	line-height: 1.2;
	text-indent: -2em;
}
#isocal .c-cafefood.p-vitaminbgroup .p-section_3 .section_table .notes li + li {
	margin-top: .3em;
}

/* 詳しく見る */
#isocal .c-cafefood.p-vitaminbgroup .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #ff6671;
	color: #ff6671;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-vitaminbgroup .c-button.-pull:hover,
	#isocal .c-cafefood.p-vitaminbgroup .c-button.-pull.is-active {
		color: #fff;
		background: #ff6671;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-vitaminbgroup .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-vitaminbgroup .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* ビタミンB群の働きと多く含む食べ物 */
#isocal .c-cafefood.p-vitaminbgroup .column_anchor {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	margin-top: 24px;
}
#isocal .c-cafefood.p-vitaminbgroup .column_anchor li {
	flex-basis: calc(25% - 6px);
}
#isocal .c-cafefood.p-vitaminbgroup .column_anchor a {
	display: block;
	position: relative;
	padding: .5em 1em;
	border-radius: 2em;
	color: #ff6671;
	background: #fff0f1;
}
#isocal .c-cafefood.p-vitaminbgroup .column_anchor a::after {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	right: 1em;
	border-width: 8px 4px 0;
	border-style: solid;
	border-color: transparent;
	border-top-color: currentcolor;
	vertical-align: middle;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .column_anchor li {
		flex-basis: calc(50% - 4px);
	}
}

#isocal .c-cafefood.p-vitaminbgroup .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph {
	position: relative;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_container {
	padding-bottom: 4px;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph {
	margin-bottom: 200px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8)
	}
	#isocal .c-cafefood.p-vitaminbgroup .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph {
		margin-top: calc(24vw / 4.8);
		margin-bottom: calc(128vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminbgroup .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph {
		margin-bottom: 144px;
	}
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
#isocal .c-cafefood.p-vitaminbgroup .p-graph1 .bargraph_title {
	color: #ff586d;
	background: #ffd7cf;
}
#isocal .c-cafefood.p-vitaminbgroup .p-graph2 .bargraph_title {
	color: #61ba3f;
	background: #d5edcc;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .bargraph_title {
		font-size: 16px;
	}
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .note .en,
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .note .unit {
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .note .unit {
	margin-inline-start: -.1em;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-vitaminbgroup .wf-active .c-bargraph .note .en,
#isocal .c-cafefood.p-vitaminbgroup .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 56px;
	height: calc(300px + 1em);
	line-height: 1;
}
#isocal .c-cafefood.p-vitaminbgroup .p-graph2 .vaxis {
	left: 44px;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	height: 300px;
	margin-left: 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .vaxis {
		left: calc(24vw / 4.8);
		height: calc(150vw / 4.8 + 1em);
	}
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph {
		height: calc(150vw / 4.8);
		margin-right: 0;
		margin-left: calc(48vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .note {
		height: 200px;
	}
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .vaxis {
		left: 28px;
		height: calc(200px + 1em);
	}
	#isocal .c-cafefood.p-vitaminbgroup .p-graph2.c-bargraph .vaxis {
		left: 24px;
	}
	#isocal .c-cafefood.p-vitaminbgroup .p-graph2.c-bargraph .vaxis li {
		letter-spacing: -.05em;
	}
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph {
		height: 200px;
		margin-left: 48px;
	}
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_item {
	position: relative;
	width: 32px;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-vitaminbgroup .p-graph1 .graph_item .bar {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-vitaminbgroup .p-graph2 .graph_item .bar {
	background: #81bb66;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_item .label {
	top: 100%;
	right: 0;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_item {
		width: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .note,
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_item .label {
		font-size: calc(11vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_item {
		width: 27px;
	}
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .graph_item .label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .note {
		font-size: 11px;
	}
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .illust {
		left: calc(40vw / 4.8);
		width: calc(100% - 40vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
}

/* 動物性食品と植物性食品のグラフ横並び */
#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper {
	display: flex;
}
#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper .c-bargraph .graph_container {
	overflow: visible;
	margin-top: 24px;
	padding-bottom: 0;
}
#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper .p-graph1 .graph_container {
	margin-right: 24px;
}
#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper .c-bargraph .graph_item {
	width: 24px;
}
.p-graph2 .graph_item:nth-child(n+2) {
	margin: 0;
}
#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper .c-bargraph .graph {
	justify-content: space-around;
	margin-right: 0;
	margin-left: 64px;
}
#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper .c-bargraph .vaxis {
	left: 40px;
}
@media (max-width: 999px) {
	#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper {
		overflow-x: auto;
		margin: 0 calc(-80vw / 10);
		padding: 0 calc(80vw / 10);
	}
	#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper .c-bargraph .graph_item {
		width: 20px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper {
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper .graph_wrap {
		min-width: 0;
	}
	#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper .c-bargraph .graph {
		margin-bottom: calc(96vw / 4.8);
	}
	#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper .c-bargraph .graph_item .label {
		right: 0;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-vitaminbgroup .graph_wrapper .c-bargraph .graph {
		margin-bottom: 104px;
	}
}

/* ビタミンB1 */
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .graph_item .bar.-b1 { height: 82%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .graph_item .bar.-b2 { height: 28.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .graph_item .bar.-b3 { height: 27.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .graph_item .bar.-b4 { height: 23.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .graph_item .bar.-b5 { height: 18%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .graph_item .bar.-b6 { height: 13.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .graph_item .bar.-b7 { height: 10.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .graph_item .bar.-b8 { height: 9.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .graph_item .bar.-b9 { height: 8.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .graph_item .bar.-b10 { height: 7.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .graph_item .bar.-b1 { height: 80%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .graph_item .bar.-b2 { height: 66.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .graph_item .bar.-b3 { height: 62.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .graph_item .bar.-b4 { height: 56.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .graph_item .bar.-b5 { height: 52.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .graph_item .bar.-b6 { height: 46.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .graph_item .bar.-b7 { height: 42.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .graph_item .bar.-b8 { height: 36.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .graph_item .bar.-b9 { height: 32.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .graph_item .bar.-b10 { height: 25.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .illust .il.-i1 { width: 87px; top: 20%; left: 14%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .illust .il.-i2 { width: 76px; top: 38%; left: 34%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .illust .il.-i1 { width: 61px; top: 5%;  left: 12%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .illust .il.-i1 { width: calc(87vw / 7.67); top: 24%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .illust .il.-i2 { width: calc(76vw / 7.67); top: 36%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .illust .il.-i1 { width: calc(60vw / 7.67); top: 0; }
}
/* MEMO: 横幅はだいたい 0.83 倍、位置は臨機応変 */
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .illust .il.-i1 { width: 73px; top: 48px; left: 59px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph1 .illust .il.-i2 { width: 63px; top: 72px; left: 145px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb1 .p-graph2 .illust .il.-i1 { width: 50px; left: 51px; }
}
/* ビタミンB2 */
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b1 { height: 95%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b2 { height: 78%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b3 { height: 44.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b4 { height: 35.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b5 { height: 24.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b6 { height: 18.6%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b7 { height: 15%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b8 { height: 14.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b9 { height: 14.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b10 { height: 11.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .graph_item .bar.-b11 { height: 5.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph_item .bar.-b1 { height: 85.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph_item .bar.-b2 { height: 49%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph_item .bar.-b3 { height: 42.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph_item .bar.-b4 { height: 28.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph_item .bar.-b5 { height: 7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph_item .bar.-b6 { height: 6.6%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph_item .bar.-b7 { height: 0.01%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph_item .bar.-b8 { height: 0.01%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph_item .bar.-b9 { height: 0.01%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph_item .bar.-b10 { height: 0.01%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i1 { width: 48px; top: 10%; left: 20%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i2 { width: 76px; top: 34%; left: 31%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i3 { width: 50px; top: 57%; left: 64%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i4 { width: 62px; top: 68%; left: 90%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i1 { width: 62px; top: -6%; left: 4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i2 { width: 60px; top: 34%; left: 21%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i3 { width: 86px; top: 63%; left: 44%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i4 { width: 82px; top: 66%; left: 68%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .graph { margin-top: 32px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i1 { width: calc(48vw / 7.67); left: 22%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i2 { width: calc(76vw / 7.67); top: 27%; left: 33%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i3 { width: calc(50vw / 7.67); top: 50%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i4 { width: calc(62vw / 7.67); top: 64%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i1 { width: calc(62vw / 7.67); top: -12%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i2 { width: calc(60vw / 7.67); top: 30%; left: 22%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i3 { width: calc(86vw / 7.67); top: 56%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i4 { width: calc(82vw / 7.67); top: 60%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i1 { width: 40px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i2 { width: 63px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i3 { width: 42px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph1 .illust .il.-i4 { width: 51px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i1 { width: 51px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i2 { width: 50px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i3 { width: 71px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb2 .p-graph2 .illust .il.-i4 { width: 68px; }
}
/* ビタミンB6 */
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_item .bar.-b1 { height: 91.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_item .bar.-b2 { height: 80.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_item .bar.-b3 { height: 74.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_item .bar.-b4 { height: 72.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_item .bar.-b5 { height: 72.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_item .bar.-b6 { height: 55.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_item .bar.-b7 { height: 54.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_item .bar.-b8 { height: 51%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_item .bar.-b9 { height: 50.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_item .bar.-b10 { height: 46.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_item .bar.-b1 { height: 93.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_item .bar.-b2 { height: 85.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_item .bar.-b3 { height: 78.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_item .bar.-b4 { height: 66.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_item .bar.-b5 { height: 54.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_item .bar.-b6 { height: 47%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_item .bar.-b7 { height: 44.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_item .bar.-b8 { height: 44.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_item .bar.-b9 { height: 39.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_item .bar.-b10 { height: 37%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i1 { width: 95px;  top: -8%; left: 8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i2 { width: 105px; top: 5%; left: 25%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i3 { width: 56px;  top: 25%; left: 55%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i4 { width: 154px; top: 33%; left: 73%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i1 { width: 63px;  top: -16%; left: 2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i2 { width: 56px;  top: -2%; left: 21%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i3 { width: 75px;  top: 21%; left: 42%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i4 { width: 82px;  top: 26%; left: 62%; }
@media (min-width: 768px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph_container { margin-top: 32px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph_container { margin-top: 16px; }
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .graph { margin-top: 40px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .graph { margin-top: 48px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i1 { width: calc(95vw / 7.67);  top: -13%; left: 6%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i2 { width: calc(105vw / 7.67); top: -1%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i3 { width: calc(56vw / 7.67);  top: 20%;  }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i4 { width: calc(154vw / 7.67); top: 28%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i1 { width: calc(63vw / 7.67);  top: -21%; left: 6%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i2 { width: calc(61vw / 7.67);  top: -10%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i3 { width: calc(75vw / 7.67);  top: 14%; left: 43%;  }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i4 { width: calc(82vw / 7.67);  top: 20%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i1 { width: 79px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i2 { width: 87px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i3 { width: 46px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph1 .illust .il.-i4 { width: 128px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i1 { width: 52px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i2 { width: 51px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i3 { width: 62px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb6 .p-graph2 .illust .il.-i4 { width: 68px; }
}
/* ビタミンB12 */
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .graph_wrapper .p-graph1 { flex-basis: 77%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .graph_wrapper .p-graph2 { flex-basis: 23%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b1 { height: 85%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b2 { height: 64.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b3 { height: 61%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b4 { height: 58.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b5 { height: 53.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b6 { height: 44.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b7 { height: 40.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b8 { height: 39%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b9 { height: 34.6%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b10 { height: 27.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b11 { height: 27%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b12 { height: 23.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .graph_item .bar.-b13 { height: 7.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph2 .graph_item .bar.-b1 { height: 5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph2 .graph_item .bar.-b2 { height: 5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i1 { width: 77px;  top: 0%;  left: 5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i2 { width: 48px;  top: 10%; left: 34%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i3 { width: 154px; top: 32%; left: 44%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i4 { width: 59px;  top: 50%; left: 76%; }
#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph2 .illust .il.-i1 { width: 82px;  top: 50%; left: 9%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .graph_wrapper .p-graph1 .graph_wrap { min-width: 500px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .graph_wrapper .p-graph2 .graph_wrap { min-width: 150px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i1 { width: calc(77vw / 7.67);  left: 10%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i2 { width: calc(48vw / 7.67);  top: 4%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i3 { width: calc(154vw / 7.67); top: 30%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i4 { width: calc(59vw / 7.67);  top: 48%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph2 .illust .il.-i1 { width: calc(82vw / 7.67);  top: 48%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i1 { width: 64px;  left: 42px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i2 { width: 40px;  left: 152px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i3 { width: 128px; left: 194px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph1 .illust .il.-i4 { width: 49px;  left: 340px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-vb12 .p-graph2 .illust .il.-i1 { width: 68px;  left: 32px; }
}
/* ナイアシン */
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b1 { height: 100%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b2 { height: 90%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b3 { height: 87.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b4 { height: 79.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b5 { height: 75.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b6 { height: 58.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b7 { height: 55.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b8 { height: 52.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b9 { height: 52.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b10 { height: 49.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .bar.-b11 { height: 27.6%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .graph_item .bar.-b1 { height: 89.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .graph_item .bar.-b2 { height: 69.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .graph_item .bar.-b3 { height: 69.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .graph_item .bar.-b4 { height: 49.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .graph_item .bar.-b5 { height: 49.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .graph_item .bar.-b6 { height: 38%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .graph_item .bar.-b7 { height: 37.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .graph_item .bar.-b8 { height: 32.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .graph_item .bar.-b9 { height: 19.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .graph_item .bar.-b10 { height: 19.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i1 { width: 86px;  top: -10%; left: 8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i2 { width: 95px;  top: 0%;   left: 29%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i3 { width: 154px; top: 27%;  left: 50%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i4 { width: 75px;  top: 28%;  left: 86%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i1 { width: 61px;  top: -2%;  left: 9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i2 { width: 54px;  top: 16%;  left: 32%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i3 { width: 75px;  top: 38%;  left: 52%; }
#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i4 { width: 60px;  top: 56%;  left: 88%; }
@media (min-width: 768px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_container { margin-top: 32px; }
}
@media (max-width: 767px) {
	/* 二行になった時の調整 */
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph_item .label.-l1 { margin-right: 1em; line-height: 1; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .graph { margin-top: 32px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i1 { width: calc(86vw / 7.67); top: -12%; left: 12%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i2 { width: calc(95vw / 7.67); top: -1%; left: 32%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i3 { width: calc(154vw / 7.67); top: 23%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i4 { width: calc(75vw / 7.67); top: 23%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i1 { width: calc(61vw / 7.67); left: 13%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i2 { width: calc(54vw / 7.67); top: 8%; left: 34%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i3 { width: calc(75vw / 7.67); top: 34%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i4 { width: calc(60vw / 7.67); top: 54%; left: 86%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i1 { width: 71px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i2 { width: 79px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i3 { width: 128px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph1 .illust .il.-i4 { width: 62px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i1 { width: 51px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i2 { width: 45px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i3 { width: 62px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-niacin .p-graph2 .illust .il.-i4 { width: 50px; }
}
/* パントテン酸 */
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .graph_item .bar.-b1 { height: 88%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .graph_item .bar.-b2 { height: 63.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .graph_item .bar.-b3 { height: 56.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .graph_item .bar.-b4 { height: 55.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .graph_item .bar.-b5 { height: 38.6%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .graph_item .bar.-b6 { height: 32.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .graph_item .bar.-b7 { height: 29.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .graph_item .bar.-b8 { height: 26%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .graph_item .bar.-b9 { height: 25.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .graph_item .bar.-b10 { height: 24.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph_item .bar.-b1 { height: 90.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph_item .bar.-b2 { height: 61.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph_item .bar.-b3 { height: 48.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph_item .bar.-b4 { height: 44.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph_item .bar.-b5 { height: 41.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph_item .bar.-b6 { height: 41.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph_item .bar.-b7 { height: 41%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph_item .bar.-b8 { height: 38.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph_item .bar.-b9 { height: 35%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph_item .bar.-b10 { height: 34.6%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i1 { width: 68px; top: 10%; left: 10%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i2 { width: 96px; top: 20%; left: 26%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i3 { width: 93px; top: 53%; left: 58%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i4 { width: 50px; top: 47%; left: 92%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i1 { width: 62px; top: -10%; left: 3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i2 { width: 61px; top: 16%; left: 15%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i3 { width: 54px; top: 25%; left: 42%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i4 { width: 71px; top: 32%; left: 60%; }
#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i5 { width: 62px; top: 36%; left: 82%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .graph { margin-top: 32px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i1 { width: calc(68vw / 7.67); left: 13%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i2 { width: calc(96vw / 7.67); top: 17%; left: 28%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i3 { width: calc(93vw / 7.67); top: 50%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i4 { width: calc(50vw / 7.67); top: 40%; left: 90%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i1 { width: calc(62vw / 7.67); top: -14%; left: 5%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i2 { width: calc(61vw / 7.67); top: 10%; left: 18%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i3 { width: calc(54vw / 7.67); top: 17%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i4 { width: calc(71vw / 7.67); top: 25%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i5 { width: calc(62vw / 7.67); top: 27%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i1 { width: 56px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i2 { width: 77px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i3 { width: 77px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph1 .illust .il.-i4 { width: 42px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i1 { width: 51px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i2 { width: 51px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i3 { width: 45px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i4 { width: 59px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-pantothenic .p-graph2 .illust .il.-i5 { width: 51px; }
}
/* 葉酸 */
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .graph_item .bar.-b1 { height: 86.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .graph_item .bar.-b2 { height: 66.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .graph_item .bar.-b3 { height: 54%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .graph_item .bar.-b4 { height: 14.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .graph_item .bar.-b5 { height: 11.6%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .graph_item .bar.-b6 { height: 5.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .graph_item .bar.-b7 { height: 4.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .graph_item .bar.-b8 { height: 3.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b1 { height: 88.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b2 { height: 47.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b3 { height: 38.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b4 { height: 30.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b5 { height: 34.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b6 { height: 30.9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b7 { height: 27.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b8 { height: 27.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b9 { height: 28.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b10 { height: 22%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b11 { height: 21.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .graph_item .bar.-b12 { height: 9.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .illust .il.-i1 { width: 70px; top: 8%; left: 12%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .illust .il.-i2 { width: 86px; top: 67%; left: 72%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .illust .il.-i3 { width: 72px; top: 70%; left: 89%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .illust .il.-i1 { width: 54px; top: 30%; left: 18%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .illust .il.-i2 { width: 71px; top: 42%; left: 39%; }
#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .illust .il.-i3 { width: 92px; top: 48%; left: 86%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .illust .il.-i1 { width: calc(70vw / 7.67); top: 2%; left: 14%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .illust .il.-i2 { width: calc(86vw / 7.67); top: 62%; left: 70%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .illust .il.-i3 { width: calc(72vw / 7.67); top: 68%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .illust .il.-i1 { width: calc(54vw / 7.67); top: 20%; left: 22%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .illust .il.-i2 { width: calc(71vw / 7.67); top: 36%; left: 40%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .illust .il.-i3 { width: calc(92vw / 7.67); top: 43%; left: 82%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .illust .il.-i1 { width: 58px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .illust .il.-i2 { width: 71px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph1 .illust .il.-i3 { width: 60px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .illust .il.-i1 { width: 45px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .illust .il.-i2 { width: 59px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-folate .p-graph2 .illust .il.-i3 { width: 76px; }
}
/* ビオチン */
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b1 { height: 92.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b2 { height: 32%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b3 { height: 27.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b4 { height: 14%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b5 { height: 9.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b6 { height: 9%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b7 { height: 8.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b8 { height: 7.2%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b9 { height: 6.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b10 { height: 6.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .graph_item .bar.-b11 { height: 5.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .graph_item .bar.-b1 { height: 88.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .graph_item .bar.-b2 { height: 48.3%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .graph_item .bar.-b3 { height: 45.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .graph_item .bar.-b4 { height: 38.5%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .graph_item .bar.-b5 { height: 37%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .graph_item .bar.-b6 { height: 35.1%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .graph_item .bar.-b7 { height: 28.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .graph_item .bar.-b8 { height: 22.7%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .graph_item .bar.-b9 { height: 21.8%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .graph_item .bar.-b10 { height: 20.4%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .illust .il.-i1 { width: 70px; top: 10%; left: 10%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .illust .il.-i2 { width: 86px; top: 58%; left: 29%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .illust .il.-i3 { width: 76px; top: 60%; left: 55%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i1 { width: 60px; top: 28%; left: 10%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i2 { width: 71px; top: 28%; left: 23%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i3 { width: 62px; top: 41%; left: 37%; }
#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i4 { width: 61px; top: 53%; left: 89%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .illust .il.-i1 { width: calc(70vw / 7.67); left: 13%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .illust .il.-i2 { width: calc(86vw / 7.67); top: 53%; left: 30%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .illust .il.-i3 { width: calc(76vw / 7.67); top: 54%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i1 { width: calc(60vw / 7.67); top: 24%; left: 13%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i2 { width: calc(71vw / 7.67); top: 23%; left: 26%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i3 { width: calc(62vw / 7.67); top: 37%; left: 40%; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i4 { width: calc(61vw / 7.67); top: 48%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .illust .il.-i1 { width: 58px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .illust .il.-i2 { width: 71px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph1 .illust .il.-i3 { width: 63px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i1 { width: 50px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i2 { width: 59px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i3 { width: 51px; }
	#isocal .c-cafefood.p-vitaminbgroup .p-biotin .p-graph2 .illust .il.-i4 { width: 51px; }
}


/* あとがき */
#isocal .c-cafefood.p-vitaminbgroup .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	padding: 0 24px;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-vitaminbgroup .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-vitaminbgroup .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-vitaminbgroup .footer_reflist {
	margin-top: 40px;
}


/**
 * 【管理栄養士監修】主食・主菜・副菜とは？理想的な献立の考え方
 * ---------------------------------------- */
#isocal .c-cafefood.p-idealmenu {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-idealmenu .section_num,
#isocal .c-cafefood.p-idealmenu .content_header {
	background: #dcaddb;
}
#isocal .c-cafefood.p-idealmenu .content_section.-bg {
	background: #e5cee5;
}
#isocal .c-cafefood.p-idealmenu .figure_capsule,
#isocal .c-cafefood.p-idealmenu .header_title em::before,
#isocal .c-cafefood.p-idealmenu .toc_title,
#isocal .c-cafefood.p-idealmenu .toc_list li::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-idealmenu .header_visual img {
	box-shadow: 12px 12px 0 #c583c4;
}
#isocal .c-cafefood.p-idealmenu strong,
#isocal .c-cafefood.p-idealmenu .textlink,
#isocal .c-cafefood.p-idealmenu .section_title,
#isocal .c-cafefood.p-idealmenu .column_title,
#isocal .c-cafefood.p-idealmenu .wordlist dt,
#isocal .c-cafefood.p-idealmenu .section_list li::before,
#isocal .c-cafefood.p-idealmenu .toc_list {
	color: #e9b00d;
}
#isocal .c-cafefood.p-idealmenu .section_title .marker {
	background: linear-gradient(to top, #e8d5e8 .5em, transparent .5em);
}
#isocal .c-cafefood.p-idealmenu .section_list li:nth-child(n+2),
#isocal .c-cafefood.p-idealmenu .section_list li + li {
      margin-top: 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-idealmenu .header_visual img {
		box-shadow: 6px 6px 0 #c583c4;
	}
	#isocal .c-cafefood.p-idealmenu .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-idealmenu sup {
	font-size: 10px;
}
#isocal .c-cafefood.p-idealmenu .note {
	font-size: 10px;
}
#isocal .c-cafefood.p-idealmenu .header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-idealmenu .section_box {
	padding: 40px 24px;
	border-radius: 8px;
	background: #fcf8e9;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-idealmenu .section_box {
		padding: calc(24vw / 4.8);
	}
}

/* :::::: 1日の献立の目安 :::::: */
#isocal .c-cafefood.p-idealmenu .p-notelist .note_title {
	color: #e9b00d;
	font-size: 25px;
	text-align: center;
}
@media (max-width: 999px) {
	#isocal .c-cafefood.p-idealmenu .p-notelist .note_title {
		font-size: calc(25vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-idealmenu .p-notelist .note_title {
		font-size: calc(20vw / 4.8);
	}
}

/* :::::: 適量チェック！CHART :::::: */
#isocal .c-cafefood.p-idealmenu .p-checkchart .female {
	color: #ff6671;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .male {
	color: #2d8ed8;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: inherit;
	font-size: 24px;
}
@media (max-width: 999px) {
	#isocal .c-cafefood.p-idealmenu .p-checkchart .label {
		font-size: calc(24vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-idealmenu .p-checkchart .label {
		font-size: calc(20vw / 4.8);
	}
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .label::before,
#isocal .c-cafefood.p-idealmenu .p-checkchart .label::after {
	content: "";
	flex-grow: 1;
	border-top: 2px solid currentcolor;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .label::before {
	margin-right: .5em;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .label::after {
	margin-left: .5em;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .gender {
	display: flex;
	flex-direction: column;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .gender.male .ages {
	order: -1;
}
/* ages */
#isocal .c-cafefood.p-idealmenu .p-checkchart .ages {
	display: flex;
	justify-content: center;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .ages .ball {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 156px;
	height: 156px;
	border-radius: 156px;
	line-height: 1.2;
	font-weight: 900;
	text-align: center;
}
@media (max-width: 999px) {
	#isocal .c-cafefood.p-idealmenu .p-checkchart .ages .ball {
		width: calc(156vw / 10);
		height: calc(156vw / 10);
		font-size: calc(17vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-idealmenu .p-checkchart .ages .ball {
		padding-top: .5em;
		width: calc(96vw / 4.8);
		height: calc(96vw / 4.8);
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-idealmenu .p-checkchart .male .ages {
		margin: 0 -24px;
	}
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .female .ball {
	background: #ffe3e5;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .female .ball + .ball {
	margin-left: 3%;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .male .ball {
	background: #c5e9f9;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .male .ball + .ball {
	margin-left: 1%;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .ages small {
	display: inline-block;
	margin-top: .3em;
	color: black;
	font-size: 70%;
	font-weight: 700;
}
/* arrow */
#isocal .c-cafefood.p-idealmenu .p-checkchart .arr {
	position: absolute;
	overflow: hidden;
	width: 12px;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .arr svg {
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .female .arr svg {
	bottom: 0;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .male .arr svg {
	top: 0;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .arr .l {
	fill: none;
	stroke: #9e9e9f;
	stroke-dasharray: 0 0 0 4.584;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.5px;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .female .arr .a {
	fill: #ff6671;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .male .arr .a {
	fill: #2d8ed8;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .female .arr {
	height: 64px;
	transform-origin: top center;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .female .b1 .arr {
	top: 92%;
	left: 69%;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .female .b2 .arr {
	top: 92%;
	right: 69%;
	transform: rotate(40deg);
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .female .b3 .arr {
	top: 88%;
	right: 75%;
	height: 50px;
	transform: rotate(40deg);
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .male .arr {
	transform-origin: bottom center;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b1 .arr,
#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b2 .arr {
	bottom: 80%;
	left: 80%;
	height: 108px;
	transform: rotate(54deg);
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b3 .arr,
#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b4 .arr {
	bottom: 98%;
	right: calc(50% - 6px);
	height: 38px;
}
@media (max-width: 999px) {
	#isocal .c-cafefood.p-idealmenu .p-checkchart .female .arr {
		height: calc(64vw / 10);
	}
	#isocal .c-cafefood.p-idealmenu .p-checkchart .female .b3 .arr {
		height: calc(50vw / 10);
	}
	#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b1 .arr,
	#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b2 .arr {
		height: calc(108vw / 10);
	}
	#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b3 .arr,
	#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b4 .arr {
		height: calc(38vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-idealmenu .p-checkchart .arr {
		width: calc(10vw / 4.8);
	}
	#isocal .c-cafefood.p-idealmenu .p-checkchart .female .arr {
		height: calc(50vw / 4.8);
	}
	#isocal .c-cafefood.p-idealmenu .p-checkchart .female .b1 .arr {
		top: 92%;
		left: 64%;
		transform: rotate(-30deg);
	}
	#isocal .c-cafefood.p-idealmenu .p-checkchart .female .b2 .arr {
		top: 92%;
		right: 64%;
		transform: rotate(30deg);
	}
	#isocal .c-cafefood.p-idealmenu .p-checkchart .female .b3 .arr {
		height: calc(40vw / 4.8);
	}
	#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b1 .arr,
	#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b2 .arr {
		bottom: 90%;
		left: 70%;
		height: calc(74vw / 4.8);
	}
	#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b3 .arr,
	#isocal .c-cafefood.p-idealmenu .p-checkchart .male .b4 .arr {
		height: calc(38vw / 4.8);
	}
}
/* table */
#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table {
	margin: 40px 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table {
		margin: calc(40vw / 4.8) 0;
		font-size: calc(14vw / 4.8);
	}
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table table {
	table-layout: fixed;
	width: 100%;
	border: 2px solid #f8c015;
	border-collapse: collapse;
	text-align: center;
	background: white;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table th,
#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table td {
	position: relative;
	height: 4em;
	padding: 1em;
	line-height: 1.4;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table tr:not(:last-child) th,
#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table tr:not(:last-child) td {
	border-bottom: 1px solid #e9b00d;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table td {
	border-left: 1px solid #e9b00d;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table .capsule {
	position: absolute;
	top: -1.2em;
	left: calc(50% - 2.5em);
	width: 5em;
	padding: .4em;
	border: 2px solid currentcolor;
	border-radius: 2em;
	color: #ff6671;
	line-height: 1;
	background: white;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table .th {
	background: #fbecb0;
}
#isocal .c-cafefood.p-idealmenu .p-checkchart .c-table .basis {
	border: 3px solid #ff6671;
	background: #fff0f1;
}

/* :::::: 主食・主菜・副菜のバランスを考慮した献立例 :::::: */
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box {
	margin: 40px 0 24px;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box figcaption {
	margin-bottom: 1em;
	font-size: 20px;
	font-weight: 900;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box figcaption em {
	color: #e9b00d;
	font-style: normal;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .image {
	margin-top: 1em;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .text {
	margin-top: 1em;
	font-size: 15px;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .row {
	display: flex;
	align-items: baseline;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .row + .row {
	margin-top: .5em;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .ball {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 3em;
	height: 3em;
	border-radius: 3em;
	color: white;
	font-size: 12px;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .ball.-c1 {
	background: #ff6671;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .ball.-c2 {
	background: #f99f28;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .ball.-c3 {
	background: #8aca00;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box dd {
	margin-left: .5em;
}
#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .other {
	margin-top: 1em;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box figcaption {
		flex-basis: 100%;
	}
	#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .image {
		flex-basis: calc(65% - 24px);
	}
	#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .text {
		flex-basis: 35%;
	}
}
@media (max-width: 999px) {
	#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box figcaption {
		font-size: calc(20vw / 10);
	}
	#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .text {
		font-size: calc(15vw / 10);
	}
	#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .ball {
		font-size: calc(12vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box figcaption {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .text {
		padding: 0 20px;
		font-size: calc(15vw / 4.8);
	}
	#isocal .c-cafefood.p-idealmenu .p-section_4_3 .section_box .ball {
		font-size: calc(12vw / 4.8);
	}
}

/* あとがき */
#isocal .c-cafefood.p-idealmenu .footer_afterword {
	max-width: 500px;
	padding: 0 24px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-idealmenu .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-idealmenu .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-idealmenu .footer_reflist {
	margin-top: 40px;
}


/**
 * 高齢者に大切な栄養はこれ！簡単に栄養を摂取する方法とは？
 * ---------------------------------------- */
#isocal .c-cafefood.p-nutrients014 {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-nutrients014 .section_num,
#isocal .c-cafefood.p-nutrients014 .content_header {
	background: #89c779;
}
#isocal .c-cafefood.p-nutrients014 .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-nutrients014 .figure_capsule,
#isocal .c-cafefood.p-nutrients014 .header_title em::before,
#isocal .c-cafefood.p-nutrients014 .toc_title,
#isocal .c-cafefood.p-nutrients014 .toc_list li::before {
	background: #f98017;
}
#isocal .c-cafefood.p-nutrients014 .header_visual img {
	box-shadow: 12px 12px 0 #7fb64b;
}
#isocal .c-cafefood.p-nutrients014 strong,
#isocal .c-cafefood.p-nutrients014 .textlink,
#isocal .c-cafefood.p-nutrients014 .section_title,
#isocal .c-cafefood.p-nutrients014 .column_title,
#isocal .c-cafefood.p-nutrients014 .wordlist dt,
#isocal .c-cafefood.p-nutrients014 .section_list li::before,
#isocal .c-cafefood.p-nutrients014 .toc_list {
	color: #f98017;
}
#isocal .c-cafefood.p-nutrients014 .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients014 .header_visual img {
		box-shadow: 6px 6px 0 #7fb64b;
	}
	#isocal .c-cafefood.p-nutrients014 .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-nutrients014 .table_wrap .c-table {
	min-width: 400px;
}
#isocal .c-cafefood.p-nutrients014 .c-table,
#isocal .c-cafefood.p-nutrients014 .c-table th,
#isocal .c-cafefood.p-nutrients014 .c-table td {
	border-color: #f98017;
}
#isocal .c-cafefood.p-nutrients014 .c-table tbody td {
	text-align: center;
}
#isocal .c-cafefood.p-nutrients014 .c-table .v {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: 1;
	white-space: nowrap;
}

/* 詳しく見る */
#isocal .c-cafefood.p-nutrients014 .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #f98017;
	color: #f98017;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-nutrients014 .c-button.-pull:hover,
	#isocal .c-cafefood.p-nutrients014 .c-button.-pull.is-active {
		color: #fff;
		background: #f98017;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients014 .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-nutrients014 .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-nutrients014 .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* :::::: 個別 :::::: */
#isocal .c-cafefood.p-nutrients014 .header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-nutrients014 .header_title .space {
	margin-left: .3em;
}
#isocal .c-cafefood.p-nutrients014 .p-section_2 .section_figure,
#isocal .c-cafefood.p-nutrients014 .p-section_4 .section_figure {
	text-align: center;
}
#isocal .c-cafefood.p-nutrients014 .p-section_2 .section_figure > img,
#isocal .c-cafefood.p-nutrients014 .p-section_4 .section_figure > img {
	width: 584px;
}

/* :::::: 1日に2,000kcal程度を摂取する場合の献立例 :::::: */
#isocal .c-cafefood.p-nutrients014 .recipe_example {
	display: flex;
	justify-content: space-between;
	padding: 40px;
	border-radius: 8px;
	background: #e7f3e1;
}
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun {
	flex-basis: calc(33.3333% - 16px);
	display: flex;
	flex-direction: column;
}
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun .head,
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun .body {
	border-radius: 4px;
	box-shadow: 2px 2px 8px rgba(0,0,0,.1);
}
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun .head {
	padding: .3em 1em;
	color: white;
	font-size: 22px;
}
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun.-breakfast .head {
	background: #ff9a71;
}
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun.-lunch .head {
	background: #ff9bc1;
}
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun.-dinner .head {
	background: #ff828b;
}
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun .body {
	flex-grow: 1;
	margin-top: 12px;
	padding: 24px 8px;
	background: white;
}
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_list li:nth-child(n+2) {
	margin-top: 16px;
}
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_list figure {
	font-size: 15px;
}
#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_list figcaption {
	margin-left: .5em;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun .body {
		text-align: left;
	}
	#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_list figure {
		display: flex;
		align-items: center;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients014 .recipe_example {
		padding: 16px 8px;
	}
	#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun {
		flex-basis: calc(33.3333% - 4px);
	}
	#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun .head {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_colmun .body {
		margin-top: 4px;
	}
	#isocal .c-cafefood.p-nutrients014 .recipe_example .recipe_list figure {
		font-size: calc(16vw / 4.8);
		line-height: 1.2;
	}
}

/* :::::: 1日あたりの栄養素の摂取基準 :::::: */
#isocal .c-cafefood.p-nutrients014 .table_wrap + .table_wrap {
	margin-top: 24px;
}
#isocal .c-cafefood.p-nutrients014 .section_table .note {
	font-size: 12px;
}
#isocal .c-cafefood.p-nutrients014 .c-table caption {
	color: #f98017;
	font-size: 20px;
	font-weight: 900;
}
#isocal .c-cafefood.p-nutrients014 .c-table caption b {
	font-size: 150%;
	font-weight: inherit;
}
#isocal .c-cafefood.p-nutrients014 .c-table caption .num {
	font-size: 125%;
}
#isocal .c-cafefood.p-nutrients014 .c-table .male,
#isocal .c-cafefood.p-nutrients014 .c-table .female {
	min-width: 3em;
	padding: 8px;
}
#isocal .c-cafefood.p-nutrients014 .c-table .male {
	border-bottom-width: 2px;
	background: #d9e3f7;
}
#isocal .c-cafefood.p-nutrients014 .c-table .female {
	border-top-width: 2px;
	background: #ffdee4;
}
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap {
	padding: 0;
}
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .c-table {
	border: 0;
}
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .c-table th,
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .c-table td {
	border-bottom: 0;
	border-right: 0;
}
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .c-table sup {
	font-size: 10px;
}
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .table1 {
	table-layout: fixed;
}
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .top_table th {
	border-top: 0;
}
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .table1 th:not(.w) {
	font-size: 18px;
	background: #f7edc8;
}
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .table1 th small {
	display: inline-block;
	font-size: 12px;
	line-height: 1.4;
}
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .table2 .th {
	width: 3em;
	padding: .5em;
	background: #e7f3e1;
}
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .table2 th,
#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .table2 td {
	padding-top: .5em;
	padding-bottom: .5em;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients014 .c-table caption {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .table1 th:not(.w) {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 479px) {
	#isocal .c-cafefood.p-nutrients014 .section_table .note,
	#isocal .c-cafefood.p-nutrients014 .inner_table_wrap .table1 th small {
		font-size: 10px;
	}
}

/* あとがき */
#isocal .c-cafefood.p-nutrients014 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	padding: 0 24px;
	color: inherit;
}


/**
 * 【高齢者向け】筋肉をつける食事とは？おすすめレシピと筋肉をつける方法
 * ---------------------------------------- */
#isocal .c-cafefood.p-nutrients015 {
	background: #ffe3e5;
}
#isocal .c-cafefood.p-nutrients015 .section_num,
#isocal .c-cafefood.p-nutrients015 .content_header {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-nutrients015 .content_section.-bg {
	background: #ffd7cf;
}
#isocal .c-cafefood.p-nutrients015 .figure_capsule,
#isocal .c-cafefood.p-nutrients015 .header_title em::before,
#isocal .c-cafefood.p-nutrients015 .toc_title,
#isocal .c-cafefood.p-nutrients015 .toc_list li::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-nutrients015 .header_visual img {
	box-shadow: 12px 12px 0 #ff8899;
}
#isocal .c-cafefood.p-nutrients015 strong,
#isocal .c-cafefood.p-nutrients015 .textlink,
#isocal .c-cafefood.p-nutrients015 .section_title,
#isocal .c-cafefood.p-nutrients015 .column_title,
#isocal .c-cafefood.p-nutrients015 .wordlist dt,
#isocal .c-cafefood.p-nutrients015 .section_list li::before,
#isocal .c-cafefood.p-nutrients015 .toc_list {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-nutrients015 .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
#isocal .c-cafefood.p-nutrients015 .section_list li:nth-child(n+2),
#isocal .c-cafefood.p-nutrients015 .section_list li + li {
    margin-top: 0;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients015 .header_visual img {
		box-shadow: 6px 6px 0 #ff8899;
	}
	#isocal .c-cafefood.p-nutrients015 .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-nutrients015 .c-table,
#isocal .c-cafefood.p-nutrients015 .c-table th,
#isocal .c-cafefood.p-nutrients015 .c-table td {
	border-color: #1bb5c6;
}
#isocal .c-cafefood.p-nutrients015 .c-table thead th:nth-child(2),
#isocal .c-cafefood.p-nutrients015 .c-table tbody th {
	background: #edf9ff;
}
#isocal .c-cafefood.p-nutrients015 .c-table tbody td {
	text-align: center;
}

/* 詳しく見る */
#isocal .c-cafefood.p-nutrients015 .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #1bb5c6;
	color: #1bb5c6;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-nutrients015 .c-button.-pull:hover,
	#isocal .c-cafefood.p-nutrients015 .c-button.-pull.is-active {
		color: #fff;
		background: #1bb5c6;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients015 .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-nutrients015 .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-nutrients015 .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* :::::: 個別 :::::: */
#isocal .c-cafefood.p-nutrients015 .header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-nutrients015 .p-section_4 .section_figure {
	text-align: center;
}
#isocal .c-cafefood.p-nutrients015 .p-section_4 .section_figure > img {
	width: 584px;
}

/* :::::: たんぱく質が豊富な食事例 :::::: */
#isocal .c-cafefood.p-nutrients015 .p-section_1 .section_figure {
	margin-top: 48px;
}
#isocal .c-cafefood.p-nutrients015 .recipe_example {
	display: flex;
	justify-content: space-between;
	padding: 40px;
	border-radius: 8px;
	background: #ffe6e8;
}
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun {
	flex-basis: calc(33.3333% - 16px);
	display: flex;
}
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .head,
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .body {
	border-radius: 4px;
	box-shadow: 2px 2px 8px rgba(0,0,0,.1);
}
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .head {
	padding: .3em 1em;
	color: white;
	font-size: 22px;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun.-morning .head {
	background: #ff9a71;
}
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun.-afternoon .head {
	background: #ff9bc1;
}
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun.-evening .head {
	background: #ff828b;
}
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .body {
	margin-top: 12px;
	padding: 16px;
	background: white;
}
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .section_list {
	margin: 0;
}
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .section_list li {
	font-size: 15px;
}
#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .section_list li::before {
	color: #ff9bc1;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun {
		flex-direction: column;
	}
	#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .body {
		flex-grow: 1;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients015 .recipe_example {
		flex-direction: column;
		padding: 16px;
	}
	#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun {
		flex-wrap: wrap;
		justify-content: space-between;
		flex-basis: calc(33.3333% - 4px);
	}
	#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun:nth-child(n+2) {
		margin-top: 16px;
	}
	#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .head {
		flex-basis: 100%;
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .body {
		flex-basis: calc(50% - 4px);
		margin-top: 8px;
	}
	#isocal .c-cafefood.p-nutrients015 .recipe_example .recipe_colmun .section_list li {
		font-size: calc(15vw / 4.8);
	}
}

/* recipe */
#isocal .c-cafefood.p-nutrients015 .recipe_section .recipe_title,
#isocal .c-cafefood.p-nutrients015 .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-nutrients015 .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-nutrients015 .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-nutrients015 .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-nutrients015 .recipe_section .memo_title,
#isocal .c-cafefood.p-nutrients015 .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-nutrients015.recipe_section .memo_title {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-nutrients015 .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-nutrients015 .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-nutrients015 .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-nutrients015 .recipe_section .memo_list li::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-nutrients015 .recipe_section .recipe_title,
#isocal .c-cafefood.p-nutrients015 .recipe_section .column_box {
	background: #f6fcff;
}
#isocal .c-cafefood.p-nutrients015 .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-nutrients015 .recipe_section .recipe_list .num {
	background: #edf9ff;
}

/* あとがき */
#isocal .c-cafefood.p-nutrients015 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	padding: 0 24px;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-nutrients015 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-nutrients015 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-nutrients015 .footer_reflist {
	margin-top: 40px;
}


/**
 * 「【栄養補助食品】アイソカルのご注文方法一覧」固有スタイル
 * ---------------------------------------- */
#isocal .c-cafefood.p-purchase {
	padding-bottom: 80px;
}
#isocal .c-cafefood.p-purchase .purchase_header {
	max-width: 920px;
	margin: 120px auto 0;
	padding: 0 40px 56px;
	text-align: center;
	border-radius: 10px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-cafefood.p-purchase .content_section {
	max-width: 1000px;
	margin: 64px auto 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .purchase_header {
		max-width: calc(100% - 40vw / 4.8);
		padding: 0 calc(20vw / 4.8) 56px;
	}
	#isocal .c-cafefood.p-purchase .content_section {
		margin-top: 40px;
	}
}

/* :::::: title :::::: */
#isocal .c-cafefood.p-purchase .purchase_title {
	color: #1f2880;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}
#isocal .c-cafefood.p-purchase .purchase_title b {
	font-size: 128%;
	font-weight: 900;
}
#isocal .c-cafefood.p-purchase .purchase_title .mplus {
	line-height: 1.4;
	font-weight: 800;
}
#isocal .c-cafefood.p-purchase .purchase_title .num {
	position: relative;
	bottom: -.08em;
	padding: 0 .05em;
	font-size: 170%;
	line-height: 1;
}
#isocal .c-cafefood.p-purchase .purchase_title small {
	display: block;
	margin-top: 1em;
	color: black;
	font-size: 12px;
	font-family: inherit;
	font-weight: 400;
	letter-spacing: .05em;
}
#isocal .c-cafefood.p-purchase .purchase_title .logo {
	display: block;
	width: 9em;
	margin: .3em auto 0;
	filter: drop-shadow(-3px 3px 3px rgba(0,0,0,.3));
}
#isocal .c-cafefood.p-purchase .purchase_title .logo img {
	width: 100%;
}
#isocal .c-cafefood.p-purchase .pouch .purchase_title .logo {
	width: 12em;
}
#isocal .c-cafefood.p-purchase .vp .purchase_title .logo,
#isocal .c-cafefood.p-purchase .mp .purchase_title .logo {
	position: relative;
	width: 8em;
	padding-bottom: 1.5em;
}
#isocal .c-cafefood.p-purchase .purchase_title .logo .emblem {
	display: block;
}
#isocal .c-cafefood.p-purchase .purchase_title .logo .type {
	position: absolute;
	bottom: 0;
	left: -10%;
	width: 120%;
}
#isocal .c-cafefood.p-purchase .pouch .logo {
	position: relative;
}
#isocal .c-cafefood.p-purchase .pouch .logo .emblem {
	position: absolute;
	top: 0;
	right: 6%;
	width: 36%;
	filter: drop-shadow(0 3px 3px rgba(0,0,0,.3));
}

@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .purchase_title {
		font-size: calc(20vw / 4.8);
	}
}

/* :::::: \\選べてわたせるネスレの少量高カロリーコンパクト栄養食// :::::: */
#isocal .c-cafefood.p-purchase .purchase_title.-main {
	display: inline-block;
	position: relative;
	top: -2.2em;
      margin: 0;
    font-family: "Noto Sans JP", sans-serif;
}
#isocal .c-cafefood.p-purchase .purchase_title.-main::before,
#isocal .c-cafefood.p-purchase .purchase_title.-main::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 74px;
	height: 87px;
	background: center / cover no-repeat;
}
#isocal .c-cafefood.p-purchase .purchase_title.-main::before {
	right: 100%;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/lineup_title_l.svg?v=1679517562');
}
#isocal .c-cafefood.p-purchase .purchase_title.-main::after {
	left: 100%;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/lineup_title_r.svg?v=1679517562');
}

/* :::::: \食べる栄養・飲む栄養/ :::::: */
#isocal .c-cafefood.p-purchase .purchase_title .tagline {
	position: relative;
	padding: 0 1.6em;
/* 	background: url(../../../assets/img/product_title_l.svg) bottom left / 1.1em 1.35em no-repeat,
		url(../../../assets/img/product_title_r.svg) bottom right / 1.1em 1.35em no-repeat; */
}

/* :::::: anchor :::::: */
#isocal .c-cafefood.p-purchase .purchase_type + .purchase_type {
	margin-top: 64px;
}
#isocal .c-cafefood.p-purchase .purchase_type .type_title {
	display: inline-block;
	position: relative;
	padding: .2em 1em;
	border-radius: 2em;
	color: #f08d00;
	font-size: 24px;
	background: #fbecd2;
}
#isocal .c-cafefood.p-purchase .purchase_type .type_title::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: calc(50% - 16px);
	border-width: 24px 16px 0;
	border-style: solid;
	border-color: transparent;
	border-top-color: #fbecd2;
}
#isocal .c-cafefood.p-purchase .purchase_type.-pouch .type_title {
	color: #ff7600;
	background: #ffe6d1;
}
#isocal .c-cafefood.p-purchase .purchase_type.-plus .type_title {
	color: #56bd00;
	background: #eef7d4;
}
#isocal .c-cafefood.p-purchase .purchase_type.-plus .type_title::after {
	border-top-color: #eef7d4;
}
#isocal .c-cafefood.p-purchase .purchase_type .type_title b {
	font-size: 120%;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-purchase .purchase_type {
		margin-top: -32px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .purchase_type .type_title {
		width: 100%;
		font-size: calc(20vw / 4.8);
	}
}
#isocal .c-cafefood.p-purchase .purchase_anchor {
	margin-top: 32px;
	color: #1f2880;
}
#isocal .c-cafefood.p-purchase .purchase_anchor a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 240px;
	padding: 0 16px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-cafefood.p-purchase .purchase_anchor .jelly a {
	border: 1px solid #ffc31d;
	background: #ffdd7c;
}
#isocal .c-cafefood.p-purchase .purchase_anchor .drink a {
	border: 1px solid #65b3ff;
	background: #a2d1ff;
}
#isocal .c-cafefood.p-purchase .purchase_anchor .pouch a {
	border: 1px solid #c6a57c;
	background: #fbf0d8;
}
#isocal .c-cafefood.p-purchase .purchase_anchor .vp a {
	border: 1px solid #3cb036;
	background: #eef8ee;
}
#isocal .c-cafefood.p-purchase .purchase_anchor .mp a {
	border: 1px solid #3aa1df;
	background: #edf7fc;
}
#isocal .c-cafefood.p-purchase .purchase_anchor a::after {
	content: "";
	position: absolute;
	right: -8px;
	bottom: 24px;
	border-width: 32px 32px 0;
	border-style: solid;
	border-color: transparent;
	transform: rotate(-90deg);
}
#isocal .c-cafefood.p-purchase .purchase_anchor .jelly a::after {
	border-left-color: #ffc31d;
}
#isocal .c-cafefood.p-purchase .purchase_anchor .drink a::after {
	border-left-color: #65b3ff;
}
#isocal .c-cafefood.p-purchase .purchase_anchor .pouch a::after {
	border-left-color: #c6a57c;
}
#isocal .c-cafefood.p-purchase .purchase_anchor .vp a::after {
	border-left-color: #9fe295;
}
#isocal .c-cafefood.p-purchase .purchase_anchor .mp a::after {
	border-left-color: #a0d5ef;
}
#isocal .c-cafefood.p-purchase .purchase_anchor .purchase_title {
	font-size: 14px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-purchase .purchase_anchor {
		display: flex;
		justify-content: space-between;
	}
	#isocal .c-cafefood.p-purchase .purchase_anchor li {
		flex-basis: calc(50% - 16px);
	}
	#isocal .c-cafefood.p-purchase .purchase_anchor .pouch {
		margin-inline: auto;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .purchase_anchor .drink,
	#isocal .c-cafefood.p-purchase .purchase_anchor .mp {
		margin-top: 16px;
	}
	#isocal .c-cafefood.p-purchase .purchase_anchor .purchase_title {
		font-size: calc(14vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-purchase .purchase_anchor a {
		height: calc(240vw / 4.8);
	}
}

/* :::::: product :::::: */
#isocal .c-cafefood.p-purchase .purchase_product {
	margin-top: 40px;
	padding: 48px 40px;
}
#isocal .c-cafefood.p-purchase .purchase_product.-jelly {
	background: #ffdd7c;
}
#isocal .c-cafefood.p-purchase .purchase_product.-drink {
	background: #a2d1ff;
}
#isocal .c-cafefood.p-purchase .purchase_product .purchase_title {
	font-size: 32px;
}
#isocal .c-cafefood.p-purchase .purchase_product > .purchase_title {
	font-size: 20px;
}
#isocal .c-cafefood.p-purchase .-jelly .purchase_title .marker {
	background: linear-gradient(to top, rgba(255,221,124,.7) .5em, transparent .5em);
}
#isocal .c-cafefood.p-purchase .-drink .purchase_title .marker {
	background: linear-gradient(to top, rgba(162,209,255,.7) .5em, transparent .5em);
}
#isocal .c-cafefood.p-purchase .purchase_product .photo {
	position: relative;
}
#isocal .c-cafefood.p-purchase .purchase_product .photo img {
	border-radius: 10px;
}
#isocal .c-cafefood.p-purchase .purchase_product .photo figcaption {
	position: absolute;
	right: 1em;
	bottom: 1em;
	font-size: 10px;
	line-height: 1.2;
}
#isocal .c-cafefood.p-purchase .purchase_product.-jelly .photo figcaption {
	color: #fff;
}
#isocal .c-cafefood.p-purchase .product_container {
	grid-area: 2 / 1 / 3 / 3;
	margin-top: 40px;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
	background: #fff;
}
#isocal .c-cafefood.p-purchase .-jelly .product_container {
	border: 1px solid #ffc31d;
}
#isocal .c-cafefood.p-purchase .-drink .product_container {
	border: 1px solid #65b3ff;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-purchase .purchase_product {
		display: -ms-grid;
		-ms-grid-rows: auto;
		-ms-grid-columns: 50% 50%;
		display: grid;
		grid-template: auto / 50% 50%;
		align-items: center;
		border-radius: 10px;
	}
	#isocal .c-cafefood.p-purchase .purchase_product > .purchase_title {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: 1 / 1 / 2 / 2;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#isocal .c-cafefood.p-purchase .purchase_product > .photo {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: 1 / 2 / 2 / 3;
	}
	#isocal .c-cafefood.p-purchase .product_container {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-area: 2 / 1 / 3 / 3;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .purchase_product,
	#isocal .c-cafefood.p-purchase .product_container {
		padding: 32px 24px;
	}
	#isocal .c-cafefood.p-purchase .purchase_product .purchase_title {
		font-size: calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .purchase_product > .purchase_title {
		font-size: calc(22vw / 4.8);
	}
	.product_container,
	#isocal .c-cafefood.p-purchase .purchase_product .photo {
		margin-top: 24px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-purchase .purchase_product,
	#isocal .c-cafefood.p-purchase .product_container {
		padding: 32px 16px;
	}
}

/* :::::: 特徴 :::::: */
#isocal .c-cafefood.p-purchase .features_list {
	margin-top: 24px;
}
#isocal .c-cafefood.p-purchase .features_list img {
	border: 1px solid #1f2980;
	border-radius: 6px;
}
#isocal .c-cafefood.p-purchase .-drink .features_list img {
	background: linear-gradient(to right, #d2e9ef, #eff6f8);
}
#isocal .c-cafefood.p-purchase .-jelly .features_list img {
	background: linear-gradient(to right, #ffeab9, #f8f6e3);
}
#isocal .c-cafefood.p-purchase .features_list + .note {
	margin-top: 12px;
	font-size: 10px;
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: 0;
	text-align: left;
}
#isocal .c-cafefood.p-purchase .features_list + .note .word {
	display: inline-block;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-purchase .features_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#isocal .c-cafefood.p-purchase .features_list li {
		flex-basis: calc(50% - 6px);
	}
	#isocal .c-cafefood.p-purchase .features_list li:nth-child(n+3) {
		margin-top: 12px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .features_list li + li {
		margin-top: 8px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-purchase .features_list + .note {
		font-size: calc(10vw / 4.8);
	}
}

/* :::::: 購入ボタン :::::: */
#isocal .c-cafefood.p-purchase .purchase_product .c-shoplist {
	max-width: 680px;
	margin: 40px auto 0;
}
#isocal .c-cafefood.p-purchase .purchase_product .c-shoplist li {
	flex-basis: calc(50% - 6px);
}
#isocal .c-cafefood.p-purchase .purchase_product .c-shoplist li:nth-child(2n) {
	margin-left: 12px;
}
#isocal .c-cafefood.p-purchase .purchase_product .c-shoplist li:nth-child(n+3) {
	margin-top: 12px;
}
#isocal .c-cafefood.p-purchase .purchase_product .c-shoplist .button {
	height: 80px;
	font-size: 20px;
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-purchase .purchase_product .c-shoplist .button {
		font-size: 14px;
	}
}

/**
 * 商品一覧
 * ---------------------------------------- */
#isocal .c-cafefood.p-purchase .product_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	z-index: 1;
	position: relative;
	margin: 24px 0 64px;
}
#isocal .c-cafefood.p-purchase .product_list figure {
	margin: 0 auto;
}
#isocal .c-cafefood.p-purchase .product_list figcaption {
	line-height: 1;
}
#isocal .c-cafefood.p-purchase .product_list .shadow {
	display: block;
	position: relative;
}
#isocal .c-cafefood.p-purchase .product_list .shadow img {
	position: relative;
}
#isocal .c-cafefood.p-purchase .product_list .shadow::before {
	content: "";
	position: absolute;
}
#isocal .c-cafefood.p-purchase .-jelly .product_list figure {
	padding: 0 8px;
}
#isocal .c-cafefood.p-purchase .-jelly .product_list figcaption {
	margin: 8px -8px 0;
}
#isocal .c-cafefood.p-purchase .-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;
}
#isocal .c-cafefood.p-purchase .-drink .product_list figure {
	padding: 0 24px;
}
#isocal .c-cafefood.p-purchase .product_list .is-new {
	position: relative;
}
#isocal .c-cafefood.p-purchase .product_list .is-new::after {
	content: "New!";
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
	position: absolute;
	padding-bottom: .2em;
	border-radius: 64px;
	color: #ef7c01;
	font-weight: 700;
	letter-spacing: 0;
	background: #fddda7;
}
#isocal .c-cafefood.p-purchase .-jelly .product_list .is-new:nth-child(11)::after {
	color: #6d6d6d;
	background: #dfdfdf;
}
#isocal .c-cafefood.p-purchase .-jelly .product_list .is-new:nth-child(12)::after {
	color: #f48700;
	background: #ffe89e;
}
#isocal .c-cafefood.p-purchase .-drink .product_list figcaption {
	margin: 12px -24px 0;
}
#isocal .c-cafefood.p-purchase .-drink .product_list .shadow::before {
	background: url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/drink_shadow.png?37250) center / cover no-repeat;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-purchase .product_list li {
		flex-basis: calc(16.666% - 16px * 5 / 6);
	}
	#isocal .c-cafefood.p-purchase .-drink .product_list li {
		flex-basis: calc(20% - 16px * 5 / 6);
	}
	/* :::::: アイソカル®ゼリーハイカロリー :::::: */
	#isocal .c-cafefood.p-purchase .-jelly .product_list li:not(:first-child):not(:nth-child(6n+1)) {
		margin-left: 16px;
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list li:nth-child(n+7) {
		margin-top: 40px;
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list .shadow {
		padding-bottom: calc(8vw / 11.28);
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list .shadow::before {
		left: calc(50% - 40vw / 11.28);
		width: calc(80vw / 11.28);
		height: calc(46vw / 11.28);
	}
	/* :::::: アイソカル®100 :::::: */
	#isocal .c-cafefood.p-purchase .-drink .product_list li:nth-child(1) {
		margin-left: 10%;
	}
	#isocal .c-cafefood.p-purchase .-drink .product_list li:nth-child(4) {
		margin-right: 10%;
	}
	#isocal .c-cafefood.p-purchase .-drink .product_list li:not(:nth-child(4n+1)),
	#isocal .c-cafefood.p-purchase .-drink .product_list li:nth-child(9) {
		margin-left: 16px;
	}
	#isocal .c-cafefood.p-purchase .-drink .product_list li:nth-child(n+5) {
		margin-top: 20px;
	}
	#isocal .c-cafefood.p-purchase .product_list .is-new::after {
		top: calc(24vw / 10);
		left: calc(-8vw / 10);
		width: calc(64vw / 10);
		height: calc(64vw / 10);
		font-size: calc(17vw / 10);
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list .is-new::after {
		top: calc(-24vw / 10);
		left: calc(-24vw / 10);
	}
	#isocal .c-cafefood.p-purchase .-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: 1000px) {
	#isocal .c-cafefood.p-purchase .-drink .product_list li {
		flex-basis: calc(16.666% - 16px * 5 / 6);
	}
	#isocal .c-cafefood.p-purchase .product_list .is-new::after {
		top: 12px;
		left: -8px;
		width: 64px;
		height: 64px;
		font-size: 17px;
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list .is-new::after {
		top: -32px;
		left: -24px;
	}
}
@media (min-width: 1128px) {
	#isocal .c-cafefood.p-purchase .-jelly .product_list .shadow {
		padding-bottom: 8px;
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list .shadow::before {
		left: calc(50% - 40px);
		width: 80px;
		height: 46px;
	}
	#isocal .c-cafefood.p-purchase .-drink .product_list .shadow::before {
		bottom: -3px;
		left: -2px;
		width: 140px;
		height: 20px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .product_list li {
		flex-basis: 32%;
	}
	/* :::::: アイソカル®ゼリーハイカロリー :::::: */
	#isocal .c-cafefood.p-purchase .-jelly .product_list li:nth-child(3n+2),
	#isocal .c-cafefood.p-purchase .-jelly .product_list li:nth-child(3n+3) {
		margin-left: 2%;
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list li:nth-child(n+4) {
		margin-top: calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list figure {
		padding: 0 calc(8vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list figcaption {
		margin-right: calc(-8vw / 4.8);
		margin-left: calc(-8vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list .shadow {
		padding-bottom: calc(8vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list .shadow::before {
		left: calc(50% - 40vw / 4.8);
		width: calc(80vw / 4.8);
		height: calc(46vw / 4.8);
	}
	/* :::::: アイソカル®100 :::::: */
	#isocal .c-cafefood.p-purchase .-drink .product_list li:nth-child(3n+2),
	#isocal .c-cafefood.p-purchase .-drink .product_list li:nth-child(3n+3) {
		margin-left: 2%;
	}
	#isocal .c-cafefood.p-purchase .-drink .product_list li:nth-child(n+4) {
		margin-top: 16px;
	}
	#isocal .c-cafefood.p-purchase .-drink .product_list figure {
		padding: 0 calc(25vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .product_list .is-new::after {
		top: calc(24vw / 4.8);
		left: 0;
		width: calc(56vw / 4.8);
		height: calc(56vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .-jelly .product_list .is-new::after {
		top: calc(-24vw / 4.8);
		left: calc(-24vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .-drink .product_list figcaption {
		margin-right: calc(-20vw / 4.8);
		margin-left: calc(-20vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .-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);
	}
}

/**
 * バラエティパック
 * ---------------------------------------- */
#isocal .c-cafefood.p-purchase .purchase_variety {
	margin-top: 40px;
	padding: 0 40px 120px;
}
#isocal .c-cafefood.p-purchase .variety_title {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #1f2880;
	font-size: 36px;
	line-height: 1.2;
	white-space: nowrap;
	letter-spacing: 0;
}
#isocal .c-cafefood.p-purchase .variety_title .bln {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 5em;
	height: 5em;
	margin-right: 1em;
	border-radius: 5em;
	color: #fff;
	font-size: 16px;
	background: #1f2880;
}
#isocal .c-cafefood.p-purchase .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;
	border-left-color: #1f2880;
}
#isocal .c-cafefood.p-purchase .variety_container {
	margin-top: 24px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .purchase_variety {
		padding-right: 24px;
		padding-left: 24px;
	}
	#isocal .c-cafefood.p-purchase .variety_title {
		font-size: calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .variety_title .bln {
		font-size: calc(14vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-purchase .purchase_variety {
		padding-right: 16px;
		padding-left: 16px;
	}
}

/* :::::: column :::::: */
#isocal .c-cafefood.p-purchase .variety_column {
	border: 1px solid;
	border-radius: 10px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-cafefood.p-purchase .variety_column.-jelly {
	border-color: #ffc31d;
}
#isocal .c-cafefood.p-purchase .variety_column.-drink {
	border-color: #65b3ff;
}
#isocal .c-cafefood.p-purchase .variety_column .purchase_title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 96px;
	padding: 8px 16px 12px 24px;
	border-radius: 10px 10px 0 0;
	font-size: 22px;
}
#isocal .c-cafefood.p-purchase .variety_column.-jelly .purchase_title {
	background: #ffdd7c;
}
#isocal .c-cafefood.p-purchase .variety_column.-drink .purchase_title {
	background: #a2d1ff;
}
#isocal .c-cafefood.p-purchase .variety_column .purchase_title .tagline {
	margin-top: .3em;
	font-size: 14px;
}
#isocal .c-cafefood.p-purchase .variety_column .purchase_title .logo {
	order: -1;
	width: 3.6em;
	margin: 0 16px 0 0;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-purchase .variety_column {
		display: flex;
		flex-direction: column;
	}
	#isocal .c-cafefood.p-purchase .variety_pack {
		flex-grow: 1;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .variety_column.-drink {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-purchase .variety_column .purchase_title {
		height: calc(96vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .variety_column .purchase_title .tagline {
		font-size: calc(17vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-purchase .variety_column .purchase_title {
		height: calc(104vw / 4.8);
	}
}

/* :::::: pack :::::: */
#isocal .c-cafefood.p-purchase .variety_pack {
	padding: 12px 24px;
}
#isocal .c-cafefood.p-purchase .variety_pack:first-of-type {
	padding-top: 24px;
}
#isocal .c-cafefood.p-purchase .variety_pack:last-of-type {
	padding-bottom: 24px;
}
#isocal .c-cafefood.p-purchase .variety_pack .text {
	text-align: center;
}
#isocal .c-cafefood.p-purchase .variety_pack .text dt {
	font-size: 14px;
	white-space: nowrap;
}
#isocal .c-cafefood.p-purchase .variety_pack .text dt b {
	position: relative;
	top: .05em;
	font-size: 160%;
}
#isocal .c-cafefood.p-purchase .variety_pack .text dt small {
	font-size: 80%;
}
#isocal .c-cafefood.p-purchase .variety_pack .text dd {
	margin-top: 8px;
}
#isocal .c-cafefood.p-purchase .variety_pack .text ul {
	display: flex;
	flex-wrap: wrap;
}
@media (min-width: 481px) {
	#isocal .c-cafefood.p-purchase .variety_pack {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	#isocal .c-cafefood.p-purchase .variety_pack .photo {
		flex-basis: 40%;
	}
	#isocal .c-cafefood.p-purchase .variety_pack .text {
		flex-basis: calc(60% - 16px);
	}
	#isocal .c-cafefood.p-purchase .variety_pack .text li {
		flex-basis: calc(50% - 4px);
	}
	#isocal .c-cafefood.p-purchase .variety_pack .text li:nth-child(2n) {
		margin-left: 8px;
	}
	#isocal .c-cafefood.p-purchase .variety_pack .text li:nth-child(n+3) {
		margin-top: 8px;
	}
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-purchase .variety_container {
		display: flex;
		justify-content: space-between;
	}
	#isocal .c-cafefood.p-purchase .variety_column {
		flex-basis: calc(50% - 16px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .variety_column .purchase_title {
		font-size: calc(24vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-purchase .variety_pack .photo {
		max-width: 240px;
		margin: 0 auto;
	}
	#isocal .c-cafefood.p-purchase .variety_pack .text {
		margin-top: 8px;
	}
	#isocal .c-cafefood.p-purchase .variety_pack .text li {
		flex-basis: calc(33.333% - 8px / 3);
	}
	#isocal .c-cafefood.p-purchase .variety_pack .text li:not(:nth-child(3n+1)) {
		margin-left: 4px;
	}
	#isocal .c-cafefood.p-purchase .variety_pack .text li:nth-child(n+4) {
		margin-top: 4px;
	}
}



/**
 * シリーズ (from home.css)
 * ---------------------------------------- */
#isocal .c-cafefood.p-purchase .p-isocalseries {
	position: relative;
	max-width: 800px;
	margin: 96px auto 0;
	padding: 64px 40px 48px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 5px 5px 10px rgb(0,0,0,.1);
	text-align: center;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .series_title {
	position: absolute;
	top: -1em;
	left: 0;
	width: 100%;
	color: #1f2883;
	font-size: 27px;
	font-weight: 700;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .series_title .underline {
	padding-bottom: .3em;
	border-bottom: 2px solid currentcolor;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .series_title b {
	font-size: 120%;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .series_title .underline {
		padding-bottom: .2em;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries {
		padding: 48px calc(16vw / 4.8) 40px;
	}
	#isocal .c-cafefood.p-purchase .p-isocalseries .series_title {
		top: -2em;
		font-size: calc(27vw / 4.8);
		line-height: 1.2;
	}
	#isocal .c-cafefood.p-purchase .p-isocalseries .series_title .underline {
		display: inline-block;
	}
}
#isocal .c-cafefood.p-purchase .p-isocalseries .series_container {
	position: relative;
	border-radius: 10px;
	padding: 24px 40px 32px;
}
#isocal .c-cafefood.p-purchase .p-isocalseries.-pouch .series_container {
	background: #fbf0d8;
}
#isocal .c-cafefood.p-purchase .p-isocalseries.-tpmp .series_container {
	background: #e9f3ff;
}

/* :::::: パウチゼリー :::::: */
#isocal .c-cafefood.p-purchase .pouch_title {
	position: relative;
}
#isocal .c-cafefood.p-purchase .pouch_title .emblem {
	position: absolute;
	top: 0;
	right: 6%;
	width: 36%;
	filter: drop-shadow(0 3px 3px rgba(0,0,0,.3));
}
#isocal .c-cafefood.p-purchase .p-isocalseries .pouch_lineup .pouch_title {
	width: 90%;
	margin: 0 auto;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .pouch_lineup .title .image {
	margin-top: -48px;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .pouch_lineup .title .image img {
	border-radius: 10px;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .pouch_lineup .note {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 12px;
	line-height: 1.2;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .pouch_lineup {
		display: grid;
		grid-template: auto auto / 50% 50%;
		justify-items: center;
		align-items: center;
	}
	#isocal .c-cafefood.p-purchase .p-isocalseries .pouch_lineup .title {
		grid-area: 1 / 1 / 3 / 2;
	}
	#isocal .c-cafefood.p-purchase .p-isocalseries .pouch_lineup .c-pop {
		grid-area: 1 / 2;
		align-self: flex-end;
	}
	#isocal .c-cafefood.p-purchase .p-isocalseries .pouch_lineup .visual {
		grid-area: 2 / 2;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .pouch_lineup {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

/* :::::: ビタミンプラス・ミネラルプラス :::::: */
#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup {
	display: flex;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup .item {
	flex-basis: calc(50% - 16px);
	display: flex;
	flex-direction: column;
	align-items: center;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup .title {
	position: relative;
	width: 143px;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup .title img {
	width: 100%;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup .title .emblem {
	display: block;
	padding-bottom: 20%;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup .title .type {
	position: absolute;
	bottom: 0;
	left: -10%;
	width: 120%;
}
@media (min-width: 480px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup {
		justify-content: space-between;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup .item {
		max-width: 50%;
	}
	#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup .title {
		width: calc(80vw / 4.8);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .series_container {
		padding: 16px 0 40px;
	}
}
@media (max-width: 479px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup {
		flex-direction: column;
	}
	#isocal .c-cafefood.p-purchase .p-isocalseries .vpmp_lineup .item.-mp {
		margin-top: 24px;
	}
}
/* キャッチコピー */
#isocal .c-cafefood.p-purchase .p-isocalseries .c-pop {
	position: relative;
	margin-top: 8px;
	padding: 0 32px;
	font-size: 19px;
	line-height: 1.2;
	font-weight: 700;
	white-space: nowrap;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .-pouch .c-pop { color: #915000; }
#isocal .c-cafefood.p-purchase .p-isocalseries .-tp .c-pop { color: #00a63c; }
#isocal .c-cafefood.p-purchase .p-isocalseries .-mp .c-pop { color: #0068b6; }
#isocal .c-cafefood.p-purchase .p-isocalseries .c-pop b {
	font-size: 115%;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .c-pop svg {
	position: absolute;
	bottom: .2em;
	fill: currentcolor;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .c-pop svg:first-child { left: 0; }
#isocal .c-cafefood.p-purchase .p-isocalseries .c-pop svg:last-child { right: 0; }
@media (min-width: 480px) and (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .c-pop {
		padding: 0 calc(24vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
}
@media (max-width: 479px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .c-pop {
		font-size: calc(22vw / 4.8);
	}
}
/* 商品画像 */
#isocal .c-cafefood.p-purchase .p-isocalseries .visual {
	max-width: 160px;
	margin-top: 8px;
}
#isocal .c-cafefood.p-purchase .p-isocalseries.-pouch .visual {
	max-width: 132px;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .is-new {
	position: relative;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .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;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .-pouch .is-new::before {
	top: 12px;
	left: calc(100% - 20px);
	background: #ff7600;
}
#isocal .c-cafefood.p-purchase .p-isocalseries .-tp .is-new::before { background: #5fbe5a; }
#isocal .c-cafefood.p-purchase .p-isocalseries .-mp .is-new::before { background: #66b6e6; }
#isocal .c-cafefood.p-purchase .jelly_image .shadow {
	position: relative;
	display: inline-block;
}
#isocal .c-cafefood.p-purchase .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/purchase_jelly_shadow.png?v=1680529583') center / 100% 100% no-repeat;
}
#isocal .c-cafefood.p-purchase .jelly_image .shadow img {
	position: relative;
}
#isocal .c-cafefood.p-purchase .pouch_image {
	position: relative;
}
#isocal .c-cafefood.p-purchase .pouch_image .shadow {
	max-width: 114px;
}
#isocal .c-cafefood.p-purchase .pouch_image .shadow::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 10%;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/purchase_drink_shadow.png?v=1680529999') center / 100% 100% no-repeat;
}
#isocal .c-cafefood.p-purchase .pouch_image .shadow img {
	position: relative;
}
@media (min-width: 480px) and (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .visual {
		max-width: calc(120vw / 4.8);
	}
	#isocal .c-cafefood.p-purchase .p-isocalseries .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);
	}
}
#isocal .c-cafefood.p-purchase .p-isocalseries .c-button {
	position: absolute;
	bottom: -24px;
	left: calc(50% - 107px);
}
#isocal .c-cafefood.p-purchase .p-isocalseries .c-purchasebutton {
	margin-top: 64px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-purchase .p-isocalseries .c-button {
		left: calc(50% - 107vw / 4.8);
	}
}


/**
 * 高齢者の食事量の目安とは？1日の食事例とおすすめレシピ3選
 * ---------------------------------------- */
#isocal .c-cafefood.p-amount,
#isocal .c-cafefood.p-amount .section_box {
	background: #e8f4e2;
}
#isocal .c-cafefood.p-amount .section_num,
#isocal .c-cafefood.p-amount .content_header {
	background: #92d079;
}
#isocal .c-cafefood.p-amount .content_section.-bg {
	background: #d7eccc;
}
#isocal .c-cafefood.p-amount .figure_capsule,
#isocal .c-cafefood.p-amount .header_title em::before {
	background: #fa8017;
}
#isocal .c-cafefood.p-amount .header_visual img {
	box-shadow: 12px 12px 0 #7ebf4b;
}
#isocal .c-cafefood.p-amount strong,
#isocal .c-cafefood.p-amount .textlink,
#isocal .c-cafefood.p-amount .section_title,
#isocal .c-cafefood.p-amount .column_title,
#isocal .c-cafefood.p-amount .wordlist dt,
#isocal .c-cafefood.p-amount .footer_afterword,
#isocal .c-cafefood.p-amount .section_list li::before,
#isocal .c-cafefood.p-amount .dt_numlist dt,
#isocal .c-cafefood.p-amount .section_table caption,
#isocal .c-cafefood.p-amount .arrange_recipe .text dt {
	color: #fa8017;
}
#isocal .c-cafefood.p-amount .section_table table,
#isocal .c-cafefood.p-amount .section_table th,
#isocal .c-cafefood.p-amount .section_table td {
	border-color: #fa8017;
}
#isocal .c-cafefood.p-amount .section_title .marker {
	background: linear-gradient(to top, #dcf0d4 .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-amount .header_visual img {
		box-shadow: 6px 6px 0 #7ebf4b;
	}
}

/* :::::: individual :::::: */
#isocal .c-cafefood.p-amount .dt_numlist {
	margin-top: 24px;
}
#isocal .c-cafefood.p-amount .dt_numlist dt:nth-of-type(n+2),
#isocal .c-cafefood.p-amount .column_title:nth-of-type(n+2) {
	margin-top: 24px;
}

/* :::::: 1日に必要なエネルギーとたんぱく質量 :::::: */
#isocal .c-cafefood.p-amount table {
    width: 100%;
}
#isocal .c-cafefood.p-amount .section_table {
	margin: 32px 0;
}
#isocal .c-cafefood.p-amount .section_table th,
#isocal .c-cafefood.p-amount .section_table td {
	padding: 8px .4em;
	line-height: 1.2;
	text-align: center;
}
#isocal .c-cafefood.p-amount .section_table .w1 {
	width: 30%;
}
#isocal .c-cafefood.p-amount .section_table .w2 {
	width: 20%;
}
#isocal .c-cafefood.p-amount .section_table caption {
	font-weight: 700;
}
#isocal .c-cafefood.p-amount .section_table caption b {
	position: relative;
	top: .05em;
	font-size: 200%;
	font-weight: 900;
}
#isocal .c-cafefood.p-amount .section_table table {
	margin-top: 16px;
}
#isocal .c-cafefood.p-amount .section_table th small {
	display: inline-block;
	margin-top: .5em;
}
#isocal .c-cafefood.p-amount .section_table thead th {
	background: #e8f4e2;
}
#isocal .c-cafefood.p-amount .section_table .male {
	background: #d9e3f7;
}
#isocal .c-cafefood.p-amount .section_table .female {
	background: #ffdee4;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-amount .section_table th,
	#isocal .c-cafefood.p-amount .section_table td {
		white-space: nowrap;
	}
	#isocal .c-cafefood.p-amount .section_table caption {
		font-size: calc(16vw / 10);
	}
	#isocal .c-cafefood.p-amount .section_table table {
		font-size: calc(15vw / 10);
	}
	#isocal .c-cafefood.p-amount .section_table th {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.p-amount .section_table th small,
	#isocal .c-cafefood.p-amount .section_table th .unit {
		font-size: calc(12vw / 10);
	}
	#isocal .c-cafefood.p-amount .section_table .dt {
		padding-bottom: 0;
		border-bottom: 0;
	}
	#isocal .c-cafefood.p-amount .section_table .dd {
		padding-top: 0;
		border-top: 0;
	}
	#isocal .c-cafefood.p-amount .section_table .male {
		width: 4em;
	}
	#isocal .c-cafefood.p-amount .section_table .female {
		width: 4em;
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-amount .section_table caption {
		font-size: 16px;
	}
	#isocal .c-cafefood.p-amount .section_table table {
		font-size: 15px;
	}
	#isocal .c-cafefood.p-amount .section_table th {
		font-size: 18px;
	}
	#isocal .c-cafefood.p-amount .section_table th small,
	#isocal .c-cafefood.p-amount .section_table th .unit {
		font-size: 12px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-amount .section_table .level,
	#isocal .c-cafefood.p-amount .section_table .male,
	#isocal .c-cafefood.p-amount .section_table .female {
		width: 33.333%;
	}
	#isocal .c-cafefood.p-amount .section_table caption {
		font-size: calc(15vw / 4.8);
	}
	#isocal .c-cafefood.p-amount .section_table thead td {
		font-size: calc(10vw / 4.8);
		white-space: nowrap;
	}
	#isocal .c-cafefood.p-amount .section_table table {
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.p-amount .section_table th {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-amount .section_table th small {
		font-size: calc(10vw / 4.8);
	}
}

/* :::::: 朝食・昼食・夕食 :::::: */
#isocal .c-cafefood.p-amount .balance_menu {
	padding: 48px;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table > li + li {
	margin-top: 24px;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table dt,
#isocal .c-cafefood.p-amount .balance_menu .menu_table dd {
	border-radius: 5px;
	box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table dt {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	color: #fff;
	font-size: 22px;
	font-weight: 900;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table .breakfast dt {
	background: #f5d221;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table .lunch dt {
	background: #ff9a71;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table .dinner dt {
	background: #fa8017;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table dd {
	margin-top: 12px;
	padding: 24px;
	font-weight: 500;
	background: #fff;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table dd ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table .breakfast ul,
#isocal .c-cafefood.p-amount .balance_menu .menu_table .dinner ul {
	max-width: 420px;
	margin: 0 auto;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table dd li {
	flex-basis: calc(33.333% - 32px / 3);
	max-width: calc(33.333% - 32px / 3);
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table dd li:not(:nth-child(3n+1)) {
	margin-left: 16px;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table dd li:nth-child(n+4) {
	margin-top: 16px;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table dd p {
	margin: 8px -1em 0;
	line-height: 1.4;
	white-space: nowrap;
	text-align: center;
}
#isocal .c-cafefood.p-amount .balance_menu .menu_table dd small {
	font-size: 80%;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-amount .balance_menu .menu_table .lunch dd li {
		flex-basis: calc(25% - 48px / 4);
		max-width: calc(25% - 48px / 4);
		margin-left: 0;
	}
	#isocal .c-cafefood.p-amount .balance_menu .menu_table .lunch dd li:not(:nth-child(4n+1)) {
		margin-left: 16px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-amount .balance_menu {
		padding: calc(48vw / 10);
	}
	#isocal .c-cafefood.p-amount .balance_menu .menu_table dt {
		height: calc(56vw / 10);
		font-size: calc(22vw / 10);
	}
	#isocal .c-cafefood.p-amount .balance_menu .menu_table dd p {
		font-size: calc(19vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-amount .balance_menu {
		padding: 32px calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-amount .balance_menu .menu_table dt {
		height: calc(56vw / 4.8);
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood.p-amount .balance_menu .menu_table .lunch dd ul {
		max-width: calc(200vw / 4.8);
		margin: 0 auto;
	}
	#isocal .c-cafefood.p-amount .balance_menu .menu_table .lunch dd li {
		flex-basis: calc(50% - 8px);
		max-width: calc(50% - 8px);
		margin-left: 0;
	}
	#isocal .c-cafefood.p-amount .balance_menu .menu_table .lunch dd li:nth-child(2n) {
		margin-left: 16px;
	}
	#isocal .c-cafefood.p-amount .balance_menu .menu_table .lunch dd li:nth-child(n+3) {
		margin-top: 16px;
	}
	#isocal .c-cafefood.p-amount .balance_menu .menu_table dd p {
		font-size: calc(15vw / 4.8);
	}
}

/* :::::: 高齢者におすすめの食事レシピ3選 :::::: */
#isocal .c-cafefood.p-amount .arrange_recipe {
	margin-top: 32px;
}
#isocal .c-cafefood.p-amount .arrange_recipe li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#isocal .c-cafefood.p-amount .arrange_recipe li:nth-child(n+2) {
	margin-top: 32px;
}
#isocal .c-cafefood.p-amount .arrange_recipe .photo,
#isocal .c-cafefood.p-amount .arrange_recipe .text {
	flex-basis: calc(50% - 16px);
}
#isocal .c-cafefood.p-amount .arrange_recipe .photo {
	position: relative;
}
#isocal .c-cafefood.p-amount .arrange_recipe .photo img {
	border-radius: 10px;
}
#isocal .c-cafefood.p-amount .arrange_recipe .text dt {
	font-weight: 900;
	line-height: 1.4;
}
#isocal .c-cafefood.p-amount .arrange_recipe .text dd {
	line-height: 2;
}
#isocal .c-cafefood.p-amount .arrange_recipe .photo .cooktime {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 8px;
	left: 8px;
	width: 64px;
	height: 64px;
	border-radius: 64px;
	color: #073190;
	font-size: 11px;
	line-height: 1.2;
	background: #fff url(//healthscienceshop.nestle.jp/cdn/shop/t/435/assets/clock.svg?v=50104929905902889171751091862) center / cover no-repeat;
}
#isocal .c-cafefood.p-amount .arrange_recipe .photo .cooktime span {
	font-size: 80%;
}
#isocal .c-cafefood.p-amount .arrange_recipe .photo .cooktime b {
	position: relative;
	top: .05em;
	padding: 0 .1em;
	font-size: 180%;
	font-weight: 700;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-amount .arrange_recipe .text dt {
		font-size: calc(23vw / 10);
	}
	#isocal .c-cafefood.p-amount .arrange_recipe .text dd {
		margin-top: 1em;
		font-size: calc(18vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-amount .arrange_recipe .text dt {
		font-size: 23px;
	}
	#isocal .c-cafefood.p-amount .arrange_recipe .text dd {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-amount .arrange_recipe li:nth-child(n+2) {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-amount .arrange_recipe .photo,
	#isocal .c-cafefood.p-amount .arrange_recipe .text {
		flex-basis: calc(50% - 8px);
	}
	#isocal .c-cafefood.p-amount .arrange_recipe .text dt {
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood.p-amount .arrange_recipe .text dd {
		margin-top: .5em;
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-amount .arrange_recipe .text dd br {
		display: none;
	}
	#isocal .c-cafefood.p-amount .arrange_recipe .photo .cooktime {
		display: none;
	}
}


/**
 * 【管理栄養士監修】 介護食のオリジナルレシピ 固有スタイル
 * ---------------------------------------- */
#isocal .c-cafefood.p-originalrecipe {
	background: #fff8ea;
}
#isocal .c-cafefood.p-originalrecipe .keyvisual {
	max-width: 780px;
	margin: 0 auto;
	padding: 40px;
	text-align: center;
  height: auto;
}
#isocal .c-cafefood.p-originalrecipe .keyvisual .title {
	display: inline-block;
	position: relative;
	width: 456px;
	margin-top: 32px;
	padding: .3em;
	border-radius: 2em;
	color: #fff;
	font-size: 48px;
	background: #ffa200;
    height: auto;
}
#isocal .c-cafefood.p-originalrecipe .keyvisual .title::before {
    content: inherit;
}
#isocal .c-cafefood.p-originalrecipe .keyvisual .title::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: calc(50% - 24px);
	border-width: 32px 18px 0 18px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #ffa200;
    background: none;
    width: auto;
}
#isocal .c-cafefood.p-originalrecipe .keyvisual .lead {
	margin-top: 56px;
	font-size: 18px;
	text-align: left;
}
#isocal .c-cafefood.p-originalrecipe .keyvisual .footer_reflist {
	margin-top: 24px;
	text-align: left;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-originalrecipe .keyvisual .title {
		width: 100%;
		font-size: calc(40vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .keyvisual .lead {
		font-size: calc(18vw / 4.8);
	}
}

/**
 * 管理栄養士監修 介護食のオリジナルレシピ
 * ---------------------------------------- */
#isocal .c-cafefood.p-originalrecipe .p-recipelineup {
	padding-top: 40px;
}
#isocal .c-cafefood.p-originalrecipe .p-recipelineup .section_inner {
	padding: 40px;
}
#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_title {
	color: #ef663c;
	font-size: 46px;
	line-height: 1.4;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_title .crown {
	font-size: 60%;
}
#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_title svg {
	width: 34px;
	height: 43px;
	margin: 0 .3em;
	fill: currentcolor;
}
#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_lead {
	margin-top: 16px;
	font-size: 18px;
}
#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_lead strong {
	font-size: 108%;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_lead {
		text-align: center;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_title {
		font-size: calc(46vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-originalrecipe .p-recipelineup .section_inner {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_title {
		font-size: calc(30vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_title .crown {
		font-size: 70%;
	}
	#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_title svg {
		width: calc(24vw / 4.8);
		height: calc(30vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_lead {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .p-recipelineup .lineup_lead br {
		display: none;
	}
}

/**
 * 目次
 * ---------------------------------------- */
#isocal .c-cafefood.p-originalrecipe .recipe_toc {
	position: relative;
	max-width: 520px;
	margin: 40px auto 64px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_toc::after {
	content: "";
	position: absolute;
	top: 8px;
	left: -32px;
	width: 116px;
	height: 32px;
	background: #ee663c;
	opacity: .8;
	transform: rotate(-38deg);
}
#isocal .c-cafefood.p-originalrecipe .toc_paper {
	position: relative;
	padding: 32px 40px 16px;
	background: #faf4e6;
	filter: drop-shadow(6px 6px 0 #cbccce);
}
#isocal .c-cafefood.p-originalrecipe .toc_paper::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	right: 0;
	width: 100%;
	height: 36px;
/* 	background: url(../img/dogears.svg) right bottom / 520px 36px no-repeat; */
}
#isocal .c-cafefood.p-originalrecipe .recipe_toc .toc_title {
	color: inherit;
	font-size: 20px;
	letter-spacing: .06em;
	background: none;
}
#isocal .c-cafefood.p-originalrecipe .recipe_toc .toc_list {
	margin-top: 8px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_toc li {
	counter-increment: num;
	border-bottom: 2px dotted rgba(246,146,30,.3);
	color: #ef663c;
	font-size: 23px;
	font-weight: 700;
}
#isocal .c-cafefood.p-originalrecipe .recipe_toc a {
	display: block;
	position: relative;
	padding: 8px;
	background: none;
}
#isocal .c-cafefood.p-originalrecipe .recipe_toc a::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	border-radius: 1.5em;
	color: #fff;
	font-size: 80%;
	font-family: "M PLUS 1p", sans-serif;
	background: #ef663c;
}
#isocal .c-cafefood.p-originalrecipe .recipe_toc a::after {
	content: "click";
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	top: calc(50% - 9px);
	height: 19px;
	padding: 0 1em .1em;
	border: 1px solid currentcolor;
	border-radius: 19px;
	font-size: 12px;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-originalrecipe .toc_paper {
		padding-right: 4vw;
		padding-left: 4vw;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_toc .toc_title {
		font-size: 2vw;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_toc li {
		font-size: 2.3vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_toc::after {
		top: calc(8vw / 4.8);
		left: calc(-24vw / 4.8);
		width: calc(87vw / 4.8);
		height: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .toc_paper {
		padding-right: calc(16vw / 4.8);
		padding-left: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_toc .toc_title {
		font-size: calc(23vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_toc li {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_toc a {
		padding: 12px calc(8vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_toc a::after {
		top: calc(50% - 9vw / 4.8);
		height: calc(19vw / 4.8);
		font-size: calc(12vw / 4.8);
	}
}

/**
 * レシピ
 * ---------------------------------------- */
#isocal .c-cafefood.p-originalrecipe .p-recipelineup .recipe_section {
	position: relative;
	margin-top: 48px;
	padding-top: 80px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_title {
	z-index: 1;
	position: relative;
	margin: 0 -40px;
	padding: 24px;
	color: #ef663c;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
	background: #fdf1e5;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_title::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 6px;
	right: 0;
	bottom: 6px;
	left: 0;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_title .c-bln {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	width: 120px;
	height: 122px;
	color: #fff;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_title .c-bln .bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: #ffa200;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_title .t {
		position: relative;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_title .c-bln {
		top: -96px;
		right: 100%;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_title {
		font-size: calc(30vw / 10);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_title .c-bln {
		width: calc(120vw / 10);
		height: calc(122vw / 10);
		font-size: calc(20vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-originalrecipe .p-recipelineup .recipe_section {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_title {
		margin: 0 calc(-24vw / 4.8);
		padding-right: calc(16vw / 4.8);
		padding-left: calc(16vw / 4.8);
		font-size: calc(25vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_title .c-bln {
		bottom: calc(100% - 24px);
		left: 8px;
		width: calc(90vw / 4.8);
		height: calc(92vw / 4.8);
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe #recipe4 .recipe_title .c-bln,
	#isocal .c-cafefood.p-originalrecipe #recipe5 .recipe_title .c-bln {
		padding-bottom: .5em;
	}
}

/* :::::: 材料 :::::: */
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material {
	margin-top: 40px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .photo {
	position: relative;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .cooktime {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 8px;
	left: 8px;
	width: 80px;
	height: 80px;
	border-radius: 80px;
	color: #073190;
	font-size: 13px;
	line-height: 1.2;
/* 	background: #fff url(../img/clock.svg) center / cover no-repeat; */
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .cooktime span {
	font-size: 80%;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .cooktime b {
	position: relative;
	top: .05em;
	padding: 0 .1em;
	font-size: 180%;
	font-weight: 700;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .text > dt:first-child {
	color: #ef663c;
	font-size: 18px;
	font-weight: 900;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .text > dd,
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .text > dd + dt {
	margin-top: 8px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .material_list li {
	font-size: 15px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .material_list dl {
	display: flex;
	justify-content: space-between;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipe3_dotline.svg?v=1680581653') right center repeat-x;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .material_list dt,
#isocal .c-cafefood.p-originalrecipe .recipe_section .material_list dd {
	background: #fff;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .material_list dt {
	padding-right: 8px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .material_list dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .6em;
	height: .6em;
	margin-right: .4em;
	border-radius: 1em;
	background: #ef663c;
	vertical-align: middle;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .material_list dd {
	min-width: 8em;
	margin-left: auto;
	padding-left: 8px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .photo {
		flex-basis: 52%;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .text {
		flex-basis: calc(48% - 40px);
		align-self: center;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .cooktime {
		font-size: calc(11vw / 10);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .text > dt {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .material_list li {
		font-size: calc(15vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .cooktime {
		top: calc(8vw / 4.8);
		left: calc(8vw / 4.8);
		width: calc(80vw / 4.8);
		height: calc(80vw / 4.8);
		border-radius: calc(80vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .text {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-material .text > dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .material_list li {
		font-size: calc(15vw / 4.8);
	}
}

/* :::::: 栄養 :::::: */
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-nutrition {
	margin-top: 24px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-nutrition > dt {
	display: inline-block;
	padding: .1em 1em .2em;
	border-radius: 1em;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
	background: #ef663c;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-nutrition > dd {
	margin-top: 12px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .nutrition_list {
	columns: 2;
	max-width: 480px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .nutrition_list dl {
	display: inline-flex;
	font-size: 16px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .nutrition_list dt {
	min-width: 6em;
	color: #ef663c;
	font-weight: 700;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-nutrition > dt {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .nutrition_list dl {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-nutrition > dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .nutrition_list dl {
		font-size: calc(16vw / 4.8);
	}
}

/* :::::: 作り方 :::::: */
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-recipe {
	margin-top: 24px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-recipe > dt {
	display: inline-block;
	padding: .1em 1em .2em;
	border-radius: 1em;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
	background: #ef663c;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-recipe > dd {
	margin-top: 16px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_list li {
	counter-increment: num;
	padding-left: 2em;
	font-size: 18px;
	text-indent: -2em;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_list li > * {
	text-indent: 0;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_list li + li {
	margin-top: .4em;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_list li::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	padding: 0 0 .1em .1em;
	border-radius: 1.5em;
	color: #ef663c;
	font-weight: 900;
	vertical-align: middle;
	text-indent: 0;
	background: #fbd3bd;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_list li small {
	font-size: 80%;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_list .num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.5em;
	height: 1.5em;
	margin-right: .1em;
	padding: 0 0 .1em .1em;
	border-radius: 1.4em;
	color: #ef663c;
	font-size: 80%;
	font-weight: 900;
	background: #fbd3bd;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-recipe > dt,
	#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_list li {
		font-size: calc(18vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .c-recipe > dt,
	#isocal .c-cafefood.p-originalrecipe .recipe_section .recipe_list li {
		font-size: calc(18vw / 4.8);
	}
}

/* :::::: ワンポイントメモ :::::: */
#isocal .c-cafefood.p-originalrecipe .recipe_section .c-memo {
	margin-top: 40px;
	text-align: center;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_title {
	position: relative;
	color: #ef663c;
	font-size: 27px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_title .ico {
	top: 0;
	width: 1em;
	height: 1em;
	margin-right: .3em;
	fill: currentcolor;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .column_box {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	padding: 40px;
	margin-top: -20px;
	border-radius: 10px;
	background: #fdf1e5;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_list {
	display: inline-block;
	font-size: 16px;
	text-align: left;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_list li {
	padding-left: 1em;
	text-indent: -1em;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_list li > * {
	text-indent: 0;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_list li + li {
	margin-top: .4em;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_list li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .6em;
	height: .6em;
	margin-right: .4em;
	border-radius: 1em;
	background: #ef663c;
	vertical-align: middle;
}
#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_list li small {
	font-size: 80%;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_title {
		font-size: calc(27vw / 10);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_list {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_title {
		font-size: calc(27vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .column_box {
		min-height: calc(160vw / 4.8);
		padding: calc(24vw / 4.8) calc(16vw / 4.8);
		padding-top: calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_section .memo_list {
		font-size: calc(16vw / 4.8);
	}
}

/* :::::: この記事の監修 :::::: */
#isocal .c-cafefood.p-originalrecipe .recipe_supervision {
	margin-top: 40px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_supervision .photo img {
	border-radius: 50%;
}
#isocal .c-cafefood.p-originalrecipe .recipe_supervision .text dt {
	font-size: 19px;
}
#isocal .c-cafefood.p-originalrecipe .recipe_supervision .text dd {
	margin-top: 8px;
	font-size: 16px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_supervision {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 40px 0;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_supervision .photo {
		flex-basis: 152px;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_supervision .text {
		margin-left: 32px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_supervision .text dt {
		font-size: calc(19vw / 10);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_supervision .text dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-originalrecipe .recipe_supervision .photo {
		width: calc(180vw / 4.8);
		margin: 0 auto;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_supervision .text {
		margin-top: 16px;
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_supervision .text dt {
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-cafefood.p-originalrecipe .recipe_supervision .text dd {
		font-size: calc(16vw / 4.8);
	}
}


/**
 * 【手軽】少量で高栄養な食べ物とは？簡単栄養アップレシピ
 * ---------------------------------------- */
#isocal .c-cafefood.p-uprecipe,
#isocal .c-cafefood.p-uprecipe .section_box {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-uprecipe .section_num,
#isocal .c-cafefood.p-uprecipe .content_header {
	background: #dcaddb;
}
#isocal .c-cafefood.p-uprecipe .content_section.-bg {
	background: #e5cee5;
}
#isocal .c-cafefood.p-uprecipe .figure_capsule,
#isocal .c-cafefood.p-uprecipe .header_title em::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-uprecipe .header_visual img {
	box-shadow: 12px 12px 0 #c583c4;
}
#isocal .c-cafefood.p-uprecipe strong,
#isocal .c-cafefood.p-uprecipe .textlink,
#isocal .c-cafefood.p-uprecipe .section_title,
#isocal .c-cafefood.p-uprecipe .column_title,
#isocal .c-cafefood.p-uprecipe .wordlist dt,
#isocal .c-cafefood.p-uprecipe .footer_afterword,
#isocal .c-cafefood.p-uprecipe .section_list li::before,
#isocal .c-cafefood.p-uprecipe .dt_numlist dt,
#isocal .c-cafefood.p-uprecipe .section_table caption,
#isocal .c-cafefood.p-uprecipe .arrange_recipe .text dt,
#isocal .c-cafefood.p-uprecipe .recipe_section .recipe_list .num {
	color: #e9b00d;
}
#isocal .c-cafefood.p-uprecipe table {
    width: 100%;
}
#isocal .c-cafefood.p-uprecipe .section_table table,
#isocal .c-cafefood.p-uprecipe .section_table th,
#isocal .c-cafefood.p-uprecipe .section_table td {
	border-color: #dcaddb;
}
#isocal .c-cafefood.p-uprecipe .section_title .marker {
	background: linear-gradient(to top, #e8d5e8 .5em, transparent .5em);
}
#isocal .c-cafefood.p-uprecipe .section_list li:nth-child(n+2),
#isocal .c-cafefood.p-uprecipe .section_list li + li {
    margin-top: 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-uprecipe .header_visual img {
		box-shadow: 6px 6px 0 #c583c4;
	}
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-uprecipe .header_title em {
		display: inline-block;
		line-height: 1.25;
	}
	#isocal .c-cafefood.p-uprecipe .header_title em:last-child {
		margin-top: .1em;
	}
	#isocal .c-cafefood.p-uprecipe .header_visual {
		top: auto;
		bottom: 0;
	}
}

/* :::::: individual :::::: */
#isocal .c-cafefood.p-uprecipe .section_table figcaption {
	margin-top: .3em;
	font-size: 12px;
}
#isocal .c-cafefood.p-uprecipe .section_table th {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-uprecipe .section_table thead th:first-child {
	background: transparent;
}
#isocal .c-cafefood.p-uprecipe .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-uprecipe .section_table .section_list {
	display: inline-block;
	min-width: calc(100% - 2em);
	margin: 0;
	text-align: left;
}
#isocal .c-cafefood.p-uprecipe .section_table .section_list li {
	line-height: 1.4;
}
#isocal .c-cafefood.p-uprecipe .section_table .section_list li::before {
	width: 8px;
	height: 8px;
	background: #dcaddb;
}

#isocal .c-cafefood.p-uprecipe .dt_numlist {
	margin-top: 24px;
}
#isocal .c-cafefood.p-uprecipe .dt_numlist dt:nth-of-type(n+2),
#isocal .c-cafefood.p-uprecipe .column_title:nth-of-type(n+2) {
	margin-top: 24px;
}

/* recipe */
#isocal .c-cafefood.p-uprecipe .recipe_section .recipe_title,
#isocal .c-cafefood.p-uprecipe .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-uprecipe .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-uprecipe .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-uprecipe .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-uprecipe .recipe_section .memo_title,
#isocal .c-cafefood.p-uprecipe .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-uprecipe.recipe_section .memo_title {
	color: #e9b00d;
}
#isocal .c-cafefood.p-uprecipe .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-uprecipe .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-uprecipe .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-uprecipe .recipe_section .memo_list li::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-uprecipe .recipe_section .recipe_title,
#isocal .c-cafefood.p-uprecipe .recipe_section .column_box {
	background: #fdf8e9;
}
#isocal .c-cafefood.p-uprecipe .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-uprecipe .recipe_section .recipe_list .num {
	background: #fbefcf;
}


/**
 * 手軽に買える少量で栄養価の高い食べ物
 * ---------------------------------------- */
#isocal .c-cafefood.p-uprecipe .p-section_1 .section_figure {
	margin-right: auto;
	margin-left: auto;
	max-width: 580px;
}
#isocal .c-cafefood.p-uprecipe .p-section_1 .section_table thead th {
	width: 30%;
}
#isocal .c-cafefood.p-uprecipe .p-section_1 .section_table thead th:nth-child(1) {
	width: 40%;
}


/**
 * 普段食べる食事に一手間加えて栄養価を高くしよう
 * ---------------------------------------- */
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure {
	margin: 32px 0 0;
	padding-top: calc(56px + 12px);
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dl {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dl + dl {
	margin-top: 20px;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dl > * {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dl > dt {
	margin-right: 16px;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dt,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	color: #fff;
	font-weight: 900;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dt {
	flex-basis: 120px;
	align-self: center;
	z-index: 1;
	position: relative;
	height: 56px;
	line-height: 1.4;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd {
	position: relative;
	min-height: 72px;
	padding: 4px 0;
	font-size: 15px;
	line-height: 1.4;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd + dd {
	margin-top: 12px;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 {
	flex-basis: 246px;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group2,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group3 {
	flex-basis: 117px;
	position: relative;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd small {
	display: inline-block;
	position: relative;
	padding: 0 .6em;
	font-size: 12px;
	line-height: 1.2;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd small::before,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd small::after {
	position: absolute;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd small::before {
	content: "(";
	left: 0;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd small::after {
	content: ")";
	right: 0;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 small::before,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 small::after {
	top: calc(50% - 1em);
	transform: scaleY(2.4);
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu dt,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu dd {
	background: #4ec0e2;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi dt,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi dd {
	background: #91cf79;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group2 dt,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group3 dt {
	position: absolute;
	bottom: calc(100% + 12px);
	width: 100%;
	min-height: 56px;
	background: #f99f28;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group2 dd,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group3 dd {
	background: #ffb74e;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure {
		padding-top: calc(5.6vw + 1.2vw);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dl + dl {
		margin-top: 2vw;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dt {
		flex-basis: 12vw;
		height: 5.6vw;
		font-size: 1.6vw;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd {
		min-height: 7.2vw;
		font-size: 1.5vw;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd + dd {
		margin-top: 1.2vw;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 {
		flex-basis: 24.6vw;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group2,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group3 {
		flex-basis: 11.7vw;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd small {
		font-size: 1.2vw;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group2 dt,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group3 dt {
		bottom: calc(100% + 1.2vw);
		min-height: 5.6vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure {
		margin: calc(32vw / 4.8) calc(-16vw / 4.8) 0;
		padding-top: calc(54vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dl + dl {
		margin-top: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dl > dt {
		margin-right: calc(16vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dt {
		height: calc(56vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd {
		min-height: calc(68vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dt {
		flex-basis: calc(64vw / 4.8);
		font-size: calc(11vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd {
		font-size: calc(10vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd + dd {
		margin-top: calc(12vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dd small {
		font-size: calc(9vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 small::before,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 small::after {
		top: calc(50% - .6em);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 {
		flex-basis: calc(137vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group2,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group3 {
		flex-basis: calc(70vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group2 dt,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group3 dt {
		bottom: calc(100% + 12vw / 4.8);
		height: calc(42vw / 4.8);
		min-height: auto;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure {
		margin-right: 0;
		margin-left: 0;
	}
}

/* :::::: イラスト :::::: */
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dt figure {
	position: absolute;
	bottom: calc(100% + 6px);
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu dt figure {
	left: calc(50% - 45px);
	width: 91px;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi dt figure {
	left: calc(50% - 43px);
	width: 86px;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .inner {
	display: block;
	position: relative;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .inner::after {
	content: "";
	position: absolute;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	top: calc(50% - 32px);
	right: 0;
	height: 64px;
	margin-left: 8px;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu1 .inner { padding-right: 46px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu1 .inner::after { width: 31px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu2 .inner { padding-right: 65px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu2 .inner::after { width: 50px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu3 .inner { padding-right: 46px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu3 .inner::after { width: 31px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu4 .inner { padding-right: 34px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu4 .inner::after { width: 19px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu5 .inner { padding-right: 66px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu5 .inner::after { width: 51px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi1 .inner { padding-right: 57px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi1 .inner::after { width: 42px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 .inner { padding-right: 67px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 .inner::after { width: 52px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi3 .inner { padding-right: 63px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi3 .inner::after { width: 48px; }
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure.is-inview .okayu1 .inner::after {
/* 	background-image: url(../img/uprecipe_2_2.png); */
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure.is-inview .okayu2 .inner::after {
/* 	background-image: url(../img/uprecipe_2_3.png); */
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure.is-inview .okayu3 .inner::after {
/* 	background-image: url(../img/uprecipe_2_4.png); */
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure.is-inview .okayu4 .inner::after {
/* 	background-image: url(../img/uprecipe_2_5.png); */
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure.is-inview .okayu5 .inner::after {
/* 	background-image: url(../img/uprecipe_2_6.png); */
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure.is-inview .ohitashi1 .inner::after {
/* 	background-image: url(../img/uprecipe_2_8.png); */
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure.is-inview .ohitashi2 .inner::after {
/* 	background-image: url(../img/uprecipe_2_9.png); */
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure.is-inview .ohitashi3 .inner::after {
/* 	background-image: url(../img/uprecipe_2_10.png); */
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dt figure {
		bottom: calc(100% + .6vw);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu dt figure {
		left: calc(50% - 4.5vw);
		width: 91px;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi dt figure {
		left: calc(50% - 4.3vw);
		width: 8.6vw;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .inner::after {
		top: calc(50% - 3.2vw);
		height: 6.4vw;
		margin-left: .8vw;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu1 .inner { padding-right: 4.6vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu1 .inner::after { width: 3.1vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu2 .inner { padding-right: 6.5vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu2 .inner::after { width: 5vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu3 .inner { padding-right: 4.6vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu3 .inner::after { width: 3.1vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu4 .inner { padding-right: 3.4vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu4 .inner::after { width: 1.9vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu5 .inner { padding-right: 6.6vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu5 .inner::after { width: 5.1vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi1 .inner { padding-right: 5.7vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi1 .inner::after { width: 4.2vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 .inner { padding-right: 6.7vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 .inner::after { width: 5.2vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi3 .inner { padding-right: 6.3vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi3 .inner::after { width: 4.8vw; }
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure dt figure {
		bottom: calc(100% - 6vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu dt figure {
		left: calc(50% - 28vw / 4.8);
		width: calc(62vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi dt figure {
		left: calc(50% - 28vw / 4.8);
		width: calc(56vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .inner {
		min-width: calc(100% - 2em);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .inner::after {
		top: 0;
		height: 100%;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu1 .inner { padding-right: calc(29vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu1 .inner::after { width: calc(24vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu2 .inner { padding-right: calc(42vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu2 .inner::after { width: calc(37vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu3 .inner { padding-right: calc(29vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu3 .inner::after { width: calc(24vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu4 .inner { padding-right: calc(19vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu4 .inner::after { width: calc(14vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu5 .inner { padding-right: calc(45vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu5 .inner::after { width: calc(40vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi1 .inner { padding-right: calc(39vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi1 .inner::after { width: calc(34vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 .inner { padding-right: 0; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi3 .inner { padding-right: calc(34vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 .inner::after,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi3 .inner::after {
		position: absolute;
		right: 0;
		width: calc(34vw / 4.8);
		height: calc(43vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2 .inner::after {
		top: calc(-20vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi3 .inner::after {
		top: calc(-8vw / 4.8);
	}
}

/* :::::: 繋ぐ線 :::::: */
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 dd::before,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 dd::after {
	content: "";
	position: absolute;
	top: 50%;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 dd::before {
	right: calc(100% - 1px);
	transform-origin: 100% 50%;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 dd::after {
	left: calc(100% - 1px);
	width: 200px;
	transform-origin: 0% 50%;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu .dd_group1 dd::before,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu .dd_group1 dd::after {
	border-top: 1px solid #4ec0e2;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi .dd_group1 dd::before,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi .dd_group1 dd::after {
	border-top: 1px solid #91cf79;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu .dd_group1 .okayu5::before,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi .dd_group1 .ohitashi3::before {
	border-top: 0;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .okayu5::before,
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .ohitashi3::before {
	top: auto;
	bottom: 50%;
	border-bottom: 1px solid #4ec0e2;
}
#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .ohitashi3::before {
	border-bottom: 1px solid #91cf79;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu1::before {
		width: 180px;
		transform: rotate(-73.7deg);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu2::before {
		width: 120px;
		transform: rotate(-59.8deg);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu3::before {
		width: 64px;
		transform: rotate(0deg);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu4::before {
		width: 120px;
		transform: rotate(59.8deg);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu5::before {
		width: 180px;
		transform: rotate(73.7deg);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi1::before {
		width: 120px;
		transform: rotate(-60.4deg);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2::before {
		width: 64px;
		transform: rotate(0deg);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi3::before {
		width: 120px;
		transform: rotate(60.4deg);
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 dd::after { width: 20vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu1::before { width: 18vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu2::before { width: 12vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu3::before { width: 6.4vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu4::before { width: 12vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .okayu5::before { width: 18vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi1::before { width: 12vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi2::before { width: 6.4vw; }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .ohitashi3::before { width: 12vw; }
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 dd {
		text-align: left;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 dd::after { width: calc(100vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 dd::before { width: calc(14vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .okayu3::before,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .ohitashi2::before { width: calc(28vw / 4.8); }
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .okayu1::before,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .okayu5::before {
		height: calc(160vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .okayu1::before,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .okayu5::before {
		border-left: 1px solid #4ec0e2;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .ohitashi1::before,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .ohitashi3::before {
		height: calc(80vw / 4.8);
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .ohitashi1::before,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_figure .dd_group1 .ohitashi3::before {
		border-left: 1px solid #91cf79;
	}
}

@media (max-width: 767px) {
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_table th,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_table td {
		padding-right: 4px;
		padding-left: 4px;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_table td:first-of-type {
		padding-left: 8px;
		text-align: left;
	}
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_table th,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_table td,
	#isocal .c-cafefood.p-uprecipe .p-section_2 .section_table li {
		font-size: calc(14vw / 4.8);
	}
}

#isocal .c-cafefood.p-uprecipe .recipe_section + p {
	margin-top: 40px;
}


/**
 * 【手軽】少量で高栄養な食べ物とは？簡単栄養アップレシピ
 * ---------------------------------------- */
#isocal .c-cafefood.p-immunity,
#isocal .c-cafefood.p-immunity .section_box {
	background: #f3e7f3;
}
#isocal .c-cafefood.p-immunity .section_num,
#isocal .c-cafefood.p-immunity .content_header {
	background: #daabd9;
}
#isocal .c-cafefood.p-immunity .content_section.-bg {
	background: #ecd5ec;
}
#isocal .c-cafefood.p-immunity .figure_capsule,
#isocal .c-cafefood.p-immunity .header_title em::before {
	background: #e7ae0d;
}
#isocal .c-cafefood.p-immunity .header_visual img {
	box-shadow: 12px 12px 0 #cc8acb;
}
#isocal .c-cafefood.p-immunity strong,
#isocal .c-cafefood.p-immunity .textlink,
#isocal .c-cafefood.p-immunity .section_title,
#isocal .c-cafefood.p-immunity .column_title,
#isocal .c-cafefood.p-immunity .wordlist dt,
#isocal .c-cafefood.p-immunity .footer_afterword,
#isocal .c-cafefood.p-immunity .section_list li::before,
#isocal .c-cafefood.p-immunity .dt_numlist dt,
#isocal .c-cafefood.p-immunity .section_table caption,
#isocal .c-cafefood.p-immunity .arrange_recipe .text dt {
	color: #e7ae0d;
}
#isocal .c-cafefood.p-immunity .section_table table,
#isocal .c-cafefood.p-immunity .section_table th,
#isocal .c-cafefood.p-immunity .section_table td {
	border-color: #daabd9;
}
#isocal .c-cafefood.p-immunity .section_title .marker {
	background: linear-gradient(to top, #efdcef .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-immunity .header_visual img {
		box-shadow: 6px 6px 0 #cc8acb;
	}
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-immunity .header_title em {
		display: inline-block;
		line-height: 1.25;
	}
	#isocal .c-cafefood.p-immunity .header_title em:last-child {
		margin-top: .1em;
	}
	#isocal .c-cafefood.p-immunity .header_visual {
		top: auto;
		bottom: 0;
	}
}

/* :::::: individual :::::: */
#isocal .c-cafefood.p-immunity .section_table figcaption {
	margin-top: .3em;
	font-size: 12px;
}
#isocal .c-cafefood.p-immunity .section_table th {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-immunity .section_table thead th:first-child {
	background: transparent;
}
#isocal .c-cafefood.p-immunity .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-immunity .section_table .section_list {
	display: inline-block;
	min-width: calc(100% - 2em);
	margin: 0;
	text-align: left;
}
#isocal .c-cafefood.p-immunity .section_table .section_list li {
	line-height: 1.4;
}
#isocal .c-cafefood.p-immunity .section_table .section_list li::before {
	width: 8px;
	height: 8px;
	background: #dcaddb;
}

#isocal .c-cafefood.p-immunity .photo {
	max-width: 600px;
	margin: 24px auto 0;
}
#isocal .c-cafefood.p-immunity .photo img {
	border-radius: 10px;
}

#isocal .c-cafefood.p-immunity hr {
	margin: 24px 0;
	border: 0;
	border-top: 1px solid #e7ae0d;
}

#isocal .c-cafefood.p-immunity .c-banner {
	margin-top: 24px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-immunity .c-banner {
		padding: 0 16px;
	}
}

/* :::::: 免疫力を高めるおすすめの食べ物と飲み物 :::::: */
#isocal .c-cafefood.p-immunity .p-section_1 .section_figure {
	margin: 32px 0;
	text-align: center;
}
#isocal .c-cafefood.p-immunity .p-section_1 .section_figure img {
	width: 600px;
}
#isocal .c-cafefood.p-immunity .p-section_1 .section_column strong {
	color: #e7ae0d;
}
#isocal .c-cafefood.p-immunity .p-section_1 .column_title {
	color: #333;
}
#isocal .c-cafefood.p-immunity .p-section_1 .column_title::before {
	color: #e7ae0d;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-immunity .p-section_1 .section_column {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-immunity .p-section_1 .column_title {
		flex-basis: 100%;
	}
	#isocal .c-cafefood.p-immunity .p-section_1 .text {
		flex-basis: 70%;
	}
	#isocal .c-cafefood.p-immunity .p-section_1 .-even .text {
		order: 1;
	}
	#isocal .c-cafefood.p-immunity .p-section_1 .section_column .photo {
		flex-basis: calc(30% - 16px);
		margin: 0;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .c-cafefood.p-immunity .p-section_1 .column_title {
		font-size: 2.4vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-immunity .section_column .photo {
		max-width: 80%;
		margin-top: calc(16vw / 4.8);
	}
}


/**
 * 低栄養対策！主菜・副菜レシピ 固有スタイル
 * ---------------------------------------- */
#isocal .c-cafefood.p-mainsiderecipe {
	background: #ffe9cb;
}
#isocal .c-cafefood.p-mainsiderecipe::before,
#isocal .c-cafefood.p-mainsiderecipe::after {
	content: "";
	position: absolute;
	top: 0;
	width: 40px;
	height: 100%;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/stripe.svg?v=1679595796') center top / 20px 20px;
	opacity: .4;
}
#isocal .c-cafefood.p-mainsiderecipe::before {
	left: 0;
}
#isocal .c-cafefood.p-mainsiderecipe::after {
	right: 0;
}

/* キービジュアル */
#isocal .c-cafefood.p-mainsiderecipe .keyvisual {
	z-index: 1;
	position: relative;
	max-width: 780px;
	margin: 16px auto 0;
	padding: 88px 40px 24px;
	text-align: center;
  height: auto;
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 0;
	left: calc(50% - 350px);
	width: 700px;
	height: 700px;
	border: 5vw solid #fff;
	border-radius: 700px;
	box-shadow: inset 0 0 0 5px #f2f2f2;
	background: #fff;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-mainsiderecipe .keyvisual::before {
		left: calc(50% - 35vw);
		width: 70vw;
		height: 70vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .keyvisual {
		padding: calc(40vw / 4.8);
		padding-bottom: 24px;
	}
	#isocal .c-cafefood.p-mainsiderecipe .keyvisual::before {
		left: 24px;
		width: calc(100vw - 48px);
		height: calc(100vw - 48px);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-mainsiderecipe .keyvisual::before {
		left: calc(50% - 216px);
		width: 432px;
		height: 432px;
	}
}

/* 低栄養対策！主菜・副菜レシピ */
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title {
	display: inline-block;
	position: relative;
      width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title::before,
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title::after {
	content: "";
	position: absolute;
	bottom: -.2em;
	width: 28px;
	height: 137px;
	background: center / cover no-repeat;
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title::before {
	right: calc(100% + 32px);
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/fork.svg?v=1679595796');
	transform: rotate(-30deg);
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title::after {
	left: calc(100% + 32px);
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/knife.svg?v=1679595796');
	transform: rotate(30deg);
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title .sub {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 256px;
	height: 53px;
	font-size: 28px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/ribbon.svg?v=1679595796') center no-repeat;
      margin: 0;
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title .main {
	display: block;
	font-size: 46px;
      line-height: inherit;
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title .main .marker {
	padding: 0 .1em;
	font-size: 123%;
	font-weight: 700;
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title .main .marker.-m {
	color: #f6921e;
	background: linear-gradient(to top, #fde9d2 .4em, transparent .4em);
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title .main .marker.-s {
	margin-right: .1em;
	color: #86c03f;
	background: linear-gradient(to top, #e8f3d9 .4em, transparent .4em);
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title .main .marker {
	font-size: 123%;
	font-weight: 900;
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title .d {
	position: relative;
	top: -.2em;
	width: .3em;
	color: transparent;
	font-size: 1rem;
	vertical-align: middle;
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title .d::after {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	left: calc(50% - 6px);
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: black;
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .lead {
	margin-top: 16px;
	font-size: 16px;
}
#isocal .c-cafefood.p-mainsiderecipe .keyvisual .lead strong {
	font-size: 112%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title .sub {
		font-size: calc(23vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title .main {
		font-size: calc(38vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title::before,
	#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title::after {
		width: calc(19vw / 4.8);
		height: calc(92vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title::before {
		right: calc(100% + .5em);
	}
	#isocal .c-cafefood.p-mainsiderecipe .keyvisual .title::after {
		left: calc(100% + .5em);
	}
}

/**
 * レシピ一覧
 * ---------------------------------------- */
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup {
	padding-top: 0;
	padding-bottom: 0;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup.-sidedish {
	margin-top: 40px;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .section_inner {
	padding: 24px 0;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .lineup_subject {
	padding: 16px 32px;
	border-top: 4px solid;
	border-bottom: 4px solid;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup.-maindish .lineup_subject {
	border-color: #f6921e;
	background: #fef4e8;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup.-sidedish .lineup_subject {
	border-color: #8bc53f;
	background: #f3f9ec;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .lineup_subject .text {
	text-align: center;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .lineup_title {
	font-size: 42px;
	line-height: 1.4;
	letter-spacing: .2em;
	text-align: center;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .lineup_title b {
	font-size: 123%;
	font-weight: 900;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup.-maindish .lineup_title b {
	color: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup.-sidedish .lineup_title b {
	color: #8bc53f;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .lineup_subject {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .lineup_subject .photo,
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .lineup_subject .text {
		flex-basis: 50%;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup.-sidedish {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .lineup_subject {
		padding-bottom: 24px;
	}
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .lineup_subject .text {
		margin-top: 8px;
	}
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .lineup_title {
		font-size: calc(37vw / 4.8);
	}
}

#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .c-button {
	display: inline-flex;
	width: calc(100% - 32px);
	max-width: 300px;
	height: 54px;
	margin-top: 16px;
	padding: 0 1em;
	font-size: 23px;
	letter-spacing: .05em;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .c-button .ico {
	position: static;
	width: 37px;
	height: 28px;
	margin-right: .5em;
	fill: currentcolor;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup.-maindish .c-button {
	border-color: #f6921e;
	background: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup.-sidedish .c-button {
	border-color: #8bc53f;
	background: #8bc53f;
}
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .pull_contents .c-button {
	display: flex;
	margin: 80px auto 40px;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup.-maindish .c-button:hover {
		color: #f6921e;
		background: #fff;
	}
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup.-sidedish .c-button:hover {
		color: #8bc53f;
		background: #fff;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .c-button {
		margin-top: 8px;
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .c-button .ico {
		width: calc(34vw / 4.8);
		height: calc(25vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .pull_contents .c-button {
		max-width: calc(204vw / 4.8);
		margin: 40px auto 24px;
	}
}

/**
 * 目次
 * ---------------------------------------- */
#isocal .c-cafefood.p-mainsiderecipe .recipe_toc {
	position: relative;
	width: calc(100% - 48px);
	max-width: 520px;
	margin: 40px auto 64px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_toc::after {
	content: "";
	position: absolute;
	top: 8px;
	left: -40px;
	width: 150px;
	height: 33px;
	background: center / cover no-repeat;
	opacity: .8;
	transform: rotate(-38deg);
}
#isocal .c-cafefood.p-mainsiderecipe .-maindish .recipe_toc::after {
/* 	background-image: url(../img/main_tape.svg); */
}
#isocal .c-cafefood.p-mainsiderecipe .-sidedish .recipe_toc::after {
/* 	background-image: url(../img/side_tape.svg); */
}
#isocal .c-cafefood.p-mainsiderecipe .toc_paper {
	position: relative;
	padding: 32px 40px 16px;
	filter: drop-shadow(6px 6px 0 #cbccce);
}
#isocal .c-cafefood.p-mainsiderecipe .-maindish .toc_paper {
	background: #fafaf6;
}
#isocal .c-cafefood.p-mainsiderecipe .-sidedish .toc_paper {
	background: #f5f5ee;
}
#isocal .c-cafefood.p-mainsiderecipe .toc_paper::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	right: 0;
	width: 100%;
	height: 36px;
	background: right bottom / 520px 36px no-repeat;
}
#isocal .c-cafefood.p-mainsiderecipe .-maindish .toc_paper::after {
/* 	background-image: url(../img/main_dogears.svg); */
}
#isocal .c-cafefood.p-mainsiderecipe .-sidedish  .toc_paper::after {
/* 	background-image: url(../img/side_dogears.svg); */
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_toc .toc_title {
	color: inherit;
	font-size: 20px;
	letter-spacing: .06em;
	background: none;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_toc .toc_list {
	margin-top: 8px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_toc li {
	counter-increment: num;
	border-bottom: 2px dotted;
	font-size: 23px;
	font-weight: 700;
}
#isocal .c-cafefood.p-mainsiderecipe .-maindish .recipe_toc li {
	border-color: rgba(246,146,30,.3);
	color: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .-sidedish .recipe_toc li {
	border-color: rgba(139,197,63,.3);
	color: #8bc53f;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_toc a {
	display: block;
	position: relative;
	padding: 8px;
	background: none;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_toc a::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	border-radius: 1.5em;
	color: #fff;
	font-size: 80%;
	font-family: "M PLUS 1p", sans-serif;
}
#isocal .c-cafefood.p-mainsiderecipe .-maindish .recipe_toc a::before {
	background: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .-sidedish .recipe_toc a::before {
	background: #8bc53f;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_toc a::after {
	content: "click";
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	top: calc(50% - 9px);
	height: 19px;
	padding: 0 1em .1em;
	border: 1px solid currentcolor;
	border-radius: 19px;
	font-size: 12px;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-mainsiderecipe .toc_paper {
		padding-right: 4vw;
		padding-left: 4vw;
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_toc .toc_title {
		font-size: 2vw;
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_toc li {
		font-size: 2.3vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_toc::after {
		top: calc(8vw / 4.8);
		left: calc(-24vw / 4.8);
		width: calc(100vw / 4.8);
		height: calc(22vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .toc_paper {
		padding-right: calc(16vw / 4.8);
		padding-left: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_toc .toc_title {
		font-size: calc(23vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_toc li {
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_toc a {
		padding: 12px calc(8vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_toc a::after {
		top: calc(50% - 9vw / 4.8);
		height: calc(19vw / 4.8);
		font-size: calc(12vw / 4.8);
	}
}

/**
 * レシピ
 * ---------------------------------------- */
#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .recipe_section {
	position: relative;
	margin-top: 48px;
	padding: 80px 32px 0;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_title {
	z-index: 1;
	position: relative;
	margin: 0 -32px;
	padding: 24px;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .recipe_title {
	color: #f6921e;
	background: #fef4e8;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .recipe_title {
	color: #8bc53f;
	background: #f3f9ec;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_title::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 6px;
	right: 0;
	bottom: 6px;
	left: 0;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_title .c-bln {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	width: 120px;
	height: 122px;
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood.p-mainsiderecipe #maindish1 .recipe_title .c-bln {
	padding-bottom: .5em;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_title .c-bln .bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .recipe_title .c-bln .bg {
	fill: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .recipe_title .c-bln .bg {
	fill: #8bc53f;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_title .t {
		position: relative;
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_title .c-bln {
		top: -96px;
		right: 100%;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_title {
		font-size: calc(30vw / 10);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_title .c-bln {
		width: calc(120vw / 10);
		height: calc(122vw / 10);
		font-size: calc(20vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .p-recipelineup .recipe_section {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_title {
		margin: 0 calc(-24vw / 4.8);
		padding-right: calc(8vw / 4.8);
		padding-left: calc(8vw / 4.8);
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_title .c-bln {
		bottom: calc(100% - 24px);
		left: 8px;
		width: calc(90vw / 4.8);
		height: calc(92vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
}

/* :::::: 材料 :::::: */
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material {
	margin-top: 40px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .photo {
	position: relative;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .cooktime {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 8px;
	left: 8px;
	width: 80px;
	height: 80px;
	border-radius: 80px;
	color: #073190;
	font-size: 13px;
	line-height: 1.2;
/* 	background: #fff url(../img/clock.svg) center / cover no-repeat; */
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .cooktime span {
	font-size: 80%;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .cooktime b {
	position: relative;
	top: .05em;
	padding: 0 .1em;
	font-size: 180%;
	font-weight: 700;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .text > dt:first-child {
	font-size: 18px;
	font-weight: 900;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .c-material .text > dt:first-child {
	color: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .c-material .text > dt:first-child {
	color: #8bc53f;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .text > dd,
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .text > dd + dt {
	margin-top: 8px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .material_list li {
	font-size: 15px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .material_list dl {
	display: flex;
	justify-content: space-between;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipe3_dotline.svg?v=1680581653') right center repeat-x;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .material_list dt,
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .material_list dd {
	background: #fff;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .material_list dt {
	padding-right: 8px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .material_list dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .6em;
	height: .6em;
	margin-right: .4em;
	border-radius: 1em;
	vertical-align: middle;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .material_list dt::before {
	background: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .material_list dt::before {
	background: #8bc53f;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .material_list dd {
	min-width: 8em;
	margin-left: auto;
	padding-left: 8px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .photo {
		flex-basis: 52%;
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .text {
		flex-basis: calc(48% - 40px);
		align-self: center;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .cooktime {
		font-size: calc(11vw / 10);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .text > dt {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .material_list li {
		font-size: calc(15vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .cooktime {
		top: calc(8vw / 4.8);
		left: calc(8vw / 4.8);
		width: calc(80vw / 4.8);
		height: calc(80vw / 4.8);
		border-radius: calc(80vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .text {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-material .text > dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .material_list li {
		font-size: calc(15vw / 4.8);
	}
}

/* :::::: 栄養 :::::: */
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-nutrition {
	margin-top: 24px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-nutrition > dt {
	display: inline-block;
	padding: .1em 1em .2em;
	border-radius: 1em;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .c-nutrition > dt {
	background: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .c-nutrition > dt {
	background: #8bc53f;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-nutrition > dd {
	margin-top: 12px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .nutrition_list {
	columns: 2;
	max-width: 480px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .nutrition_list dl {
	display: inline-flex;
	font-size: 16px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .nutrition_list dt {
	min-width: 6em;
	font-weight: 700;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .nutrition_list dt {
	color: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .nutrition_list dt {
	color: #8bc53f;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-nutrition > dt {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .nutrition_list dl {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-nutrition > dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .nutrition_list dl {
		font-size: calc(16vw / 4.8);
	}
}

/* :::::: 作り方 :::::: */
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-recipe {
	margin-top: 24px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-recipe > dt {
	display: inline-block;
	padding: .1em 1em .2em;
	border-radius: 1em;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .c-recipe > dt {
	background: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .c-recipe > dt {
	background: #8bc53f;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-recipe > dd {
	margin-top: 16px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_list li {
	counter-increment: num;
	padding-left: 2em;
	font-size: 18px;
	text-indent: -2em;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_list li > * {
	text-indent: 0;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_list li + li {
	margin-top: .4em;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_list li::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	padding: 0 0 .1em .1em;
	border-radius: 1.5em;
	font-weight: 900;
	vertical-align: middle;
	text-indent: 0;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_list li small {
	font-size: 80%;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_list .num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.5em;
	height: 1.5em;
	margin-right: .1em;
	padding: 0 0 .1em .1em;
	border-radius: 1.4em;
	font-size: 80%;
	font-weight: 900;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .recipe_list li::before,
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .recipe_list .num {
	color: #f6921e;
	background: #fcdebb;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .recipe_list li::before,
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .recipe_list .num {
	color: #8bc53f;
	background: #dceec5;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-recipe > dt,
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_list li {
		font-size: calc(18vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-recipe > dt,
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .recipe_list li {
		font-size: calc(18vw / 4.8);
	}
}

/* :::::: ワンポイントメモ :::::: */
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .c-memo {
	margin-top: 40px;
	text-align: center;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_title {
	position: relative;
	font-size: 27px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .memo_title {
	color: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .memo_title {
	color: #8bc53f;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_title .ico {
	top: 0;
	width: 1em;
	height: 1em;
	margin-right: .3em;
	fill: currentcolor;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .column_box {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	padding: 40px;
	margin-top: -20px;
	border-radius: 10px;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .column_box {
	background: #f7ebdf;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .column_box {
	background: #f3f9ec;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_list {
	display: inline-block;
	font-size: 16px;
	text-align: left;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_list li {
	padding-left: 1em;
	text-indent: -1em;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_list li > * {
	text-indent: 0;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_list li + li {
	margin-top: .4em;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_list li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .6em;
	height: .6em;
	margin-right: .4em;
	border-radius: 1em;
	vertical-align: middle;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-maindish .memo_list li::before {
	background: #f6921e;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section.-sidedish .memo_list li::before {
	background: #8bc53f;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_list li small {
	font-size: 80%;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_title {
		font-size: calc(27vw / 10);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_list {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_title {
		font-size: calc(27vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .column_box {
		min-height: calc(160vw / 4.8);
		padding: calc(24vw / 4.8) calc(16vw / 4.8);
		padding-top: calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_section .memo_list {
		font-size: calc(16vw / 4.8);
	}
}

/* :::::: この記事の監修 :::::: */
#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision {
	z-index: 1;
	position: relative;
	width: calc(100% - 64px);
	max-width: 660px;
	margin: 80px auto;
	padding: 16px 24px;
	border: 7px solid #fafaf6;
	border-radius: 13px;
	box-shadow: 0 0 1px 1px inset #f6921e;
	background: #fff;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .photo img {
	border-radius: 50%;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .text dt {
	padding-bottom: .4em;
	font-size: 19px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_supervision.svg?v=1679595796') left bottom repeat-x;
}
#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .text dd {
	margin-top: .5em;
	font-size: 16px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .photo {
		flex-basis: 152px;
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .text {
		margin-left: 32px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .text dt {
		font-size: calc(19vw / 10);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .text dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision {
		padding: calc(16vw / 4.8) calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .photo {
		width: calc(180vw / 4.8);
		margin: 0 auto;
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .text {
		margin-top: 16px;
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .text dt {
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-cafefood.p-mainsiderecipe .recipe_supervision .text dd {
		font-size: calc(16vw / 4.8);
	}
}

/**
 * 毎日の食事に嬉しい！減塩レシピ 固有スタイル
 * ---------------------------------------- */
#isocal .c-cafefood.p-saltrecipe {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_belt.svg?v=1679597040') center top repeat-x, url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_belt.svg?v=1679597040') center bottom repeat-x;
	background-color: #e6f5fb;
}

#isocal .c-cafefood.p-saltrecipe .keyvisual {
	position: relative;
	max-width: calc(1000px - 80px);
	margin: 112px auto 64px;
	text-align: center;
  height: auto;
}
#isocal .c-cafefood.p-saltrecipe .keyvisual .title {
	display: inline-block;
	z-index: 1;
	position: relative;
	width: 688px;
	height: 260px;
      padding: 0;
}
#isocal .c-cafefood.p-saltrecipe .keyvisual .title .main {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 688px;
	height: 260px;
	filter: drop-shadow(1px 1px 7px rgba(0,0,0,.1));
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/title_bg.svg?v=1679597040') center / contain no-repeat;
}
#isocal .c-cafefood.p-saltrecipe .keyvisual .title .sub {
	position: absolute;
	top: -40px;
	left: -40px;
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,.1));
}

#isocal .c-cafefood.p-saltrecipe .keyvisual .image {
	z-index: -1;
	position: absolute;
}
#isocal .c-cafefood.p-saltrecipe .keyvisual .image.i1 {
	bottom: -110px;
	left: -140px;
	width: 240px;
	transform: rotate(-4deg);
}
#isocal .c-cafefood.p-saltrecipe .keyvisual .image.i2 {
	top: -60px;
	right: -120px;
	width: 210px;
	transform: rotate(-8deg);
}
/* #isocal .c-cafefood.p-saltrecipe .keyvisual .image img,
#isocal .c-cafefood.p-saltrecipe .keyvisual .image::before {
	-webkit-mask-image: url(../img/hexagon.svg);
	-webkit-mask-size: 100% 100%;
	mask-image: url(../img/hexagon.svg);
	mask-size: 100% 100%;
} */
#isocal .c-cafefood.p-saltrecipe .keyvisual .title .sub img,
#isocal .c-cafefood.p-saltrecipe .keyvisual .title .main img{
    width: auto;
    height: auto;
}
#isocal .c-cafefood.p-saltrecipe .keyvisual .image::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/* 	background: url(../img/bg_dots.svg) center / 5px 5px; */
	transform: rotate(-30deg);
}
#isocal .c-cafefood.p-saltrecipe .keyvisual .image.ie {
	display: none;
}
#isocal .c-cafefood.p-saltrecipe .keyvisual .title::after {
        background: none;
}
#isocal .c-cafefood.p-saltrecipe .keyvisual .title::before {
    background: none;
    content: inherit;
}
@media all and (-ms-high-contrast: none) {
	#isocal .c-cafefood.p-saltrecipe .keyvisual .image.ie {
		display: block;
	}
	#isocal .c-cafefood.p-saltrecipe .keyvisual .image:not(.ie),
	#isocal .c-cafefood.p-saltrecipe .keyvisual .image::before {
		display: none;
	}
}

#isocal .c-cafefood.p-saltrecipe .keyvisual .lead {
	margin-top: 24px;
	line-height: 2.2;
}
#isocal .c-cafefood.p-saltrecipe .keyvisual .lead .underdot {
	padding-bottom: .3em;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipe6_dotline_supervision.svg?v=1680583002') left bottom repeat-x;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltrecipe {
		background-position: center top, center bottom;
		background-size: calc(7.5vw / 4.8) calc(36vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .keyvisual {
		margin: 80px 0 24px;
	}
	#isocal .c-cafefood.p-saltrecipe .keyvisual .title,
	#isocal .c-cafefood.p-saltrecipe .keyvisual .title .main {
		width: calc(422vw / 4.8);
		height: calc(196vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .keyvisual .title .main {
		padding: 0 calc(24vw / 4.8);
		background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/title_bg_mb.svg?v=1679597040');
	}
	#isocal .c-cafefood.p-saltrecipe .keyvisual .title .sub {
		top: calc(-40vw / 4.8);
		left: 0;
		width: calc(180vw / 4.8);
		height: calc(75vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .keyvisual .title .sub img {
		width: 100%;
	}
	#isocal .c-cafefood.p-saltrecipe .keyvisual .image.i1 {
		bottom: calc(-60vw / 4.8);
		left: calc(-24vw / 4.8);
		width: calc(120vw / 4.8);
		transform: rotate(-4deg);
	}
	#isocal .c-cafefood.p-saltrecipe .keyvisual .image.i2 {
		top: calc(-50vw / 4.8);
		right: calc(-24vw / 4.8);
		width: calc(120vw / 4.8);
		transform: rotate(-8deg);
	}
	#isocal .c-cafefood.p-saltrecipe .keyvisual .lead {
		margin-top: 16px;
	}
}

/**
 * レシピ一覧
 * ---------------------------------------- */
#isocal .c-cafefood.p-saltrecipe .p-recipelineup {
	padding-top: 0;
	padding-bottom: 0;
}
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .section_inner {
	padding: 40px 0;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_subject {
	padding: 16px 32px;
	border-top: 4px solid;
	border-bottom: 4px solid;
}
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_subject {
	border-color: #29aae1;
	background: #fef4e8;
}
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_subject .text {
	text-align: center;
}
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_title {
	font-size: 42px;
	line-height: 1.4;
	letter-spacing: .2em;
	text-align: center;
}
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_title b {
	font-size: 123%;
	font-weight: 900;
}
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_title b {
	color: #29aae1;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_subject {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_subject .photo,
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_subject .text {
		flex-basis: 50%;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_subject {
		padding-bottom: 24px;
	}
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_subject .text {
		margin-top: 8px;
	}
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .lineup_title {
		font-size: calc(37vw / 4.8);
	}
}

#isocal .c-cafefood.p-saltrecipe .p-recipelineup .c-button {
	display: inline-flex;
	width: calc(100% - 32px);
	max-width: 300px;
	height: 54px;
	margin-top: 16px;
	padding: 0 1em;
	font-size: 23px;
	letter-spacing: .05em;
}
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .c-button .ico {
	position: static;
	width: 37px;
	height: 28px;
	margin-right: .5em;
	fill: currentcolor;
}
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .c-button {
	border-color: #29aae1;
	background: #29aae1;
}
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .pull_contents .c-button {
	display: flex;
	margin: 80px auto 40px;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .c-button:hover {
		color: #29aae1;
		background: #fff;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .c-button {
		margin-top: 8px;
		font-size: calc(22vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .c-button .ico {
		width: calc(34vw / 4.8);
		height: calc(25vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .pull_contents .c-button {
		max-width: calc(204vw / 4.8);
		margin: 40px auto 24px;
	}
}

/**
 * 目次
 * ---------------------------------------- */
#isocal .c-cafefood.p-saltrecipe  .recipe_toc {
	position: relative;
	width: calc(100% - 48px);
	max-width: 520px;
/* 	margin: 40px auto 64px; */
}
#isocal .c-cafefood.p-saltrecipe .toc_paper {
	position: relative;
	padding: 32px 40px 16px;
	filter: drop-shadow(6px 6px 0 #cbccce);
	background: #f5f5f1;
}
#isocal .c-cafefood.p-saltrecipe .toc_paper::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	right: 0;
	width: 100%;
	height: 36px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_dogears.svg?v=1679597040') right bottom / 520px 36px no-repeat;
}
#isocal .c-cafefood.p-saltrecipe .recipe_toc .toc_title {
	position: relative;
	margin: 0 -40px;
	padding: 8px;
	border-radius: 0;
	color: #fff;
	font-size: 20px;
	letter-spacing: .06em;
	background: #29aae1;
}
#isocal .c-cafefood.p-saltrecipe .recipe_toc .toc_title::before {
	content: "";
	position: absolute;
	top: 2px;
	right: 0;
	bottom: 2px;
	left: 0;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-saltrecipe .recipe_toc .toc_list {
	margin-top: 24px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_toc li {
	counter-increment: num;
	border-bottom: 2px dotted;
	font-size: 23px;
	font-weight: 700;
}
 #isocal .c-cafefood.p-saltrecipe .recipe_toc li {
	border-color: rgba(41,170,225,.3);
	color: #29aae1;
}
#isocal .c-cafefood.p-saltrecipe .recipe_toc a {
	display: block;
	position: relative;
	padding: 8px;
	background: none;
}
#isocal .c-cafefood.p-saltrecipe .recipe_toc a::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	border-radius: 1.5em;
	color: #fff;
	font-size: 80%;
	font-family: "M PLUS 1p", sans-serif;
}
 #isocal .c-cafefood.p-saltrecipe .recipe_toc a::before {
	background: #29aae1;
}
#isocal .c-cafefood.p-saltrecipe .recipe_toc a::after {
	content: "click";
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	top: calc(50% - 9px);
	height: 19px;
	padding: 0 1em .1em;
	border: 1px solid #29aae1;
	border-radius: 19px;
	color: #fff;
	font-size: 12px;
	background: #29aae1;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-saltrecipe .toc_paper {
		padding-right: 4vw;
		padding-left: 4vw;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_toc .toc_title {
		font-size: 2vw;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_toc li {
		font-size: 2.3vw;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltrecipe .toc_paper {
		padding: calc(16vw / 4.8);
		padding-top: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .toc_paper::after {
		height: calc(24vw / 4.8);
		background-size: 100% calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_toc .toc_title {
		margin: 0 calc(-16vw / 4.8);
		font-size: calc(23vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_toc .toc_title img {
		width: calc(200vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_toc .toc_list {
		margin-top: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_toc li {
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_toc a {
		padding: 12px calc(8vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_toc a::after {
		top: calc(50% - 9vw / 4.8);
		height: calc(19vw / 4.8);
		font-size: calc(12vw / 4.8);
	}
}

/**
 * レシピ
 * ---------------------------------------- */
#isocal .c-cafefood.p-saltrecipe .p-recipelineup .recipe_section {
	position: relative;
	margin-top: 48px;
	padding: 80px 32px 0;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title {
	z-index: 1;
	position: relative;
	margin: 0 -32px;
	padding: 24px;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title {
	color: #29aae1;
	background: #fffae1;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 6px;
	right: 0;
	bottom: 6px;
	left: 0;
	border-top: 1px solid #ffef46;
	border-bottom: 1px solid #ffef46;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title .c-bln {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	width: 120px;
	height: 122px;
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 900;
	text-align: center;
}
#isocal .c-cafefood.p-saltrecipe  #maindish1 .recipe_title .c-bln {
	padding-bottom: .5em;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title .c-bln .bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title .c-bln .bg {
	fill: #29aae1;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title .t {
		position: relative;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title .c-bln {
		top: -96px;
		right: 100%;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title {
		font-size: calc(30vw / 10);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title .c-bln {
		width: calc(120vw / 10);
		height: calc(122vw / 10);
		font-size: calc(20vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltrecipe .p-recipelineup .recipe_section {
		padding-top: calc(64vw / 4.8);
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title {
		margin: 0 calc(-24vw / 4.8);
		padding-right: calc(8vw / 4.8);
		padding-left: calc(8vw / 4.8);
		font-size: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_title .c-bln {
		bottom: calc(100% - 24px);
		left: 8px;
		width: calc(90vw / 4.8);
		height: calc(92vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
}

/* :::::: 材料 :::::: */
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material {
	margin-top: 40px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .photo {
	position: relative;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .cooktime {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 8px;
	left: 8px;
	width: 80px;
	height: 80px;
	border-radius: 80px;
	color: #073190;
	font-size: 13px;
	line-height: 1.2;
/* 	background: #fff url(../img/clock.svg) center / cover no-repeat; */
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .cooktime span {
	font-size: 80%;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .cooktime b {
	position: relative;
	top: .05em;
	padding: 0 .1em;
	font-size: 180%;
	font-weight: 700;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .text > dt:first-child {
	font-size: 18px;
	font-weight: 900;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .text > dt:first-child {
	color: #29aae1;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .text > dd,
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .text > dd + dt {
	margin-top: 8px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list li {
	font-size: 15px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list dl {
	display: flex;
	justify-content: space-between;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipe3_dotline.svg?v=1680581653') right center repeat-x;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list dt,
#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list dd {
	background: #fff;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list dt {
	padding-right: 8px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .6em;
	height: .6em;
	margin-right: .4em;
	border-radius: 1em;
	vertical-align: middle;
	background: #fbd54b;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list dd {
	min-width: 8em;
	margin-left: auto;
	padding-left: 8px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list .group {
	position: relative;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list .group::before {
	content: "";
	position: absolute;
	top: .4em;
	bottom: .4em;
	left: 0;
	width: .6em;
	border: 1px solid currentcolor;
	border-right: 0;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list .group dt::before {
	background: transparent;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .photo {
		flex-basis: 52%;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .text {
		flex-basis: calc(48% - 40px);
		align-self: center;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .cooktime {
		font-size: calc(11vw / 10);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .text > dt {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list li {
		font-size: calc(15vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .cooktime {
		top: calc(8vw / 4.8);
		left: calc(8vw / 4.8);
		width: calc(80vw / 4.8);
		height: calc(80vw / 4.8);
		border-radius: calc(80vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .text {
		margin-top: 24px;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-material .text > dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .material_list li {
		font-size: calc(15vw / 4.8);
	}
}

/* :::::: 栄養 :::::: */
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-nutrition {
	margin-top: 24px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-nutrition > dt {
	display: inline-block;
	padding: .1em 1em .2em;
	border-radius: 1em;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-nutrition > dt {
	background: #29aae1;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-nutrition > dd {
	margin-top: 12px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .nutrition_list {
	columns: 2;
	max-width: 480px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .nutrition_list dl {
	display: inline-flex;
	font-size: 16px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .nutrition_list dt {
	min-width: 6em;
	font-weight: 700;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .nutrition_list dt {
	color: #29aae1;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-nutrition > dt {
		font-size: calc(18vw / 10);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .nutrition_list dl {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-nutrition > dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .nutrition_list dl {
		font-size: calc(16vw / 4.8);
	}
}

/* :::::: 作り方 :::::: */
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-recipe {
	margin-top: 24px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-recipe > dt {
	display: inline-block;
	padding: .1em 1em .2em;
	border-radius: 1em;
	color: #fff;
	font-size: 18px;
	font-weight: 900;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-recipe > dt {
	background: #29aae1;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-recipe > dd {
	margin-top: 16px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_list li {
	counter-increment: num;
	padding-left: 2em;
	font-size: 18px;
	text-indent: -2em;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_list li > * {
	text-indent: 0;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_list li + li {
	margin-top: .4em;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_list li::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
	padding: 0 0 .1em .1em;
	border-radius: 1.5em;
	font-weight: 900;
	vertical-align: middle;
	text-indent: 0;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_list li small {
	font-size: 80%;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_list .num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.5em;
	height: 1.5em;
	margin-right: .1em;
	padding: 0 0 .1em .1em;
	border-radius: 1.4em;
	font-size: 80%;
	font-weight: 900;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_list .num {
	color: #29aae1;
	background: #e6f5fb;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-recipe > dt,
	#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_list li {
		font-size: calc(18vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .c-recipe > dt,
	#isocal .c-cafefood.p-saltrecipe .recipe_section .recipe_list li {
		font-size: calc(18vw / 4.8);
	}
}

/* :::::: ワンポイントメモ :::::: */
#isocal .c-cafefood.p-saltrecipe .recipe_section .c-memo {
	margin-top: 40px;
	text-align: center;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_title {
	position: relative;
	font-size: 27px;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_title {
	color: #29aae1;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_title .ico {
	top: 0;
	width: 2em;
	height: 1em;
	margin-right: .3em;
	fill: currentcolor;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .column_box {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	padding: 40px;
	margin-top: -20px;
	border-radius: 10px;
	background: #fffae1;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_list {
	display: inline-block;
	font-size: 16px;
	text-align: left;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_list li {
	padding-left: 1em;
	text-indent: -1em;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_list li > * {
	text-indent: 0;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_list li + li {
	margin-top: .4em;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_list li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .6em;
	height: .6em;
	margin-right: .4em;
	border-radius: 1em;
	vertical-align: middle;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_list li::before {
	background: #29aae1;
}
#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_list li small {
	font-size: 80%;
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_title {
		font-size: calc(27vw / 10);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_list {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_title {
		font-size: calc(27vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .column_box {
		min-height: calc(160vw / 4.8);
		padding: calc(24vw / 4.8) calc(16vw / 4.8);
		padding-top: calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_section .memo_list {
		font-size: calc(16vw / 4.8);
	}
}

/* :::::: この記事の監修 :::::: */
#isocal .c-cafefood.p-saltrecipe .recipe_supervision {
	z-index: 1;
	position: relative;
	width: calc(100% - 64px);
	max-width: 660px;
	margin: 80px auto 120px;
	padding: 24px;
	border-radius: 32px;
	background: #fff;
}
#isocal .c-cafefood.p-saltrecipe .recipe_supervision .photo img {
	border-radius: 50%;
}
#isocal .c-cafefood.p-saltrecipe .recipe_supervision .text dt {
	padding-bottom: .4em;
	font-size: 19px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/recipe6_dotline_supervision.svg?v=1680583002') left bottom repeat-x;
}
#isocal .c-cafefood.p-saltrecipe .recipe_supervision .text dd {
	margin-top: .5em;
	font-size: 16px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_supervision {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_supervision .photo {
		flex-basis: 152px;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_supervision .text {
		margin-left: 32px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_supervision .text dt {
		font-size: calc(19vw / 10);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_supervision .text dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltrecipe .recipe_supervision {
		margin: calc(56vw / 4.8) auto calc(80vw / 4.8);
		padding: calc(16vw / 4.8) calc(24vw / 4.8);
		border-radius: 10px;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_supervision .photo {
		width: calc(180vw / 4.8);
		margin: 0 auto;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_supervision .text {
		margin-top: 16px;
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_supervision .text dt {
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-cafefood.p-saltrecipe .recipe_supervision .text dd {
		font-size: calc(16vw / 4.8);
	}
}


/**
 * 【図解】介護食の区分とは？4つの種類と選び方をケース別に解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-toromifood {
	background: #e7f0ff;
}
#isocal .c-cafefood.p-toromifood .section_num,
#isocal .c-cafefood.p-toromifood .content_header {
	background: #92d1e9;
}
#isocal .c-cafefood.p-toromifood .content_section.-bg {
	background: #d3e2f3;
}
#isocal .c-cafefood.p-toromifood .figure_capsule,
#isocal .c-cafefood.p-toromifood .header_title em::before,
#isocal .c-cafefood.p-toromifood .toc_title,
#isocal .c-cafefood.p-toromifood .toc_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-toromifood .header_visual img {
	box-shadow: 12px 12px 0 #63b9dc;
}
#isocal .c-cafefood.p-toromifood strong,
#isocal .c-cafefood.p-toromifood .textlink,
#isocal .c-cafefood.p-toromifood .section_title,
#isocal .c-cafefood.p-toromifood .column_title,
#isocal .c-cafefood.p-toromifood .wordlist dt,
#isocal .c-cafefood.p-toromifood .footer_afterword,
#isocal .c-cafefood.p-toromifood .section_list li::before,
#isocal .c-cafefood.p-toromifood .toc_list {
	color: #ff6671;
}
#isocal .c-cafefood.p-toromifood .section_title .marker {
	background: linear-gradient(to top, #e5eef7 .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-toromifood .header_visual img {
		box-shadow: 6px 6px 0 #63b9dc;
	}
	#isocal .c-cafefood.p-toromifood .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-toromifood .header_title ruby rt {
	top: 0;
	margin-bottom: 0;
	transform: none;
	font-size: .4em;
}

/* table */
#isocal .c-cafefood.p-toromifood .section_table table,
#isocal .c-cafefood.p-toromifood .section_table th,
#isocal .c-cafefood.p-toromifood .section_table td {
	border-color: #ff6671;
}
#isocal .c-cafefood.p-toromifood .section_table th {
	color: #ff6671;
	background: #fff0f1;
}
#isocal .c-cafefood.p-toromifood .section_table thead th:first-child {
	background: #fff;
}

/* 飲み込みやすい食事とは？ */
#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable {
	display: flex;
	margin: 24px 0;
}
#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable dt,
#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable dd {
	display: flex;
	align-items: center;
	padding: 1em 2em;
	border: 1px solid #ff6671;
	font-weight: 700;
}
#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable dt {
	justify-content: center;
	flex-basis: 40%;
	border-radius: 10px 0 0 10px;
	background: #fff0f1;
}
#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable dd {
	flex-basis: 60%;
	border-left: 0;
	border-radius: 0 10px 10px 0;
	color: #ff6671;
}
#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable ul,
#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable li {
	margin: 0;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable dt {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable {
		font-size: calc(17vw / 4.8);
	}
	#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable dt,
	#isocal .c-cafefood.p-toromifood .p-section_1_1 .c-dltable dd {
		padding: .5em 1em;
	}
}

/* 調味料や食材を工夫してとろみをつけるときのポイント */
#isocal .c-cafefood.p-toromifood .p-section_2_2 .section_table thead th {
	width: 26%;
}
#isocal .c-cafefood.p-toromifood .p-section_2_2 .section_table thead th:first-child {
	width: 20%;
}
#isocal .c-cafefood.p-toromifood .p-section_2_2 .section_table td {
	vertical-align: top;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-toromifood .section_table th,
	#isocal .c-cafefood.p-toromifood .section_table td {
		padding: .5em;
	}
	#isocal .c-cafefood.p-toromifood .p-section_2_2 .section_table thead th {
		width: 28%;
	}
	#isocal .c-cafefood.p-toromifood .p-section_2_2 .section_table thead th:first-child {
		width: 2em;
	}
	#isocal .c-cafefood.p-toromifood .section_table th span {
		display: inline-block;;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		line-height: 1.2;
		white-space: nowrap;
	}
}

/* ふんわりお魚ハンバーグ～とろーり和風あんかけ～ */
#isocal .c-cafefood.p-toromifood .recipe_section .c-material .photo .note {
	margin-top: .5em;
	font-size: 12px;
}
#isocal .c-cafefood.p-toromifood .recipe_section .c-material .text > dd + dt {
	margin-top: .5em;
}
#isocal .c-cafefood.p-toromifood .recipe_section .material_list small {
	display: inline-block;
	font-size: 80%;
	line-height: 1.2;
	white-space: nowrap;
}
#isocal .c-cafefood.p-toromifood .recipe_section .recipe_list em {
	color: #ff6671;
	font-style: normal;
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-toromifood .recipe_section .c-material .photo .note {
		font-size: 10px;
	}
}

/* recipe */
#isocal .c-cafefood.p-toromifood .recipe_section {
	margin-top: 0;
}
#isocal .c-cafefood.p-toromifood .recipe_section .material_list dl {
	background-position: left .7em;
}
#isocal .c-cafefood.p-toromifood .recipe_section .recipe_title,
#isocal .c-cafefood.p-toromifood .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-toromifood .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-toromifood .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-toromifood .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-toromifood .recipe_section .memo_title,
#isocal .c-cafefood.p-toromifood .recipe_section .recipe_list .num {
	color: #ff6671;
}
#isocal .c-cafefood.p-toromifood .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-toromifood .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-toromifood .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-toromifood .recipe_section .memo_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-toromifood .recipe_section .recipe_title,
#isocal .c-cafefood.p-toromifood .recipe_section .column_box {
	background: #f6fcff;
}
#isocal .c-cafefood.p-toromifood .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-toromifood .recipe_section .recipe_list .num {
	background: #ffe0e3;
}

/* とろみの種類 */
#isocal .c-cafefood.p-toromifood .section_4_figure dl {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto 1fr auto;
	-ms-grid-columns: (1fr)[3];
	grid-template: auto 1fr auto / repeat(3, 1fr);
	column-gap: 4px;
	text-align: center;
}
#isocal .c-cafefood.p-toromifood .section_4_figure dt {
	-ms-grid-row: 1;
	grid-row: 1 / 2;
	padding: .5em;
	color: #fff;
	font-weight: 700;
	background: #ff6671;
}
#isocal .c-cafefood.p-toromifood .section_4_figure dt:first-of-type {
	border-radius: 10px 0 0 0;
}
#isocal .c-cafefood.p-toromifood .section_4_figure dt:last-of-type {
	border-radius: 0 10px 0 0;
}
#isocal .c-cafefood.p-toromifood .section_4_figure dd {
	padding: .5em;
}
#isocal .c-cafefood.p-toromifood .section_4_figure .tx {
	-ms-grid-row: 2;
	grid-row: 2 / 3;
	background: #fff3d3;
}
#isocal .c-cafefood.p-toromifood .section_4_figure .img {
	-ms-grid-row: 3;
	grid-row: 3 / 4;
	padding-bottom: 1em;
	background: #fff3d3;
}
#isocal .c-cafefood.p-toromifood .section_4_figure .ex {
	-ms-grid-row: 4;
	grid-row: 4 / 5;
	display: flex;
	justify-content: center;
	text-align: left;
	background: #ffdddf;
}
#isocal .c-cafefood.p-toromifood .section_4_figure .e1 {
	border-radius: 0 0 0 10px;
}
#isocal .c-cafefood.p-toromifood .section_4_figure .e3 {
	border-radius: 0 0 10px 0;
}
#isocal .c-cafefood.p-toromifood .section_4_figure .note {
	margin-top: .5em;
	font-size: 12px;
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-toromifood .section_4_figure .tx {
		padding: .5em;
	}
	#isocal .c-cafefood.p-toromifood .section_4_figure .ex {
		margin-top: 1em;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-toromifood .section_4_figure dl {
		column-gap: 2px;
		font-size: calc(17vw / 4.8);
	}
	#isocal .c-cafefood.p-toromifood .section_4_figure dd {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-toromifood .section_4_figure .note {
		font-size: 10px;
	}
}
@media all and (-ms-high-contrast: none) {
	#isocal .c-cafefood.p-toromifood .section_4_figure dt,
	#isocal .c-cafefood.p-toromifood .section_4_figure dd {
		margin: 0 2px;
	}
	#isocal .c-cafefood.p-toromifood .section_4_figure dt:nth-of-type(2) { -ms-grid-column: 2; }
	#isocal .c-cafefood.p-toromifood .section_4_figure dt:nth-of-type(3) { -ms-grid-column: 3; }
	#isocal .c-cafefood.p-toromifood .section_4_figure .t2 { -ms-grid-column: 2; }
	#isocal .c-cafefood.p-toromifood .section_4_figure .t3 { -ms-grid-column: 3; }
	#isocal .c-cafefood.p-toromifood .section_4_figure .i2 { -ms-grid-column: 2; }
	#isocal .c-cafefood.p-toromifood .section_4_figure .i3 { -ms-grid-column: 3; }
	#isocal .c-cafefood.p-toromifood .section_4_figure .e2 { -ms-grid-column: 2; }
	#isocal .c-cafefood.p-toromifood .section_4_figure .e3 { -ms-grid-column: 3; }
}

/* あとがき */
#isocal .c-cafefood.p-toromifood .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}


/**
 * 減塩食を続けるコツとは？ 適正な食塩量と実践的な減塩方法
 * ---------------------------------------- */
#isocal .c-cafefood.p-saltfree .header_title .s {
	font-size: 92%;
}
#isocal .c-cafefood.p-saltfree .header_title em {
	margin-left: .3em;
}

#isocal .c-cafefood.p-saltfree {
	background: #e6efff;
}
#isocal .c-cafefood.p-saltfree .section_num,
#isocal .c-cafefood.p-saltfree .content_header {
	background: #8dd0e9;
}
#isocal .c-cafefood.p-saltfree .content_section.-bg {
	background: #d1e1f3;
}
#isocal .c-cafefood.p-saltfree .figure_capsule,
#isocal .c-cafefood.p-saltfree .header_title em::before,
#isocal .c-cafefood.p-saltfree .toc_title,
#isocal .c-cafefood.p-saltfree .toc_list li::before {
	background: #ff636e;
}
#isocal .c-cafefood.p-saltfree .header_visual img {
	box-shadow: 12px 12px 0 #5db5db;
}
#isocal .c-cafefood.p-saltfree strong,
#isocal .c-cafefood.p-saltfree .textlink,
#isocal .c-cafefood.p-saltfree .section_title,
#isocal .c-cafefood.p-saltfree .column_title,
#isocal .c-cafefood.p-saltfree .wordlist dt,
#isocal .c-cafefood.p-saltfree .footer_afterword,
#isocal .c-cafefood.p-saltfree .section_list li::before,
#isocal .c-cafefood.p-saltfree .toc_list {
	color: #ff636e;
}
#isocal .c-cafefood.p-saltfree .section_title .marker {
	background: linear-gradient(to top, #e4edf6 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltfree .header_visual img {
		box-shadow: 6px 6px 0 #5db5db;
	}
	#isocal .c-cafefood.p-saltfree .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-saltfree .section_table table,
#isocal .c-cafefood.p-saltfree .section_table th,
#isocal .c-cafefood.p-saltfree .section_table td {
	border-color: #f8c015;
}
#isocal .c-cafefood.p-saltfree .section_table th {
	background: #f7edc8;
}
#isocal .c-cafefood.p-saltfree .section_table .blank {
	background: #fff;
}

/* ポイント */
#isocal .c-cafefood.p-saltfree .disc-list li {
	margin-top: .3em;
	padding-left: 1em;
	text-indent: -1em;
}
#isocal .c-cafefood.p-saltfree .disc-list li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -0.1em;
	width: 10px;
	height: 10px;
	margin-right: 8px;
	border-radius: 10px;
	vertical-align: middle;
	background: #ff636e;
}
#isocal .c-cafefood.p-saltfree .disc-list li * {
	text-indent: 0;
}
#isocal .c-cafefood.p-saltfree .disc-list li b {
	color: #ff636e;
	font-weight: 900;
}

/* ラーメンなら */
#isocal .c-cafefood.p-saltfree .ramen-data {
	position: relative;
	max-width: 600px;
	margin: 40px auto;
}
#isocal .c-cafefood.p-saltfree .ramen_grid {
	display: grid;
	grid-template-rows: repeat(4, 172px);
	grid-template-columns: 224px 1fr;
}
#isocal .c-cafefood.p-saltfree .ramen_image,
#isocal .c-cafefood.p-saltfree .ramen_text {
	margin-top: 24px;
}
#isocal .c-cafefood.p-saltfree .ramen_image {
	grid-column: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffeff1;
}
#isocal .c-cafefood.p-saltfree .ramen_text {
	grid-column: 2;
	align-self: center;
	margin-left: 24px;
	line-height: 1.6;
}
#isocal .c-cafefood.p-saltfree .ramen_text b {
	color: #ff636e;
	font-size: 150%;
	font-weight: 900;
}
#isocal .c-cafefood.p-saltfree .ramen_30off,
#isocal .c-cafefood.p-saltfree .ramen_70off {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 196px;
	width: 44px;
	color: #ff636e;
	font-size: 18px;
	font-weight: 900;
	font-feature-settings: "pkna";
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	background: #ffeff1;
}
#isocal .c-cafefood.p-saltfree .ramen_30off .num,
#isocal .c-cafefood.p-saltfree .ramen_70off .num,
#isocal .c-cafefood.p-saltfree .ramen_30off .per,
#isocal .c-cafefood.p-saltfree .ramen_70off .per {
	transform: rotate(-90deg);
}
@media all and (-ms-high-contrast: none) {
	#isocal .c-cafefood.p-saltfree .ramen_grid {
		display: -ms-grid;
		-ms-grid-rows: (172px)[4];
		-ms-grid-columns: 224px 1fr;
	}
	#isocal .c-cafefood.p-saltfree .ramen_image {
		-ms-grid-column: 1;
	}
	#isocal .c-cafefood.p-saltfree .ramen_text {
		-ms-grid-column: 2;
	}
	#isocal .c-cafefood.p-saltfree .ramen_image.-i2,
	#isocal .c-cafefood.p-saltfree .ramen_text.-t2 {
		-ms-grid-row: 2;
	}
	#isocal .c-cafefood.p-saltfree .ramen_image.-i3,
	#isocal .c-cafefood.p-saltfree .ramen_text.-t3 {
		-ms-grid-row: 3;
	}
	#isocal .c-cafefood.p-saltfree .ramen_image.-i4,
	#isocal .c-cafefood.p-saltfree .ramen_text.-t4 {
		-ms-grid-row: 4;
	}
	#isocal .c-cafefood.p-saltfree .ramen_30off,
	#isocal .c-cafefood.p-saltfree .ramen_70off {
		-ms-writing-mode: tb-rl;
	}
	#isocal .c-cafefood.p-saltfree .ramen_30off .num,
	#isocal .c-cafefood.p-saltfree .ramen_70off .num,
	#isocal .c-cafefood.p-saltfree .ramen_30off .per,
	#isocal .c-cafefood.p-saltfree .ramen_70off .per {
		position: relative;
	}
	#isocal .c-cafefood.p-saltfree .ramen_30off .num,
	#isocal .c-cafefood.p-saltfree .ramen_70off .num {
		top: -.3em;
		letter-spacing: -.3em;
	}
	#isocal .c-cafefood.p-saltfree .ramen_30off .per,
	#isocal .c-cafefood.p-saltfree .ramen_70off .per {
		top: -.7em;
	}
}
#isocal .c-cafefood.p-saltfree .ramen_30off::after,
#isocal .c-cafefood.p-saltfree .ramen_70off::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	border-width: 24px 22px 0;
	border-style: solid;
	border-color: transparent;
	border-top-color: #ffeff1;
}
#isocal .c-cafefood.p-saltfree .ramen_30off {
	right: 60px;
	bottom: calc(196px + 24px);
}
#isocal .c-cafefood.p-saltfree .ramen_70off {
	right: 0;
	bottom: 24px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-saltfree .ramen-data {
		max-width: calc(600vw / 4.8);
		margin: 24px auto;
	}
	#isocal .c-cafefood.p-saltfree .ramen_grid {
		grid-template-rows: repeat(4, calc(120vw / 4.8));
		grid-template-columns: calc(144vw / 4.8) 1fr;
	}
	#isocal .c-cafefood.p-saltfree .ramen_image,
	#isocal .c-cafefood.p-saltfree .ramen_text {
		margin-top: calc(24vw / 4.8);
	}
	#isocal .c-cafefood.p-saltfree .ramen_image img {
		max-width: 72%;
	}
	#isocal .c-cafefood.p-saltfree .ramen_text {
		margin-left: calc(16vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.p-saltfree .ramen_30off,
	#isocal .c-cafefood.p-saltfree .ramen_70off {
		top: calc(120vw / 4.8);
		width: calc(32vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	#isocal .c-cafefood.p-saltfree .ramen_30off::after,
	#isocal .c-cafefood.p-saltfree .ramen_70off::after {
		border-width: calc(16vw / 4.8) calc(16vw / 4.8) 0;
	}
	#isocal .c-cafefood.p-saltfree .ramen_30off {
		right: calc(40vw / 4.8);
		bottom: calc(96vw / 4.8);
	}
	#isocal .c-cafefood.p-saltfree .ramen_70off {
		bottom: calc(24vw / 4.8);
	}
}

/* 写真 */
#isocal .c-cafefood.p-saltfree .photo {
	max-width: 600px;
	margin: 24px auto 0;
}
#isocal .c-cafefood.p-saltfree .photo img {
	border-radius: 10px;
}

/* あとがき */
#isocal .c-cafefood.p-saltfree .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}


/**
 * 鉄分の多い食べ物はレバーだけじゃない！おすすめの食材とレシピを紹介
 * ---------------------------------------- */
#isocal .c-cafefood.p-ferecipe {
	background: #ffe3e5;
}
#isocal .c-cafefood.p-ferecipe .section_num,
#isocal .c-cafefood.p-ferecipe .content_header {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-ferecipe .content_section.-bg {
	background: #ffd7cf;
}
#isocal .c-cafefood.p-ferecipe .figure_capsule,
#isocal .c-cafefood.p-ferecipe .header_title em::before,
#isocal .c-cafefood.p-ferecipe .toc_title,
#isocal .c-cafefood.p-ferecipe .toc_list li::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-ferecipe .header_visual img {
	box-shadow: 12px 12px 0 #ff8899;
}
#isocal .c-cafefood.p-ferecipe strong,
#isocal .c-cafefood.p-ferecipe .textlink,
#isocal .c-cafefood.p-ferecipe .section_title,
#isocal .c-cafefood.p-ferecipe .column_title,
#isocal .c-cafefood.p-ferecipe .wordlist dt,
#isocal .c-cafefood.p-ferecipe .footer_afterword,
#isocal .c-cafefood.p-ferecipe .section_list li::before,
#isocal .c-cafefood.p-ferecipe .toc_list {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-ferecipe .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe .header_visual img {
		box-shadow: 6px 6px 0 #ff8899;
	}
	#isocal .c-cafefood.p-ferecipe .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .c-cafefood.p-ferecipe table {
    width: 100%;
}
#isocal .c-cafefood.p-ferecipe .section_table table,
#isocal .c-cafefood.p-ferecipe .section_table th,
#isocal .c-cafefood.p-ferecipe .section_table td {
	border-color: #1bb5c6;
}
#isocal .c-cafefood.p-ferecipe .section_table .blank {
	width: 8em;
	background: #fff;
}
#isocal .c-cafefood.p-ferecipe #section_1 .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe #section_1 .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .section_table .blank {
		width: 6em;
	}
}
#isocal .c-cafefood.p-ferecipe #section_1 .section_table th {
	font-weight: 900;
}
#isocal .c-cafefood.p-ferecipe #section_1 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-ferecipe #section_1 .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-ferecipe #section_1 .section_table .m {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-ferecipe #section_1 .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-ferecipe #section_1 .section_table .f {
	color: #ff586d;
}
#isocal .c-cafefood.p-ferecipe #section_1 .section_table tbody .female {
	padding-left: 20px;
	text-align: left;
}

/* 詳しく見る */
#isocal .c-cafefood.p-ferecipe .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #00b5c7;
	color: #00b5c7;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-ferecipe .c-button.-pull:hover,
	#isocal .c-cafefood.p-ferecipe .c-button.-pull.is-active {
		color: #fff;
		background: #00b5c7;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-ferecipe .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-ferecipe .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* recipe */
#isocal .c-cafefood.p-ferecipe .recipe_section .recipe_title,
#isocal .c-cafefood.p-ferecipe .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-ferecipe .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-ferecipe .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-ferecipe .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-ferecipe .recipe_section .memo_title,
#isocal .c-cafefood.p-ferecipe .recipe_section .recipe_list .num {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-ferecipe .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-ferecipe .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-ferecipe .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-ferecipe .recipe_section .memo_list li::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-ferecipe .recipe_section .recipe_title,
#isocal .c-cafefood.p-ferecipe .recipe_section .column_box {
	background: #f7fcff;
}
#isocal .c-cafefood.p-ferecipe .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-ferecipe .recipe_section .recipe_list .num {
	background: #edf9ff;
}
#isocal .c-cafefood.p-ferecipe .material_list .group[data-group]::after {
	top: calc(50% - .6em);
	height: 1.2em;
	line-height: 1.2;
}
#isocal .c-cafefood.p-ferecipe .c-material {
	display: block;
	margin-bottom: 0;
}
#isocal .c-cafefood.p-ferecipe .c-material .photo {
	max-width: 520px;
	margin: 0 auto;
}
#isocal .c-cafefood.p-ferecipe .c-material .text {
	margin-top: 40px;
}
#isocal .c-cafefood.p-ferecipe .nutrition_list.-col2 {
	columns: 2;
	column-gap: 32px;
}
#isocal .c-cafefood.p-ferecipe .c-nutrition > dt small {
	font-size: 80%;
}
#isocal .c-cafefood.p-ferecipe .material_list .l2 dl {
	background-position: left .65em;
}
#isocal .c-cafefood.p-ferecipe #recipe_1 .material_list .l2 dt {
	width: 6em;
	white-space: nowrap;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-ferecipe .material_wrap {
		display: flex;
		justify-content: space-between;
	}
	#isocal .c-cafefood.p-ferecipe .material_list {
		flex-basis: calc(50% - 16px);
	}
	#isocal .c-cafefood.p-ferecipe .nutrition_list.-col2 {
		margin-right: 33%;
	}
}

/* 鉄を多く含む食材 */
#isocal .c-cafefood.p-ferecipe .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-ferecipe .c-bargraph {
	position: relative;
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .graph {
	margin-bottom: 176px;
}
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph {
	margin-bottom: 256px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8)
	}
	#isocal .c-cafefood.p-ferecipe .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-ferecipe .c-bargraph .graph {
		margin-top: calc(24vw / 4.8);
		margin-bottom: calc(104vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .p-graph2 .graph {
		margin-bottom: calc(152vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-ferecipe .graph_container {
		margin: 0 -16px;
		padding: 0 16px)
	}
	#isocal .c-cafefood.p-ferecipe .c-bargraph .graph {
		margin-bottom: 104px;
	}
	#isocal .c-cafefood.p-ferecipe .p-graph2 .graph {
		margin-bottom: 152px;
	}
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
#isocal .c-cafefood.p-ferecipe .p-graph1 .bargraph_title {
	color: #ff586d;
	background: #ffd7cf;
}
#isocal .c-cafefood.p-ferecipe .p-graph2 .bargraph_title {
	color: #61ba3f;
	background: #d5edcc;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe .c-bargraph .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-ferecipe .c-bargraph .bargraph_title {
		font-size: 16px;
	}
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .note .unit {
	margin-inline-start: -.1em;
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-ferecipe .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 56px;
	height: calc(300px + 1em);
	line-height: 1;
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	height: 300px;
	margin-left: 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-ferecipe .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .c-bargraph .vaxis {
		left: calc(24vw / 4.8);
		height: calc(150vw / 4.8 + 1em);
	}
	#isocal .c-cafefood.p-ferecipe .c-bargraph .graph {
		height: calc(150vw / 4.8);
		margin-right: 0;
		margin-left: calc(40vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-ferecipe .c-bargraph .note {
		height: 200px;
	}
	#isocal .c-cafefood.p-ferecipe .c-bargraph .vaxis {
		left: 30px;
		height: calc(200px + 1em);
	}
	#isocal .c-cafefood.p-ferecipe .c-bargraph .graph {
		height: 200px;
		margin-left: 48px;
	}
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .graph_item {
	position: relative;
	width: 32px;
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar {
	background: #ffa5b0;
}
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar.-b1 { height: 100%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar.-b2 { height: 42.6%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar.-b3 { height: 34.6%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar.-b4 { height: 30%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar.-b5 { height: 28.6%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar.-b6 { height: 18%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar.-b7 { height: 13.6%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar.-b8 { height: 13.6%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar.-b9 { height: 12.6%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item .bar.-b10 { height: 12%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar {
	background: #82bb66;
}
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b1 { height: 30%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b2 { height: 21%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b3 { height: 19.6%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b4 { height: 16.3%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b5 { height: 13.6%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b6 { height: 13%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b7 { height: 9%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b8 { height: 5.6%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b9 { height: 5.6%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b10 { height: 5%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b11 { height: 4%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item .bar.-b12 { height: 1.6%; }
#isocal .c-cafefood.p-ferecipe .c-bargraph .graph_item .label {
	top: 100%;
	right: 0;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item {
		width: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item {
		width: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .c-bargraph .note,
	#isocal .c-cafefood.p-ferecipe .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-ferecipe .c-bargraph .graph_item .label {
		font-size: calc(11vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .c-cafefood.p-ferecipe .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-ferecipe .p-graph1 .graph_item {
		width: 27px;
	}
	#isocal .c-cafefood.p-ferecipe .p-graph2 .graph_item {
		width: 21px;
	}
	#isocal .c-cafefood.p-ferecipe .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-ferecipe .c-bargraph .graph_item .label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-ferecipe .c-bargraph .note {
		font-size: 11px;
	}
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-ferecipe .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i1 { width: 85px; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i2 { width: 72px; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i3 { width: 154px; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i4 { width: 123px; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i1 { width: 60px; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i2 { width: 86px; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i3 { width: 67px; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i4 { width: 98px; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i1 { top: 38%; left: 15%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i2 { top: 48%; left: 33%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i3 { top: 60%; left: 50%; }
#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i4 { top: 60%; left: 80%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i1 { top: 46%; left: 0; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i2 { top: 42%; left: 16%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i3 { top: 41%; left: 36%; }
#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i4 { top: 66%; left: 62%; }
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-ferecipe .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe .c-bargraph .illust {
		left: calc(40vw / 4.8);
		width: calc(100% - 40vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i1 { top: 34%; }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i2 { top: 44%; }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i3 { top: 56%; }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i4 { top: 56%; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i1 { top: 40%; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i2 { top: 34%; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i3 { top: 32%; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i4 { top: 62%; }

	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i1 { width: calc(85vw / 7.67); }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i2 { width: calc(72vw / 7.67); }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i3 { width: calc(154vw / 7.67); }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i4 { width: calc(123vw / 7.67); }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i1 { width: calc(60vw / 7.67); }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i2 { width: calc(86vw / 7.67); }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i3 { width: calc(67vw / 7.67); }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i4 { width: calc(98vw / 7.67); }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-ferecipe .c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i1 { top: 68px; left: 60px; }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i2 { top: 86px; left: 142px; }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i3 { top: 110px; left: 206px; }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i4 { top: 110px; left: 340px; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i1 { top: 80px; left: 0; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i2 { top: 64px; left: 70px; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i3 { top: 60px; left: 152px; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i4 { top: 120px; left: 260px; }

	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i1 { width: 71px; }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i2 { width: 60px; }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i3 { width: 128px; }
	#isocal .c-cafefood.p-ferecipe .p-graph1 .illust .il.-i4 { width: 102px; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i1 { width: 50px; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i2 { width: 72px; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i3 { width: 56px; }
	#isocal .c-cafefood.p-ferecipe .p-graph2 .illust .il.-i4 { width: 82px; }
}

/* ヘム鉄と非ヘム鉄の違い */
#isocal .c-cafefood.p-ferecipe .p-heme .heme,
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme {
	margin-top: 32px;
	padding: 0 16px 24px;
	border-radius: 24px;
}
#isocal .c-cafefood.p-ferecipe .p-heme .heme {
	background: #ffe3e5;
}
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme {
	background: #e0eed9;
}
#isocal .c-cafefood.p-ferecipe .p-heme .heme_bln,
#isocal .c-cafefood.p-ferecipe .p-heme .heme h5,
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme h5 {
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	color: white;
	font-size: 18px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
}
#isocal .c-cafefood.p-ferecipe .p-heme .heme_bln {
	flex-basis: 100%;
	position: relative;
	color: #1bb5c6;
	font-size: 26px;
	background: #d6f2ff;
}
#isocal .c-cafefood.p-ferecipe .p-heme .heme_bln::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: calc(50% - 16px);
	border-width: 20px 16px 0 16px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #d6f2ff;
}
#isocal .c-cafefood.p-ferecipe .p-heme .heme h5,
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme h5 {
	max-width: 8em;
	margin: -1em auto 0;
}
#isocal .c-cafefood.p-ferecipe .p-heme .heme h5 {
	background: #ff586d;
}
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme h5 {
	background: #82bb66;
}
#isocal .c-cafefood.p-ferecipe .p-heme .heme p,
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme p {
	margin-top: 8px;
	text-align: center;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-ferecipe .p-heme {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#isocal .c-cafefood.p-ferecipe .p-heme .heme,
	#isocal .c-cafefood.p-ferecipe .p-heme .non-heme {
		flex-basis: calc(50% - 16px);
		max-width: calc(50% - 16px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe .p-heme .heme,
	#isocal .c-cafefood.p-ferecipe .p-heme .non-heme {
		margin-top: calc(32vw / 4.8);
		padding-top: 1px;
		padding-bottom: 16px;
	}
	#isocal .c-cafefood.p-ferecipe .p-heme .heme {
		margin-top: calc(40vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .p-heme .heme_bln,
	#isocal .c-cafefood.p-ferecipe .p-heme .heme h5,
	#isocal .c-cafefood.p-ferecipe .p-heme .non-heme h5 {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .p-heme .heme_bln {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .p-heme .heme_bln::after {
		left: calc(50% - 16vw / 4.8));
		border-width: calc(20vw / 4.8) calc(16vw / 4.8) 0 calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-ferecipe .p-heme .illust {
	position: relative;
	height: 144px;
	margin: 16px auto 0;
}
#isocal .c-cafefood.p-ferecipe .p-heme .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-ferecipe .p-heme .illust img {
	width: 100%;
	height: auto;
}
#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i1 { top: 10%; left: 42%; }
#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i2 { bottom: 20%; left: 0; }
#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i3 { bottom: 10%; right: 0; }
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme .illust .il.-i1 { top: 0; left: 40%; }
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme .illust .il.-i2 { bottom: 0; left: 18%; }
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme .illust .il.-i3 { bottom: 0; right: 18%; }
#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i1 { width: 72px; }
#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i2 { width: 154px; }
#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i3 { width: 124px; }
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme .illust .il.-i1 { width: 58px; }
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme .illust .il.-i2 { width: 83px; }
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme .illust .il.-i3 { width: 64px; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe .p-heme .illust {
		height: calc(136vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust {
		height: calc(104vw / 4.8);
	}
	#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i1 { top: 0; }
	#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i2 { bottom: 10%; }
	#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i3 { bottom: 0; }
	#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i1 { width: calc(72vw / 4.8); }
	#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i2 { width: calc(154vw / 4.8); }
	#isocal .c-cafefood.p-ferecipe .p-heme .heme .illust .il.-i3 { width: calc(124vw / 4.8); }
	#isocal .c-cafefood.p-ferecipe .p-heme .non-heme .illust .il.-i1 { width: calc(58vw / 4.8); }
	#isocal .c-cafefood.p-ferecipe .p-heme .non-heme .illust .il.-i2 { width: calc(83vw / 4.8); }
	#isocal .c-cafefood.p-ferecipe .p-heme .non-heme .illust .il.-i3 { width: calc(64vw / 4.8); }
}
#isocal .c-cafefood.p-ferecipe .p-heme .heme p:last-child,
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme p:last-child {
	font-size: 24px;
}
#isocal .c-cafefood.p-ferecipe .p-heme .heme p:last-child {
	color: #ff586d;
}
#isocal .c-cafefood.p-ferecipe .p-heme .non-heme p:last-child {
	color: #82bb66;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-ferecipe .p-heme .heme p:last-child,
	#isocal .c-cafefood.p-ferecipe .p-heme .non-heme p:last-child {
		font-size: calc(24vw / 4.8);
	}
}

/* コンビニやお惣菜で鉄を摂れる？選ぶときのポイント */
#isocal .c-cafefood.p-ferecipe #section_2_2 .column_title::before {
	display: none;
}

/* あとがき */
#isocal .c-cafefood.p-ferecipe .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-ferecipe .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .c-cafefood.p-ferecipe .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-ferecipe .p-ferrum .footer_reflist {
	margin-top: 40px;
}


/**
 * 5大栄養素とは？栄養素の働きと食品を解説
 * ---------------------------------------- */
#isocal .c-cafefood.p-5nutrient {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-5nutrient .section_num,
#isocal .c-cafefood.p-5nutrient .content_header {
	background: #dcaddb;
}
#isocal .c-cafefood.p-5nutrient .content_section.-bg {
	background: #eed7ee;
}
#isocal .c-cafefood.p-5nutrient .figure_capsule,
#isocal .c-cafefood.p-5nutrient .header_title em::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-5nutrient .header_visual img {
	box-shadow: 12px 12px 0 #ce8ccd;
}
#isocal .c-cafefood.p-5nutrient strong,
#isocal .c-cafefood.p-5nutrient .textlink,
#isocal .c-cafefood.p-5nutrient .section_title,
#isocal .c-cafefood.p-5nutrient .column_title,
#isocal .c-cafefood.p-5nutrient .wordlist dt,
#isocal .c-cafefood.p-5nutrient .footer_afterword,
#isocal .c-cafefood.p-5nutrient .section_list li::before {
	color: #e9b00d;
}
#isocal .c-cafefood.p-5nutrient .section_title .marker {
	background: linear-gradient(to top, #f1def1 .5em, transparent .5em);
}
#isocal .c-cafefood.p-5nutrient .p-intro .section_inner {
    background-color: #fff;
    border-image: none;
}
#isocal .c-cafefood.p-5nutrient .p-intro .section_inner::before,
#isocal .c-cafefood.p-5nutrient .p-intro .section_inner::after {
    content: inherit;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-5nutrient .p-intro .section_inner {
        padding: 80px;
    }
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-5nutrient .header_visual img {
		box-shadow: 6px 6px 0 #ce8ccd;
	}
	#isocal .c-cafefood.p-5nutrient .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-5nutrient .p-intro .section_figure {
	max-width: 430px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
}


/**
 * 栄養補助食品とは？ケース別の活用法と栄養機能食品との違い
 * ---------------------------------------- */
#isocal .c-cafefood.p-dietary {
	background: #ffeff1;
}
#isocal .c-cafefood.p-dietary .section_num,
#isocal .c-cafefood.p-dietary .content_header {
	background: #ffb1bc;
}
#isocal .c-cafefood.p-dietary .content_section.-bg {
	background: #ffe2da;
}
#isocal .c-cafefood.p-dietary .figure_capsule,
#isocal .c-cafefood.p-dietary .header_title em::before {
	background: #1bb5c6;
}
#isocal .c-cafefood.p-dietary .header_visual img {
	box-shadow: 12px 12px 0 #ff8b9c;
}
#isocal .c-cafefood.p-dietary strong,
#isocal .c-cafefood.p-dietary .textlink,
#isocal .c-cafefood.p-dietary .section_title,
#isocal .c-cafefood.p-dietary .column_title,
#isocal .c-cafefood.p-dietary .wordlist dt,
#isocal .c-cafefood.p-dietary .footer_afterword,
#isocal .c-cafefood.p-dietary .section_list li::before {
	color: #1bb5c6;
}
#isocal .c-cafefood.p-dietary .section_title .marker {
	background: linear-gradient(to top, #ffdce1 .5em, transparent .5em);
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-dietary .dietary-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-cafefood.p-dietary .dietary-wrap .text {
		flex-basis: calc(100% - 24vw - 16px);
	}
	#isocal .c-cafefood.p-dietary .dietary-wrap .photo {
		flex-basis: calc(24vw);
	}
}
@media screen and (min-width: 1000px) {
	#isocal .c-cafefood.p-dietary .dietary-wrap .text {
		flex-basis: calc(100% - 256px);
	}
	#isocal .c-cafefood.p-dietary .dietary-wrap .photo {
		flex-basis: 240px;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-dietary .header_visual img {
		box-shadow: 6px 6px 0 #ff8b9c;
	}
	#isocal .c-cafefood.p-dietary .footer_afterword {
		text-align: left;
	}
	#isocal .c-cafefood.p-dietary .dietary-wrap .photo {
		margin: 0 auto;
		margin-top: calc(16vw / 4.8);
		max-width: 375px;
	}
}

#isocal .c-cafefood.p-dietary .section_figure {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}
#isocal .c-cafefood.p-dietary .figure_capsule {
	padding: .7em 1.4em;
	border-radius: 3em;
	white-space: normal;
}

#isocal .c-cafefood.p-dietary .section_table {
	margin-top: 32px;
}
#isocal .c-cafefood.p-dietary .section_table table,
#isocal .c-cafefood.p-dietary .section_table th,
#isocal .c-cafefood.p-dietary .section_table td {
	border-color: #1bb5c6;
}
#isocal .c-cafefood.p-dietary .section_table table {
	background: #fff;
}
#isocal .c-cafefood.p-dietary .section_table th {
	padding: 12px .2em;
	color: #1bb5c6;
	font-weight: 900;
}
#isocal .c-cafefood.p-dietary .section_table thead th {
	background: #cff1f3;
}
#isocal .c-cafefood.p-dietary .section_table thead th.c1 {
	background: #ffd5d0;
}
#isocal .c-cafefood.p-dietary .section_table thead th.c2 {
	background: #ffe7ba;
}
#isocal .c-cafefood.p-dietary .section_table thead th.c3 {
	background: #caeeca;
}
#isocal .c-cafefood.p-dietary .section_table thead th.c4 {
	background: #ffdfe1;
}
#isocal .c-cafefood.p-dietary .section_table tbody th {
	background: #fff8ee;
	white-space: nowrap;
}
#isocal .c-cafefood.p-dietary .section_table .blank {
	width: 10%;
	border: 0;
	background: #fff;
}
html:not(.isTouch) #isocal .c-cafefood.p-dietary .section_table .blank {
	position: relative;
}
html:not(.isTouch) #isocal .c-cafefood.p-dietary .section_table .blank::after {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-right: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
	background: #fff;
}
@media (-ms-high-contrast: none) {
	html:not(.isTouch) #isocal .c-cafefood.p-dietary .section_table .blank {
		position: static;
	}
	html:not(.isTouch) #isocal .c-cafefood.p-dietary .section_table .blank::after {
		display: none;
	}
}
#isocal .c-cafefood.p-dietary .section_table .col {
	width: 18%;
}
#isocal .c-cafefood.p-dietary .section_table hr {
	height: 1em;
	border: 0;
}
#isocal .c-cafefood.p-dietary .section_table .sup {
	position: relative;
	padding-bottom: 80px;
	vertical-align: top;
}
#isocal .c-cafefood.p-dietary .section_table .sup .btm {
	position: absolute;
	right: 12px;
	bottom: 12px;
	left: 12px;
	text-align: center;
}
#isocal .c-cafefood.p-dietary .section_table .sup .mark {
	width: 80%;
	margin: 0 auto 8px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-dietary .section_table table {
		min-width: 600px;
		font-size: 14px;
	}
	#isocal .c-cafefood.p-dietary .section_table th,
	#isocal .c-cafefood.p-dietary .section_table td {
		padding: 4px 8px;
	}
	#isocal .c-cafefood.p-dietary .section_table tbody th span {
		font-size: 16px;
	}
	#isocal .c-cafefood.p-dietary .section_table tbody th span {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	#isocal .c-cafefood.p-dietary .section_table .sup .mark {
		width: 100%;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-dietary .section_table table {
		font-size: 12px;
	}
}


/**
 * 栄養補助食品とは？ケース別の活用法と栄養機能食品との違い
 * ---------------------------------------- */
#isocal .c-cafefood.p-protein {
	background: #ffe7d0;
}
#isocal .c-cafefood.p-protein .section_num,
#isocal .c-cafefood.p-protein .content_header {
	background: #eeaf2a;
}
#isocal .c-cafefood.p-protein .content_section.-bg {
	background: #ffd6ad;
}
#isocal .c-cafefood.p-protein .figure_capsule,
#isocal .c-cafefood.p-protein .header_title em::before {
	background: #eb56a6;
}
#isocal .c-cafefood.p-protein .header_visual img {
	box-shadow: 12px 12px 0 #eb9d00;
}
#isocal .c-cafefood.p-protein strong,
#isocal .c-cafefood.p-protein .textlink,
#isocal .c-cafefood.p-protein .section_title,
#isocal .c-cafefood.p-protein .column_title,
#isocal .c-cafefood.p-protein .wordlist dt,
#isocal .c-cafefood.p-protein .footer_afterword,
#isocal .c-cafefood.p-protein .section_list li::before {
	color: #eb56a6;
}
#isocal .c-cafefood.p-protein .section_title .marker {
	background: linear-gradient(to top, #ffdcac .5em, transparent .5em);
}
@media screen and (min-width: 768px) {
	#isocal .c-cafefood.p-protein .protein-wrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .c-cafefood.p-protein .protein-wrap .text {
		flex-basis: calc(100% - 24vw - 16px);
	}
	#isocal .c-cafefood.p-protein .protein-wrap .photo {
		flex-basis: calc(24vw);
	}
}
@media screen and (min-width: 1000px) {
	#isocal .c-cafefood.p-protein .protein-wrap .text {
		flex-basis: calc(100% - 256px);
	}
	#isocal .c-cafefood.p-protein .protein-wrap .photo {
		flex-basis: 240px;
	}
}
@media screen and (max-width: 767px) {
	#isocal .c-cafefood.p-protein .header_visual img {
		box-shadow: 6px 6px 0 #eb9d00;
	}
	#isocal .c-cafefood.p-protein .footer_afterword {
		text-align: left;
	}
	#isocal .c-cafefood.p-protein .protein-wrap .photo {
		margin: 0 auto;
		margin-top: calc(16vw / 4.8);
		max-width: 375px;
	}
}

/* table */
#isocal .c-cafefood.p-protein .section_table {
	margin-top: 32px;
}
#isocal .c-cafefood.p-protein .section_table .table_wrap {
	overflow-x: auto;
}
#isocal .c-cafefood.p-protein .section_table caption {
	margin-bottom: 16px;
}
#isocal .c-cafefood.p-protein .section_table table,
#isocal .c-cafefood.p-protein .section_table th,
#isocal .c-cafefood.p-protein .section_table td {
	border-color: #f98017;
	white-space: nowrap;
	letter-spacing: 0;
}
#isocal .c-cafefood.p-protein .section_table table {
	background: #fff;
}
#isocal .c-cafefood.p-protein .section_table .dash::after {
	content: "";
	display: inline-block;
	width: 1.2em;
	margin: 0 .2em;
	border-top: .5px solid currentcolor;
	vertical-align: middle;
}
#isocal .c-cafefood.p-protein .section_table .slash {
	position: relative;
	background: linear-gradient(
		to top left,
		rgba(249,128,23,0) calc(50% - .6px), #f98017 calc(50% - .2px),
		#f98017 calc(50% + .2px), rgba(249,128,23,0) calc(50% + .6px)
	);
}
#isocal .c-cafefood.p-protein .table_notes {
	margin-top: 8px;
}
#isocal .c-cafefood.p-protein .table_notes .table_note {
	padding-left: 1em;
	font-size: 11px;
	line-height: 1.7;
	font-weight: 400;
	text-indent: -1em;
}
#isocal .c-cafefood.p-protein .table_notes .table_note sup {
	margin-right: .5em;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-protein .section_table caption {
		text-align: center;
	}
}

/* title */
#isocal .c-cafefood.p-protein .column_title {
	margin-top: 24px;
}
#isocal .c-cafefood.p-protein .column_title.-s {
	margin-bottom: 0;
	font-size: 20px;
}
#isocal .c-cafefood.p-protein .column_title.-s::before {
	width: .3em;
	height: .3em;
}
#isocal .c-cafefood.p-protein .column_title.-ss {
	margin-bottom: 0;
	font-size: 17px;
}
#isocal .c-cafefood.p-protein .column_title.-ss::before {
	display: none;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-protein .column_title.-s {
		font-size: calc(20vw / 4.8);
	}
	#isocal .c-cafefood.p-protein .column_title.-ss {
		font-size: calc(17vw / 4.8);
	}
}

/* メニュー例 */
#isocal .c-cafefood.p-protein .example li::before {
	content: "・";
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-protein .example {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#isocal .c-cafefood.p-protein .example dt {
		flex-basis: 100%;
	}
	#isocal .c-cafefood.p-protein .example dd {
		flex-basis: calc(50% - 24px);
	}
	#isocal .c-cafefood.p-protein .example ul {
		margin-top: 16px;
		padding-left: 2em;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-protein .example dd {
		display: flex;
		justify-content: space-between;
		font-size: calc(15vw / 4.8);
	}
	#isocal .c-cafefood.p-protein .example dd + dd {
		margin-top: 16px;
	}
	#isocal .c-cafefood.p-protein .example figure {
		flex-basis: calc(100% - 8em - 24px);
	}
	#isocal .c-cafefood.p-protein .example ul {
		flex-basis: 8em;
		min-width: 8em;
		white-space: nowrap;
	}
}

/* たんぱく質の食事摂取基準 */
#isocal .c-cafefood.p-protein .p-table1 .table_wrap {
	margin-top: -8px;
}
#isocal .c-cafefood.p-protein .p-table1 table {
	min-width: 700px;
	font-size: 15px;
}
#isocal .c-cafefood.p-protein .p-table1 table caption {
	text-align: left;
}
#isocal .c-cafefood.p-protein .p-table1 thead th {
	padding: 8px .4em;
	color: #eb56a6;
	font-weight: 900;
	background: #ffdf97;
}
#isocal .c-cafefood.p-protein .p-table1 .-w {
	width: 5em;
}
#isocal .c-cafefood.p-protein .p-table1 tbody th,
#isocal .c-cafefood.p-protein .p-table1 tbody td {
	padding: 4px .4em;
}
#isocal .c-cafefood.p-protein .p-table1 thead tr:first-child th {
	font-size: 20px;
	letter-spacing: .1em;
}
#isocal .c-cafefood.p-protein .p-table1 td {
	text-align: center;
}
#isocal .c-cafefood.p-protein .p-table1 sup {
	top: .1em;
}
#isocal .c-cafefood.p-protein .p-table1 .merge-top > * {
	padding-top: 0;
	border-top: 0;
}
#isocal .c-cafefood.p-protein .p-table1 .merge-btm > * {
	padding-bottom: 0;
	border-bottom: 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-protein .p-table1 table {
		min-width: 700px;
		font-size: 14px;
	}
	#isocal .c-cafefood.p-protein .p-table1 thead tr:first-child th {
		font-size: 18px;
	}
}

/* たんぱく質を多く含む食品 */
#isocal .c-cafefood.p-protein .p-table2 table {
	font-size: 18px;
}
#isocal .c-cafefood.p-protein .p-table2 table th {
	padding: 12px .6em;
	text-align: left;
}
#isocal .c-cafefood.p-protein .p-table2 table td {
	min-width: 5em;
	text-align: center;
}
#isocal .c-cafefood.p-protein .p-table2 th b {
	margin-right: 1em;
}
#isocal .c-cafefood.p-protein .p-table2 .table_figure {
	display: inline-block;
	width: 70px;
	margin-right: 1em;
	vertical-align: middle;
}
@media (min-width: 396px) {
	#isocal .c-cafefood.p-protein table.c-table-width {
        width: 100%;
    }
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-protein .p-table2 table {
		font-size: 14px;
	}
	#isocal .c-cafefood.p-protein .p-table2 th b {
		margin-right: .5em;
	}
	#isocal .c-cafefood.p-protein .p-table2 .table_figure {
		width: 56px;
		margin-right: .5em;
	}
}


/* @media (max-width: 767px) {
	.l-header .logo {
		display: none;
	}
} */
#isocal .p-recipe .dotline {
	padding: .5em;
/* 	background: url(../img/dotline.svg) center bottom repeat-x; */
}

/**
 * 【公式】介護食・栄養補助のかんたんレシピ インデックス
 * ---------------------------------------- */
#isocal .p-recipe .products_container {
	max-width: 1000px;
	margin: 48px auto;
}
#isocal .p-recipe .product_column {
	padding: 40px 20px;
	border-radius: 20px;
}
#isocal .p-recipe .product_drink {
	background: #92c1ff;
}
#isocal .p-recipe .product_jelly {
	background: #ffcd7c;
}
#isocal .p-recipe .product_vp {
	background: #b0e1ad;
}
#isocal .p-recipe .product_mp {
	background: #a9e9f1;
}
#isocal .p-recipe .product_title {
	color: #1f2880;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}
#isocal .p-recipe .product_title .tagline {
	display: inline-block;
	position: relative;
	padding: 0 24px;
/* 	background: url(../../assets/img/product_title_l.svg) bottom left / 22px 27px no-repeat,
		url(../../assets/img/product_title_r.svg) bottom right / 22px 27px no-repeat; */
}
#isocal .p-recipe .product_title b {
	font-size: 140%;
}
#isocal .p-recipe .product_title .logo {
	display: block;
	position: relative;
	width: 208px;
	margin: 0 auto;
}
#isocal .p-recipe .products_container.-tpmp .product_title .logo {
	width: 196px;
	padding-bottom: 40px;
}
#isocal .p-recipe .product_title .emblem {
	width: 100%;
	max-width: none;
	filter: drop-shadow(-3px 3px 3px rgba(0,0,0,.3));
}
#isocal .p-recipe .product_title .plus {
	position: absolute;
	left: -5%;
	bottom: 0;
	width: 110%;
	max-width: none;
}
#isocal .p-recipe .product_photo {
	position: relative;
}
#isocal .p-recipe .product_photo img {
	width: 100%;
	border-radius: 10px 10px 0 0;
}
#isocal .p-recipe .product_photo .wave {
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 36px;
	left: 0;
	fill: #fff;
}
#isocal .p-recipe .nkgr {
	font-family: "Noto Sans JP", sans-serif;
}
#isocal .p-recipe .keyvisual .title {
    padding-top: 0;
}
#isocal .p-recipe .keyvisual .title::before,
#isocal .p-recipe .keyvisual .title::after,
#isocal .p-recipe .product_title::before {
    content: inherit;
}
#isocal .p-recipe .recipe_inner {
        filter: none;
}
#isocal .p-recipe .product_title {
    position: inherit;
  }
#isocal .p-recipe .keyvisual .title .main .c-title-img {
    width: auto;
}
@media (min-width: 480px) {
	#isocal .p-recipe .products_container {
		display: flex;
	}
	#isocal .p-recipe .product_column {
		flex-basis: 50%;
	}
	#isocal .p-recipe .product_column {
		display: flex;
		flex-direction: column;
	}
	#isocal .p-recipe .product_title {
		flex-basis: calc(224vw / 7.68);
	}
	#isocal .p-recipe .products_container.-tpmp .product_title {
		flex-basis: calc(264vw / 7.68);
	}
	#isocal .p-recipe .product_title .logo {
		margin-top: 8px;
	}
}
@media (min-width: 768px) {
	#isocal .p-recipe .product_title {
		font-size: calc(20vw / 10);
	}
	#isocal .p-recipe .product_title {
		flex-basis: 224px;
	}
	#isocal .p-recipe .products_container.-tpmp .product_title {
		flex-basis: 264px;
	}
}
@media (min-width: 1000px) {
	#isocal .p-recipe .product_title {
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .product_column {
		padding: 40px 10px;
	}
	#isocal .p-recipe .product_title {
		font-size: calc(12vw / 4.8);
	}
	#isocal .p-recipe .product_title b {
		font-size: 120%;
	}
	#isocal .p-recipe .product_title .logo {
		margin-top: calc(8vw / 4.8);
	}
	#isocal .p-recipe .product_title .logo {
		width: calc(208vw / 7.68);
	}
	#isocal .p-recipe .products_container.-tpmp #isocal .p-recipe .product_title .logo {
		width: calc(196vw / 7.68);
		padding-bottom: calc(40vw / 7.68);
	}
	#isocal .p-recipe .product_photo .wave {
		height: calc(36vw / 7.68);
	}
}
@media (max-width: 479px) {
	#isocal .p-recipe .products_container {
		max-width: calc(100% - 32px);
	}
	#isocal .p-recipe .product_column {
		padding: 24px 10px;
	}
	#isocal .p-recipe .product_title {
		font-size: 16px;
	}
	#isocal .p-recipe .product_title .logo {
		width: 160px;
	}
	#isocal .p-recipe .products_container.-tpmp .product_title .logo {
		width: 160px;
		padding-bottom: 32px;
	}
	#isocal .p-recipe .product_photo {
		margin-top: 24px
	}
	#isocal .p-recipe .product_photo .wave {
		height: 16px;
	}
}
#isocal .p-recipe .product_link,
#isocal .p-recipe .product_links {
	padding: 32px 32px 40px;
	border-radius: 0 0 10px 10px;
	text-align: center;
	background: #fff;
}
#isocal .p-recipe .product_links li + li {
	margin-top: 40px;
}
#isocal .p-recipe .product_link a,
#isocal .p-recipe .product_links a {
	display: flex;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgb(0,0,0,.1);
}
#isocal .p-recipe .product_link a {
	flex-direction: column;
}
#isocal .p-recipe .product_link .text,
#isocal .p-recipe .product_links .text {
	flex-basis: 45%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 16px;
	border-radius: 10px 0 0 10px;
	color: #1f2883;
	font-weight: 700;
	white-space: nowrap;
}
#isocal .p-recipe .product_link .text {
	order: 1;
	border-radius: 0 0 10px 10px;
}
#isocal .p-recipe .product_drink .dessert .text { background: #bfe6f1; }
#isocal .p-recipe .product_drink .dish .text { background: #a0cefa; }
#isocal .p-recipe .product_jelly .dessert .text { background: #fbe78e; }
#isocal .p-recipe .product_jelly .dish .text { background: #f5c199; }
#isocal .p-recipe .product_vp .text { background: #6ec869; }
#isocal .p-recipe .product_mp .text { background: #64d7e6; }
#isocal .p-recipe .product_link .text .mplus,
#isocal .p-recipe .product_links .text .mplus {
	margin-top: 40px;
	font-size: 26px;
	line-height: 1.2;
}
#isocal .p-recipe .product_link .text .mplus {
	margin-top: 8px;
}
#isocal .p-recipe .product_link .text .button,
#isocal .p-recipe .product_links .text .button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 28px;
	margin-top: 40px;
	border-radius: 28px;
	font-size: 13px;
	background: #fff;
  box-shadow: none;
      min-height: auto;
}
#isocal .p-recipe .product_link .text .button {
	margin-top: 24px;
}
#isocal .p-recipe .product_link .text .arr,
#isocal .p-recipe .product_links .text .arr {
	margin-left: .3em;
	vertical-align: middle;
}
#isocal .p-recipe .product_links .photo {
	flex-basis: 55%;
}
#isocal .p-recipe .product_link .photo img,
#isocal .p-recipe .product_links .photo img {
	height: 100%;
	object-fit: cover;
	border-radius: 0 10px 10px 0;
}
#isocal .p-recipe .product_link .photo img {
	border-radius: 10px 10px 0 0;
}
@media (min-width: 768px) {
	#isocal .p-recipe .product_link .text .button,
	#isocal .p-recipe .product_links .text .button {
		letter-spacing: .1em;
	}
}
@media (max-width: 999px) {
	#isocal .p-recipe .product_link .text .mplus,
	#isocal .p-recipe .product_links .text .mplus {
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .product_link,
	#isocal .p-recipe .product_links {
		padding: 16px 16px 24px;
	}
	#isocal .p-recipe .product_link .text,
	#isocal .p-recipe .product_links .text {
		min-width: 88px;
		padding: 8px;
	}
	#isocal .p-recipe .product_link .text .mplus,
	#isocal .p-recipe .product_links .text .mplus {
		font-size: 17px;
	}
	#isocal .p-recipe .product_link .text .button,
	#isocal .p-recipe .product_links .text .button {
		font-size: 9px;
	}
	#isocal .p-recipe .product_link .text .arr,
	#isocal .p-recipe .product_links .text .arr {
		width: 5px;
		height: auto;
	}
}
@media (max-width: 479px) {
	#isocal .p-recipe .product_links li + li {
		margin-top: 24px;
	}
}


/**
 * 個別レシピページ
 * ---------------------------------------- */
#isocal .p-recipe .keyvisual {
	margin-top: 40px;
	text-align: center;
  height: auto;
}
#isocal .p-recipe .keyvisual .title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 624px;
	height: 277px;
	margin: 0 auto;
	padding-bottom: 56px;
	color: #1f2884;
	line-height: 1.2;
}
#isocal .p-recipe .keyvisual .title .logo {
	z-index: 1;
	position: absolute;
	top: -16px;
	left: -24px;
	width: 168px;
}
#isocal .p-recipe .keyvisual .title .logo img {
	width: 100%;
	max-width: none;
}
#isocal .p-recipe.-tpmp .keyvisual .title .logo {
	width: 128px;
}
#isocal .p-recipe .keyvisual .title .emblem {
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,.1));
}
#isocal .p-recipe.-tpmp .keyvisual .title .plus {
	position: absolute;
	top: calc(100% - 8px);
	left: -5%;
	width: 110%;
}
#isocal .p-recipe.-jelly_dessert .keyvisual .title .logo,
#isocal .p-recipe.-jelly_dish .keyvisual .title .logo {
	top: -20px;
	left: -16px;
	width: 160px;
}
}
#isocal .p-recipe .keyvisual .title .pop {
	padding: 0 16px 0 24px;
	font-size: 26px;
/* 	background: url(../../assets/img/product_title_l.svg) left 80% / 22px 27px no-repeat,
		url(../../assets/img/product_title_r.svg) right 80% / 22px 27px no-repeat; */
}
#isocal .p-recipe .keyvisual .title .pop b {
	position: relative;
	top: .1em;
	font-size: 45px;
}
#isocal .p-recipe .keyvisual .title .ribbon {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 0;
	position: relative;
	height: 40px;
	padding: 0 .5em;
	margin: .3em 0;
	font-size: 24px;
}
#isocal .p-recipe .keyvisual .title .ribbon::before,
#isocal .p-recipe .keyvisual .title .ribbon::after {
	content: "";
	z-index: -1;
	position: absolute;
	top: 0;
	border-width: 20px 12px;
	border-style: solid;
}
#isocal .p-recipe .keyvisual .title .ribbon::before {
	left: -12px;
}
#isocal .p-recipe .keyvisual .title .ribbon::after {
	right: -12px;
}
#isocal .p-recipe.-drink_dessert .keyvisual .title .ribbon { background: #66bdff; }
#isocal .p-recipe.-drink_dish .keyvisual .title .ribbon { background: #92dded; }
#isocal .p-recipe.-jelly_dessert .keyvisual .title .ribbon { background: #ffdc4a; }
#isocal .p-recipe.-jelly_dish .keyvisual .title .ribbon { background: #ffa564; }
#isocal .p-recipe.-drink_dessert .keyvisual .title .ribbon::before,
#isocal .p-recipe.-drink_dessert .keyvisual .title .ribbon::after { border-color: #66bdff; }
#isocal .p-recipe.-drink_dish .keyvisual .title .ribbon::before,
#isocal .p-recipe.-drink_dish .keyvisual .title .ribbon::after { border-color: #92dded; }
#isocal .p-recipe.-jelly_dessert .keyvisual .title .ribbon::before,
#isocal .p-recipe.-jelly_dessert .keyvisual .title .ribbon::after { border-color: #ffdc4a; }
#isocal .p-recipe.-jelly_dish .keyvisual .title .ribbon::before,
#isocal .p-recipe.-jelly_dish .keyvisual .title .ribbon::after { border-color: #ffa564; }
#isocal .p-recipe .keyvisual .title .ribbon::before {
	border-left-color: transparent !important;
}
#isocal .p-recipe .keyvisual .title .ribbon::after {
	border-right-color: transparent !important;
}

#isocal .p-recipe .keyvisual .title .main {
	display: inline-flex;
	align-items: flex-end;
	justify-content: center;
}
#isocal .p-recipe.-tpmp .keyvisual .title .main {
	padding-top: 32px;
}
#isocal .p-recipe .keyvisual .title [alt="アレンジレシピ"] {
	margin: 0 .8em;
}
#isocal .p-recipe .keyvisual .title .bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#isocal .p-recipe .keyvisual .lead {
	margin-top: 8px;
	color: #1f2884;
	font-size: 23px;
	line-height: 2.4;
	font-weight: 700;
	letter-spacing: .18em;
}
@media (min-width: 768px) and (max-width: 929px) {
	#isocal .p-recipe .keyvisual .title {
		width: calc(624vw / 9.28);
		height: calc(277vw / 9.28);
		padding-bottom: calc(56vw / 9.28);
	}
	#isocal .p-recipe .keyvisual .title .mplus {
		padding-right: calc(16vw / 9.28);
		padding-left: calc(24vw / 9.28);
		font-size: calc(26vw / 9.28);
	}
	#isocal .p-recipe .keyvisual .title .mplus b {
		font-size: calc(45vw / 9.28);
	}
	#isocal .p-recipe .keyvisual .title img[alt="アレンジレシピ"] {
		width: 82%;
		margin: 0 .2em 0 .4em;
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .keyvisual .title {
		width: calc(464vw / 4.8);
		height: auto;
		padding: calc(40vw / 4.8) calc(32vw / 4.8) calc(64vw / 4.8);
	}
	#isocal .p-recipe .keyvisual .title .mplus {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(32vw / 4.8);
		font-size: calc(20vw / 4.8);
	}
	#isocal .p-recipe .keyvisual .title .mplus b {
		font-size: calc(32vw / 4.8);
	}
	#isocal .p-recipe .keyvisual .title img {
		width: calc(12vw / 4.8);
	}
	#isocal .p-recipe .keyvisual .title img[alt="アレンジレシピ"] {
		width: 82%;
		margin: 0 .2em 0 .4em;
	}
	#isocal .p-recipe .keyvisual .lead {
		font-size: calc(20vw / 4.8);
	}
	#isocal .p-recipe .keyvisual .title .logo {
		top: calc(-16vw / 4.8);
		left: 8px;
		width: calc(112vw / 4.8);
	}
	#isocal .p-recipe .keyvisual .title .ribbon {
		height: calc(40vw / 4.8);
	}
	#isocal .p-recipe .keyvisual .title .ribbon::before,
	#isocal .p-recipe .keyvisual .title .ribbon::after {
		border-width: calc(20vw / 4.8) 12px;
	}
}
@media (max-width: 480px) {
	#isocal .p-recipe .keyvisual .title .ribbon {
		height: 32px;
	}
	#isocal .p-recipe .keyvisual .title .ribbon::before,
	#isocal .p-recipe .keyvisual .title .ribbon::after {
		border-width: 16px 12px;
	}
}

/* :::::: badge :::::: */
#isocal .p-recipe .c-badge {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: relative;
	width: 140px;
	height: 140px;
	color: #fff;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,.1));
}
#isocal .p-recipe .c-badge .bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 767px) {
	#isocal .p-recipe .c-badge {
		width: calc(156vw / 4.8);
		height: calc(156vw / 4.8);
		font-size: calc(18vw / 4.8);
	}
}


/**
 * レシピセクション
 * ---------------------------------------- */
#isocal .p-recipe .content_section {
	padding-top: 40px;
	padding-bottom: 40px;
}
#isocal .p-recipe .content_section::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 144px;
	left: 0;
	width: 100%;
	height: 184px;
	border-top: 4px solid;
	border-bottom: 4px solid;
	background: center center / 105px 44px;
}
#isocal .p-recipe .p-video::before {
	display: none;
}
@media (min-width: 768px) and (max-width: 929px) {
	#isocal .p-recipe .content_section::before {
		top: calc(144vw / 9.28);
		height: calc(184vw / 9.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .content_section::before {
		top: calc(160vw / 4.8);
		height: calc(392vw / 4.8);
	}
}

#isocal .p-recipe .recipe_inner {
	position: relative;
	max-width: 800px;
	margin: 40px auto 0;
	padding: 32px 24px;
	border: 1px solid #6369a9;
	border-radius: 10px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .p-recipe .recipe_inner > .text {
	text-align: center;
}
@media (min-width: 768px) {
	#isocal .p-recipe .recipe_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .p-recipe .recipe_inner > .photo {
		flex-basis: calc(48% - 16px);
		max-width: calc(48% - 16px);
		margin-left: -24px;
	}
	#isocal .p-recipe .recipe_inner > .text {
		flex-basis: 52%;
		max-width: 52%;
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .recipe_inner > .text {
		margin-top: 24px;
	}
}
@media (max-width: 480px) {
	#isocal .p-recipe .recipe_inner {
		padding: 24px 16px;
	}
}

/* :::::: バッジ :::::: */
#isocal .p-recipe .recipe_inner > .c-badge {
	position: absolute;
	top: -40px;
	left: -40px;
	font-size: 16px;
	font-weight: 900;
	text-align: center;
	fill: #824e37;
}
#isocal .p-recipe .recipe_lead {
	display: inline-block;
	position: relative;
	color: #824e37;
}
#isocal .p-recipe .recipe_lead .attention {
	position: absolute;
	top: -16px;
	right: calc(100% + 4px);
	fill: currentcolor;
}
@media (max-width: 767px) {
	#isocal .p-recipe .recipe_inner > .c-badge {
		top: calc(-56vw / 4.8);
		left: calc(-24vw / 4.8);
		font-size: calc(18vw / 4.8);
		line-height: 1.6;
	}
	#isocal .p-recipe .recipe_lead {
		margin-left: calc(24vw / 4.8);
	}
	#isocal .p-recipe .recipe_lead .attention {
		top: calc(-8vw / 4.8);
	}
}

/* :::::: サムネイル :::::: */
#isocal .p-recipe .recipe_lead .thumb {
	position: absolute;
}
#isocal .p-recipe.-drink_dessert .recipe_lead .thumb,
#isocal .p-recipe.-drink_dish .recipe_lead .thumb {
	bottom: -16px;
	left: 0;
	width: 40px;
}
#isocal .p-recipe.-jelly_dessert .recipe_lead .thumb,
#isocal .p-recipe.-jelly_dish .recipe_lead .thumb,
#isocal .p-recipe.-tpmp .recipe_lead .thumb {
	top: calc(50% - 28px);
	left: -4px;
	width: 64px;
}
#isocal .p-recipe .recipe_lead .thumb .shadow {
	display: block;
	z-index: 0;
	position: relative;
}
#isocal .p-recipe .recipe_lead .thumb .shadow::before {
	content: "";
	z-index: -1;
	position: absolute;
}
#isocal .p-recipe.-drink_dessert .recipe_lead .thumb .shadow::before,
#isocal .p-recipe.-drink_dish .recipe_lead .thumb .shadow::before {
	bottom: -2px;
	left: 0;
	width: 84px;
	height: 12px;
/* 	background: url(../../assets/img/drink_shadow.png) center / cover no-repeat; */
}
#isocal .p-recipe.-jelly_dessert .recipe_lead .thumb .shadow::before,
#isocal .p-recipe.-jelly_dish .recipe_lead .thumb .shadow::before,
#isocal .p-recipe.-tpmp .recipe_lead .thumb::before {
	bottom: -6px;
	left: -4%;
	width: 108%;
	height: 46px;
/* 	background: url(../../assets/img/jelly_shadow.png) center / 100% 100% no-repeat; */
}
@media (min-width: 768px) and (max-width: 929px) {
	#isocal .p-recipe .recipe_lead .thumb {
		bottom: calc(-16vw / 9.28);
		width: calc(40vw / 9.28);
	}
	#isocal .p-recipe .recipe_lead .thumb .shadow::before {
		bottom: calc(-2vw / 9.28);
		width: calc(84vw / 9.28);
		height: calc(12vw / 9.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .recipe_lead .thumb {
		bottom: calc(-8vw / 4.8);
		width: calc(40vw / 4.8);
	}
	#isocal .p-recipe .recipe_lead .thumb .shadow::before {
		bottom: calc(-2vw / 4.8);
		width: calc(84vw / 4.8);
		height: calc(12vw / 4.8);
	}
}

/* :::::: text :::::: */
#isocal .p-recipe .recipe_lead .t {
	display: inline-block;
	padding: .4em 1em;
	line-height: 1.4;
	font-weight: 900;
	/* white-space: nowrap; */
	background: #f8f1eb;
}
#isocal .p-recipe.-drink_dessert .recipe_lead .t,
#isocal .p-recipe.-drink_dish .recipe_lead .t {
	padding-left: 56px;
	font-size: 15px;
}
#isocal .p-recipe.-jelly_dessert .recipe_lead .t,
#isocal .p-recipe.-jelly_dish .recipe_lead .t,
#isocal .p-recipe.-tpmp .recipe_lead .t {
	padding-left: 64px;
	font-size: 14px;
}
#isocal .p-recipe .recipe_title {
	margin-top: 20px;
	color: #824e37;
	font-size: 20px;
	font-weight: 700;
}
#isocal .p-recipe .recipe_title b {
	font-size: 30px;
	font-weight: 900;
}
#isocal .p-recipe .recipe_inner .c-button {
	display: inline-flex;
	width: 240px;
	margin-top: 20px;
	border-color: #824e37;
	background: #824e37;
}
@media (hover: hover) {
	#isocal .p-recipe .recipe_inner .c-button:hover {
		color: #824e37;
		background: #fff;
	}
}
@media (min-width: 768px) and (max-width: 929px) {
	#isocal .p-recipe .recipe_lead .t {
		padding-left: calc(56vw / 9.28);
	}
	#isocal .p-recipe.-drink_dessert .recipe_lead .t,
	#isocal .p-recipe.-drink_dish .recipe_lead .t {
		font-size: calc(15vw / 9.28);
	}
	#isocal .p-recipe.-jelly_dessert .recipe_lead .t,
	#isocal .p-recipe.-jelly_dish .recipe_lead .t,
	#isocal .p-recipe.-tpmp .recipe_lead .t {
		font-size: calc(14vw / 9.28);
	}
	#isocal .p-recipe .recipe_title {
		font-size: calc(20vw / 9.28);
	}
	#isocal .p-recipe .recipe_title b {
		font-size: calc(30vw / 9.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .recipe_lead .t {
		padding-left: calc(56vw / 4.8);
		text-align: left;
	}
	#isocal .p-recipe.-drink_dessert .recipe_lead .t,
	#isocal .p-recipe.-drink_dish .recipe_lead .t,
	#isocal .p-recipe.-jelly_dessert .recipe_lead .t,
	#isocal .p-recipe.-jelly_dish .recipe_lead .t,
	#isocal .p-recipe.-tpmp .recipe_lead .t {
		font-size: calc(18vw / 4.8);
	}
	#isocal .p-recipe .recipe_title {
		font-size: calc(18vw / 4.8);
	}
	#isocal .p-recipe .recipe_title b {
		font-size: calc(30vw / 4.8);
	}
	#isocal .p-recipe .recipe_inner .c-button {
		width: calc(312vw / 4.8);
		height: calc(48vw / 4.8);
		font-size: calc(15vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .p-recipe .recipe_inner .c-button {
		height: 48px;
		font-size: 15px;
	}
}

#isocal .p-recipe .recipe_inner > .text .c-button {
	position: relative;
	overflow: hidden;
	height: 51px;
	font-size: 19px;
}
#isocal .p-recipe .recipe_inner > .text .c-button .ico {
	position: absolute;
	top: calc(50% - 13px);
	left: 18px;
	width: 20px;
	height: 26px;
}
#isocal .p-recipe .recipe_inner > .text .c-button::after {
	position: absolute;
	top: calc(50% - 4px);
	right: 16px;
	border-width: 8px 4.5px 0 4.5px;
}
#isocal .p-recipe .recipe_inner > .text .c-button span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 10px;
}
#isocal .p-recipe .recipe_inner > .text .c-button .close {
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: .06em;
}
@media (min-width: 768px) and (max-width: 929px) {
	#isocal .p-recipe .recipe_inner > .text .c-button {
		height: calc(51vw / 9.28);
		font-size: calc(19vw / 9.28);
	}
}
@media (max-width: 767px) and (min-width: 481px) {
	#isocal .p-recipe .recipe_inner > .text .c-button {
		height: calc(51vw / 4.8);
		font-size: calc(19vw / 4.8);
	}
	#isocal .p-recipe .recipe_inner > .text .c-button .ico {
		top: calc(50% - 13vw / 4.8);
		left: calc(18vw / 4.8);
		width: calc(20vw / 4.8);
		height: calc(26vw / 4.8);
	}
	#isocal .p-recipe .recipe_inner > .text .c-button::after {
		position: absolute;
		top: calc(50% - 4vw / 4.8);
		right: calc(16vw / 4.8);
		border-top-width: calc(8vw / 4.8);
		border-right-width: calc(4.5vw / 4.8);
		border-left-width: calc(4.5vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .p-recipe .recipe_inner > .text .c-button {
		font-size: 16px;
	}
}
/* motion */
#isocal .p-recipe .recipe_inner > .text .c-button.is-active::after {
	transform: rotate(180deg);
}
#isocal .p-recipe .recipe_inner > .text .c-button.is-active .open,
#isocal .p-recipe .recipe_inner > .text .c-button:not(.is-active) .close {
	opacity: 0;
}
#isocal .p-recipe .recipe_inner > .text .c-button.is-anim::after {
	transition: transform .3s cubic-bezier(.3,1,.7,1);
}
#isocal .p-recipe .recipe_inner > .text .c-button.is-anim span {
	transition: opacity .3s;
}


/**
 * レシピ詳細
 * ---------------------------------------- */
#isocal .p-recipe .recipe_detail {
	flex-basis: 100%;
	overflow: hidden;
	padding: 0 16px;
	text-align: center;
}
#isocal .p-recipe .recipe_intro {
	margin-top: 48px;
}
@media (min-width: 768px) {
	#isocal .p-recipe .recipe_intro {
		display: flex;
		justify-content: space-between;
	}
	#isocal .p-recipe .recipe_intro .material {
		flex-basis: calc(60% - 48px);
	}
	#isocal .p-recipe .recipe_intro .nutrition {
		flex-basis: 40%;
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .recipe_detail {
		padding: 0;
	}
	#isocal .p-recipe .recipe_intro .nutrition {
		margin-top: 24px;
	}
}
/* motion */
#isocal .p-recipe .recipe_detail.is-anim {
	transition: height .6s cubic-bezier(.3,1,.7,1);
}

/* :::::: 材料 :::::: */
#isocal .p-recipe .recipe_intro .material {
	text-align: left;
}
#isocal .p-recipe .material_title {
	color: #824e37;
	font-size: 22px;
	font-weight: 900;
}
#isocal .p-recipe .material_title small {
	font-size: 70%;
	font-family: "Noto Sans JP", sans-serif;
}
#isocal .p-recipe .material_list {
	margin-top: 8px;
	padding: 16px 0;
/* 	background: url(../img/dotline_coffee.svg) center top repeat-x,
		url(../img/dotline_coffee.svg) center bottom repeat-x; */
}
#isocal .p-recipe .material_list li {
	font-size: 15px;
}
#isocal .p-recipe .material_list dl {
	display: flex;
	justify-content: space-between;
}
#isocal .p-recipe .material_list dt {
	padding-left: 1em;
	text-indent: -1em;
}
#isocal .p-recipe .material_list dd {
	flex-basis: 6.8em;
}
#isocal .p-recipe .material_list dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .7em;
	height: .7em;
	margin-right: .3em;
	border-radius: 1em;
	vertical-align: middle;
	background: #824e37;
}
#isocal .p-recipe .material_list .group {
	position: relative;
	padding-left: 16px;
}
#isocal .p-recipe .material_list .group::before {
	content: "";
	position: absolute;
	top: .8em;
	bottom: .8em;
	left: .2em;
	width: 8px;
	border: 1px solid currentcolor;
	border-right: 0;
}
#isocal .p-recipe .material_list .group::after {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(50% - 12px);
	left: 0;
	width: 8px;
	height: 24px;
	content: attr(data-group);
	background: #fff;
}
@media (min-width: 768px) and (max-width: 929px) {
	#isocal .p-recipe .material_title {
		font-size: calc(22vw / 9.28);
	}
	#isocal .p-recipe .material_list li {
		font-size: calc(15vw / 9.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .material_title {
		font-size: calc(24vw / 4.8);
	}
	#isocal .p-recipe .material_list li {
		font-size: calc(15vw / 4.8);
	}
}

/* :::::: 摂れる栄養 :::::: */
#isocal .p-recipe .nutrition_title {
	position: relative;
	color: #824e37;
	font-size: 22px;
	line-height: 1.4;
	font-weight: 900;
}
#isocal .p-recipe .nutrition_title small {
	font-size: 70%;
	font-family: "Noto Sans JP", sans-serif;
}
#isocal .p-recipe .nutrition_list {
	margin-top: -48px;
	padding: 64px 32px 32px;
	border-radius: 10px;
	background: #f8f1eb;
	text-align: left;
}
#isocal .p-recipe .nutrition_list dt,
#isocal .p-recipe .nutrition_list dd {
	display: inline;
	font-size: 15px;
}
#isocal .p-recipe .nutrition_list dd small {
	font-size: 80%;
}
#isocal .p-recipe .nutrition_list dd::before {
	content: "：";
	color: #824e37;
}
#isocal .p-recipe .nutrition_list dd + dt::before {
	content: "／";
	margin: 0 .2em;
}
@media (min-width: 768px) and (max-width: 929px) {
	#isocal .p-recipe .nutrition_title {
		font-size: calc(22vw / 9.28);
		line-height: 1.2;
	}
	#isocal .p-recipe .nutrition_list {
		margin-top: calc(-40vw / 9.28);
		padding-top: calc(56vw / 9.28);
	}
	#isocal .p-recipe .nutrition_list dt,
	#isocal .p-recipe .nutrition_list dd {
		font-size: calc(15vw / 9.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .nutrition_title {
		font-size: calc(24vw / 4.8);
		line-height: 1;
	}
	#isocal .p-recipe .nutrition_list {
		margin-top: calc(-32vw / 4.8);
		padding-top: calc(48vw / 4.8);
	}
	#isocal .p-recipe .nutrition_list dt,
	#isocal .p-recipe .nutrition_list dd {
		font-size: calc(15vw / 4.8);
	}
}


/**
 * 作り方
 * ---------------------------------------- */
#isocal .p-recipe .recipe_3step {
	margin-top: 40px;
	border: 1px solid #824e37;
	border-radius: 10px;
}
#isocal .p-recipe .step_title {
	padding: .5em;
	border-radius: 8px 8px 0 0;
	color: #fff;
	font-size: 22px;
	background: #824e37;
}
#isocal .p-recipe .step_list {
	display: inline-block;
	padding: 48px;
	text-align: left;
}
#isocal .p-recipe .step_list li {
	counter-increment: step;
	padding-left: 2.2em;
	font-weight: 700;
	text-indent: -2.2em;
}
#isocal .p-recipe .step_list li > * {
	text-indent: 0;
}
#isocal .p-recipe .step_list li + li {
	margin-top: 24px;
}
#isocal .p-recipe .step_list li::before {
	content: counter(step);
	margin-right: .4em;
	font-size: 20px;
}
#isocal .p-recipe .step_list li::before,
#isocal .p-recipe .step_list li .step {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 1.6em;
	height: 1.6em;
	border-radius: 1.6em;
	color: #fff;
	font-weight: 900;
	font-family: "M PLUS 1p", sans-serif;
	text-indent: 0;
	background: #824e37;
}
#isocal .p-recipe .step_list li .step {
	position: relative;
	top: -.1em;
	width: 1.4em;
	height: 1.4em;
	font-size: .8em;
	vertical-align: middle;
}
#isocal .p-recipe .step_list li .group {
	display: inline-block;
	padding: 0 .3em;
	background: whitesmoke;
}
@media (max-width: 928px) {
	#isocal .p-recipe .step_title {
		font-size: calc(18vw / 9.28);
	}
	#isocal .p-recipe .step_list li::before {
		font-size: calc(20vw / 9.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .step_list {
		padding: 24px;
	}
	#isocal .p-recipe .step_title {
		font-size: calc(24vw / 4.8);
	}
	#isocal .p-recipe .step_list li::before {
		font-size: calc(16vw / 4.8);
	}
	#isocal .p-recipe .step_list li + li {
		margin-top: 16px;
	}
}
@media (max-width: 480px) {
	#isocal .p-recipe .step_list {
		padding: 24px 16px;
	}
}


/**
 * ワンポイントメモ
 * ---------------------------------------- */
#isocal .p-recipe .recipe_summary {
	margin-top: 32px;
}
#isocal .p-recipe .recipe_summary .memo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: relative;
}
#isocal .p-recipe .recipe_summary .memo .bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: #f8f1eb;
}
#isocal .p-recipe .recipe_summary .memo_title {
	display: inline-block;
	position: relative;
	padding: 0 .3em .3em 0;
	border-bottom: 1px dashed currentcolor;
	color: #824e37;
	font-size: 24px;
	fill: currentcolor;
}
#isocal .p-recipe .recipe_summary .memo_title .onepoint {
	position: absolute;
	top: -4px;
	left: -12px;
	width: 16px;
	height: 12px;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
}
#isocal .p-recipe .recipe_summary .memo_title .pencil {
	position: absolute;
	bottom: 0;
	left: 100%;
}
#isocal .p-recipe .recipe_summary .memo_list {
	display: inline-block;
	margin-top: 24px;
	text-align: left;
}
#isocal .p-recipe .recipe_summary .memo_list li {
	padding-left: 1em;
	font-size: 16px;
	text-indent: -1em;
}
#isocal .p-recipe .recipe_summary .memo_list li::before {
	content: "";
	display: inline-block;
	width: .7em;
	height: .7em;
	margin-right: .3em;
	border-radius: .7em;
	background: #824e37;
}
#isocal .p-recipe .recipe_summary .memo_list li + li {
	margin-top: 1em;
}
#isocal .p-recipe .recipe_summary .memo_list strong {
	color: #824e37;
	font-weight: 700;
}

@media (min-width: 768px) {
	#isocal .p-recipe .recipe_summary {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#isocal .p-recipe .recipe_summary .memo {
		flex-basis: 489px;
		width: 489px;
		height: 419px;
	}
	#isocal .p-recipe .recipe_summary .memo_list {
		max-width: 320px;
	}
}
@media (min-width: 768px) and (max-width: 929px) {
	#isocal .p-recipe .recipe_summary .memo {
		flex-basis: calc(489vw / 9.28);
	}
	#isocal .p-recipe .recipe_summary .memo_title {
		font-size: calc(24vw / 9.28);
	}
	#isocal .p-recipe .recipe_summary .memo_title .onepoint {
		top: calc(-4vw / 9.28);
		left: calc(-12vw / 9.28);
		width: calc(16vw / 9.28);
		height: calc(12vw / 9.28);
	}
	#isocal .p-recipe .recipe_summary .memo_list li {
		font-size: calc(16vw / 9.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .recipe_summary .memo {
		width: 100%;
		max-width: calc(382vw / 4.8);
		min-height: calc(367vw / 4.8);
		padding: calc(48vw / 4.8) 0;
	}
	#isocal .p-recipe .recipe_summary .memo_title {
		font-size: calc(24vw / 4.8);
	}
	#isocal .p-recipe .recipe_summary .memo_title .onepoint {
		top: calc(-4vw / 4.8);
		left: calc(-12vw / 4.8);
		width: calc(16vw / 4.8);
		height: calc(12vw / 4.8);
	}
	#isocal .p-recipe .recipe_summary .memo_list {
		max-width: 62%;
		padding-left: 1em;
	}
	#isocal .p-recipe .recipe_summary .memo_list li {
		font-size: calc(16vw / 4.8);
	}
	#isocal .p-recipe .recipe_summary .memo_list li + li {
		margin-top: .5em;
	}
}

/* 監修の先生 */
#isocal .p-recipe .recipe_detail .recipe_supervisor {
	float: right;
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
}
@media (min-width: 768px) {
	#isocal .p-recipe .recipe_detail .recipe_supervisor {
		margin-top: -2em;
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .recipe_detail .recipe_supervisor {
		margin: 1em 0;
		font-size: 10px;
	}
}

/* :::::: 閉じる :::::: */
#isocal .p-recipe .recipe_detail .c-button.-close {
	position: absolute;
	bottom: -25px;
	left: calc(50% - 120px);
}
#isocal .p-recipe .recipe_detail .c-button.-close::after {
	transform: rotate(180deg);
}
@media (max-width: 767px) {
	#isocal .p-recipe .recipe_detail .c-button.-close {
		left: calc(50% - 312vw / 9.6);
	}
}
/* motion */
#isocal .p-recipe .recipe_detail:not(.is-active) .c-button.-close {
	pointer-events: none;
	transform: translateY(-24px);
	opacity: 0;
}
#isocal .p-recipe .recipe_detail.is-anim .c-button.-close {
	transition: opacity .3s, transform .3s cubic-bezier(.3,1,.7,1);
}


/**
 * セクションタイトル・目次
 * ---------------------------------------- */
#isocal .p-recipe .section_title {
	position: relative;
	padding-bottom: 32px;
	text-align: center;
}
#isocal .p-recipe .section_title::before {
	content: "";
	position: absolute;
	right: -24px;
	bottom: 0;
	left: -24px;
	height: 16px;
/* 	background: url(../img/bg_title.png) center top / 68px 23px repeat-x; */
}
#isocal .p-recipe .p-recipelist {
	max-width: 654px;
	margin: 40px auto;
	padding: 24px 24px 40px;
	text-align: center;
	background: #fff;
}
#isocal .p-recipe .recipe_list {
	display: inline-block;
	margin-top: 32px;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 900;
	text-align: left;
}
#isocal .p-recipe .recipe_list li {
	counter-increment: num;
	font-size: 23px;
	line-height: 1.4;
}
@media (max-width: 480px) {
	#isocal .p-recipe .recipe_list li {
		font-size: 20px;
	}
}
#isocal .p-recipe .recipe_list a {
	display: block;
	position: relative;
	padding: .4em .2em;
	padding-left: 1.8em;
	color: #1f2883;
}
#isocal .p-recipe .recipe_list .dotline {
	padding: .3em 0;
}
#isocal .p-recipe .recipe_list a::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: .5em;
	left: 0;
	font-size: 90%;
	width: 1.4em;
	height: 1.4em;
	margin-right: .5em;
	border-radius: 1.4em;
}
#isocal .p-recipe.-drink_dessert .recipe_list a::before  { background: #66bdff; }
#isocal .p-recipe.-drink_dish .recipe_list a::before  { background: #92dded; }
#isocal .p-recipe.-jelly_dessert .recipe_list a::before  { background: #ffdc4a; }
#isocal .p-recipe.-jelly_dish .recipe_list a::before  { background: #ffa564; }
#isocal .p-recipe.-tpmp._vp .recipe_list a::before  { background: #6ec869; }
#isocal .p-recipe.-tpmp._mp .recipe_list a::before  { background: #64d7e6; }


/**
 * 監修
 * ---------------------------------------- */
#isocal .p-recipe .p-supervision {
	max-width: 800px;
	margin: 80px auto;
	padding: 24px;
	background: #fff;
}
#isocal .p-recipe .supervision_list {
	display: flex;
	justify-content: center;
	max-width: 620px;
	margin: 32px auto 0;
}
#isocal .p-recipe .supervision_list li {
	line-height: 1.4;
	text-align: center;
}
#isocal .p-recipe .supervision_list li:nth-child(n+2) {
	margin-left: 40px;
}
#isocal .p-recipe .supervision_list .job {
	display: block;
	margin-top: 1em;
	font-size: 12px;
}
#isocal .p-recipe .supervision_list .name .t {
	font-size: 80%;
}
#isocal .p-recipe .supervision_list .photo {
	max-width: 160px;
	margin: 0 auto;
}
#isocal .p-recipe .supervision_list .photo img {
	border-radius: 200px;
}


/**
 * 配色
 * ---------------------------------------- */

/* 小松菜グリーンスムージー */
#isocal .p-recipe  .p-komatsuna::before {
	border-color: #e5d754;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_komatsuna.png?v=1679601843');
}
#isocal .p-recipe .p-komatsuna .recipe_inner {
	border-color: #e6d43f;
}
#isocal .p-recipe .p-komatsuna .recipe_inner .c-badge {
	fill: #dac200;
}
#isocal .p-recipe .p-komatsuna .recipe_inner .c-button,
#isocal .p-recipe .p-komatsuna .recipe_3step {
	border-color: #dac200;
}
#isocal .p-recipe .p-komatsuna .c-button,
#isocal .p-recipe .p-komatsuna .material_list dt::before,
#isocal .p-recipe .p-komatsuna .step_title,
#isocal .p-recipe .p-komatsuna .step_list li::before,
#isocal .p-recipe .p-komatsuna .step_list li .step,
#isocal .p-recipe .p-komatsuna .recipe_summary .memo_list li::before {
	background: #dac200;
}
#isocal .p-recipe .p-komatsuna .recipe_lead,
#isocal .p-recipe .p-komatsuna .recipe_title,
#isocal .p-recipe .p-komatsuna .material_title,
#isocal .p-recipe .p-komatsuna .nutrition_title,
#isocal .p-recipe .p-komatsuna .nutrition_list dd::before,
#isocal .p-recipe .p-komatsuna .recipe_summary .memo_title,
#isocal .p-recipe .p-komatsuna .recipe_summary .memo_list strong {
	color: #dac200;
}
#isocal .p-recipe .p-komatsuna .recipe_lead .t,
#isocal .p-recipe .p-komatsuna .nutrition_list {
	background: #f7f7eb;
}
#isocal .p-recipe .p-komatsuna .recipe_summary .memo .bg {
	fill: #f7f7eb;
}
#isocal .p-recipe .p-komatsuna .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_komatsuna.svg?v=1679601843') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_komatsuna.svg?v=1679601843') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-komatsuna .c-button:hover {
		color: #dac200;
	}
}

/* ストロベリージェラート */
#isocal .p-recipe  .p-strawberry::before {
	border-color: #ffb7c3;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_strawberry.png?v=1679601843');
}
#isocal .p-recipe .p-strawberry .recipe_inner {
	border-color: #ffb3c1;
}
#isocal .p-recipe .p-strawberry .recipe_inner .c-badge {
	padding-top: .4em;
	fill: #ff7b90;
}
#isocal .p-recipe .p-strawberry .recipe_inner .c-button,
#isocal .p-recipe .p-strawberry .recipe_3step {
	border-color: #ff7b90;
}
#isocal .p-recipe .p-strawberry .c-button,
#isocal .p-recipe .p-strawberry .material_list dt::before,
#isocal .p-recipe .p-strawberry .step_title,
#isocal .p-recipe .p-strawberry .step_list li::before,
#isocal .p-recipe .p-strawberry .step_list li .step,
#isocal .p-recipe .p-strawberry .recipe_summary .memo_list li::before {
	background: #ff7b90;
}
#isocal .p-recipe .p-strawberry .recipe_lead,
#isocal .p-recipe .p-strawberry .recipe_title,
#isocal .p-recipe .p-strawberry .material_title,
#isocal .p-recipe .p-strawberry .nutrition_title,
#isocal .p-recipe .p-strawberry .nutrition_list dd::before,
#isocal .p-recipe .p-strawberry .recipe_summary .memo_title,
#isocal .p-recipe .p-strawberry .recipe_summary .memo_list strong {
	color: #ff7b90;
}
#isocal .p-recipe .p-strawberry .recipe_lead .t,
#isocal .p-recipe .p-strawberry .nutrition_list {
	background: #fcf0f2;
}
#isocal .p-recipe .p-strawberry .recipe_summary .memo .bg {
	fill: #fcf0f2;
}
#isocal .p-recipe .p-strawberry .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_strawberry.svg?v=1679601843') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_strawberry.svg?v=1679601843') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-strawberry .c-button:hover {
		color: #ff7b90;
	}
}
@media (min-width: 768px) {
	#isocal .p-recipe .p-strawberry .recipe_summary .memo_list {
		padding-left: 1em;
	}
}

/* 和風あずきパンナコッタ */
#isocal .p-recipe  .p-azuki::before {
	border-color: #cf5471;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_azuki.png?v=1679601843');
}
#isocal .p-recipe .p-azuki .recipe_inner {
	border-color: #d36780;
}
#isocal .p-recipe .p-azuki .recipe_inner .c-badge {
	padding-bottom: .2em;
	fill: #b8002b;
}
#isocal .p-recipe .p-azuki .recipe_inner .c-button,
#isocal .p-recipe .p-azuki .recipe_3step {
	border-color: #b8002b;
}
#isocal .p-recipe .p-azuki .c-button,
#isocal .p-recipe .p-azuki .material_list dt::before,
#isocal .p-recipe .p-azuki .step_title,
#isocal .p-recipe .p-azuki .step_list li::before,
#isocal .p-recipe .p-azuki .step_list li .step,
#isocal .p-recipe .p-azuki .recipe_summary .memo_list li::before {
	background: #b8002b;
}
#isocal .p-recipe .p-azuki .recipe_lead,
#isocal .p-recipe .p-azuki .recipe_title,
#isocal .p-recipe .p-azuki .material_title,
#isocal .p-recipe .p-azuki .nutrition_title,
#isocal .p-recipe .p-azuki .nutrition_list dd::before,
#isocal .p-recipe .p-azuki .recipe_summary .memo_title,
#isocal .p-recipe .p-azuki .recipe_summary .memo_list strong {
	color: #b8002b;
}
#isocal .p-recipe .p-azuki .recipe_lead .t,
#isocal .p-recipe .p-azuki .nutrition_list {
	background: #f7edee;
}
#isocal .p-recipe .p-azuki .recipe_summary .memo .bg {
	fill: #f7edee;
}
#isocal .p-recipe .p-azuki .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_azuki.svg?v=1679601843') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_azuki.svg?v=1679601843') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-azuki .c-button:hover {
		color: #b8002b;
	}
}

/* コーヒー香るパンケーキ */
#isocal .p-recipe  .p-coffee::before {
	border-color: #966b5a;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_coffee.png?v=1679601843');
}
#isocal .p-recipe .p-coffee .recipe_inner {
	border-color: #b49183;
}
#isocal .p-recipe .p-coffee .recipe_inner .c-badge {
	padding-top: .4em;
	fill: #824e37;
}
#isocal .p-recipe .p-coffee .recipe_inner .c-button,
#isocal .p-recipe .p-coffee .recipe_3step {
	border-color: #824e37;
}
#isocal .p-recipe .p-coffee .c-button,
#isocal .p-recipe .p-coffee .material_list dt::before,
#isocal .p-recipe .p-coffee .step_title,
#isocal .p-recipe .p-coffee .step_list li::before,
#isocal .p-recipe .p-coffee .step_list li .step,
#isocal .p-recipe .p-coffee .recipe_summary .memo_list li::before {
	background: #824e37;
}
#isocal .p-recipe .p-coffee .recipe_lead,
#isocal .p-recipe .p-coffee .recipe_title,
#isocal .p-recipe .p-coffee .material_title,
#isocal .p-recipe .p-coffee .nutrition_title,
#isocal .p-recipe .p-coffee .nutrition_list dd::before,
#isocal .p-recipe .p-coffee .recipe_summary .memo_title,
#isocal .p-recipe .p-coffee .recipe_summary .memo_list strong {
	color: #824e37;
}
#isocal .p-recipe .p-coffee .recipe_lead .t,
#isocal .p-recipe .p-coffee .nutrition_list {
	background: #f8f1eb;
}
#isocal .p-recipe .p-coffee .recipe_summary .memo .bg {
	fill: #f8f1eb;
}
#isocal .p-recipe .p-coffee .material_list {
 	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_coffee.svg?v=1679601843') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_coffee.svg?v=1679601843') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-coffee .c-button:hover {
		color: #824e37;
	}
}

/* ふんわりパンケーキ */
#isocal .p-recipe .p-funwari::before {
	border-color: #79dbe4;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_funwari.png?v=1679603859');
}
#isocal .p-recipe .p-funwari .recipe_inner {
	border-color: #79dbe4;
}
#isocal .p-recipe .p-funwari .recipe_inner .c-badge {
	fill: #20c4d3;
}
#isocal .p-recipe .p-funwari .recipe_inner .c-button,
#isocal .p-recipe .p-funwari .recipe_3step {
	border-color: #20c4d3;
}
#isocal .p-recipe .p-funwari .c-button,
#isocal .p-recipe .p-funwari .material_list dt::before,
#isocal .p-recipe .p-funwari .step_title,
#isocal .p-recipe .p-funwari .step_list li::before,
#isocal .p-recipe .p-funwari .step_list li .step,
#isocal .p-recipe .p-funwari .recipe_summary .memo_list li::before {
	background: #20c4d3;
}
#isocal .p-recipe .p-funwari .recipe_lead,
#isocal .p-recipe .p-funwari .recipe_title,
#isocal .p-recipe .p-funwari .material_title,
#isocal .p-recipe .p-funwari .nutrition_title,
#isocal .p-recipe .p-funwari .nutrition_list dd::before,
#isocal .p-recipe .p-funwari .recipe_summary .memo_title,
#isocal .p-recipe .p-funwari .recipe_summary .memo_list strong {
	color: #20c4d3;
}
#isocal .p-recipe .p-funwari .recipe_lead .t,
#isocal .p-recipe .p-funwari .nutrition_list {
	background: #e7f9fb;
}
#isocal .p-recipe .p-funwari .recipe_summary .memo .bg {
	fill: #e7f9fb;
}
#isocal .p-recipe .p-funwari .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_funwari.svg?v=1679603858') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_funwari.svg?v=1679603858') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-funwari .c-button:hover {
		color: #20c4d3;
	}
}

/* マカロニグラタン */
#isocal .p-recipe .p-macaroni::before {
	border-color: #b0db7f;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_macaroni.png?v=1679603859');
}
#isocal .p-recipe .p-macaroni .recipe_inner {
	border-color: #b0db7f;
}
#isocal .p-recipe .p-macaroni .recipe_inner .c-badge {
	padding-top: .4em;
	fill: #92c94b;
}
#isocal .p-recipe .p-macaroni .recipe_inner .c-button,
#isocal .p-recipe .p-macaroni .recipe_3step {
	border-color: #92c94b;
}
#isocal .p-recipe .p-macaroni .c-button,
#isocal .p-recipe .p-macaroni .material_list dt::before,
#isocal .p-recipe .p-macaroni .step_title,
#isocal .p-recipe .p-macaroni .step_list li::before,
#isocal .p-recipe .p-macaroni .step_list li .step,
#isocal .p-recipe .p-macaroni .recipe_summary .memo_list li::before {
	background: #92c94b;
}
#isocal .p-recipe .p-macaroni .recipe_lead,
#isocal .p-recipe .p-macaroni .recipe_title,
#isocal .p-recipe .p-macaroni .material_title,
#isocal .p-recipe .p-macaroni .nutrition_title,
#isocal .p-recipe .p-macaroni .nutrition_list dd::before,
#isocal .p-recipe .p-macaroni .recipe_summary .memo_title,
#isocal .p-recipe .p-macaroni .recipe_summary .memo_list strong {
	color: #92c94b;
}
#isocal .p-recipe .p-macaroni .recipe_lead .t,
#isocal .p-recipe .p-macaroni .nutrition_list {
	background: #f5f8ed;
}
#isocal .p-recipe .p-macaroni .recipe_summary .memo .bg {
	fill: #f5f8ed;
}
#isocal .p-recipe .p-macaroni .recipe_summary .memo_list {
	padding-left: 24px;
}
#isocal .p-recipe .p-macaroni .material_list {
/* 	background: url(../img/dotline_macaroni.svg) center top repeat-x,
		url(../img/dotline_macaroni.svg) center bottom repeat-x; */
}
@media (hover: hover) {
	#isocal .p-recipe .p-macaroni .c-button:hover {
		color: #92c94b;
	}
}

/* トロピカルチキンカレー */
#isocal .p-recipe .p-tropical::before {
	border-color: #ffb64b;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_tropical.png?v=1679603859');
}
#isocal .p-recipe .p-tropical .recipe_inner {
	border-color: #ffb64b;
}
#isocal .p-recipe .p-tropical .recipe_inner .c-badge {
	fill: #ffa22e;
}
#isocal .p-recipe .p-tropical .recipe_inner .c-button,
#isocal .p-recipe .p-tropical .recipe_3step {
	border-color: #ffa22e;
}
#isocal .p-recipe .p-tropical .c-button,
#isocal .p-recipe .p-tropical .material_list dt::before,
#isocal .p-recipe .p-tropical .step_title,
#isocal .p-recipe .p-tropical .step_list li::before,
#isocal .p-recipe .p-tropical .step_list li .step,
#isocal .p-recipe .p-tropical .recipe_summary .memo_list li::before {
	background: #ffa22e;
}
#isocal .p-recipe .p-tropical .recipe_lead,
#isocal .p-recipe .p-tropical .recipe_title,
#isocal .p-recipe .p-tropical .material_title,
#isocal .p-recipe .p-tropical .nutrition_title,
#isocal .p-recipe .p-tropical .nutrition_list dd::before,
#isocal .p-recipe .p-tropical .recipe_summary .memo_title,
#isocal .p-recipe .p-tropical .recipe_summary .memo_list strong {
	color: #ffa22e;
}
#isocal .p-recipe .p-tropical .recipe_lead .t,
#isocal .p-recipe .p-tropical .nutrition_list {
	background: #fff5eb;
}
#isocal .p-recipe .p-tropical .recipe_summary .memo .bg {
	fill: #fff5eb;
}
#isocal .p-recipe .p-tropical .material_list {
/* 	background: url(../img/dotline_tropical.svg) center top repeat-x,
		url(../img/dotline_tropical.svg) center bottom repeat-x; */
}
@media (hover: hover) {
	#isocal .p-recipe .p-tropical .c-button:hover {
		color: #ffa22e;
	}
}

/* あげない大学芋 */
#isocal .p-recipe .p-daigakuimo::before {
	border-color: #c2d443;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_daigakuimo.png?v=1679604601');
}
#isocal .p-recipe .p-daigakuimo .recipe_inner {
	border-color: #c2d443;
}
#isocal .p-recipe .p-daigakuimo .recipe_inner .c-badge {
	fill: #c2d443;
}
#isocal .p-recipe .p-daigakuimo .recipe_inner .c-button,
#isocal .p-recipe .p-daigakuimo .recipe_3step {
	border-color: #c2d443;
}
#isocal .p-recipe .p-daigakuimo .c-button,
#isocal .p-recipe .p-daigakuimo .material_list dt::before,
#isocal .p-recipe .p-daigakuimo .step_title,
#isocal .p-recipe .p-daigakuimo .step_list li::before,
#isocal .p-recipe .p-daigakuimo .step_list li .step,
#isocal .p-recipe .p-daigakuimo .recipe_summary .memo_list li::before {
	background: #c2d443;
}
#isocal .p-recipe .p-daigakuimo .recipe_lead,
#isocal .p-recipe .p-daigakuimo .recipe_title,
#isocal .p-recipe .p-daigakuimo .material_title,
#isocal .p-recipe .p-daigakuimo .nutrition_title,
#isocal .p-recipe .p-daigakuimo .nutrition_list dd::before,
#isocal .p-recipe .p-daigakuimo .recipe_summary .memo_title,
#isocal .p-recipe .p-daigakuimo .recipe_summary .memo_list strong {
	color: #c2d443;
}
#isocal .p-recipe .p-daigakuimo .recipe_lead .t,
#isocal .p-recipe .p-daigakuimo .nutrition_list {
	background: #f7f9dc;
}
#isocal .p-recipe .p-daigakuimo .recipe_summary .memo .bg {
	fill: #f7f9dc;
}
#isocal .p-recipe .p-daigakuimo .material_list {
/* 	background: url(../img/dotline_daigakuimo.svg) center top repeat-x,
		url(../img/dotline_daigakuimo.svg) center bottom repeat-x; */
}
@media (hover: hover) {
	#isocal .p-recipe .p-daigakuimo .c-button:hover {
		color: #c2d443;
	}
}

/* じゃがいもの甘辛おやき */
#isocal .p-recipe .p-oyaki::before {
	border-color: #bc66a2;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_oyaki.png?v=1679604601');
}
#isocal .p-recipe .p-oyaki .recipe_inner {
	border-color: #bc66a3;
}
#isocal .p-recipe .p-oyaki .recipe_inner .c-badge {
	fill: #bc66a3;
}
#isocal .p-recipe .p-oyaki .recipe_inner .c-button,
#isocal .p-recipe .p-oyaki .recipe_3step {
	border-color: #bc66a3;
}
#isocal .p-recipe .p-oyaki .c-button,
#isocal .p-recipe .p-oyaki .material_list dt::before,
#isocal .p-recipe .p-oyaki .step_title,
#isocal .p-recipe .p-oyaki .step_list li::before,
#isocal .p-recipe .p-oyaki .step_list li .step,
#isocal .p-recipe .p-oyaki .recipe_summary .memo_list li::before {
	background: #bc66a3;
}
#isocal .p-recipe .p-oyaki .recipe_lead,
#isocal .p-recipe .p-oyaki .recipe_title,
#isocal .p-recipe .p-oyaki .material_title,
#isocal .p-recipe .p-oyaki .nutrition_title,
#isocal .p-recipe .p-oyaki .nutrition_list dd::before,
#isocal .p-recipe .p-oyaki .recipe_summary .memo_title,
#isocal .p-recipe .p-oyaki .recipe_summary .memo_list strong {
	color: #bc66a3;
}
#isocal .p-recipe .p-oyaki .recipe_lead .t,
#isocal .p-recipe .p-oyaki .nutrition_list {
	background: #f7eff6;
}
#isocal .p-recipe .p-oyaki .recipe_summary .memo .bg {
	fill: #f3e8f2;
}
#isocal .p-recipe .p-oyaki .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_oyaki.svg?v=1679604601') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_oyaki.svg?v=1679604601') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-oyaki .c-button:hover {
		color: #bc66a3;
	}
}

/* キャベツのコールスロー */
#isocal .p-recipe .p-cabbage::before {
	border-color: #74b857;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_cabbage.png?v=1679605119');
}
#isocal .p-recipe .p-cabbage .recipe_inner {
	border-color: #75b857;
}
#isocal .p-recipe .p-cabbage .recipe_inner .c-badge {
	fill: #75b857;
}
#isocal .p-recipe .p-cabbage .recipe_inner .c-button,
#isocal .p-recipe .p-cabbage .recipe_3step {
	border-color: #75b857;
}
#isocal .p-recipe .p-cabbage .c-button,
#isocal .p-recipe .p-cabbage .material_list dt::before,
#isocal .p-recipe .p-cabbage .step_title,
#isocal .p-recipe .p-cabbage .step_list li::before,
#isocal .p-recipe .p-cabbage .step_list li .step,
#isocal .p-recipe .p-cabbage .recipe_summary .memo_list li::before {
	background: #75b857;
}
#isocal .p-recipe .p-cabbage .recipe_lead,
#isocal .p-recipe .p-cabbage .recipe_title,
#isocal .p-recipe .p-cabbage .material_title,
#isocal .p-recipe .p-cabbage .nutrition_title,
#isocal .p-recipe .p-cabbage .nutrition_list dd::before,
#isocal .p-recipe .p-cabbage .recipe_summary .memo_title,
#isocal .p-recipe .p-cabbage .recipe_summary .memo_list strong {
	color: #75b857;
}
#isocal .p-recipe .p-cabbage .recipe_lead .t,
#isocal .p-recipe .p-cabbage .nutrition_list {
	background: #eff8ed;
}
#isocal .p-recipe .p-cabbage .recipe_summary .memo .bg {
	fill: #eff8ed;
}
#isocal .p-recipe .p-cabbage .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_cabbage.svg?v=1679605118') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_cabbage.svg?v=1679605118') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-cabbage .c-button:hover {
		color: #75b857;
	}
}@media (min-width: 768px) {
	#isocal .p-recipe .p-cabbage .recipe_summary .memo_list {
		padding-left: 1em;
	}
}


/* 根菜の煮物 */
#isocal .p-recipe .p-konsai::before {
	border-color: #936821;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_konsai.png?v=1679605119');
}
#isocal .p-recipe .p-konsai .recipe_inner {
	border-color: #916925;
}
#isocal .p-recipe .p-konsai .recipe_inner .c-badge {
	fill: #916925;
}
#isocal .p-recipe .p-konsai .recipe_inner .c-button,
#isocal .p-recipe .p-konsai .recipe_3step {
	border-color: #916925;
}
#isocal .p-recipe .p-konsai .c-button,
#isocal .p-recipe .p-konsai .material_list dt::before,
#isocal .p-recipe .p-konsai .step_title,
#isocal .p-recipe .p-konsai .step_list li::before,
#isocal .p-recipe .p-konsai .step_list li .step,
#isocal .p-recipe .p-konsai .recipe_summary .memo_list li::before {
	background: #916925;
}
#isocal .p-recipe .p-konsai .recipe_lead,
#isocal .p-recipe .p-konsai .recipe_title,
#isocal .p-recipe .p-konsai .material_title,
#isocal .p-recipe .p-konsai .nutrition_title,
#isocal .p-recipe .p-konsai .nutrition_list dd::before,
#isocal .p-recipe .p-konsai .recipe_summary .memo_title,
#isocal .p-recipe .p-konsai .recipe_summary .memo_list strong {
	color: #916925;
}
#isocal .p-recipe .p-konsai .recipe_lead .t,
#isocal .p-recipe .p-konsai .nutrition_list {
	background: #f4efe6;
}
#isocal .p-recipe .p-konsai .recipe_summary .memo .bg {
	fill: #f4efe6;
}
#isocal .p-recipe .p-konsai .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_konsai.svg?v=1679605118') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_konsai.svg?v=1679605118') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-konsai .c-button:hover {
		color: #916925;
	}
}

/* いんげんのきな粉胡麻和え */
#isocal .p-recipe .p-ingen::before {
	border-color: #58a7e3;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_ingen.png?v=1679605118');
}
#isocal .p-recipe .p-ingen .recipe_inner {
	border-color: #58a7e3;
}
#isocal .p-recipe .p-ingen .recipe_inner .c-badge {
	fill: #58a7e3;
}
#isocal .p-recipe .p-ingen .recipe_inner .c-button,
#isocal .p-recipe .p-ingen .recipe_3step {
	border-color: #58a7e3;
}
#isocal .p-recipe .p-ingen .c-button,
#isocal .p-recipe .p-ingen .material_list dt::before,
#isocal .p-recipe .p-ingen .step_title,
#isocal .p-recipe .p-ingen .step_list li::before,
#isocal .p-recipe .p-ingen .step_list li .step,
#isocal .p-recipe .p-ingen .recipe_summary .memo_list li::before {
	background: #58a7e3;
}
#isocal .p-recipe .p-ingen .recipe_lead,
#isocal .p-recipe .p-ingen .recipe_title,
#isocal .p-recipe .p-ingen .material_title,
#isocal .p-recipe .p-ingen .nutrition_title,
#isocal .p-recipe .p-ingen .nutrition_list dd::before,
#isocal .p-recipe .p-ingen .recipe_summary .memo_title,
#isocal .p-recipe .p-ingen .recipe_summary .memo_list strong {
	color: #58a7e3;
}
#isocal .p-recipe .p-ingen .recipe_lead .t,
#isocal .p-recipe .p-ingen .nutrition_list {
	background: #ecf6fc;
}
#isocal .p-recipe .p-ingen .recipe_summary .memo .bg {
	fill: #ecf4fd;
}
#isocal .p-recipe .p-ingen .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_ingen.svg?v=1679605118') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_ingen.svg?v=1679605118') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-ingen .c-button:hover {
		color: #58a7e3;
	}
}

/* かぼちゃとブロッコリーのきなこ和え */
#isocal .p-recipe .p-kabocha::before {
	border-color: #c39b47;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_kabocha.png?v=1679605118');
}
#isocal .p-recipe .p-kabocha .recipe_inner {
	border-color: #c49a47;
}
#isocal .p-recipe .p-kabocha .recipe_inner .c-badge {
	fill: #c49a47;
}
#isocal .p-recipe .p-kabocha .recipe_inner .c-button,
#isocal .p-recipe .p-kabocha .recipe_3step {
	border-color: #c49a47;
}
#isocal .p-recipe .p-kabocha .c-button,
#isocal .p-recipe .p-kabocha .material_list dt::before,
#isocal .p-recipe .p-kabocha .step_title,
#isocal .p-recipe .p-kabocha .step_list li::before,
#isocal .p-recipe .p-kabocha .step_list li .step,
#isocal .p-recipe .p-kabocha .recipe_summary .memo_list li::before {
	background: #c49a47;
}
#isocal .p-recipe .p-kabocha .recipe_lead,
#isocal .p-recipe .p-kabocha .recipe_title,
#isocal .p-recipe .p-kabocha .material_title,
#isocal .p-recipe .p-kabocha .nutrition_title,
#isocal .p-recipe .p-kabocha .nutrition_list dd::before,
#isocal .p-recipe .p-kabocha .recipe_summary .memo_title,
#isocal .p-recipe .p-kabocha .recipe_summary .memo_list strong {
	color: #c49a47;
}
#isocal .p-recipe .p-kabocha .recipe_lead .t,
#isocal .p-recipe .p-kabocha .nutrition_list {
	background: #f9f6eb;
}
#isocal .p-recipe .p-kabocha .recipe_summary .memo .bg {
	fill: #faf5eb;
}
#isocal .p-recipe .p-kabocha .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_kabocha.svg?v=1679605118') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_kabocha.svg?v=1679605118') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-kabocha .c-button:hover {
		color: #c49a47;
	}
}

/* 具だくさん白和え */
#isocal .p-recipe .p-gudakusan::before {
	border-color: #63b4b6;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_gudakusan.png?v=1679605119');
}
#isocal .p-recipe .p-gudakusan .recipe_inner {
	border-color: #64b4b7;
}
#isocal .p-recipe .p-gudakusan .recipe_inner .c-badge {
	fill: #64b4b7;
}
#isocal .p-recipe .p-gudakusan .recipe_inner .c-button,
#isocal .p-recipe .p-gudakusan .recipe_3step {
	border-color: #64b4b7;
}
#isocal .p-recipe .p-gudakusan .c-button,
#isocal .p-recipe .p-gudakusan .material_list dt::before,
#isocal .p-recipe .p-gudakusan .step_title,
#isocal .p-recipe .p-gudakusan .step_list li::before,
#isocal .p-recipe .p-gudakusan .step_list li .step,
#isocal .p-recipe .p-gudakusan .recipe_summary .memo_list li::before {
	background: #64b4b7;
}
#isocal .p-recipe .p-gudakusan .recipe_lead,
#isocal .p-recipe .p-gudakusan .recipe_title,
#isocal .p-recipe .p-gudakusan .material_title,
#isocal .p-recipe .p-gudakusan .nutrition_title,
#isocal .p-recipe .p-gudakusan .nutrition_list dd::before,
#isocal .p-recipe .p-gudakusan .recipe_summary .memo_title,
#isocal .p-recipe .p-gudakusan .recipe_summary .memo_list strong {
	color: #64b4b7;
}
#isocal .p-recipe .p-gudakusan .recipe_lead .t,
#isocal .p-recipe .p-gudakusan .nutrition_list {
	background: #eef8f8;
}
#isocal .p-recipe .p-gudakusan .recipe_summary .memo .bg {
	fill: #eef8f8;
}
#isocal .p-recipe .p-gudakusan .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_gudakusan.svg?v=1679605118') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_gudakusan.svg?v=1679605118') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-gudakusan .c-button:hover {
		color: #64b4b7;
	}
}

/* さっぱり冷や汁風 */
#isocal .p-recipe .p-hiyajiru::before {
	border-color: #4065c6;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_hiyajiru.png?v=1679605118');
}
#isocal .p-recipe .p-hiyajiru .recipe_inner {
	border-color: #3f65c5;
}
#isocal .p-recipe .p-hiyajiru .recipe_inner .c-badge {
	fill: #3f65c5;
}
#isocal .p-recipe .p-hiyajiru .recipe_inner .c-button,
#isocal .p-recipe .p-hiyajiru .recipe_3step {
	border-color: #3f65c5;
}
#isocal .p-recipe .p-hiyajiru .c-button,
#isocal .p-recipe .p-hiyajiru .material_list dt::before,
#isocal .p-recipe .p-hiyajiru .step_title,
#isocal .p-recipe .p-hiyajiru .step_list li::before,
#isocal .p-recipe .p-hiyajiru .step_list li .step,
#isocal .p-recipe .p-hiyajiru .recipe_summary .memo_list li::before {
	background: #3f65c5;
}
#isocal .p-recipe .p-hiyajiru .recipe_lead,
#isocal .p-recipe .p-hiyajiru .recipe_title,
#isocal .p-recipe .p-hiyajiru .material_title,
#isocal .p-recipe .p-hiyajiru .nutrition_title,
#isocal .p-recipe .p-hiyajiru .nutrition_list dd::before,
#isocal .p-recipe .p-hiyajiru .recipe_summary .memo_title,
#isocal .p-recipe .p-hiyajiru .recipe_summary .memo_list strong {
	color: #3f65c5;
}
#isocal .p-recipe .p-hiyajiru .recipe_lead .t,
#isocal .p-recipe .p-hiyajiru .nutrition_list {
	background: #ebeff9;
}
#isocal .p-recipe .p-hiyajiru .recipe_summary .memo .bg {
	fill: #eceff9;
}
#isocal .p-recipe .p-hiyajiru .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_hiyajiru.svg?v=1679605118') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_hiyajiru.svg?v=1679605118') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-hiyajiru .c-button:hover {
		color: #3f65c5;
	}
}

/* 豆腐と枝豆のおかか和え */
#isocal .p-recipe .p-okakaae::before {
	border-color: #a4cb3f;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_okakaae.png?v=1679605118');
}
#isocal .p-recipe .p-okakaae .recipe_inner {
	border-color: #a3cc3f;
}
#isocal .p-recipe .p-okakaae .recipe_inner .c-badge {
	fill: #a3cc3f;
}
#isocal .p-recipe .p-okakaae .recipe_inner .c-button,
#isocal .p-recipe .p-okakaae .recipe_3step {
	border-color: #a3cc3f;
}
#isocal .p-recipe .p-okakaae .c-button,
#isocal .p-recipe .p-okakaae .material_list dt::before,
#isocal .p-recipe .p-okakaae .step_title,
#isocal .p-recipe .p-okakaae .step_list li::before,
#isocal .p-recipe .p-okakaae .step_list li .step,
#isocal .p-recipe .p-okakaae .recipe_summary .memo_list li::before {
	background: #a3cc3f;
}
#isocal .p-recipe .p-okakaae .recipe_lead,
#isocal .p-recipe .p-okakaae .recipe_title,
#isocal .p-recipe .p-okakaae .material_title,
#isocal .p-recipe .p-okakaae .nutrition_title,
#isocal .p-recipe .p-okakaae .nutrition_list dd::before,
#isocal .p-recipe .p-okakaae .recipe_summary .memo_title,
#isocal .p-recipe .p-okakaae .recipe_summary .memo_list strong {
	color: #a3cc3f;
}
#isocal .p-recipe .p-okakaae .recipe_lead .t,
#isocal .p-recipe .p-okakaae .nutrition_list {
	background: #f6fae7;
}
#isocal .p-recipe .p-okakaae .recipe_summary .memo .bg {
	fill: #f6fae7;
}
#isocal .p-recipe .p-okakaae .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_coffee.svg?v=1679601843') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_coffee.svg?v=1679601843') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-okakaae .c-button:hover {
		color: #a3cc3f;
	}
}

/* にんじんサラダ */
#isocal .p-recipe .p-ninjin::before {
	border-color: #e98637;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_ninjin.png?v=1679605118');
}
#isocal .p-recipe .p-ninjin .recipe_inner {
	border-color: #e98636;
}
#isocal .p-recipe .p-ninjin .recipe_inner .c-badge {
	fill: #e98636;
}
#isocal .p-recipe .p-ninjin .recipe_inner .c-button,
#isocal .p-recipe .p-ninjin .recipe_3step {
	border-color: #e98636;
}
#isocal .p-recipe .p-ninjin .c-button,
#isocal .p-recipe .p-ninjin .material_list dt::before,
#isocal .p-recipe .p-ninjin .step_title,
#isocal .p-recipe .p-ninjin .step_list li::before,
#isocal .p-recipe .p-ninjin .step_list li .step,
#isocal .p-recipe .p-ninjin .recipe_summary .memo_list li::before {
	background: #e98636;
}
#isocal .p-recipe .p-ninjin .recipe_lead,
#isocal .p-recipe .p-ninjin .recipe_title,
#isocal .p-recipe .p-ninjin .material_title,
#isocal .p-recipe .p-ninjin .nutrition_title,
#isocal .p-recipe .p-ninjin .nutrition_list dd::before,
#isocal .p-recipe .p-ninjin .recipe_summary .memo_title,
#isocal .p-recipe .p-ninjin .recipe_summary .memo_list strong {
	color: #e98636;
}
#isocal .p-recipe .p-ninjin .recipe_lead .t,
#isocal .p-recipe .p-ninjin .nutrition_list {
	background: #fcf2e8;
}
#isocal .p-recipe .p-ninjin .recipe_summary .memo .bg {
	fill: #fcf2e8;
}
#isocal .p-recipe .p-ninjin .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_coffee.svg?v=1679601843') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_coffee.svg?v=1679601843') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-ninjin .c-button:hover {
		color: #e98636;
	}
}

/* 菜の花とハムのサラダ */
#isocal .p-recipe .p-nanohana::before {
	border-color: #f19e9b;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_nanohana.png?v=1679605119');
}
#isocal .p-recipe .p-nanohana .recipe_inner {
	border-color: #f29e9b;
}
#isocal .p-recipe .p-nanohana .recipe_inner .c-badge {
	fill: #f29e9b;
}
#isocal .p-recipe .p-nanohana .recipe_inner .c-button,
#isocal .p-recipe .p-nanohana .recipe_3step {
	border-color: #f29e9b;
}
#isocal .p-recipe .p-nanohana .c-button,
#isocal .p-recipe .p-nanohana .material_list dt::before,
#isocal .p-recipe .p-nanohana .step_title,
#isocal .p-recipe .p-nanohana .step_list li::before,
#isocal .p-recipe .p-nanohana .step_list li .step,
#isocal .p-recipe .p-nanohana .recipe_summary .memo_list li::before {
	background: #f29e9b;
}
#isocal .p-recipe .p-nanohana .recipe_lead,
#isocal .p-recipe .p-nanohana .recipe_title,
#isocal .p-recipe .p-nanohana .material_title,
#isocal .p-recipe .p-nanohana .nutrition_title,
#isocal .p-recipe .p-nanohana .nutrition_list dd::before,
#isocal .p-recipe .p-nanohana .recipe_summary .memo_title,
#isocal .p-recipe .p-nanohana .recipe_summary .memo_list strong {
	color: #f29e9b;
}
#isocal .p-recipe .p-nanohana .recipe_lead .t,
#isocal .p-recipe .p-nanohana .nutrition_list {
	background: #fdf5f4;
}
#isocal .p-recipe .p-nanohana .recipe_summary .memo .bg {
	fill: #fdf5f4;
}
#isocal .p-recipe .p-nanohana .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_coffee.svg?v=1679601843') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_coffee.svg?v=1679601843') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-nanohana .c-button:hover {
		color: #f29e9b;
	}
}

/* 豆腐のきのこあんかけ */
#isocal .p-recipe .p-kinoko::before {
	border-color: #c57a56;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_kinoko.png?v=1679605118');
}
#isocal .p-recipe .p-kinoko .recipe_inner {
	border-color: #c57956;
}
#isocal .p-recipe .p-kinoko .recipe_inner .c-badge {
	fill: #c57956;
}
#isocal .p-recipe .p-kinoko .recipe_inner .c-button,
#isocal .p-recipe .p-kinoko .recipe_3step {
	border-color: #c57956;
}
#isocal .p-recipe .p-kinoko .c-button,
#isocal .p-recipe .p-kinoko .material_list dt::before,
#isocal .p-recipe .p-kinoko .step_title,
#isocal .p-recipe .p-kinoko .step_list li::before,
#isocal .p-recipe .p-kinoko .step_list li .step,
#isocal .p-recipe .p-kinoko .recipe_summary .memo_list li::before {
	background: #c57956;
}
#isocal .p-recipe .p-kinoko .recipe_lead,
#isocal .p-recipe .p-kinoko .recipe_title,
#isocal .p-recipe .p-kinoko .material_title,
#isocal .p-recipe .p-kinoko .nutrition_title,
#isocal .p-recipe .p-kinoko .nutrition_list dd::before,
#isocal .p-recipe .p-kinoko .recipe_summary .memo_title,
#isocal .p-recipe .p-kinoko .recipe_summary .memo_list strong {
	color: #c57956;
}
#isocal .p-recipe .p-kinoko .recipe_lead .t,
#isocal .p-recipe .p-kinoko .nutrition_list {
	background: #f8f1ed;
}
#isocal .p-recipe .p-kinoko .recipe_summary .memo .bg {
	fill: #f8f1ed;
}
#isocal .p-recipe .p-kinoko .material_list {
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_coffee.svg?v=1679601843') center top repeat-x,
		url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dotline_coffee.svg?v=1679601843') center bottom repeat-x;
}
@media (hover: hover) {
	#isocal .p-recipe .p-kinoko .c-button:hover {
		color: #c57956;
	}
}


/**
 * ビタミンプラス・ミネラルプラス
 * ---------------------------------------- */
/* みかんゼリーのあんみつ */
#isocal .p-recipe .p-tpmikan::before {
	border-color: #ff9933;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_vpmikan.png?v=1679653895');
}
#isocal .p-recipe .p-tpmikan .recipe_inner {
	border-color: #ff9933;
}
#isocal .p-recipe .p-tpmikan .recipe_inner .c-badge {
	padding-bottom: .2em;
	fill: #ff9933;
}
#isocal .p-recipe .p-tpmikan .recipe_inner .c-button,
#isocal .p-recipe .p-tpmikan .recipe_3step {
	border-color: #ff9933;
}
#isocal .p-recipe .p-tpmikan .c-button,
#isocal .p-recipe .p-tpmikan .material_list dt::before,
#isocal .p-recipe .p-tpmikan .step_title,
#isocal .p-recipe .p-tpmikan .step_list li::before,
#isocal .p-recipe .p-tpmikan .step_list li .step,
#isocal .p-recipe .p-tpmikan .recipe_summary .memo_list li::before {
	background: #ff9933;
}
#isocal .p-recipe .p-tpmikan .recipe_lead,
#isocal .p-recipe .p-tpmikan .recipe_title,
#isocal .p-recipe .p-tpmikan .material_title,
#isocal .p-recipe .p-tpmikan .nutrition_title,
#isocal .p-recipe .p-tpmikan .nutrition_list dd::before,
#isocal .p-recipe .p-tpmikan .recipe_summary .memo_title,
#isocal .p-recipe .p-tpmikan .recipe_summary .memo_list strong {
	color: #ff9933;
}
#isocal .p-recipe .p-tpmikan .recipe_lead .t,
#isocal .p-recipe .p-tpmikan .nutrition_list {
	background: #fff5ea;
}
#isocal .p-recipe .p-tpmikan .recipe_summary .memo .bg {
	fill: #fff5ea;
}
#isocal .p-recipe .p-tpmikan .material_list {
/* 	background: url(../img/dotline_vpmikan.svg) center top repeat-x,
		url(../img/dotline_vpmikan.svg) center bottom repeat-x; */
}
@media (hover: hover) {
	#isocal .p-recipe .p-tpmikan .c-button:hover {
		color: #ff9933;
	}
}

/* ぶどうのミルクゼリー */
#isocal .p-recipe .p-tpmilk::before {
	border-color: #d080bf;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_vpmilk.png?v=1679653895');
}
#isocal .p-recipe .p-tpmilk .recipe_inner {
	border-color: #d080bf;
}
#isocal .p-recipe .p-tpmilk .recipe_inner .c-badge {
	padding-bottom: .2em;
	fill: #d080bf;
}
#isocal .p-recipe .p-tpmilk .recipe_inner .c-button,
#isocal .p-recipe .p-tpmilk .recipe_3step {
	border-color: #d080bf;
}
#isocal .p-recipe .p-tpmilk .c-button,
#isocal .p-recipe .p-tpmilk .material_list dt::before,
#isocal .p-recipe .p-tpmilk .step_title,
#isocal .p-recipe .p-tpmilk .step_list li::before,
#isocal .p-recipe .p-tpmilk .step_list li .step,
#isocal .p-recipe .p-tpmilk .recipe_summary .memo_list li::before {
	background: #d080bf;
}
#isocal .p-recipe .p-tpmilk .recipe_lead,
#isocal .p-recipe .p-tpmilk .recipe_title,
#isocal .p-recipe .p-tpmilk .material_title,
#isocal .p-recipe .p-tpmilk .nutrition_title,
#isocal .p-recipe .p-tpmilk .nutrition_list dd::before,
#isocal .p-recipe .p-tpmilk .recipe_summary .memo_title,
#isocal .p-recipe .p-tpmilk .recipe_summary .memo_list strong {
	color: #d080bf;
}
#isocal .p-recipe .p-tpmilk .recipe_lead .t,
#isocal .p-recipe .p-tpmilk .nutrition_list {
	background: #faf2f8;
}
#isocal .p-recipe .p-tpmilk .recipe_summary .memo .bg {
	fill: #faf2f8;
}
#isocal .p-recipe .p-tpmilk .material_list {
/* 	background: url(../img/dotline_vpmilk.svg) center top repeat-x,
		url(../img/dotline_vpmilk.svg) center bottom repeat-x; */
}
@media (hover: hover) {
	#isocal .p-recipe .p-tpmilk .c-button:hover {
		color: #d080bf;
	}
}

/* セロリとみかんのサラダ */
#isocal .p-recipe .p-tpcelery::before {
	border-color: #339900;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_vpcelery.png?v=1679653895');
}
#isocal .p-recipe .p-tpcelery .recipe_inner {
	border-color: #339900;
}
#isocal .p-recipe .p-tpcelery .recipe_inner .c-badge {
	padding-bottom: .2em;
	fill: #339900;
}
#isocal .p-recipe .p-tpcelery .recipe_inner .c-button,
#isocal .p-recipe .p-tpcelery .recipe_3step {
	border-color: #339900;
}
#isocal .p-recipe .p-tpcelery .c-button,
#isocal .p-recipe .p-tpcelery .material_list dt::before,
#isocal .p-recipe .p-tpcelery .step_title,
#isocal .p-recipe .p-tpcelery .step_list li::before,
#isocal .p-recipe .p-tpcelery .step_list li .step,
#isocal .p-recipe .p-tpcelery .recipe_summary .memo_list li::before {
	background: #339900;
}
#isocal .p-recipe .p-tpcelery .recipe_lead,
#isocal .p-recipe .p-tpcelery .recipe_title,
#isocal .p-recipe .p-tpcelery .material_title,
#isocal .p-recipe .p-tpcelery .nutrition_title,
#isocal .p-recipe .p-tpcelery .nutrition_list dd::before,
#isocal .p-recipe .p-tpcelery .recipe_summary .memo_title,
#isocal .p-recipe .p-tpcelery .recipe_summary .memo_list strong {
	color: #339900;
}
#isocal .p-recipe .p-tpcelery .recipe_lead .t,
#isocal .p-recipe .p-tpcelery .nutrition_list {
	background: #eaf5e5;
}
#isocal .p-recipe .p-tpcelery .recipe_summary .memo .bg {
	fill: #eaf5e5;
}
#isocal .p-recipe .p-tpcelery .material_list {
/* 	background: url(../img/dotline_vpcelery.svg) center top repeat-x,
		url(../img/dotline_vpcelery.svg) center bottom repeat-x; */
}
@media (hover: hover) {
	#isocal .p-recipe .p-tpcelery .c-button:hover {
		color: #339900;
	}
}

/* 豚肉と野菜のぶどう風味炒め */
#isocal .p-recipe .p-tpitame::before {
	border-color: #6d81e2;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_vpitame.png?v=1679653895');
}
#isocal .p-recipe .p-tpitame .recipe_inner {
	border-color: #6d81e2;
}
#isocal .p-recipe .p-tpitame .recipe_inner .c-badge {
	padding-bottom: .2em;
	fill: #6d81e2;
}
#isocal .p-recipe .p-tpitame .recipe_inner .c-button,
#isocal .p-recipe .p-tpitame .recipe_3step {
	border-color: #6d81e2;
}
#isocal .p-recipe .p-tpitame .c-button,
#isocal .p-recipe .p-tpitame .material_list dt::before,
#isocal .p-recipe .p-tpitame .step_title,
#isocal .p-recipe .p-tpitame .step_list li::before,
#isocal .p-recipe .p-tpitame .step_list li .step,
#isocal .p-recipe .p-tpitame .recipe_summary .memo_list li::before {
	background: #6d81e2;
}
#isocal .p-recipe .p-tpitame .recipe_lead,
#isocal .p-recipe .p-tpitame .recipe_title,
#isocal .p-recipe .p-tpitame .material_title,
#isocal .p-recipe .p-tpitame .nutrition_title,
#isocal .p-recipe .p-tpitame .nutrition_list dd::before,
#isocal .p-recipe .p-tpitame .recipe_summary .memo_title,
#isocal .p-recipe .p-tpitame .recipe_summary .memo_list strong {
	color: #6d81e2;
}
#isocal .p-recipe .p-tpitame .recipe_lead .t,
#isocal .p-recipe .p-tpitame .nutrition_list {
	background: #f0f2fc;
}
#isocal .p-recipe .p-tpitame .recipe_summary .memo .bg {
	fill: #f0f2fc;
}
#isocal .p-recipe .p-tpitame .material_list {
/* 	background: url(../img/dotline_vpitame.svg) center top repeat-x,
		url(../img/dotline_vpitame.svg) center bottom repeat-x; */
}
@media (hover: hover) {
	#isocal .p-recipe .p-tpitame .c-button:hover {
		color: #6d81e2;
	}
}

/* 人参とミックスフルーツのスムージー */
#isocal .p-recipe .p-mpninjin::before {
	border-color: #ff8366;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_mpninjin.png?v=1679652019');
}
#isocal .p-recipe .p-mpninjin .recipe_inner {
	border-color: #ff8366;
}
#isocal .p-recipe .p-mpninjin .recipe_inner .c-badge {
	padding-bottom: .2em;
	fill: #ff8366;
}
#isocal .p-recipe .p-mpninjin .recipe_inner .c-button,
#isocal .p-recipe .p-mpninjin .recipe_3step {
	border-color: #ff8366;
}
#isocal .p-recipe .p-mpninjin .c-button,
#isocal .p-recipe .p-mpninjin .material_list dt::before,
#isocal .p-recipe .p-mpninjin .step_title,
#isocal .p-recipe .p-mpninjin .step_list li::before,
#isocal .p-recipe .p-mpninjin .step_list li .step,
#isocal .p-recipe .p-mpninjin .recipe_summary .memo_list li::before {
	background: #ff8366;
}
#isocal .p-recipe .p-mpninjin .recipe_lead,
#isocal .p-recipe .p-mpninjin .recipe_title,
#isocal .p-recipe .p-mpninjin .material_title,
#isocal .p-recipe .p-mpninjin .nutrition_title,
#isocal .p-recipe .p-mpninjin .nutrition_list dd::before,
#isocal .p-recipe .p-mpninjin .recipe_summary .memo_title,
#isocal .p-recipe .p-mpninjin .recipe_summary .memo_list strong {
	color: #ff8366;
}
#isocal .p-recipe .p-mpninjin .recipe_lead .t,
#isocal .p-recipe .p-mpninjin .nutrition_list {
	background: #fff2ef;
}
#isocal .p-recipe .p-mpninjin .recipe_summary .memo .bg {
	fill: #fff2ef;
}
#isocal .p-recipe .p-mpninjin .material_list {
/* 	background: url(../img/dotline_mpninjin.svg) center top repeat-x,
		url(../img/dotline_mpninjin.svg) center bottom repeat-x; */
}
@media (hover: hover) {
	#isocal .p-recipe .p-mpninjin .c-button:hover {
		color: #ff8366;
	}
}

/* バナナのパウンドケーキ */
#isocal .p-recipe .p-mpbanana::before {
	border-color: #d8af03;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_mpbanana.png?v=1679652019');
}
#isocal .p-recipe .p-mpbanana .recipe_inner {
	border-color: #d8af03;
}
#isocal .p-recipe .p-mpbanana .recipe_inner .c-badge {
	padding-bottom: .2em;
	fill: #d8af03;
}
#isocal .p-recipe .p-mpbanana .recipe_inner .c-button,
#isocal .p-recipe .p-mpbanana .recipe_3step {
	border-color: #d8af03;
}
#isocal .p-recipe .p-mpbanana .c-button,
#isocal .p-recipe .p-mpbanana .material_list dt::before,
#isocal .p-recipe .p-mpbanana .step_title,
#isocal .p-recipe .p-mpbanana .step_list li::before,
#isocal .p-recipe .p-mpbanana .step_list li .step,
#isocal .p-recipe .p-mpbanana .recipe_summary .memo_list li::before {
	background: #d8af03;
}
#isocal .p-recipe .p-mpbanana .recipe_lead,
#isocal .p-recipe .p-mpbanana .recipe_title,
#isocal .p-recipe .p-mpbanana .material_title,
#isocal .p-recipe .p-mpbanana .nutrition_title,
#isocal .p-recipe .p-mpbanana .nutrition_list dd::before,
#isocal .p-recipe .p-mpbanana .recipe_summary .memo_title,
#isocal .p-recipe .p-mpbanana .recipe_summary .memo_list strong {
	color: #d8af03;
}
#isocal .p-recipe .p-mpbanana .recipe_lead .t,
#isocal .p-recipe .p-mpbanana .nutrition_list {
	background: #fbf7e5;
}
#isocal .p-recipe .p-mpbanana .recipe_summary .memo .bg {
	fill: #fbf7e5;
}
#isocal .p-recipe .p-mpbanana .material_list {
/* 	background: url(../img/dotline_mpbanana.svg) center top repeat-x,
		url(../img/dotline_mpbanana.svg) center bottom repeat-x; */
}
@media (hover: hover) {
	#isocal .p-recipe .p-mpbanana .c-button:hover {
		color: #d8af03;
	}
}

/* タコとマスカットの和え物 */
#isocal .p-recipe .p-mpmuscat::before {
	border-color: #69c42d;
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/bg_mpmuscat.png?v=1679652020');
}
#isocal .p-recipe .p-mpmuscat .recipe_inner {
	border-color: #69c42d;
}
#isocal .p-recipe .p-mpmuscat .recipe_inner .c-badge {
	padding-bottom: .2em;
	fill: #69c42d;
}
#isocal .p-recipe .p-mpmuscat .recipe_inner .c-button,
#isocal .p-recipe .p-mpmuscat .recipe_3step {
	border-color: #69c42d;
}
#isocal .p-recipe .p-mpmuscat .c-button,
#isocal .p-recipe .p-mpmuscat .material_list dt::before,
#isocal .p-recipe .p-mpmuscat .step_title,
#isocal .p-recipe .p-mpmuscat .step_list li::before,
#isocal .p-recipe .p-mpmuscat .step_list li .step,
#isocal .p-recipe .p-mpmuscat .recipe_summary .memo_list li::before {
	background: #69c42d;
}
#isocal .p-recipe .p-mpmuscat .recipe_lead,
#isocal .p-recipe .p-mpmuscat .recipe_title,
#isocal .p-recipe .p-mpmuscat .material_title,
#isocal .p-recipe .p-mpmuscat .nutrition_title,
#isocal .p-recipe .p-mpmuscat .nutrition_list dd::before,
#isocal .p-recipe .p-mpmuscat .recipe_summary .memo_title,
#isocal .p-recipe .p-mpmuscat .recipe_summary .memo_list strong {
	color: #69c42d;
}
#isocal .p-recipe .p-mpmuscat .recipe_lead .t,
#isocal .p-recipe .p-mpmuscat .nutrition_list {
	background: #f0f9ea;
}
#isocal .p-recipe .p-mpmuscat .recipe_summary .memo .bg {
	fill: #f0f9ea;
}
#isocal .p-recipe .p-mpmuscat .material_list {
/* 	background: url(../img/dotline_mpmuscat.svg) center top repeat-x,
		url(../img/dotline_mpmuscat.svg) center bottom repeat-x; */
}
@media (hover: hover) {
	#isocal .p-recipe .p-mpmuscat .c-button:hover {
		color: #69c42d;
	}
}


/**
 * 動画でよくわかる！
 * ---------------------------------------- */
#isocal .p-recipe .p-video {
	margin: 200px 0 120px;
	padding: 0 32px;
}
#isocal .p-recipe .p-video .recipe_inner {
	max-width: 864px;
	padding: 0 24px 24px;
	border-color: #6369a9;
	text-align: center;
}
@media (min-width: 768px) {
	#isocal .p-recipe .p-video .recipe_inner {
		margin-top: 96px;
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .p-video {
		padding-right: calc(32vw / 4.8);
		padding-left: calc(32vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .p-recipe .p-video .recipe_inner {
		padding: 0 16px 24px;
	}
}

/* :::::: title :::::: */
#isocal .p-recipe .p-video .video_title {
	z-index: 1;
	position: relative;
	margin: 0 auto;
}
#isocal .p-recipe .p-video .video_title .c-badge {
	padding-bottom: .3em;
	font-size: 20px;
	fill: #ffba00;
}
#isocal .p-recipe .p-video .video_title .title {
	color: #1f2884;
	font-size: 26px;
}
#isocal .p-recipe .p-video .video_title .main {
	font-size: 34px;
}
@media (min-width: 768px) {
	#isocal .p-recipe .p-video .video_title {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 140px;
		margin-top: -96px;
	}
	#isocal .p-recipe .p-video .video_title::before {
		content: "";
		z-index: -1;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 45.5px;
		background: #fff;
	}
	#isocal .p-recipe .p-video .video_title .title {
		margin-left: .6em;
	}
	#isocal .p-recipe .p-video .video_title .main {
		white-space: nowrap;
	}
	#isocal .p-recipe .p-video .video_title .main img {
		width: auto;
		height: 1.8em;
		margin-right: .1em;
		vertical-align: text-bottom;
	}
}
@media (min-width: 768px) and (max-width: 929px) {
	#isocal .p-recipe .p-video .video_title .c-badge {
		font-size: calc(20vw / 9.28);
	}
	#isocal .p-recipe .p-video .video_title .title {
		font-size: calc(26vw / 9.28);
	}
	#isocal .p-recipe .p-video .video_title .main {
		font-size: calc(34vw / 9.28);
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .p-video .video_title .c-badge {
		position: absolute;
		top: calc(-78vw / 4.8);
		left: calc(50% - 78vw / 4.8);
		font-size: calc(20vw / 4.8);
	}
	#isocal .p-recipe .p-video .video_title .title {
		display: block;
		padding-top: calc(80vw / 4.8);
		font-size: calc(20vw / 4.8);
		letter-spacing: 0;
       margin: 0;
	}
	#isocal .p-recipe .p-video .video_title .main {
		font-size: calc(34vw / 4.8);
	}
	#isocal .p-recipe .p-video .video_title .main img {
		width: 100%;
	}
}

/* :::::: list :::::: */
#isocal .p-recipe .p-video .video_list {
	width: 100%;
}
#isocal .p-recipe .p-video .video_list li + li {
	padding-top: 33px;
/* 	background: url(../img/dotline_video.svg) center top repeat-x; */
}
#isocal .p-recipe .p-video .video_list .c-video {
	overflow: hidden;
	border: 0;
}
#isocal .p-recipe .p-video .video_list .text dt {
	color: #1f2884;
	font-size: 28px;
	font-weight: 900;
}
#isocal .p-recipe .p-video .video_list .text dd {
	margin-top: 8px;
}
@media (min-width: 768px) {
	#isocal .p-recipe .p-video .video_list li {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 40px 40px 32px;
	}
	#isocal .p-recipe .p-video .video_list .c-video {
		flex-basis: 50%;
	}
	#isocal .p-recipe .p-video .video_list .text {
		flex-basis: calc(50% - 16px);
	}
}
@media (max-width: 767px) {
	#isocal .p-recipe .p-video .video_list {
		margin-top: 32px;
	}
	#isocal .p-recipe .p-video .video_list li + li {
		margin-top: 24px;
	}
	#isocal .p-recipe .p-video .video_list .text {
		margin-top: 16px;
	}
}


/**
 * サイトマップ
 * ---------------------------------------- */
#isocal .p-sitemap .sitemap_title {
	margin: 0 -80px;
	padding: 0 80px 24px;
	border-bottom: 1px solid currentcolor;
	color: #1f2880;
	font-size: 32px;
	line-height: 1.2;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 800;
}
#isocal .p-sitemap .sitemap_links {
	display: flex;
}
#isocal .p-sitemap .sitemap_links dt {
	color: #1f2880;
	font-size: 19px;
	font-weight: 900;
}
#isocal .p-sitemap .sitemap_links dd {
	margin-top: 1em;
}
#isocal .p-sitemap .sitemap_links ul li {
	font-size: 18px;
}
#isocal .p-sitemap .sitemap_links ul ul li {
	padding-left: 1em;
	font-size: 16px;
}
#isocal .p-sitemap .sitemap_links ul ul ul li {
	padding-left: 1em;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
}
#isocal .p-sitemap .sitemap_links ul ul ul li + li {
	margin-top: .5em;
}
#isocal .p-sitemap .sitemap_links li {
	margin-top: .6em;
}
#isocal .p-sitemap .sitemap_links a {
	display: inline-block;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
#isocal .p-sitemap .sitemap_links a::before {
	content: "";
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .4em;
	border-radius: 1em;
	background: #1f2880;
}
#isocal .p-sitemap .sitemap_links ul ul a {
	padding-left: 1em;
	text-indent: -1em;
}
#isocal .p-sitemap .sitemap_links ul ul a::before {
	top: -.1em;
	width: 10px;
	height: 10px;
}
#isocal .p-sitemap .sitemap_links ul ul ul a {
	padding-left: .6em;
	text-indent: -.6em;
}
#isocal .p-sitemap .sitemap_links ul ul ul a::before {
	top: -.2em;
	width: 4px;
	height: 4px;
}
#isocal .p-sitemap .content_section {
    z-index: 1;
    position: relative;
    padding: 120px 64px;
}
@media screen and (min-width: 768px) {
	#isocal .p-sitemap .sitemap_links {
		justify-content: space-around;
		margin-top: 32px;
	}
	#isocal .p-sitemap .sitemap_links dl {
		flex-basis: 50%;
	}
	#isocal .p-sitemap .sitemap_links dl + dl {
		flex-basis: calc(50% - 64px);
		margin-left: 64px;
	}
	#isocal .p-sitemap .sitemap_links dd + dt {
		margin-top: 64px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
	#isocal .p-sitemap .sitemap_title {
		margin: 0 calc(-80vw / 10);
		padding: 0 calc(80vw / 10) calc(24vw / 10);
	}
}
@media screen and (max-width: 767px) {
	#isocal .p-sitemap .sitemap_title {
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8) calc(24vw / 4.8);
		font-size: calc(32vw / 4.8);
		text-align: center;
	}
	#isocal .p-sitemap .sitemap_links {
		flex-direction: column;
	}
	#isocal .p-sitemap .sitemap_links dt {
		margin-top: calc(32vw / 4.8);
		font-size: calc(19vw / 4.8);
	}
	#isocal .p-sitemap .sitemap_links ul li {
		font-size: calc(18vw / 4.8);
	}
	#isocal .p-sitemap .sitemap_links ul ul li {
		font-size: calc(16vw / 4.8);
	}
	#isocal .p-sitemap .sitemap_links ul ul ul li {
		font-size: calc(14vw / 4.8);
	}
  #isocal .p-sitemap .content_section {
        padding: 64px calc(32vw / 4.8);
    }
}
@media screen and (max-width: 480px) {
	#isocal .p-sitemap .sitemap_title {
		margin: 0 -16px;
		padding: 0 16px calc(24vw / 4.8);
		text-align: center;
	}
}

/* :::::: pulldownUi for recipe - css :::::: */
#isocal .p-sitemap .js-pullContents {
	overflow: hidden;
}
#isocal .p-sitemap .js-pullToggle {
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 16px;
	height: 16px;
	border: 1px solid #1f2880;
	border-radius: 18px;
	color: #fff;
	vertical-align: middle;
	background: #1f2880;
}
#isocal .p-sitemap .js-pullToggle::after {
	content: "";
	border-width: 5px 3px 0;
	border-style: solid;
	border-color: transparent;
	border-top-color: currentcolor;
}
@media (hover: hover) {
	#isocal .p-sitemap .js-pullToggle {
		transition: color .4s, background .4s;
	}
	#isocal .p-sitemap .js-pullToggle:hover {
		color: #1f2880;
		background: #fff;
		transition-duration: .1s;
	}
}
/* motion */
#isocal .p-sitemap .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.3,1,.7,1);
}

#isocal .p-sitemap .js-pullToggle.is-active::after {
	transform: rotateX(180deg) translateY(1px);
}
#isocal .p-sitemap .js-pullToggle.is-anim::after {
	transition: transform .3s cubic-bezier(.3,1,.7,1);
}

#isocal .p-mealassist.c-cafefood .section_list li + li,
#isocal .p-mealassist.c-cafefood .section_list li:nth-child(n+2),
#isocal .p-dehydration.c-cafefood .section_list li + li,
#isocal .p-dehydration.c-cafefood .section_list li:nth-child(n+2) {
        margin-top: 0px;
}


/**
 * 【図解】介護食の区分とは？4つの種類と選び方をケース別に解説
 * ---------------------------------------- */
#isocal .p-carefood_8.c-cafefood {
	background: #f5e9f5;
}
#isocal .p-carefood_8.c-cafefood .section_num,
#isocal .p-carefood_8.c-cafefood .content_header {
	background: #dcaddb;
}
#isocal .p-carefood_8.c-cafefood .content_section.-bg {
	background: #ece0ec;
}
#isocal .p-carefood_8.c-cafefood .figure_capsule,
#isocal .p-carefood_8.c-cafefood .header_title em::before,
#isocal .p-carefood_8.c-cafefood .toc_title,
#isocal .p-carefood_8.c-cafefood .toc_list li::before {
	background: #e9b00d;
}
#isocal .p-carefood_8.c-cafefood .header_visual img {
	box-shadow: 12px 12px 0 #c583c4;
}
#isocal .p-carefood_8.c-cafefood strong,
#isocal .p-carefood_8.c-cafefood .textlink,
#isocal .p-carefood_8.c-cafefood .section_title,
#isocal .p-carefood_8.c-cafefood .column_title,
#isocal .p-carefood_8.c-cafefood .wordlist dt,
#isocal .p-carefood_8.c-cafefood .section_list li::before,
#isocal .p-carefood_8.c-cafefood .toc_list {
	color: #e9b00d;
}
#isocal .p-carefood_8.c-cafefood .section_title .marker {
	background: linear-gradient(to top, #e8d5e8 .5em, transparent .5em);
}
#isocal .p-carefood_8.c-cafefood .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
}
#isocal .p-carefood_8.c-cafefood .section_title.-s {
    margin-top: 0;
}
#isocal .p-carefood_8.c-cafefood .memo_title {
    line-height: 1.6;
}
#isocal .p-carefood_8.c-cafefood .section_list li + li,
#isocal .p-carefood_8.c-cafefood .section_list li:nth-child(n+2) {
        margin-top: 0px;
}
@media (max-width: 767px) {
	#isocal .p-carefood_8.c-cafefood .header_visual img {
		box-shadow: 6px 6px 0 #c583c4;
	}
	#isocal .p-carefood_8.c-cafefood .footer_afterword {
		text-align: left;
	}
	#isocal .p-carefood_8.c-cafefood .recipe_section .column_box {
        padding: calc(32vw / 4.8) calc(16vw / 4.8) calc(24vw / 4.8);
	}
}

/* table */
#isocal .p-carefood_8.c-cafefood .section_table table,
#isocal .p-carefood_8.c-cafefood .section_table th,
#isocal .p-carefood_8.c-cafefood .section_table td {
	border-color: #f8c015;
}
#isocal .p-carefood_8.c-cafefood .section_table th {
	background: #f7edc8;
}
#isocal .p-carefood_8.c-cafefood .section_table .blank {
	background: #fff;
}

/* recipe */
#isocal .p-carefood_8.c-cafefood .recipe_section {
	margin-top: 48px;
}
#isocal .p-carefood_8.c-cafefood .recipe_section .recipe_title,
#isocal .p-carefood_8.c-cafefood .recipe_section .c-material .text > dt,
#isocal .p-carefood_8.c-cafefood .recipe_section .nutrition_list dt,
#isocal .p-carefood_8.c-cafefood .recipe_section .c-nutrition .ratio dt,
#isocal .p-carefood_8.c-cafefood .recipe_section .recipe_list li::before,
#isocal .p-carefood_8.c-cafefood .recipe_section .memo_title,
#isocal .p-carefood_8.c-cafefood .recipe_section .recipe_list .num {
	color: #e9b00d;
}
#isocal .p-carefood_8.c-cafefood .recipe_section .material_list dt::before,
#isocal .p-carefood_8.c-cafefood .recipe_section .c-nutrition > dt,
#isocal .p-carefood_8.c-cafefood .recipe_section .c-recipe > dt,
#isocal .p-carefood_8.c-cafefood .recipe_section .memo_list li::before {
	background: #e9b00d;
}
#isocal .p-carefood_8.c-cafefood .recipe_section .recipe_title {
	background: #fdf8e9;
}
#isocal .p-carefood_8.c-cafefood .recipe_section .recipe_list li::before,
#isocal .p-carefood_8.c-cafefood .recipe_section .recipe_list .num {
	background: #fdf7e7;
}
#isocal .p-carefood_8.c-cafefood .recipe_section .column_box {
	min-height: 120px;
	background: #f9f2f9;
}

#isocal .p-carefood_8.c-cafefood .nutrition_list.-col2 {
	columns: 2;
	column-gap: 32px;
}

/* 画像付き */
#isocal .p-carefood_8.c-cafefood .recipe_list.-withimg li {
	display: flex;
	padding-left: 0;
}
#isocal .p-carefood_8.c-cafefood .recipe_list.-withimg li::before {
	display: none;
}
#isocal .p-carefood_8.c-cafefood .recipe_list.-withimg .img {
	flex-basis: 110px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 110px;
}
#isocal .p-carefood_8.c-cafefood .recipe_list.-withimg .img .wrap {
	position: relative;
}
#isocal .p-carefood_8.c-cafefood .recipe_list.-withimg .img .caption {
	position: absolute;
	top: 46%;
	left: calc(100% + 1em);
	transform: translateY(-50%);
	font-size: 80%;
	white-space: nowrap;
}
#isocal .p-carefood_8.c-cafefood .recipe_list.-withimg .txt {
	position: relative;
	margin-left: 24px;
	padding-left: 2em;
	text-indent: -2em;
}
#isocal .p-carefood_8.c-cafefood .recipe_list.-withimg .txt::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -0.1em;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.5em;
	border-radius: 1.5em;
	color: #e9b00d;
	font-weight: 900;
	vertical-align: middle;
	text-indent: 0;
	background: #fdf7e7;
}
#isocal .p-carefood_8.c-cafefood .c-recipe dd > .img {
	display: flex;
	gap: 8px;
	margin-top: 16px;
}
#isocal .p-carefood_8.c-cafefood .c-recipe dd > .img img {
	width: 110px;
}
@media (max-width: 767px) {
	#isocal .p-carefood_8.c-cafefood .recipe_list.-withimg .img {
		flex-basis: min(110vw / 4.8, 110px);
		min-width: min(110vw / 4.8, 110px);
	}
	#isocal .p-carefood_8.c-cafefood .c-recipe dd > .img img {
		width: min(110vw / 4.8, 110px);
	}
	#isocal .p-carefood_8.c-cafefood .recipe_list.-withimg .txt {
		margin-left: 1em;
	}
}


/* 炊いたご飯から作る場合 */
#isocal .p-carefood_8.c-cafefood .p-section_1_1 .material_list {
	max-width: 320px;
}

/* トッピング */
#isocal .p-carefood_8.c-cafefood .section_column .p-topping {
	margin-top: 24px;
}
#isocal .p-carefood_8.c-cafefood .section_column .p-topping .c-capsule {
	padding: .5em;
	border-radius: 2em;
	color: white;
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	background: #e9b00d;
}
#isocal .p-carefood_8.c-cafefood .c-toppinglist {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 24px;
}
#isocal .p-carefood_8.c-cafefood .c-toppinglist .item {
	flex-basis: calc(25% - 48px / 4);
}
#isocal .p-carefood_8.c-cafefood .c-toppinglist dt {
	color: #e9b00d;
	font-weight: 700;
}
#isocal .p-carefood_8.c-cafefood .c-toppinglist dd {
	margin-top: .5em;
}
@media (max-width: 767px) {
	#isocal .p-carefood_8.c-cafefood .section_column .p-topping .c-capsule {
		font-size: calc(18vw / 4.8);
	}
	#isocal .p-carefood_8.c-cafefood .c-toppinglist {
		font-size: calc(17vw / 4.8);
	}
	#isocal .p-carefood_8.c-cafefood .c-toppinglist .item {
		flex-basis: calc(50% - 8px);
	}
}

/* おかゆの冷凍保存方法 */
#isocal .p-carefood_8.c-cafefood .c-dllist dt {
	margin-top: 16px;
}
#isocal .p-carefood_8.c-cafefood .c-dllist dt {
	color: #e9b00d;
	font-weight: 700;
}
#isocal .p-carefood_8.c-cafefood .c-dllist dd + dt {
	margin-top: .3em;
}
#isocal .p-carefood_8.c-cafefood .p-section_6 .c-dllist dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 5px;
	height: 5px;
	margin-right: .5em;
	border-radius: 4px;
	vertical-align: middle;
	background: #e9b00d;
}
@media (max-width: 767px) {
	#isocal .p-carefood_8.c-cafefood .c-dllist {
		font-size: calc(17vw / 4.8);
	}
}

/* 監修 */
#isocal .p-carefood_8.c-cafefood .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	text-align: center;
}
#isocal .p-carefood_8.c-cafefood .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}


/**
 * 【図解】低栄養が引き起こすリスクと原因・対策法について
 * ---------------------------------------- */
#isocal .p-countermeasures.c-cafefood {
	background: #ffe6e8;
}
#isocal .p-countermeasures.c-cafefood .section_num,
#isocal .p-countermeasures.c-cafefood .content_header {
	background: #ffa5b0;
}
#isocal .p-countermeasures.c-cafefood .content_section.-bg {
	background: #ffd7cf;
}
#isocal .p-countermeasures.c-cafefood .figure_capsule,
#isocal .p-countermeasures.c-cafefood .header_title em::before,
#isocal .p-countermeasures.c-cafefood .toc_title,
#isocal .p-countermeasures.c-cafefood .toc_list li::before {
	background: #1bb5c6;
}
#isocal .p-countermeasures.c-cafefood .header_visual img {
	box-shadow: 12px 12px 0 #ff8b9c;
}
#isocal .p-countermeasures.c-cafefood strong,
#isocal .p-countermeasures.c-cafefood .textlink,
#isocal .p-countermeasures.c-cafefood .section_title,
#isocal .p-countermeasures.c-cafefood .column_title,
#isocal .p-countermeasures.c-cafefood .wordlist dt,
#isocal .p-countermeasures.c-cafefood .section_list li::before,
#isocal .p-countermeasures.c-cafefood .toc_list {
	color: #1bb5c6;
}
#isocal .p-countermeasures.c-cafefood .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
#isocal .p-countermeasures.c-cafefood .p-section_2 .section_figure {
	max-width: inherit;
}
#isocal .p-countermeasures.c-cafefood .section_figure {
    margin: 32px -16px;
}
#isocal .p-countermeasures.c-cafefood .section_title.-s {
    margin-top: 0;
}
#isocal .p-countermeasures.c-cafefood .section_list li + li,
#isocal .p-countermeasures.c-cafefood .section_list li:nth-child(n+2) {
        margin-top: 0px;
}
@media screen and (max-width: 767px) {
	#isocal .p-countermeasures.c-cafefood .header_visual img {
		box-shadow: 6px 6px 0 #ff8b9c;
	}
	#isocal .p-countermeasures.c-cafefood .footer_afterword {
		text-align: left;
	}
      #isocal .p-countermeasures.c-cafefood .section_figure {
        margin: 32px 0;
    }
    #isocal .p-countermeasures.c-cafefood .content_section .section_column {
        margin-top: 40px;
    }
}
#isocal .p-countermeasures.c-cafefood .p-supervision .section_column:last-child::after {
	border-color: #1bb5c6;
}

/* individual */
#isocal .p-countermeasures.c-cafefood .section_title .drop {
	position: relative;
}
#isocal .p-countermeasures.c-cafefood .section_title .drop::after {
	content: "";
	position: absolute;
	bottom: 96%;
	right: -12px;
	width: 28px;
	height: 13px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kml1_drop.svg?v=1682757491') center / cover no-repeat;
}
#isocal .p-countermeasures.c-cafefood .section_figure img {
	height: auto;
}

/* 低栄養になるとどうなる？低栄養が引き起こす変化 */
#isocal .p-countermeasures.c-cafefood .p-section_2 .section_figure {
	padding: 24px;
	border-radius: 10px;
	background: #ffeff1;
}
#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list .wrap {
	display: block;
	margin: 0 auto;
}
#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list figcaption {
	display: inline-block;
	margin: 0 -1em .4em;
	padding: 0 1em;
	color: #1bb5c6;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 800;
	text-align: left;
}
@media (min-width: 768px) {
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li {
		flex-basis: calc(33.333% - 32px);
		max-width: calc(33.333% - 32px);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(n+4) {
		margin-top: 16px;
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:not(:nth-child(3n+1)) {
		margin-left: 24px;
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list .wrap {
		width: 166px;
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(1) .wrap {
		padding-top: 12px;
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(3) .wrap {
		width: 180px;
		padding-top: 28px;
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(5) .wrap {
		width: 212px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li {
		flex-basis: calc(33.333% - 32vw / 10.24);
		max-width: calc(33.333% - 32vw / 10.24);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:not(:nth-child(3n+1)) {
		margin-left: calc(24vw / 10.24);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list figure {
		flex-basis: calc(166vw / 10.24);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list figcaption {
		flex-basis: calc(166vw / 10.24);
		font-size: calc(20vw / 10.24);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list .wrap {
		width: calc(166vw / 10.24);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(1) .wrap {
		padding-top: calc(12vw / 10.24);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(3) .wrap {
		width: calc(180vw / 10.24);
		padding-top: calc(28vw / 10.24);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(5) .wrap {
		width: calc(212vw / 10.24);
	}
}
@media (max-width: 767px) {
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_figure {
		padding: calc(24vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li {
		flex-basis: calc(50% - 20vw / 4.8);
		max-width: calc(50% - 20vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(2),
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(5) {
		margin-left: calc(40vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(3) {
		margin: 0 25%;
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list .wrap {
		width: calc(145vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(3) .wrap {
		width: calc(157vw / 4.8);
		margin-left: calc(-6vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list li:nth-child(5) .wrap {
		width: calc(185vw / 4.8);
		margin-left: calc(-20vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .p-section_2 .section_2_list figcaption {
		font-size: calc(16vw / 4.8);
	}
}

/* あなたはどう？低栄養の状態チェックリスト */
#isocal .p-countermeasures.c-cafefood .section_checklist {
	margin: 32px -24px 0;
	padding: 32px 24px;
	border-radius: 10px;
	background: #ffb1bc;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_inner {
	position: relative;
	padding: 80px 64px;
	background: #fff;
	box-shadow: 2px 2px 6px rgba(0,0,0,.1);
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_inner::before {
	content: "";
	position: absolute;
	top: -32px;
	left: calc(50% - 153px);
	width: 306px;
	height: 94px;
	background: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kml1_countermeasures_clip.png?v=1682757491') center / cover no-repeat;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .title {
	max-width: 400px;
	margin: 0 auto;
}
@media (max-width: 1024px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_inner {
		padding-right: 40px;
		padding-left: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist {
		margin: 32px 0 0;
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist,
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_inner {
		padding: 24px calc(16vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_inner {
		padding-top: 40px;
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_inner::before {
		top: -24px;
		left: calc(50% - 76vw / 4.8);
		width: calc(153vw / 4.8);
		height: calc(47vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .section_column:first-of-type .checklist_title::before {
		margin-top: -1em;
	}
}
@media (max-width: 480px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_inner::before {
		left: calc(50% - 76px);
		width: 153px;
		height: 47px;
	}
}

#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_title {
	padding-bottom: .5em;
	border-bottom: 2px solid currentcolor;
	color: #1bb5c6;
	line-height: 1.4;
	text-align: center;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_title span {
	display: inline-block;
	text-align: left;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_title::before {
	content: attr(data-num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.1em;
	width: 1.8em;
	height: 1.8em;
	margin-right: .3em;
	padding-bottom: .1em;
	border-radius: 3em;
	color: #fff;
	vertical-align: middle;
	background: #1bb5c6;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_title .marker {
	background: linear-gradient(to top, #ffdce1 .5em, transparent .5em);
}
@media (min-width: 768px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_title {
		font-size: calc(30vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_title {
		font-size: 30px;
	}
}
@media (max-width: 767px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_title {
		font-size: calc(24vw / 4.8);
	}
}

/* box */
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_box {
	margin: 32px 0;
	padding: 40px;
	border-radius: 10px;
	background: #ffeff1;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .section_column:first-of-type {
	margin-top: 20px;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .section_column .checklist_box:last-child {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_box {
		padding: 32px calc(16vw / 4.8);
	}
}

/* 低栄養の状態チェックリスト */
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_items {
	color: #1bb5c6;
	letter-spacing: 0;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_items li {
	padding-left: 2.4em;
	text-indent: -2.4em;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_items li:nth-child(n+2) {
	margin-top: 1em;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_items li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 1.8em;
	height: 1.8em;
	margin-right: .5em;
	border: 1px solid currentcolor;
	vertical-align: middle;
	background: #fff url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kml1_check.svg?v=1682757491') center / cover no-repeat;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_items small {
	font-size: 80%;
}
@media (min-width: 768px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_items {
		font-size: calc(18vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_items {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_items {
		font-size: calc(17vw / 4.8);
	}
}

/* 指輪っかテスト */
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test,
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result {
	display: flex;
	justify-content: space-between;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test li {
	counter-increment: num;
	position: relative;
	flex-basis: calc(50% - 12px);
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test li::before {
	content: counter(num);
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -.8em;
	left: -.8em;
	width: 2em;
	height: 2em;
	border-radius: 3em;
	color: #fff;
	background: #ff6d81;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test figure img {
	border-radius: 10px 10px 0 0;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test p {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0 16px;
	height: 8em;
	border-radius: 0 0 10px 10px;
	color: #fff;
	line-height: 1.6;
	background: #1bb5c6;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result {
	margin-top: 8px;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result li {
	flex-basis: calc(33.333% - 12px);
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result p {
	color: #ff6d81;
	letter-spacing: 0;
	white-space: nowrap;
	text-align: center;
}
#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result figure img {
	border-radius: 10px;
}
@media (min-width: 768px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test li::before {
		font-size: calc(20vw / 10);
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test p {
		font-size: calc(16vw / 10);
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result p {
		font-size: calc(18vw / 10);
	}
}
@media (min-width: 1000px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test li::before {
		font-size: 20px;
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test p {
		font-size: 16px;
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result p {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test {
		display: block;
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test li {
		max-width: calc(200vw / 4.8);
		margin: 0 auto;
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test li:nth-child(n+2) {
		margin-top: 24px;
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test li::before {
		font-size: calc(18vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_test p {
		font-size: calc(14vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result {
		flex-wrap: wrap;
		justify-content: center;
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result li {
		flex-basis: calc(50% - 4vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result li:nth-child(2n) {
		margin-left: calc(8vw / 4.8);
	}
	#isocal .p-countermeasures.c-cafefood .section_checklist .checklist_result p {
		font-size: calc(16vw / 4.8);
	}
}

/* あとがき */
#isocal .p-countermeasures.c-cafefood .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	padding: 0 24px;
	color: inherit;
}
#isocal .p-countermeasures.c-cafefood .footer_afterword a {
	color: #1bb5c6;
	font-weight: 700;
}


/**
 * 【図解】フレイルとは？特徴や対策を正しく知って介護対策を
 * ---------------------------------------- */
#isocal .p-frail.c-cafefood {
	background: #ffe6e8;
}
#isocal .p-frail.c-cafefood .section_num,
#isocal .p-frail.c-cafefood .content_header {
	background: #ffa5b0;
}
#isocal .p-frail.c-cafefood .content_section.-bg {
	background: #ffd7cf;
}
#isocal .p-frail.c-cafefood .figure_capsule,
#isocal .p-frail.c-cafefood .header_title em::before,
#isocal .p-frail.c-cafefood .toc_title,
#isocal .p-frail.c-cafefood .toc_list li::before {
	background: #1bb5c6;
}
#isocal .p-frail.c-cafefood .header_visual img {
	box-shadow: 12px 12px 0 #ff8b9c;
}
#isocal .p-frail.c-cafefood strong,
#isocal .p-frail.c-cafefood .textlink,
#isocal .p-frail.c-cafefood .section_title,
#isocal .p-frail.c-cafefood .column_title,
#isocal .p-frail.c-cafefood .wordlist dt,
#isocal .p-frail.c-cafefood .section_list li::before,
#isocal .p-frail.c-cafefood .toc_list {
	color: #1bb5c6;
}
#isocal .p-frail.c-cafefood .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
#isocal .p-frail.c-cafefood .section_title.-s {
    margin-top: 0;
}
#isocal .p-frail.c-cafefood h3.c-pop,
#isocal .p-frail.c-cafefood h4.figure_label {
    font-family: "Noto Sans JP", sans-serif;
}
#isocal .p-frail.c-cafefood h4.mplus,
#isocal .p-frail.c-cafefood h4.mplus b {
    font-family: "M PLUS 1p", sans-serif;
}
#isocal .p-frail.c-cafefood .c-table tbody th {
    background: inherit;
}
#isocal .p-frail.c-cafefood b.c-space-fix {
    margin-left: -4px;
}
#isocal .p-frail.c-cafefood .figure_capsule {
    border-radius: 4em;
}
@media screen and (max-width: 767px) {
	#isocal .p-frail.c-cafefood .header_visual img {
		box-shadow: 6px 6px 0 #ff8b9c;
	}
	#isocal .p-frail.c-cafefood .footer_afterword {
		text-align: left;
	}
      #isocal .p-frail.c-cafefood b.c-space-fix {
        margin-left: -3px;
    }
     #isocal .p-frail.c-cafefood .content_section .section_column {
        margin-top: calc(40vw / 4.8);
     }
}
#isocal .p-frail.c-cafefood .c-table,
#isocal .p-frail.c-cafefood .c-table th,
#isocal .p-frail.c-cafefood .c-table td,
#isocal .p-frail.c-cafefood .p-supervision .section_column:last-child::after {
	border-color: #1bb5c6;
}
#isocal .p-frail.c-cafefood .p-section_2 .c-table thead th {
	background: #edf9ff;
}
#isocal .p-frail.c-cafefood .p-section_2 .c-table tbody td {
	text-align: left;
}
#isocal .p-frail.c-cafefood .p-check .c-table tbody td:nth-last-child(1),
#isocal .p-frail.c-cafefood .p-check .c-table tbody td:nth-last-child(2) {
	white-space: nowrap;
}
#isocal .p-frail.c-cafefood .p-section_2 .section_table .note,
#isocal .p-frail.c-cafefood .p-section_2 .section_table .caption {
	font-size: 12px;
}
#isocal .p-frail.c-cafefood .p-section_2 .section_table .caption {
	text-align: right;
}
#isocal .p-frail.c-cafefood .section_figure img {
	width: 100%;
	height: auto;
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .p-section_2 .section_table .note,
	#isocal .p-frail.c-cafefood .p-section_2 .section_table .caption {
		font-size: 10px;
	}
}

/* 詳しく見る */
#isocal .p-frail.c-cafefood .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #ff6671;
	color: #ff6671;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .p-frail.c-cafefood .c-button.-pull:hover,
	#isocal .p-frail.c-cafefood .c-button.-pull.is-active {
		color: #fff;
		background: #ff6671;
	}
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .p-frail.c-cafefood .js-pullContents {
	overflow: hidden;
}
#isocal .p-frail.c-cafefood .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* :::::: フレイルかどうかを簡単チェック！ :::::: */
#isocal .p-frail.c-cafefood .p-check {
	margin-top: 48px;
	text-align: center;
}
#isocal .p-frail.c-cafefood .p-check .c-pop {
	display: inline-block;
	position: relative;
	color: #1bb5c6;
	font-size: 24px;
	font-weight: 900;
}
#isocal .p-frail.c-cafefood .p-check .c-pop::before,
#isocal .p-frail.c-cafefood .p-check .c-pop::after {
	content: "";
	position: absolute;
	top: 0;
	height: 90%;
	border-left: 2px solid currentcolor;
	transform-origin: 50% 100%;
}
#isocal .p-frail.c-cafefood .p-check .c-pop::before {
	right: calc(100% + .3em);
	transform: rotate(-30deg);
}
#isocal .p-frail.c-cafefood .p-check .c-pop::after {
	left: calc(100% + .3em);
	transform: rotate(30deg);
}

#isocal .p-frail.c-cafefood .p-check .c-button.-withimg {
	display: inline-flex;
	width: auto;
	height: auto;
	padding: 20px;
	margin: 24px auto 0;
	border-radius: 10px;
	border-color: #1bb5c6;
	font-size: 24px;
	font-weight: 900;
	text-align: left;
	background: #1bb5c6;
}
#isocal .p-frail.c-cafefood .p-check .c-button.-withimg::after {
	content: "";
}
#isocal .p-frail.c-cafefood .p-check .c-button.-withimg {
	justify-content: space-between;
}
#isocal .p-frail.c-cafefood .p-check .c-button.-withimg::after {
	width: 160px;
	height: 108px;
	margin-left: 1em;
	background: center / cover no-repeat;
}
#isocal .p-frail.c-cafefood .p-check .c-button.-withimg[href*="004"]::after {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kml3_btn1.jpg?v=1682760440');
}
#isocal .p-frail.c-cafefood .p-check .c-button.-withimg[href*="002"]::after {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kml3_btn2.jpg?v=1682760440');
}
#isocal .p-frail.c-cafefood .p-check .c-button.-withimg[href*="011"]::after {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kml3_btn3.jpg?v=1682760440');
}
@media (hover: hover) {
	#isocal .p-frail.c-cafefood .p-check .c-button.-withimg:hover {
		color: #1bb5c6;
		background: #fff;
	}
}
@media (min-width: 767px) and (max-width: 999px) {
	#isocal .p-frail.c-cafefood .p-check .c-pop,
	#isocal .p-frail.c-cafefood .p-check .c-button.-withimg {
		font-size: calc(24vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .p-check .c-pop {
		font-size: calc(22vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-check .c-button.-withimg {
		padding: calc(16vw / 4.8);
		font-size: calc(18vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .p-frail.c-cafefood .p-check .c-button.-withimgafter {
		width: 88px;
		height: 88px;
	}
	#isocal .p-frail.c-cafefood .p-check .c-button.-withimg::after {
		width: 88px;
		height: 88px;
	}
}

/* :::::: フレイルにならないために目標にしたいたんぱく質量とメニュー例 :::::: */
#isocal .p-frail.c-cafefood .p-section_4_1 .p-target {
	padding: 16px 40px 40px;
	border-radius: 8px 8px 0 0;
	text-align: center;
	background: #fcf8e9;
}
#isocal .p-frail.c-cafefood .p-target .target_subject {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#isocal .p-frail.c-cafefood .p-target .target_subject dt {
	position: relative;
	top: 24px;
	padding: .5em 1em;
	border-radius: 2em;
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	background: #1bb5c6;
}
#isocal .p-frail.c-cafefood .p-target .target_subject dd {
	padding: 48px 40px 24px;
	border: 1px solid #1bb5c6;
	border-radius: 16px;
	font-size: 19px;
	background: #fff;
}
#isocal .p-frail.c-cafefood .p-target .target_number {
	display: flex;
	justify-content: center;
}
#isocal .p-frail.c-cafefood .p-target .target_number > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 184px;
	height: 184px;
	margin-top: 46px;
	padding-bottom: .5em;
	border-radius: 184px;
}
#isocal .p-frail.c-cafefood .p-target .target_number > div::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: calc(50% - 6px);
	width: 12px;
	height: 46px;
	background: center bottom / contain no-repeat;
}
#isocal .p-frail.c-cafefood .p-target .target_number dt b,
#isocal .p-frail.c-cafefood .p-target .target_number dd {
	font-size: 120%;
	font-weight: 900;
}
#isocal .p-frail.c-cafefood .p-target .target_number dd {
	font-size: 180%;
}
#isocal .p-frail.c-cafefood .p-target .target_number dd sup {
	font-size: 12px;
}
#isocal .p-frail.c-cafefood .p-target .target_number .male {
	background: #c5e9f9;
}
#isocal .p-frail.c-cafefood .p-target .target_number .male::before {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kml3_arr_male.svg?v=1682761811');
}
#isocal .p-frail.c-cafefood .p-target .target_number .male dt b,
#isocal .p-frail.c-cafefood .p-target .target_number .male dd {
	color: #2d8ed8;
}
#isocal .p-frail.c-cafefood .p-target .target_number .female {
	margin-left: 24px;
	background: #ffe3e5;
}
#isocal .p-frail.c-cafefood .p-target .target_number .female::before {
	background-image: url('https://cdn.shopify.com/s/files/1/0605/9520/8378/files/kml3_arr_female.svg?v=1682761811');
}
#isocal .p-frail.c-cafefood .p-target .target_number .female dt b,
#isocal .p-frail.c-cafefood .p-target .target_number .female dd {
	color: #ff6671;
}
#isocal .p-frail.c-cafefood .p-target .c-note {
	font-size: 12px;
	text-align: inherit;
}
@media (min-width: 767px) and (max-width: 999px) {
	#isocal .p-frail.c-cafefood .p-target .target_subject dt {
		font-size: calc(20vw / 10);
	}
	#isocal .p-frail.c-cafefood .p-target .target_subject dd {
		font-size: calc(19vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .p-section_4_1 .p-target {
		padding: 24px calc(24vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-target .target_subject dt,
	#isocal .p-frail.c-cafefood .p-target .target_subject dd {
		font-size: calc(14vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-target .target_number > div {
		width: calc(136vw / 4.8);
		height: calc(136vw / 4.8);
		font-size: calc(13vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-target .c-note {
		font-size: 10px;
		text-align: inherit;
	}
}

/* :::::: 1日でしっかり\たんぱく質90g/を摂るメニュー例 :::::: */
#isocal .p-frail.c-cafefood .p-section_4_1 .p-menu {
	padding: 32px 40px 40px;
	border-radius: 0 0 8px 8px;
	text-align: center;
	background: #ffe6e8;
}
#isocal .p-frail.c-cafefood .p-menu h4 {
	color: #1bb5c6;
	font-size: 25px;
	white-space: nowrap;
}
#isocal .p-frail.c-cafefood .p-menu h4 b {
	color: #ff6671;
	font-size: 132%;
}
#isocal .p-frail.c-cafefood .p-menu .menu_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 32px;
}
#isocal .p-frail.c-cafefood .p-menu .menu_list .item {
	flex-basis: 47%;
	position: relative;
	padding: 20px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 4px 4px 8px rgba(0,0,0,.1);
}
#isocal .p-frail.c-cafefood .p-menu .menu_list .item:nth-child(n+3) {
	margin-top: 40px;
}
#isocal .p-frail.c-cafefood .p-menu .menu_list .item dt {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -.8em;
	left: -.8em;
	width: 3em;
	height: 3em;
	border-radius: 3em;
	color: #fff;
	font-size: 27px;
	font-weight: 900;
}
#isocal .p-frail.c-cafefood .p-menu .menu_list .morning dt { background: #ff9a71; }
#isocal .p-frail.c-cafefood .p-menu .menu_list .lunch dt { background: #ff9bc1; }
#isocal .p-frail.c-cafefood .p-menu .menu_list .snack dt { background: #ffc74d; }
#isocal .p-frail.c-cafefood .p-menu .menu_list .dinner dt { background: #ff828b; }
#isocal .p-frail.c-cafefood .p-menu .menu_list .item ul {
	margin-top: .5em;
}
#isocal .p-frail.c-cafefood .p-menu .menu_list .item li {
	text-align: left;
}
#isocal .p-frail.c-cafefood .p-menu .menu_list .item li::before {
	content: "・";
}
#isocal .p-frail.c-cafefood .p-menu .menu_list .item li b {
	color: #2d8ed8;
}
#isocal .p-frail.c-cafefood .p-menu p {
	margin-top: 32px;
	line-height: 1.6;
	font-weight: 700;
	text-align: inherit;
}
#isocal .p-frail.c-cafefood .p-menu p b {
	color: #2d8ed8;
	font-size: 153%;
	font-weight: 900;
}
@media (min-width: 767px) and (max-width: 999px) {
	#isocal .p-frail.c-cafefood .p-menu h4 {
		font-size: calc(25vw / 10);
	}
	#isocal .p-frail.c-cafefood .p-menu .menu_list .item dt {
		font-size: calc(27vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .p-section_4_1 .p-menu {
		padding: 24px calc(12vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-menu h4 {
		font-size: calc(22vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-menu .menu_list {
		margin-top: calc(40vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-menu .menu_list .item {
		padding: 20px calc(20vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-menu .menu_list .item dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-menu .menu_list .item figcaption,
	#isocal .p-frail.c-cafefood .p-menu .menu_list .item li {
		font-size: calc(12vw / 4.8);
	}
}

/* :::::: ちょっとした工夫でたんぱく質をプラス！ :::::: */
#isocal .p-frail.c-cafefood .p-section_4 .section_figure.p-protein {
	padding: 0;
	text-align: center;
	background: none;
}
#isocal .p-frail.c-cafefood .p-protein .protein_list {
	padding: 24px;
	border-radius: 8px;
	background: #ffe6e8;
}
#isocal .p-frail.c-cafefood .p-protein .protein_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	z-index: 0;
	position: relative;
	padding: 24px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 4px 4px 8px rgba(0,0,0,.1);
}
#isocal .p-frail.c-cafefood .p-protein .protein_list .item {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	color: #1bb5c6;
}
#isocal .p-frail.c-cafefood .p-protein .protein_list .item:nth-child(2n) {
	border-left: 2px dotted #ff6671;
}
#isocal .p-frail.c-cafefood .p-protein .protein_list .item:nth-child(n+3) {
	position: relative;
	margin-top: 48px;
}
#isocal .p-frail.c-cafefood .p-protein .protein_list .item:nth-child(n+3)::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0;
	width: 100%;
	border-top: 2px dotted #ff6671;
}
#isocal .p-frail.c-cafefood .p-protein .protein_list .item figure {
	flex-grow: 1;
}
#isocal .p-frail.c-cafefood .p-protein .protein_list .item p {
	font-weight: 900;
	line-height: 1.6;
	text-align: inherit;
}
@media (min-width: 768px) {
	#isocal .p-frail.c-cafefood .p-protein .protein_list .item {
		padding: 0 1em;
	}
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .p-protein .protein_list {
		padding: 24px calc(16vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-protein .protein_list ul {
		padding: 24px calc(16vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-protein .protein_list .item:nth-child(2n) {
		padding-left: 1em;
	}
	#isocal .p-frail.c-cafefood .p-protein .protein_list .item:nth-child(2n+1) {
		padding-right: 1em;
	}
	#isocal .p-frail.c-cafefood .p-protein .protein_list .item p {
		font-size: calc(14vw / 4.8);
	}
}
/* :::::: 今からできる3つのフレイル対策 :::::: */
#isocal .p-frail.c-cafefood .p-section_4 .section_figure {
	padding: 48px;
	border-radius: 8px;
	background: #ffe6e8;
	text-align: center;
}
#isocal .p-frail.c-cafefood .p-section_4 .figure_column + .figure_column {
	margin-top: 32px;
}
#isocal .p-frail.c-cafefood .p-section_4 .section_figure .figure_label {
	padding: .5em 1em;
	border-radius: 8px;
	color: #fff;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 900;
}
#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_1 .figure_label {
	background: #ff828b;
}
#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_2 .figure_label {
	background: #ffc74d;
}
#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_3 .figure_label {
	background: #1bb5c6;
}
#isocal .p-frail.c-cafefood .p-section_4 .figure_container {
	margin-top: 16px;
	padding: 24px;
	border-radius: 8px;
	background: white;
	box-shadow: 4px 4px 8px rgba(0,0,0,.1);
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .p-section_4 .section_figure {
		padding: calc(16vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-section_4 .figure_container {
		padding: calc(16vw / 4.8);
	}
}
/* 吹き出し */
#isocal .p-frail.c-cafefood .p-section_4 .section_figure .balloon {
	position: relative;
	margin-top: 40px;
	padding: 24px;
	border-radius: 8px;
}
#isocal .p-frail.c-cafefood .p-section_4 .section_figure .balloon::after {
	content: "";
	position: absolute;
	left: calc(50% - 24px);
	bottom: calc(100% - 1px);
	border-width: 0 24px 32px;
	border-style: solid;
	border-color: transparent;
	border-top-width: 0;
}
#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_1 .balloon {
	color: #ff6671;
	background: #ffe6e8;
}
#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_2 .balloon {
	color: #f58c6c;
	background: #fcf8e9;
}
#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_3 .balloon {
	color: #1bb5c6;
	background: #edf9ff;
}
#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_1 .balloon::after {
	border-bottom-color: #ffe6e8;
}
#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_2 .balloon::after {
	border-bottom-color: #fcf8e9;
}
#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_3 .balloon::after {
	border-bottom-color: #edf9ff;
}
@media (min-width: 768px) {
	#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_2 .balloon::after {
		top: calc(50% - 24px);
		border-width: 24px 32px;
		border-bottom-color: transparent;
	}
	#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_2 .-n1 .balloon::after {
		left: auto;
		right: calc(100% - 1px);
		border-left-width: 0;
		border-right-color: #fcf8e9;
	}
	#isocal .p-frail.c-cafefood .p-section_4 .p-section_figure_2 .-n2 .balloon::after {
		left: calc(100% - 1px);
		border-right-width: 0;
		border-left-color: #fcf8e9;
	}
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .p-section_4 .section_figure .balloon {
		margin-top: 32px;
		padding: 16px;
	}
	#isocal .p-frail.c-cafefood .p-section_4 .section_figure .balloon::after {
		left: calc(50% - 16px);
		border-width: 0 16px 24px;
	}
}
/* 運動 */
#isocal .p-frail.c-cafefood .p-section_figure_1 .challenge_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	column-gap: 5%;
	row-gap: 10px;
	margin-top: 24px;
}
#isocal .p-frail.c-cafefood .p-section_figure_1 .challenge_list .item {
	flex-basis: 30%;
	color: #1bb5c6;
	text-align: inherit;
}
#isocal .p-frail.c-cafefood .p-section_figure_1 .challenge_list figcaption {
	margin-top: .5em;
	line-height: 1.2;
	font-weight: 900;
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .p-section_figure_1 .challenge_list figcaption {
		font-size: calc(14vw / 4.8);
	}
}
@media (max-width: 479px) {
	#isocal .p-frail.c-cafefood .p-section_figure_1 .challenge_list .item {
		flex-basis: 45%;
	}
	#isocal .p-frail.c-cafefood .p-section_figure_1 .challenge_list figcaption {
		font-size: 12px;
	}
}
/* 栄養 */
#isocal .p-frail.c-cafefood .p-section_figure_2 .p-nutrition.-n1 {
	margin-top: 24px;
}
#isocal .p-frail.c-cafefood .p-section_figure_2 .p-nutrition.-n2 {
	margin-top: 16px;
}
@media (min-width: 768px) {
	#isocal .p-frail.c-cafefood .p-section_figure_2 .p-nutrition {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .p-frail.c-cafefood .p-section_figure_2 .p-nutrition figure {
		flex-basis: 40%;
	}
	#isocal .p-frail.c-cafefood .p-section_figure_2 .p-nutrition .balloon {
		flex-basis: calc(60% - 32px);
	}
	#isocal .p-frail.c-cafefood .p-section_figure_2 .p-nutrition.-n2 .balloon {
		order: -1;
	}
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .p-section_figure_2 .p-nutrition figure {
		width: 70%;
		margin-right: auto;
		margin-left: auto;
	}
}
/* 社会参加 */
#isocal .p-frail.c-cafefood .p-section_figure_3 figure {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5%;
	margin-top: 24px;
}
#isocal .p-frail.c-cafefood .p-section_figure_3 figure img:nth-child(1) {
	flex-basis: 40%;
	margin-right: 5%;
	margin-left: 5%;
}
#isocal .p-frail.c-cafefood .p-section_figure_3 figure img:nth-child(2) {
	flex-basis: 54%;
}
#isocal .p-frail.c-cafefood .p-section_figure_3 figure img:nth-child(3) {
	flex-basis: 32%;
}
@media (max-width: 767px) {
	#isocal .p-frail.c-cafefood .p-section_figure_3 figure {
		flex-direction: column;
		align-items: center;
	}
	#isocal .p-frail.c-cafefood .p-section_figure_3 figure img:nth-child(1) {
		width: 60%;
	}
	#isocal .p-frail.c-cafefood .p-section_figure_3 figure img:nth-child(2) {
		order: 1;
		width: 100%;
	}
	#isocal .p-frail.c-cafefood .p-section_figure_3 figure img:nth-child(3) {
		width: 50%;
	}
}


/* :::::: いつもの食事にもう1品。準備が簡単で食べやすい、たんぱく質が豊富な食材をプラス！ :::::: */
#isocal .p-frail.c-cafefood .p-section_4 .section_list {
	margin: .5em 0 0;
}
#isocal .p-frail.c-cafefood .p-section_4_1 .section_figure {
	margin-top: 64px;
	padding: 0;
	background: none;
}
#isocal .p-frail.c-cafefood .p-section_4_1 .section_table {
	margin-top: 64px;
}
#isocal .p-frail.c-cafefood .p-section_4_1 .c-table {
	font-size: 20px;
}
#isocal .p-frail.c-cafefood .p-section_4_1 .c-table figure {
	display: inline-block;
	min-width: 100px;
	text-align: center;
}
#isocal .p-frail.c-cafefood .p-section_4_1 .c-table th[colspan] {
	background: #edf9ff;
}
#isocal .p-frail.c-cafefood .p-section_4_1 .c-table tbody td {
	text-align: center;
}
#isocal .p-frail.c-cafefood .p-section_4_1 .c-table th {
	text-align: left;
}
#isocal .p-frail.c-cafefood .p-section_4_1 .c-table th[colspan],
#isocal .p-frail.c-cafefood .p-section_4_1 .c-table td {
	color: #1bb5c6;
	text-align: center;
}
#isocal .p-frail.c-cafefood .p-section_4_1 .c-table th[colspan] {
	font-weight: 900;
}
@media (min-width: 767px) and (max-width: 999px) {
	#isocal .p-frail.c-cafefood .p-section_4_1 .c-table {
		font-size: calc(20vw / 10);
	}
}
@media (max-width: 768px) {
	#isocal .p-frail.c-cafefood .p-section_4_1 .c-table {
		font-size: calc(14vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-section_4_1 .c-table figure {
		min-width: calc(56vw / 4.8);
	}
	#isocal .p-frail.c-cafefood .p-section_4_1 .c-table figure img {
		max-width: calc(48vw / 4.8);
	}
}

/**
 * 【図解】低栄養が引き起こすリスクと原因・対策法について
 * ---------------------------------------- */
#isocal .p-malnutrition018 {
	background: #ffe6e8;
}
#isocal .p-malnutrition018 .section_num,
#isocal .p-malnutrition018 .content_header {
	background: #ffa5b0;
}
#isocal .p-malnutrition018 .content_section.-bg {
	background: #ffd7cf;
}
#isocal .p-malnutrition018 .section_list li:nth-child(n+2) {
    margin-top: 0.3em;
}

#isocal .p-malnutrition018 .figure_capsule,
#isocal .p-malnutrition018 .header_title em::before,
#isocal .p-malnutrition018 .toc_title,
#isocal .p-malnutrition018 .toc_list li::before,
#isocal .p-malnutrition018 .toc_list .toc_item li::before,
#isocal .p-malnutrition018 .toc_list .toc_item::before {
	background: #1bb5c6;
}
#isocal .p-malnutrition018 .header_visual img {
	box-shadow: 12px 12px 0 #ff8b9c;
}
#isocal .p-malnutrition018 strong,
#isocal .p-malnutrition018 .textlink,
#isocal .p-malnutrition018 .section_title,
#isocal .p-malnutrition018 .column_title,
#isocal .p-malnutrition018 .wordlist dt,
#isocal .p-malnutrition018 .section_list li::before,
#isocal .p-malnutrition018 .toc_list {
	color: #1bb5c6;
}
#isocal .p-malnutrition018 .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
@media screen and (max-width: 767px) {
	#isocal .p-malnutrition018 .header_visual img {
		box-shadow: 6px 6px 0 #ff8b9c;
	}
	#isocal .p-malnutrition018 .footer_afterword {
		text-align: left;
	}
}
#isocal .p-supervision .section_column:last-child::after {
	border-color: #1bb5c6;
}

/* table */
#isocal .p-malnutrition018 .section_table table,
#isocal .p-malnutrition018 .section_table th,
#isocal .p-malnutrition018 .section_table td {
	border-color: #1bb5c6;
}
#isocal .p-malnutrition018 .section_table thead th {
	background: #edf9ff;
}
#isocal .p-malnutrition018 .section_table table {
	width: 100%;
}
#isocal .p-malnutrition018 .c-table {
    line-height: 1.6;
}
#isocal .p-malnutrition018 .c-table thead th:first-child {
    width: 3.8%;
}
#isocal .p-malnutrition018 .c-table th {
    text-align: center;
}
#isocal .p-malnutrition018 .c-table td {
    text-align: left;
}
/* #isocal .p-malnutrition018 .c-table thead th {
    width: 100%;
} */

/* recipe */
.section_title + .recipe_section {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	#isocal .p-malnutrition018 .recipe_section {
    margin-top: 0px;
  }
}
.recipe_section .material_list dl {
	background-position: left .7em;
}
#isocal .p-malnutrition018 .recipe_section .recipe_title,
#isocal .p-malnutrition018 .recipe_section .c-material .text > dt,
#isocal .p-malnutrition018 .recipe_section .nutrition_list dt,
#isocal .p-malnutrition018 .recipe_section .c-nutrition .ratio dt,
#isocal .p-malnutrition018 .recipe_section .recipe_list li::before,
#isocal .p-malnutrition018 .recipe_section .memo_title,
#isocal .p-malnutrition018 .recipe_section .recipe_list .num {
	color: #ff6671;
}
#isocal .p-malnutrition018 .recipe_section .material_list dt::before,
#isocal .p-malnutrition018 .recipe_section .c-nutrition > dt,
#isocal .p-malnutrition018 .recipe_section .c-recipe > dt,
#isocal .p-malnutrition018 .recipe_section .memo_list li::before {
	background: #ff6671;
}
#isocal .p-malnutrition018 .recipe_section .recipe_title,
#isocal .p-malnutrition018 .recipe_section .column_box {
	background: #f6fcff;
}
#isocal .p-malnutrition018 .recipe_section .recipe_list li::before,
#isocal .p-malnutrition018 .recipe_section .recipe_list .num {
	background: #ffe0e3;
}
#isocal .p-malnutrition018 .recipe_section .c-nutrition .nutrition_list {
	columns: 11em;
}
@media screen and (max-width: 480px) {
	#isocal .p-malnutrition018 .recipe_section .c-nutrition .nutrition_list {
		columns: 2;
	}
}

/* note list */
#isocal .p-malnutrition018 .c-notes li {
	padding-left: 1em;
	font-size: 10px;
	text-indent: -1em;
}

/* こちらもチェック */
#isocal .p-malnutrition018 .p-checklink {
	text-align: center;
}
#isocal .p-malnutrition018 .p-checklink .c-pop {
	display: inline-block;
	position: relative;
	color: gray;
	font-size: 20px;
	font-weight: 900;
}
#isocal .p-malnutrition018 .p-checklink .c-pop::before,
#isocal .p-malnutrition018 .p-checklink .c-pop::after {
	content: "";
	position: absolute;
	top: 0;
	height: 90%;
	border-left: 2px solid currentcolor;
}
#isocal .p-malnutrition018 .p-checklink .c-pop::before {
	left: 0;
	transform: rotate(-30deg);
}
#isocal .p-malnutrition018 .p-checklink .c-pop::after {
	right: 0;
	transform: rotate(30deg);
}
#isocal .p-malnutrition018 .p-checklink .c-button {
	justify-content: space-between;
	gap: 1em;
	width: fit-content;
	height: auto;
	padding: 1em;
	margin: 24px auto 0;
	border-radius: 10px;
	border-color: gray;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 900;
	text-align: left;
	background: gray;
}
#isocal .p-malnutrition018 .p-checklink .c-button img {
	width: 160px;
}
#isocal .p-malnutrition018 .p-checklink .c-button::after {
	display: none;
}
@media (hover: hover) {
	#isocal .p-malnutrition018 .p-checklink .c-button:hover {
		color: gray;
		background: white !important;
	}
}
@media (min-width: 767px) {
	#isocal .p-malnutrition018 .p-checklink .c-pop {
		padding-inline: 1em;
	}
}
@media (max-width: 767px) {
	#isocal .p-malnutrition018 .p-checklink .c-pop {
		padding-inline: .3em;
		font-size: calc(20vw / 4.8);
	}
	#isocal .p-malnutrition018 .p-checklink .c-button {
		flex-direction: column;
		font-size: calc(20vw / 4.8);
	}
}


/* :::::: フレイルとは :::::: */
#isocal .p-malnutrition018 .p-checklink {
	margin-top: 40px;
}
#isocal .p-malnutrition018 .p-checklink .c-pop {
	color: #1bb5c6;
}
#isocal .p-malnutrition018 .p-checklink .c-button {
	border-color: #1bb5c6;
	background: #1bb5c6;
}
@media (hover: hover) {
	#isocal .p-checklink .c-button:hover {
		color: #1bb5c6;
	}
}
#isocal .p-malnutrition018 .p-section_1_1 .section_table {
	margin-top: 40px;
}

/* :::::: フレイル予防に必要な食事と10品目 :::::: */
#isocal .p-malnutrition018 .p-section_1 .section_list li::before {
	display: none;
}
#isocal .p-malnutrition018 .p-section_1 .section_list b {
	display: inline-grid;
	place-items: center;
	width: 2em;
	height: 2em;
	margin-right: .5em;
	border-radius: 2em;
	color: white;
	background: #1bb5c6;
	text-indent: 0;
}

/* :::::: レシピ :::::: */
#isocal .p-malnutrition018 .p-section_2 .section_title,
#isocal .p-malnutrition018 .p-section_3 .section_title {
	border-bottom: 0;
}
.recipe_section .material_list .group[data-group]::after {
	top: calc(50% - .7em);
	height: 1.2em;
	line-height: 1.2;
}

/* :::::: フレイル予防に意識したい年齢別のたんぱく質量 :::::: */
#isocal .p-malnutrition018 .p-section_4 .check_item {
	margin-top: 24px;
	padding-left: 1em;
	line-height: 1.6;
	font-weight: 700;
	text-indent: -1em;
}
#isocal .p-malnutrition018 .p-section_4 .check_list {
	display: grid;
	grid-template-columns: 3em 1fr;
	margin: 1em 0;
	padding: 24px;
	border-radius: 10px;
	background: #f6fcff;
}
#isocal .p-malnutrition018 .p-section_4 .check_list dt {
	grid-column: 1;
	color: #ff6671;
	font-weight: 700;
}
#isocal .p-malnutrition018 .p-section_4 .check_list dt::after {
	content: "：";
}
#isocal .p-malnutrition018 .p-section_4 .check_list dd {
	grid-column: 2;
}
#isocal .p-malnutrition018 .p-section_4 .section_table caption {
	margin-bottom: .3em;
	text-align: left;
	color: #ff6671;
	font-size: 18px;
	font-weight: 700;
}
@media screen and (max-width: 480px) {
	#isocal .p-malnutrition018 .p-section_4 .section_table caption {
		font-size: calc(18vw / 4.8);
	}
}

/* :::::: フレイル予防の食事で心がける5つのポイント :::::: */
#isocal .p-malnutrition018 .p-section_5 .column_title::before {
	display: none
}


/* あとがき */
#isocal .p-malnutrition018 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	padding: 0 24px;
	color: inherit;
}
#isocal .p-malnutrition018 .footer_afterword a {
	color: #1bb5c6;
	font-weight: 700;
}

/* 監修・脚注 */
#isocal .p-malnutrition018 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
#isocal .p-malnutrition018 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .p-malnutrition018 .footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#isocal .p-malnutrition018 .footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	#isocal .p-malnutrition018 .footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}

/**
 * 初心者向けミキサー食の作り方と注意点・3つのポイント
 * ---------------------------------------- */
#isocal .p-carefood009 {
	background: #ffe8d1;
}
#isocal .p-carefood009 .section_num,
#isocal .p-carefood009 .content_header {
	background: #efb02a;
}
#isocal .p-carefood009 .content_section.-bg {
	background: #ffd7ae;
}
#isocal .p-carefood009 .figure_capsule,
#isocal .p-carefood009 .header_title em::before,
#isocal .p-carefood009 .toc_title,
#isocal .p-carefood009 .toc_list .toc_item::before,
#isocal .p-carefood009 .toc_list .toc_item li::before,
#isocal .p-carefood009 .toc_list li::before {
	background: #ec56a7;
}
#isocal .p-carefood009 .header_visual img {
	box-shadow: 12px 12px 0 #ec9e00;
}
#isocal .p-carefood009 strong,
#isocal .p-carefood009 .textlink,
#isocal .p-carefood009 .section_title,
#isocal .p-carefood009 .column_title,
#isocal .p-carefood009 .wordlist dt,
#isocal .p-carefood009 .footer_afterword,
#isocal .p-carefood009 .section_list li::before,
#isocal .p-carefood009 .toc_list {
	color: #ec56a7;
}
#isocal .p-carefood009 .section_title .marker {
	background: linear-gradient(to top, #ffddad .5em, transparent .5em);
}
#isocal .p-carefood009 .section_list li:nth-child(n+2) {
    margin-top: 0.3em;
}

#isocal .p-carefood009 .section_title.-s {
    margin-top: 0px;
}

@media screen and (max-width: 767px) {
	#isocal .p-carefood009 .header_visual img {
		box-shadow: 6px 6px 0 #ec9e00;
	}
	#isocal .p-carefood009 .footer_afterword {
		text-align: left;
	}
}

/* table */
#isocal .p-carefood009 .section_table table,
#isocal .p-carefood009 .section_table th,
#isocal .p-carefood009 .section_table td {
	border-color: #ec56a7;
}
#isocal .p-carefood009 .section_table th {
	color: #ec56a7;
	background: #ffddad;
}
#isocal .p-carefood009 .section_table th,
#isocal .p-carefood009 .section_table td:first-of-type {
	white-space: nowrap;
}

/* あとがき */
#isocal .p-carefood009 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .p-carefood009 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
#isocal .p-carefood009 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .p-carefood009 .footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#isocal .p-carefood009 .footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	#isocal .p-carefood009 .footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}

/**
 * 【管理栄養士監修】ビタミンAとは？働きと摂取量の目安
 * ---------------------------------------- */
#isocal .p-nutrients016 {
	background: #f5e9f5;
}
#isocal .p-nutrients016 .section_num,
#isocal .p-nutrients016 .content_header {
	background: #dcaddb;
}
#isocal .p-nutrients016 .content_section.-bg {
	background: #e5cee5;
}
#isocal .p-nutrients016 .figure_capsule,
#isocal .p-nutrients016 .header_title em::before,
#isocal .p-nutrients016 .toc_title,
#isocal .p-nutrients016 .toc_list .toc_item::before,
#isocal .p-nutrients016 .toc_list .toc_item li::before,
#isocal .p-nutrients016 .toc_list li::before {
	background: #e9b00d;
}
#isocal .p-nutrients016 .header_visual img {
	box-shadow: 12px 12px 0 #c583c4;
}
#isocal .p-nutrients016 strong,
#isocal .p-nutrients016 .textlink,
#isocal .p-nutrients016 .section_title,
#isocal .p-nutrients016 .column_title,
#isocal .p-nutrients016 .wordlist dt,
#isocal .p-nutrients016 .footer_afterword,
#isocal .p-nutrients016 .section_list li::before,
#isocal .p-nutrients016 .toc_list {
	color: #e9b00d;
}
#isocal .p-nutrients016 .section_title .marker {
	background: linear-gradient(to top, #e8d5e8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .p-nutrients016 .header_visual img {
		box-shadow: 6px 6px 0 #c583c4;
	}
	#isocal .p-nutrients016 .footer_afterword {
		text-align: left;
	}
}

#isocal .p-nutrients016 .header_title .s {
	font-size: 80%;
}
#isocal .p-nutrients016 sub {
	font-size: 60%;
}
#isocal .p-nutrients016 .section_title.-s {
    margin-top: 0px;
}

/* table */
#isocal .p-nutrients016 .section_table table,
#isocal .p-nutrients016 .section_table th,
#isocal .p-nutrients016 .section_table td {
	border-color: #e9b00d;
}
#isocal .p-nutrients016 .section_table th,
#isocal .p-nutrients016 .section_table td {
	padding-right: .2em;
	padding-left: .2em;
}
#isocal .p-nutrients016 .section_table .blank {
	background: #fff;
}
#isocal .p-nutrients016 .section_table thead tr:first-child th {
	font-size: 20px;
}
@media (max-width: 767px) {
	#isocal .p-nutrients016 .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
	#isocal .p-nutrients016 .section_table .blank {
		min-width: 8em;
	}
	#isocal .p-nutrients016 .section_table .male,
	#isocal .p-nutrients016 .section_table .female {
		min-width: 6em;
	}
}
#isocal .p-nutrients016 .section_table th {
	font-weight: 900;
}
#isocal .p-nutrients016 .section_table td {
	text-align: center;
}
#isocal .p-nutrients016 .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .p-nutrients016 .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .p-nutrients016 .section_table tbody th {
	color: #e9b00d;
	background: transparent;
}
#isocal .p-nutrients016 .section_table .note {
	margin-top: 1em;
}
#isocal .p-nutrients016 .section_table p.note,
#isocal .p-nutrients016 .section_table ul.note li {
	padding-left: 1em;
	font-size: 10px;
	line-height: 1.6;
	text-indent: -1em;
}
#isocal .p-nutrients016 .section_table ul.note li {
	margin-top: .2em;
}
#isocal .p-nutrients016 .section_table p.note *,
#isocal .p-nutrients016 .section_table ul.note li * {
	text-indent: 0;
}
#isocal .p-nutrients016 .section_table .slash {
	position: relative;
}
#isocal .p-nutrients016 .section_table .slash svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #e9b00d;
}

/* 詳しく見る */
#isocal .p-nutrients016 .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #e9b00d;
	color: #e9b00d;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .p-nutrients016 .c-button.-pull:hover,
	#isocal .p-nutrients016 .c-button.-pull.is-active {
		color: #fff;
		background: #e9b00d;
	}
}
@media (max-width: 767px) {
	#isocal .p-nutrients016 .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .p-nutrients016 .js-pullContents {
	overflow: hidden;
}
#isocal .p-nutrients016 .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* グラフ */
#isocal .p-nutrients016 .graph_wrap {
	position: relative;
}
#isocal .p-nutrients016 .c-bargraph {
	position: relative;
	padding-bottom: 1px
}
@media (min-width: 768px) {
	#isocal .p-nutrients016 .c-bargraph + .c-bargraph {
		margin-top: 32px;
	}
}
#isocal .p-nutrients016 .c-bargraph .graph {
	margin-bottom: 184px;
}
@media (max-width: 767px) {
	#isocal .p-nutrients016 .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8);
	}
	#isocal .p-nutrients016 .graph_wrap {
		min-width: 480px;
	}
	#isocal .p-nutrients016 .c-bargraph .graph {
		margin-top: calc(24vw / 4.8);
		margin-bottom: calc(112vw / 4.8);
	}
	#isocal .p-nutrients016 .p-graph2 .graph {
		margin-bottom: calc(128vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .p-nutrients016 .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .p-nutrients016 .c-bargraph .graph {
		margin-top: 24px;
		margin-bottom: 132px;
	}
	#isocal .p-nutrients016 .p-graph3 .graph {
		margin-bottom: 144px;
	}
	#isocal .p-nutrients016 .p-graph4 .graph {
		margin-bottom: 114px;
	}
}
#isocal .p-nutrients016 .c-bargraph .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	color: #61ba3f;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
	background: #d5edcc;
}
#isocal .p-nutrients016 .p-graph3 .bargraph_title {
	margin-bottom: -2em;
}
 #isocal .p-nutrients016 .p-graph4 .bargraph_title {
	margin-bottom: 1em;
	color: #ff586d;
	background: #ffd7cf;
}
@media (max-width: 767px) {
	#isocal .p-nutrients016 .c-bargraph .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .p-nutrients016 .c-bargraph .bargraph_title {
		font-size: 16px;
	}
}
#isocal .p-nutrients016 .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .p-nutrients016 .c-bargraph .note .en,
#isocal .p-nutrients016 .c-bargraph .note .unit {
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
#isocal .p-nutrients016 .c-bargraph .note .unit {
	margin-inline-start: -.1em;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .p-nutrients016 .wf-active .c-bargraph .note .en,
#isocal .p-nutrients016 .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
#isocal .p-nutrients016 .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 44px;
	height: calc(300px + 1em);
	line-height: 1;
}
#isocal .p-nutrients016 .p-graph4 .vaxis {
	left: 56px;
}
#isocal .p-nutrients016 .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	height: 300px;
	margin-left: 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
@media (min-width: 1000px) {
	#isocal .p-nutrients016 .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .p-nutrients016 .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
	#isocal .p-nutrients016 .c-bargraph .vaxis {
		left: calc(24vw / 4.8);
		height: calc(150vw / 4.8 + 1em);
	}
	#isocal .p-nutrients016 .c-bargraph .graph {
		height: calc(150vw / 4.8);
		margin-right: 0;
		margin-left: calc(48vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .p-nutrients016 .c-bargraph .note {
		height: 200px;
	}
	#isocal .p-nutrients016 .c-bargraph .vaxis {
		left: 28px;
		height: calc(200px + 1em);
	}
	.p-nutrients016 .p-graph2.c-bargraph .vaxis {
		left: 24px;
	}
	.p-nutrients016 .p-graph2.c-bargraph .vaxis li {
		letter-spacing: -.05em;
	}
	#isocal .p-nutrients016 .c-bargraph .graph {
		height: 200px;
		margin-left: 48px;
	}
}
#isocal .p-nutrients016 .c-bargraph .graph_item {
	position: relative;
	width: 32px;
}
#isocal .p-nutrients016 .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .p-nutrients016 .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
	background: #82bb66;
}
#isocal .p-nutrients016 .p-graph4 .graph_item .bar {
	background: #ffa5b0;
}
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b1 { height: 76.4%; }
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b2 { height: 64.4%; }
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b3 { height: 64.4%; }
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b4 { height: 61.1%; }
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b5 { height: 57.4%; }
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b6 { height: 57.4%; }
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b7 { height: 50.1%; }
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b8 { height: 43.5%; }
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b9 { height: 38.2%; }
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b10 { height: 10.2%; }
#isocal .p-nutrients016 .p-graph1 .graph_item .bar.-b11 { height: 2.9%; }

#isocal .p-nutrients016 .p-graph2 .graph_item .bar.-b1 { height: 91.3%; }
#isocal .p-nutrients016 .p-graph2 .graph_item .bar.-b2 { height: 40.2%; }
#isocal .p-nutrients016 .p-graph2 .graph_item .bar.-b3 { height: 29.3%; }
#isocal .p-nutrients016 .p-graph2 .graph_item .bar.-b4 { height: 24.6%; }
#isocal .p-nutrients016 .p-graph2 .graph_item .bar.-b5 { height: 14.6%; }
#isocal .p-nutrients016 .p-graph2 .graph_item .bar.-b6 { height: 6.5%; }

#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b1 { height: 65.5%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b2 { height: 33.3%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b3 { height: 33.3%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b4 { height: 20.8%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b5 { height: 20.8%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b6 { height: 20.8%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b7 { height: 17.7%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b8 { height: 17.7%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b9 { height: 14.9%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b10 { height: 14.9%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b11 { height: 11.7%; }
#isocal .p-nutrients016 .p-graph3 .graph_item .bar.-b12 { height: 8.6%; }

#isocal .p-nutrients016 .p-graph4 .graph_item .bar.-b1 { height: 93.5%; }
#isocal .p-nutrients016 .p-graph4 .graph_item .bar.-b2 { height: 88.1%; }
#isocal .p-nutrients016 .p-graph4 .graph_item .bar.-b3 { height: 86.1%; }
#isocal .p-nutrients016 .p-graph4 .graph_item .bar.-b4 { height: 65.4%; }
#isocal .p-nutrients016 .p-graph4 .graph_item .bar.-b5 { height: 61.3%; }
#isocal .p-nutrients016 .p-graph4 .graph_item .bar.-b6 { height: 61.3%; }
#isocal .p-nutrients016 .p-graph4 .graph_item .bar.-b7 { height: 53.1%; }
#isocal .p-nutrients016 .p-graph4 .graph_item .bar.-b8 { height: 36.2%; }
.c-bargraph .graph_item .label {
	top: 100%;
	right: 0;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .p-nutrients016 .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (max-width: 767px) {
	#isocal .p-nutrients016 .c-bargraph .graph_item {
		width: calc(20vw / 4.8);
	}
	#isocal .p-nutrients016 .c-bargraph .note,
	#isocal .p-nutrients016 .c-bargraph .vaxis li,
	#isocal .p-nutrients016 .c-bargraph .graph_item .label {
		font-size: calc(11vw / 4.8);
		letter-spacing: 0;
	}
	#isocal .p-nutrients016 .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .p-nutrients016 .c-bargraph .graph_item {
		width: 27px;
	}
	#isocal .p-nutrients016 .c-bargraph .vaxis li,
	#isocal .p-nutrients016 .c-bargraph .graph_item .label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
    #isocal .p-nutrients016 .p-graph1 .graph_item:first-child .label,
	#isocal .p-nutrients016 .p-graph3 .graph_item:first-child .label,
	#isocal .p-nutrients016 .p-graph4 .graph_item:first-child .label {
		right: 0;
		line-height: 1;
	}
	#isocal .p-nutrients016 c-bargraph .note {
		font-size: 11px;
	}
}
#isocal .p-nutrients016 .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .p-nutrients016 .c-bargraph .illust .il {
	position: absolute;
}
#isocal .p-nutrients016 .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
#isocal .p-nutrients016 .p-graph1 .illust .il.-i1 { width: 75px; top: -2%; left: 0; }
#isocal .p-nutrients016 .p-graph1 .illust .il.-i2 { width: 57px; top: 13%; left: 11%; }
#isocal .p-nutrients016 .p-graph1 .illust .il.-i3 { width: 51px; top: 16%; left: 23%; }
#isocal .p-nutrients016 .p-graph1 .illust .il.-i4 { width: 66px; top: 19%; left: 37%; }
#isocal .p-nutrients016 .p-graph1 .illust .il.-i5 { width: 47px; top: 32%; left: 64%; }
#isocal .p-nutrients016 .p-graph1 .illust .il.-i6 { width: 82px; top: 63%; left: 92%; }

#isocal .p-nutrients016 .p-graph2 .illust .il.-i1 { width: 61px; top: -15%; left: 0; }
#isocal .p-nutrients016 .p-graph2 .illust .il.-i2 { width: 75px; top: 48%; left: 34%; }
#isocal .p-nutrients016 .p-graph2 .illust .il.-i3 { width: 88px; top: 64%; left: 68%; }
#isocal .p-nutrients016 .p-graph2 .illust .il.-i4 { width: 85px; top: 68%; left: 87%; }

#isocal .p-nutrients016 .p-graph3 .illust .il.-i1 { width: 82px; top: 14%; left: 0; }
#isocal .p-nutrients016 .p-graph3 .illust .il.-i2 { width: 88px; top: 45%; left: 13%; }
#isocal .p-nutrients016 .p-graph3 .illust .il.-i3 { width: 74px; top: 56%; left: 32%; }
#isocal .p-nutrients016 .p-graph3 .illust .il.-i4 { width: 50px; top: 64%; left: 75%; }

#isocal .p-nutrients016 .p-graph4 .illust .il.-i1 { width: 86px; top: -10%; left: 0; }
#isocal .p-nutrients016 .p-graph4 .illust .il.-i2 { width: 93px; top: -5%; left: 23%; }
#isocal .p-nutrients016 .p-graph4 .illust .il.-i3 { width: 93px; top: 8%; left: 48%; }
#isocal .p-nutrients016 .p-graph4 .illust .il.-i4 { width: 131px; top: 26%; left: 59%; }
#isocal .p-nutrients016 .p-graph4 .illust .il.-i5 { width: 93px; top: 43%; left: 88%; }
@media (min-width: 1000px) {
	#isocal .p-nutrients016 .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .p-nutrients016 .c-bargraph .illust {
		left: calc(40vw / 4.8);
		width: calc(100% - 40vw / 4.8);
	}
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i1 { width: calc(75vw / 7.67); top: -8%; }
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i2 { width: calc(57vw / 7.67); top: 10%; }
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i3 { width: calc(51vw / 7.67); top: 13%; }
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i4 { width: calc(66vw / 7.67); top: 15%; }
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i5 { width: calc(47vw / 7.67); top: 29%; }
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i6 { width: calc(82vw / 7.67); top: 55%; }

	#isocal .p-nutrients016 .p-graph2 .illust .il.-i1 { width: calc(61vw / 7.67); top: -10%; left: 11%; }
	#isocal .p-nutrients016 .p-graph2 .illust .il.-i2 { width: calc(75vw / 7.67); top: 44%; }
	#isocal .p-nutrients016 .p-graph2 .illust .il.-i3 { width: calc(88vw / 7.67); top: 61%; }
	#isocal .p-nutrients016 .p-graph2 .illust .il.-i4 { width: calc(85vw / 7.67); top: 64%; }

	#isocal .p-nutrients016 .p-graph3 .illust .il.-i1 { width: calc(82vw / 7.67); top: 10%; left: 3%; }
	#isocal .p-nutrients016 .p-graph3 .illust .il.-i2 { width: calc(88vw / 7.67); top: 41%; }
	#isocal .p-nutrients016 .p-graph3 .illust .il.-i3 { width: calc(74vw / 7.67); top: 51%; }
	#isocal .p-nutrients016 .p-graph3 .illust .il.-i4 { width: calc(50vw / 7.67); top: 60%; }

	#isocal .p-nutrients016 .p-graph4 .illust .il.-i1 { width: calc(86vw / 7.67); top: -12%; }
	#isocal .p-nutrients016 .p-graph4 .illust .il.-i2 { width: calc(93vw / 7.67); top: -8%; }
	#isocal .p-nutrients016 .p-graph4 .illust .il.-i3 { width: calc(93vw / 7.67); top: 2%; }
	#isocal .p-nutrients016 .p-graph4 .illust .il.-i4 { width: calc(131vw / 7.67); top: 23%; }
	#isocal .p-nutrients016 .p-graph4 .illust .il.-i5 { width: calc(93vw / 7.67); top: 37%; }
}
@media (max-width: 639px) {
	#isocal .p-nutrients016 .c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i1 { width: calc(75px * .83); }
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i2 { width: calc(57px * .83); }
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i3 { width: calc(51px * .83); }
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i4 { width: calc(66px * .83); }
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i5 { width: calc(47px * .83); }
	#isocal .p-nutrients016 .p-graph1 .illust .il.-i6 { width: calc(82px * .83); }

	#isocal .p-nutrients016 .p-graph2 .illust .il.-i1 { width: calc(61px * .83); left: 9%; }
	#isocal .p-nutrients016 .p-graph2 .illust .il.-i2 { width: calc(75px * .83); }
	#isocal .p-nutrients016 .p-graph2 .illust .il.-i3 { width: calc(88px * .83); }
	#isocal .p-nutrients016 .p-graph2 .illust .il.-i4 { width: calc(85px * .83); }

	#isocal .p-nutrients016 .p-graph3 .illust .il.-i1 { width: calc(82px * .83); }
	#isocal .p-nutrients016 .p-graph3 .illust .il.-i2 { width: calc(88px * .83); }
	#isocal .p-nutrients016 .p-graph3 .illust .il.-i3 { width: calc(74px * .83); }
	#isocal .p-nutrients016 .p-graph3 .illust .il.-i4 { width: calc(50px * .83); }

	#isocal .p-nutrients016 .p-graph4 .illust .il.-i1 { width: calc(86px * .83); }
	#isocal .p-nutrients016 .p-graph4 .illust .il.-i2 { width: calc(93px * .83); }
	#isocal .p-nutrients016 .p-graph4 .illust .il.-i3 { width: calc(93px * .83); }
	#isocal .p-nutrients016 .p-graph4 .illust .il.-i4 { width: calc(131px * .83); }
	#isocal .p-nutrients016 .p-graph4 .illust .il.-i5 { width: calc(93px * .83); }
}

/* recipe */
#isocal .p-nutrients016 .recipe_section {
	margin-top: 40px;
}
#isocal .p-nutrients016 .recipe_section .recipe_title,
#isocal .p-nutrients016 .recipe_section .c-material .text > dt,
#isocal .p-nutrients016 .recipe_section .nutrition_list dt,
#isocal .p-nutrients016 .recipe_section .c-nutrition .ratio dt,
#isocal .p-nutrients016 .recipe_section .recipe_list li::before,
#isocal .p-nutrients016 .recipe_section .memo_title,
#isocal .p-nutrients016 .recipe_section .recipe_list .num,
#isocal .p-nutrients016 .recipe_section .memo_list .num {
	color: #e9b00d;
}
#isocal .p-nutrients016 .recipe_section .material_list dt::before,
#isocal .p-nutrients016 .recipe_section .c-nutrition > dt,
#isocal .p-nutrients016 .recipe_section .c-recipe > dt,
#isocal .p-nutrients016 .recipe_section .memo_list li::before {
	background: #e9b00d;
}
#isocal .p-nutrients016 .recipe_section .recipe_title,
#isocal .p-nutrients016 .recipe_section .column_box {
	background: #fdf8e9;
}
#isocal .p-nutrients016 .recipe_section .column_box {
	min-height: 0;
}
#isocal .p-nutrients016 .recipe_section .recipe_list li::before,
#isocal .p-nutrients016 .recipe_section .recipe_list .num,
#isocal .p-nutrients016 .recipe_section .memo_list .num {
	background: #fbefcf;
}
#isocal .p-nutrients016 .material_list .group[data-group]::after {
	top: calc(50% - .6em);
	height: 1.2em;
	line-height: 1.2;
}
#isocal .p-nutrients016 .nutrition_list {
	columns: 14em;
}
#isocal .p-nutrients016 .recipe_section .c-recipe .preparation {
	font-size: 18px;
}
@media (max-width: 767px) {
	#isocal .p-nutrients016 .recipe_section .c-recipe .preparation {
		font-size: calc(18vw / 4.8);
	}
}

/* あとがき */
#isocal .p-nutrients016 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .p-nutrients016 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
#isocal .p-nutrients016 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .p-nutrients016 .footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#isocal .p-nutrients016 .footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	#isocal .p-nutrients016 .footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}

/**
 * 高齢者が脱水症になりやすい原因とは？脱水症サインと対処法
 * ---------------------------------------- */
#isocal .p-heatstroke005 {
	background: #eaf3ff;
}
#isocal .p-heatstroke005 .section_num,
#isocal .p-heatstroke005 .content_header {
	background: #95d4ec;
}
#isocal .p-heatstroke005 .content_section.-bg {
	background: #d6e5f6;
}
#isocal .p-heatstroke005 .figure_capsule,
#isocal .p-heatstroke005 .header_title em::before,
#isocal .p-heatstroke005 .toc_title,
#isocal .p-heatstroke005 .toc_list .toc_item::before,
#isocal .p-heatstroke005 .toc_list .toc_item li::before {
	background: #ff6671;
}
#isocal .p-heatstroke005 .header_visual img {
	box-shadow: 12px 12px 0 #63bcdf;
}
#isocal .p-heatstroke005 strong,
#isocal .p-heatstroke005 .textlink,
#isocal .p-heatstroke005 .section_title,
#isocal .p-heatstroke005 .column_title,
#isocal .p-heatstroke005 .wordlist dt,
#isocal .p-heatstroke005 .dl-list dt,
#isocal .p-heatstroke005 .section_numlist em,
#isocal .p-heatstroke005 .footer_afterword,
#isocal .p-heatstroke005 .section_list li::before,
#isocal .p-heatstroke005 .toc_list {
	color: #ff6671;
}
#isocal .p-heatstroke005 .section_title .marker {
	background: linear-gradient(to top, #e8f1fa .5em, transparent .5em);
}
#isocal .p-heatstroke005 .footer_afterword {
	max-width: 800px;
	margin: 48px auto 0;
}
@media (max-width: 767px) {
	#isocal .p-heatstroke005 .header_visual img {
		box-shadow: 6px 6px 0 #63bcdf;
	}
}
#isocal .c-cafefood.p-heatstroke005 .section_title.-s {
      margin-top:0;
}

/* table */
#isocal .p-heatstroke005 .section_table table {
      width: 100%;
}
#isocal .p-heatstroke005 .section_table table,
#isocal .p-heatstroke005 .section_table th,
#isocal .p-heatstroke005 .section_table td {
	border-color: #ff6671;
}

#isocal .p-heatstroke005 .section_table th,
#isocal .p-heatstroke005 .section_table td {
	padding-inline: .5em;
}
#isocal .p-heatstroke005 .section_table th {
	color: #ff6671;
}
#isocal .p-heatstroke005 .section_table small {
	display: inline-block;
	color: black;
	font-size: 82%;
	line-height: 1.4;
	font-weight: 500;
}
#isocal .p-heatstroke005 .section_table td {
	text-align: center;
}

@media (min-width: 768px) {
	#isocal .p-heatstroke005 .header_title em {
		margin-left: .3em;
	}
}

/* :::::: photo :::::: */
#isocal .p-heatstroke005 .section_image {
	max-width: 600px;
	margin: 24px auto 0;
}
#isocal .p-heatstroke005 .section_image img {
	border-radius: 10px;
}

/* 脱水症のサイン・特徴と対処法 */
#isocal .p-heatstroke005 .section_title.-capsule {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.4em;
	padding: 0;
	border: 0;
	border-radius: 2.4em;
	color: #fff;
	font-size: 25px;
	background: #ff6671;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .p-heatstroke005 .section_title.-capsule {
		font-size: calc(25vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .p-heatstroke005 .section_title.-capsule {
		font-size: calc(25vw / 4.8);
	}
}
#isocal .p-heatstroke005 .section_list li:nth-child(n+2) {
	margin-top: .3em;
}

/* 今日からできる脱水症対策！ */
#isocal .p-heatstroke005 .section_numlist {
	margin-top: 24px;
}
#isocal .p-heatstroke005 .section_numlist li {
	counter-increment: num;
}
#isocal .p-heatstroke005 .section_numlist li + li {
	margin-top: 40px;
}
#isocal .p-heatstroke005 .section_numlist em {
	display: inline-block;
	padding-left: 1em;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	text-indent: -1em;
}
#isocal .p-heatstroke005 .section_numlist em::before {
	content: counter(num);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: -.15em;
	width: 1.6em;
	height: 1.6em;
	margin-right: .3em;
	border-radius: 1.6em;
	color: #fff;
	font-size: 75%;
	text-indent: 0;
	vertical-align: middle;
	background: #ff6671;
}
#isocal .p-heatstroke005 .dl-list {
	display: flex;
	margin-top: 1em;
	flex-wrap: wrap;
	font-size: 18px;
	line-height: 2;
}
#isocal .p-heatstroke005 .dl-list dt {
	font-weight: 700;
}
#isocal .p-heatstroke005 .dl-list dt::before {
	content: "";
	display: inline-block;
	width: .8em;
	height: .8em;
	margin-top: -.1em;
	margin-right: .2em;
	border-radius: .8em;
	background: currentcolor;
	vertical-align: middle;
}
#isocal .p-heatstroke005 .dl-list dt::after {
	content: "：";
	color: black;
}
#isocal .p-heatstroke005 .dl-list small {
	color: black;
	font-size: 80%;
	font-weight: 500;
}
#isocal .p-heatstroke005 .dl-list dd {
	padding-left: .5em;
}
#isocal .p-heatstroke005 .section_numlist p {
	margin-top: 8px;
	padding-left: calc(25px + .3em);
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .p-heatstroke005 .section_numlist em {
		font-size: calc(25vw / 10);
	}
	#isocal .p-heatstroke005 .dl-list {
		font-size: calc(17vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .p-heatstroke005 .section_numlist em {
		font-size: calc(25vw / 4.8);
	}
	#isocal .p-heatstroke005 .dl-list {
		font-size: calc(17vw / 4.8);
	}
}

/* 高齢者の水分補給についてよくある質問 */
#isocal .dehydration_faq {
	margin-top: 24px;
}
#isocal .dehydration_faq dt {
	padding-left: 36px;
	font-size: 20px;
	text-indent: -36px;
}
#isocal .dehydration_faq dt,
#isocal .dehydration_faq dd::before {
	color: #ff6671;
	font-size: 20px;
	font-weight: 700;
}
#isocal .dehydration_faq dt::before,
#isocal .dehydration_faq dd::before {
	content: "Q.";
	margin-right: .3em;
	font-size: 24px;
	text-indent: 0;
}
#isocal .dehydration_faq dd {
	margin-top: 24px;
	padding: 8px 24px 24px;
	padding-left: 56px;
	border-radius: 10px;
	text-indent: -32px;
	line-height: 2;
	background: #ffeff1;
}
#isocal .dehydration_faq dd::before {
	content: "A.";
}
@media (min-width: 768px) {
	#isocal .dehydration_faq dd {
		border-radius: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .dehydration_faq dt {
		padding-left: calc(36vw / 10);
		font-size: calc(20vw / 10);
		text-indent: calc(-36vw / 10);
	}
	#isocal .dehydration_faq dt,
	#isocal .dehydration_faq dd::before {
		font-size: calc(20vw / 10);
	}
	#isocal .dehydration_faq dt::before,
	#isocal .dehydration_faq dd::before {
		font-size: calc(24vw / 10);
	}
	#isocal .dehydration_faq dd {
		padding-left: calc(56vw / 10);
		font-size: calc(17vw / 10);
		text-indent: calc(-32vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .dehydration_faq dt {
		padding-left: calc(36vw / 4.8);
		font-size: calc(20vw / 4.8);
		text-indent: calc(-36vw / 4.8);
	}
	#isocal .dehydration_faq dt,
	#isocal .dehydration_faq dd::before {
		font-size: calc(20vw / 4.8);
	}
	#isocal .dehydration_faq dt::before,
	#isocal .dehydration_faq dd::before {
		font-size: calc(24vw / 4.8);
	}
	#isocal .dehydration_faq dd {
		padding-left: calc(56vw / 4.8);
		font-size: calc(17vw / 4.8);
		text-indent: calc(-32vw / 4.8);
	}
}
/**
 * たんぱく質とは？働きやたんぱく質不足・過剰摂取したときの影響を解説
 * ---------------------------------------- */
#isocal .p-nutrients017 {
	background: #f5e9f5;
}
#isocal .p-nutrients017 .section_num,
#isocal .p-nutrients017 .content_header {
	background: #dcaddb;
}
#isocal .p-nutrients017.c-cafefood .section_title.-s {
  margin-top:0px
}
#isocal .p-nutrients017 .content_section.-bg {
	background: #e5cee5;
}
#isocal .p-nutrients017 .figure_capsule,
#isocal .p-nutrients017 .header_title em::before,
#isocal .p-nutrients017 .toc_title,
#isocal .p-nutrients017 .toc_list li::before,
#isocal .p-nutrients017 .toc_list .toc_item::before,
#isocal .p-nutrients017 .toc_list .toc_item li::before {
	background: #e9b00d;
}
#isocal .p-nutrients017 .header_visual img {
	box-shadow: 12px 12px 0 #c583c4;
}
#isocal .p-nutrients017 strong,
#isocal .p-nutrients017 .textlink,
#isocal .p-nutrients017 .section_title,
#isocal .p-nutrients017 .column_title,
#isocal .p-nutrients017 .wordlist dt,
#isocal .p-nutrients017 .footer_afterword,
#isocal .p-nutrients017 .section_list li::before,
#isocal .p-nutrients017 .toc_list {
	color: #e9b00d;
}
#isocal .p-nutrients017 .section_title .marker {
	background: linear-gradient(to top, #e8d5e8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .p-nutrients017 .header_visual img {
		box-shadow: 6px 6px 0 #c583c4;
	}
	#isocal .p-nutrients017 .footer_afterword {
		text-align: left;
	}
}

#isocal .header_title .s {
	font-size: 80%;
}
#isocal sub,
#isocal sup {
	font-size: 60%;
}

/* 注釈 */
#isocal .p-nutrients017 .c-note {
	margin-top: 1em;
}
#isocal .p-nutrients017 .c-note,
#isocal .p-nutrients017 .c-notes li {
	padding-left: 1em;
	font-size: 12px;
	line-height: 1.6;
	text-indent: -1em;
}
#isocal .p-nutrients017 .c-notes li {
	margin-top: .2em;
}
#isocal .p-nutrients017 .c-note *,
#isocal .p-nutrients017 .c-notese li * {
	text-indent: 0;
}
@media (max-width: 767px) {
	#isocal .p-nutrients017 .c-note,
	#isocal .p-nutrients017 .c-notes li {
		font-size: 10px;
	}
}

/* 計算 */
#isocal .p-nutrients017.c-cafefood .content_section .calc {
	display: block;
	margin-top: 1em;
	padding: 16px 24px;
	border-radius: 8px;
	text-align: center;
	background: #f5e9f588;
}

/* table */
#isocal .p-nutrients017 .section_table table,
#isocal .p-nutrients017 .section_table th,
#isocal .p-nutrients017 .section_table td {
	border-color: #e9b00d;
}
#isocal .p-nutrients017 .section_table th,
#isocal .p-nutrients017 .section_table td {
	padding-right: .5em;
	padding-left: .5em;
}
#isocal .p-nutrients017 .section_table td {
	text-align: center;
}

/* :::::: 1日あたりのビタミンAの摂取基準（μgRAE/日） :::::: */
#isocal .p-nutrients017 .section_table {
	margin-top: 32px;
}
#isocal .p-nutrients017 .figure_capsule small {
	font-size: 80%;
}

@media (max-width: 767px) {
	#isocal .p-nutrients017 .p-section_2_2 .section_table thead th:first-child {
		min-width: 9em;
	}
	#isocal .p-nutrients017 .p-section_2_2 .section_table td {
		min-width: 6em;
	}
}
#isocal .p-nutrients017 .p-section_2_2 .section_table tbody th {
	color: #e9b00d;
	background: transparent;
}
#isocal .p-nutrients017 .p-section_2_2 .section_table thead th:not(:first-child),
#isocal .p-nutrients017 .p-section_2_2 .section_table tbody th,
#isocal .p-nutrients017 .p-section_2_2 .section_table tbody tr:first-child td {
	font-weight: 900;
}
#isocal .p-nutrients017 .p-section_2_2 .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .p-nutrients017 .p-section_2_2 .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}

/* :::::: ＜身体活動レベル＞ :::::: */
#isocal .p-nutrients017 .level-list {
	display: grid;
	grid-template-columns: 5em 1fr;
	margin-top: 1em;
	padding: 24px;
	border-radius: 8px;
	background: #f5e9f588;
}
#isocal .p-nutrients017 .level-list dt {
	grid-column: 1;
	font-weight: 700;
}
#isocal .p-nutrients017 .level-list small {
	font-size: 80%;
}
#isocal .p-nutrients017 .level-list dd {
	grid-column: 2;
}

/* :::::: 【男女別】たんぱく質の適正摂取量 :::::: */
#isocal .p-nutrients017 .example-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
#isocal .p-nutrients017 .example-list dt {
	font-size: 18px;
	font-weight: 700;
}
#isocal .p-nutrients017 .example-list dd {
	margin-top: .5em;
}
#isocal .p-nutrients017 .example-list .label {
	color: #e9b00d;
}
#isocal .p-nutrients017 .example-list .calc {
	margin: .5em 0;
}
@media (min-width: 768px) {
	#isocal .p-nutrients017 .example-list dd {
		padding-left: 2em;
	}
}

/* :::::: たんぱく質を豊富に含む食品 :::::: */
#isocal .p-nutrients017 .p-section_3 .table_wrap thead th {
	background: #e9b00d22;
}
#isocal .p-nutrients017 .p-section_3 .table_wrap tbody th {
	font-weight: 500;
}
#isocal .p-nutrients017 .p-section_3 .table_wrap .table_caption {
	margin-bottom: .3em;
	color: #e9b00d;
	font-weight: 700;
}
#isocal .p-nutrients017 .p-section_3 .table_wrap thead th:nth-child(n+2) {
	width: 8em;
}
@media (min-width: 768px) {
	#isocal .p-nutrients017 .p-section_3 .table_wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 24px;
	}
}
@media (max-width: 767px) {
	#isocal .p-nutrients017 .p-section_3 .table_wrap table:nth-child(n+2) {
		margin-top: 1em;
	}
	#isocal .p-nutrients017 .p-section_3 .table_wrap tbody th,
	#isocal .p-nutrients017 .p-section_3 .table_wrap tbody td {
		padding-block: .5em;
	}
}

/* あとがき */
#isocal .p-nutrients017 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .p-nutrients017 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
#isocal .p-nutrients017 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .p-nutrients017 .footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#isocal .p-nutrients017 .footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	#isocal .p-nutrients017 .footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}
/**
 * 【管理栄養士監修】ビタミンKとは？働きと食品、1日の目安量について
 * ---------------------------------------- */
#isocal .p-supplement004 {
	background: #ffe3e5;
}
#isocal .p-supplement004 .section_num,
#isocal .p-supplement004 .content_header {
	background: #ffa5b0;
}
#isocal .p-supplement004 .content_section.-bg {
	background: #ffd7cf;
}
#isocal .p-supplement004.c-cafefood .section_title.-s {
    margin-top: 0px;
}
#isocal .p-supplement004 .figure_capsule,
#isocal .p-supplement004 .header_title em::before,
#isocal .p-supplement004 .toc_title,
#isocal .p-supplement004 .toc_list li::before,
#isocal .p-supplement004 .toc_list .toc_item li::before,
#isocal .p-supplement004 .toc_list .toc_item::before{
	background: #1ba9ba;
}
#isocal .p-supplement004 .header_visual img {
	box-shadow: 12px 12px 0 #ff8899;
}
#isocal .p-supplement004 strong,
#isocal .p-supplement004 .textlink,
#isocal .p-supplement004 .section_title,
#isocal .p-supplement004 .column_title,
#isocal .p-supplement004 .wordlist dt,
#isocal .p-supplement004 .footer_afterword,
#isocal .p-supplement004 .section_list li::before,
#isocal .p-supplement004 .toc_list {
	color: #1ba9ba;
}
#isocal .p-supplement004 .section_title .marker {
	background: linear-gradient(to top, #ffd0d5 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .p-supplement004 .header_visual img {
		box-shadow: 6px 6px 0 #ff8899;
	}
	#isocal .p-supplement004 .footer_afterword {
		text-align: left;
	}
}

#isocal .header_title .s {
	font-size: 80%;
}
#isocal sub {
	font-size: 60%;
}
#isocal .section_title small {
	font-size: 80%;
}

/* table */
#isocal .p-supplement004 .section_table table,
#isocal .p-supplement004 .section_table th,
#isocal .p-supplement004 .section_table td {
	border-color: #1ba9ba;
}
#isocal .p-supplement004 .section_table .blank {
	background: #fff;
}
#isocal .p-supplement004 .section_table thead th {
	background: #1ba9ba22;
}
@media (max-width: 767px) {
	#isocal .p-supplement004 .section_table thead tr:first-child th {
		font-size: calc(20vw / 4.8);
	}
}
#isocal .p-supplement004 .section_table thead th {
	font-weight: 700;
}
#isocal .p-supplement004 .section_table td {
	text-align: center;
}
#isocal .p-supplement004 .section_table tbody th {
	font-weight: 500;
}

/* 詳しく見る */
#isocal .p-supplement004 .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #1ba9ba;
	color: #1ba9ba;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .p-supplement004 .c-button.-pull:hover,
	#isocal .p-supplement004 .c-button.-pull.is-active {
		color: #fff;
		background: #1ba9ba;
	}
}
@media (max-width: 767px) {
	#isocal .p-supplement004 .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .p-supplement004 .js-pullContents {
	overflow: hidden;
}
#isocal .p-supplement004 .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* :::::: たんぱく質の多い食品一覧 :::::: */
@media (min-width: 768px) {
	#isocal .p-supplement004 .p-section_1 .section_table thead th:nth-child(n+2) {
		width: 30%;
	}
}
@media (max-width: 767px) {
	#isocal .p-supplement004 .p-section_1 .section_table thead th:nth-child(n+2) {
		width: 6em;
	}
}
#isocal .p-supplement004 .p-section_1 .section_table tbody th,
#isocal .p-supplement004 .p-section_1 .section_table tbody td {
	padding-block: .5em;
}
#isocal .p-supplement004 .p-section_1 .section_table table + table {
	margin-top: 1em;
}
#isocal .p-supplement004 .p-section_1 .table_caption {
	margin-bottom: .3em;
	color: #1ba9ba;
	font-weight: 700;
}

/* :::::: たんぱく質の多い食品一覧 :::::: */
#isocal .p-supplement004 .c-box.p-supplement004-dl {
	margin-block: 24px;
	padding: 16px 24px;
	border-radius: 8px;
	background: #1ba9ba22;
}
#isocal .p-supplement004 .c-box.p-supplement004-dl dt {
	color: #1ba9ba;
	font-size: 18px;
	font-weight: 700;
    text-align:left;
}
#isocal .p-supplement004 .c-box.p-supplement004-dl dd {
	margin: .5em 0 0;
    padding-left:0px;
}
#isocal .c-cafefood .p-section_2 .c-box.p-supplement004-dl dd::before {
	content: "";
	display: none;
}
#isocal .p-supplement004 .c-box.p-supplement004-dl .section_list {
	margin: 0;
}
#isocal .p-supplement004.c-cafefood .section_list li:nth-child(n+2) {
    margin-top:0.3em;
}
#isocal .p-supplement004 .c-box.p-supplement004-dl .section_list li {
	font-size: 16px;
}
@media (max-width: 767px) {
	#isocal .p-supplement004 .c-box.p-supplement004-dl dt {
		font-size: calc(18vw / 4.8);
	}
	#isocal .p-supplement004 .c-box.p-supplement004-dl .section_list li {
		font-size: calc(16vw / 4.8);
	}
}

/* :::::: たんぱく質を目標量摂取するための組み合わせメニュー :::::: */
#isocal .p-supplement004 .p-section_3 .section_table .subtotal td {
	background: #f8f8f8;
}
#isocal .p-supplement004 .p-section_3 .section_table .total th,
#isocal .p-supplement004 .p-section_3 .section_table .total td {
	background: #eee;
}
#isocal .p-supplement004 .p-section_3 .section_table thead th:not(:first-child) {
	min-width: 4.8em;
}
#isocal .p-supplement004 .p-section_3 .section_table thead th.th_menu {
	min-width: 8em;
}

/* あとがき */
#isocal .p-supplement004 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .p-supplement004 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
#isocal .p-supplement004 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .p-supplement004 .footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#isocal .p-supplement004 .footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	#isocal .p-supplement004 .footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}


/* あとがき */
#isocal .p-heatstroke005 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/**
 * 【管理栄養士監修】ビタミンAとは？働きと摂取量の目安
 * ---------------------------------------- */
#isocal .c-cafefood.p-nutrients018 {
	background: #e7f0ff;
}
#isocal .c-cafefood.p-nutrients018 .section_num,
#isocal .c-cafefood.p-nutrients018 .content_header,
#isocal .c-cafefood.p-nutrients018 .recipe_section .material_list dt::before,
#isocal .c-cafefood.p-nutrients018 .recipe_section .c-nutrition > dt,
#isocal .c-cafefood.p-nutrients018 .recipe_section .c-recipe > dt,
#isocal .c-cafefood.p-nutrients018 .recipe_section .memo_list li::before {
	background: #92d1e9;
}
#isocal .c-cafefood.p-nutrients018 .content_section.-bg {
	background: #d3e2f3;
}
#isocal .c-cafefood.p-nutrients018 .figure_capsule,
#isocal .c-cafefood.p-nutrients018 .header_title em::before,
#isocal .c-cafefood.p-nutrients018 .toc_title,
#isocal .c-cafefood.p-nutrients018 .toc_list li::before {
	background: #ff6671;
}
#isocal .c-cafefood.p-nutrients018 .header_visual img {
	box-shadow: 12px 12px 0 #63b9dc;
}
#isocal .c-cafefood.p-nutrients018 strong,
#isocal .c-cafefood.p-nutrients018 .textlink,
#isocal .c-cafefood.p-nutrients018 .section_title,
#isocal .c-cafefood.p-nutrients018 .column_title,
#isocal .c-cafefood.p-nutrients018 .wordlist dt,
#isocal .c-cafefood.p-nutrients018 .footer_afterword,
#isocal .c-cafefood.p-nutrients018 .section_list li::before,
#isocal .c-cafefood.p-nutrients018 .toc_list,
#isocal .c-cafefood.p-nutrients018 .recipe_section .recipe_title,
#isocal .c-cafefood.p-nutrients018 .recipe_section .c-material .text > dt,
#isocal .c-cafefood.p-nutrients018 .recipe_section .nutrition_list dt,
#isocal .c-cafefood.p-nutrients018 .recipe_section .c-nutrition .ratio dt,
#isocal .c-cafefood.p-nutrients018 .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-nutrients018 .recipe_section .memo_title,
#isocal .c-cafefood.p-nutrients018 .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-nutrients018 .recipe_section .memo_list .num {
	color: #ff6671;
}
#isocal .c-cafefood.p-nutrients018 .recipe_section .recipe_title,
#isocal .c-cafefood.p-nutrients018 .recipe_section .recipe_list li::before,
#isocal .c-cafefood.p-nutrients018 .recipe_section .recipe_list .num,
#isocal .c-cafefood.p-nutrients018 .recipe_section .memo_list .num {
	background: #ff667122;
}
#isocal .c-cafefood.p-nutrients018 .recipe_section .column_box {
	background: #e7f0ff;
}
#isocal .c-cafefood.p-nutrients018 .section_title .marker {
	background: linear-gradient(to top, #e5eef7 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .header_visual img {
		box-shadow: 6px 6px 0 #63b9dc;
	}
	#isocal .c-cafefood.p-nutrients018 .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood .header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood sub, sup {
	font-size: 60%;
}
#isocal .c-cafefood sup {
	vertical-align: super;
}
#isocal .c-cafefood.p-nutrients018 .section_title.-s {
  margin-top:0;
}

/* ビタミンB₂を摂取できるおすすめレシピ */
#isocal .c-cafefood.p-nutrients018 .p-section_5 .section_list {
	margin-top: .3em;
}
#isocal .c-cafefood.p-nutrients018 .section_list li:nth-child(n+2) {
	margin-top: 0.3em;
}
@media (max-width: 767px) {
	/* 【男女・年齢別】1日に必要なビタミンB₂の量 */
	#isocal .c-cafefood.p-nutrients018 .p-section_4 .table_wrap table {
		min-width: max(400vw / 3.75, 400px);
	}

	/* ビタミンB₂を摂取できるおすすめレシピ */
	#isocal .c-cafefood.p-nutrients018 .p-section_5 .recipe_section {
		margin-top: 0;
	}
	.section_table .table_wrap {
		margin-inline: calc(-32vw / 4.8);
		padding-inline: calc(32vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood .section_table .table_wrap {
		margin-inline: -16px;
		padding-inline: 16px;
	}
}


/* :::::: photo :::::: */
#isocal .c-cafefood .section_image {
	max-width: 600px;
	margin: 24px auto 0;
}
#isocal .c-cafefood .section_image img {
	border-radius: 10px;
}

/* table */
#isocal .c-cafefood.p-nutrients018 .section_table table,
#isocal .c-cafefood.p-nutrients018 .section_table th,
#isocal .c-cafefood.p-nutrients018 .section_table td {
	border-color: #ff6671;
}
#isocal .c-cafefood.p-nutrients018 .section_table .slash svg {
	stroke: #ff6671;
}
#isocal .c-cafefood.p-nutrients018 .section_table th,
#isocal .c-cafefood.p-nutrients018 .section_table td {
	padding-right: .5em;
	padding-left: .5em;
}
#isocal .c-cafefood.p-nutrients018 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-nutrients018 .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-nutrients018 .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-nutrients018 .section_table .slash {
	position: relative;
}
#isocal .c-cafefood.p-nutrients018 .section_table .slash svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
}

/* 詳しく見る */
#isocal .c-cafefood.p-nutrients018 .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #ff6671;
	color: #ff6671;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-nutrients018 .c-button.-pull:hover,
	#isocal .c-cafefood.p-nutrients018 .c-button.-pull.is-active {
		color: #fff;
		background: #ff6671;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-nutrients018 .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-nutrients018 .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* graph */
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar,
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar {
	background: #90cfe7;
}
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar,
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar,
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .bar {
	background: #62aa40;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .graph { margin-block: calc(28vw / 4.8) calc(114vw / 4.8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .graph { margin-block: calc(28vw / 4.8) calc(116vw / 4.8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .graph { margin-block: calc(14vw / 4.8) calc(66vw / 4.8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .graph { margin-block: calc(20vw / 4.8) calc(106vw / 4.8); }
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .graph { margin-block: 28px 114px; }
	#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .graph { margin-block: 28px 116px; }
	#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .graph { margin-block: 14px 66px; }
	#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .graph { margin-block: 20px 106px; }
}
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b1 { height: 83.7%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b2 { height: 59.3%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b3 { height: 45.9%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b4 { height: 38%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b5 { height: 33.3%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b6 { height: 29.7%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b7 { height: 24.9%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b8 { height: 22.9%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b9 { height: 22.9%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b10 { height: 20%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b11 { height: 19%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b12 { height: 17.4%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b13 { height: 7.4%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .bar.-b14 { height: 5.9%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i1 { width: 100px; bottom: 74%; left: 8%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i2 { width: 62px; bottom: 50%; left: 15.5%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i3 { width: 71px; bottom: 37%; left: 27%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i4 { width: 60px; bottom: 28%; left: 49%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i5 { width: 66px; bottom: 37%; left: 58%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i6 { width: 75px; bottom: 20%; left: 82.5%; }
#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i7 { width: 63px; bottom: 11%; left: 90%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i1 { width: calc(100vw / 7.67); left: 10%; }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i2 { width: calc(62vw / 7.67); left: 17%; }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i3 { width: calc(71vw / 7.67); left: 30%; }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i4 { width: calc(60vw / 7.67); }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i5 { width: calc(66vw / 7.67); }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i6 { width: calc(75vw / 7.67); }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i7 { width: calc(63vw / 7.67); }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i1 { width: calc(100px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i2 { width: calc(62px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i3 { width: calc(71px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i4 { width: calc(60px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i5 { width: calc(66px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i6 { width: calc(75px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph1.c-bargraph .illust .il.-i7 { width: calc(63px * .8); }
}
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b1 { height: 84.8%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b2 { height: 79.7%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b3 { height: 52.6%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b4 { height: 64.4%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b5 { height: 39.9%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b6 { height: 35.5%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b7 { height: 29.4%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b8 { height: 35.5%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b9 { height: 29.4%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b10 { height: 20.9%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b11 { height: 20.9%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .bar.-b12 { height: 6.6%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .illust .il.-i1 { width: 58px; bottom: 87%; left: 1%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .illust .il.-i2 { width: 75px; bottom: 77%; left: 13%; }
#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .illust .il.-i3 { width: 54px; bottom: 43%; left: 35%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .illust .il.-i1 { width: calc(58vw / 7.67); left: 2%; }
	#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .illust .il.-i2 { width: calc(75vw / 7.67); left: 14%; }
	#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .illust .il.-i3 { width: calc(54vw / 7.67); left: 36%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .illust .il.-i1 { width: calc(58px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .illust .il.-i2 { width: calc(75px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph2.c-bargraph .illust .il.-i3 { width: calc(54px * .8); }
}
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b1 { height: 94.1%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b2 { height: 80.7%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b3 { height: 69.8%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b4 { height: 69.8%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b5 { height: 69.7%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b6 { height: 66.1%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b7 { height: 60.5%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b8 { height: 55.2%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b9 { height: 50.6%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b10 { height: 45.2%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .bar.-b11 { height: 31%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i1 { width: 76px; bottom: 90%; left: 1%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i2 { width: 51px; bottom: 72%; left: 18%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i3 { width: 72px; bottom: 68%; left: 44%; }
#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i4 { width: 71px; bottom: 58%; left: 62.5%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i1 { width: calc(76vw / 7.67); left: 3.5%; }
	#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i2 { width: calc(51vw / 7.67); left: 20%; }
	#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i3 { width: calc(72vw / 7.67); }
	#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i4 { width: calc(71vw / 7.67); }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i1 { width: calc(76px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i2 { width: calc(51px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i3 { width: calc(72px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph3.c-bargraph .illust .il.-i4 { width: calc(71px * .8); }
}
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .bar.-b1 { height: 79.7%; }
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .bar.-b2 { height: 50.2%; }
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .bar.-b3 { height: 24.6%; }
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .bar.-b4 { height: 16.9%; }
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .bar.-b5 { height: 16.9%; }
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .bar.-b6 { height: 12.3%; }
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .bar.-b7 { height: 6%; }
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i1 { width: 61px; bottom: 83%; left: 1%; }
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i2 { width: 63px; bottom: 22%; left: 44%; }
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i3 { width: 38px; bottom: 22%; left: 62.5%; }
#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i4 { width: 67px; bottom: 16%; left: 76%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i1 { width: calc(61vw / 7.67); }
	#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i2 { width: calc(63vw / 7.67); }
	#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i3 { width: calc(38vw / 7.67); }
	#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i4 { width: calc(67vw / 7.67); }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i1 { width: calc(61px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i2 { width: calc(63px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i3 { width: calc(38px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph4.c-bargraph .illust .il.-i4 { width: calc(67px * .8); }
}
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b1 { height: 89.7%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b2 { height: 84.3%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b3 { height: 74.6%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b4 { height: 27.3%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b5 { height: 20.3%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b6 { height: 12.2%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b7 { height: 9.8%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b8 { height: 10%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b9 { height: 10%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b10 { height: 10%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .bar.-b11 { height: 7.4%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .illust .il.-i1 { width: 38px; bottom: 88%; left: 10%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .illust .il.-i2 { width: 43px; bottom: 16%; left: 46.5%; }
#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .illust .il.-i3 { width: 55px; bottom: 14%; left: 64%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .illust .il.-i1 { width: calc(38vw / 7.67); left: 11%; }
	#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .illust .il.-i2 { width: calc(43vw / 7.67); }
	#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .illust .il.-i3 { width: calc(55vw / 7.67); }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .illust .il.-i1 { width: calc(38px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .illust .il.-i2 { width: calc(43px * .8); }
	#isocal .c-cafefood.p-nutrients018 .p-graph5.c-bargraph .illust .il.-i3 { width: calc(55px * .8); }
}

/* recipe */
#isocal .c-cafefood.p-nutrients018 .nutrition_list {
	columns: 14em;
}
#isocal .c-cafefood.p-nutrients018 .recipe_section .c-recipe .preparation {
	font-size: 18px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .recipe_section .c-recipe .preparation {
		font-size: calc(18vw / 4.8);
	}
}

/* あとがき */
#isocal .c-cafefood.p-nutrients018 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-nutrients018 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
#isocal .c-cafefood.p-nutrients018 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-nutrients018 .footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients018 .footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}


/*
 * グラフ
 * -------------------------------------------------- */
 #isocal .c-cafefood.p-nutrients018 .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-nutrients018 .c-bargraph {
	position: relative;
	padding-bottom: 1px
}
#isocal .c-cafefood.p-nutrients018 .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	color: #61ba3f;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
	background: #d5edcc;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients018 .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-nutrients018 .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .note,
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph_item .label {
		font-size: calc(10vw / 4.8);
		letter-spacing: 0;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients018 .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-nutrients018 .bargraph_title {
		font-size: 16px;
	}
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .note,
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph_item .label {
		font-size: 10px;
	}
}
/* :::::: グラフが二つ並ぶ時 :::::: */
#isocal .c-cafefood.p-nutrients018 .graph-column {
	display: flex;
	justify-content: space-between;
}
#isocal .c-cafefood.p-nutrients018 .graph-column .c-bargraph {
	flex-basis: calc(50% - 12px);
}
#isocal .c-cafefood.p-nutrients018 .graph-column .c-bargraph .graph {
	margin-right: 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .graph-column {
		overflow: auto;
		margin: 0 calc(-32vw / 4.8);
    	padding: 0 calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients018 .graph-column .graph_container {
		overflow: visible;
		margin: 0;
		padding: 0;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients018 .graph-column {
		overflow: auto;
		margin: 0 -16px;
    	padding: 0 16px;
	}
}
/* :::::: 注釈 :::::: */
#isocal .c-cafefood.p-nutrients018 .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-nutrients018 .c-bargraph .note .en,
#isocal .c-cafefood.p-nutrients018 .c-bargraph .note .unit {
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
#isocal .c-cafefood.p-nutrients018 .c-bargraph .note .unit {
	margin-inline-start: -.1em;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-nutrients018 .wf-active .c-bargraph .note .en,
#isocal .c-cafefood.p-nutrients018 .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .note {
		height: 200px;
	}
}
/* :::::: 目盛り :::::: */
#isocal .c-cafefood.p-nutrients018 .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 44px;
	height: calc(300px + 1em);
	line-height: 1;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .vaxis {
		left: calc(28vw / 6.4);
		height: calc(200vw / 6.4 + 1em);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .vaxis {
		left: 28px;
		height: calc(200px + 1em);
	}
}
/* :::::: 棒 :::::: */
#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	column-gap: 10px;
	height: 300px;
	margin: 40px 0 184px 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph_item {
	position: relative;
	width: min(100%, 32px);
}
#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph_item .label {
	top: calc(100% + .3em);
	right: 0;
	line-height: 1;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph {
		height: calc(200vw / 6.4);
		margin: calc(24vw / 4.8) 0 calc(120vw / 4.8) calc(56vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph {
		height: 200px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .graph {
		margin: 24px 0 120px 56px;
	}
}
/* :::::: 挿絵 :::::: */
#isocal .c-cafefood.p-nutrients018 .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-nutrients018 .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-nutrients018 .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .illust {
		left: calc(56vw / 4.8);
		width: calc(100% - 56vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients018 .c-bargraph .illust {
		left: 56px;
		width: calc(100% - 56px);
	}
}
/**
 * 栄養失調とは？ 気になる症状と原因、予防するには【セルフチェック】
 * ---------------------------------------- */
#isocal .c-cafefood.p-heatstroke006 {
	background: #f5e9f5;
}
#isocal .c-cafefood.p-heatstroke006 .section_num,
#isocal .c-cafefood.p-heatstroke006 .content_header {
	background: #dcaddb;
}
#isocal .c-cafefood.p-heatstroke006 .content_section.-bg {
	background: #ecd5ec;
}
#isocal .c-cafefood.p-heatstroke006 .figure_capsule,
#isocal .c-cafefood.p-heatstroke006 .header_title em::before,
#isocal .c-cafefood.p-heatstroke006 .toc_title,
#isocal .c-cafefood.p-heatstroke006 .toc_list li::before {
	background: #e9b00d;
}
#isocal .c-cafefood.p-heatstroke006 .header_visual img {
	box-shadow: 12px 12px 0 #cc8acb;
}
#isocal .c-cafefood.p-heatstroke006 strong,
#isocal .c-cafefood.p-heatstroke006 .textlink,
#isocal .c-cafefood.p-heatstroke006 .section_title,
#isocal .c-cafefood.p-heatstroke006 .column_title,
#isocal .c-cafefood.p-heatstroke006 .wordlist dt,
#isocal .c-cafefood.p-heatstroke006 .dl-list dt,
#isocal .c-cafefood.p-heatstroke006 .section_numlist em,
#isocal .c-cafefood.p-heatstroke006 .footer_afterword,
#isocal .c-cafefood.p-heatstroke006 .section_list li::before,
#isocal .c-cafefood.p-heatstroke006 .toc_list {
	color: #e9b00d;
}
#isocal .c-cafefood.p-heatstroke006 .section_title .marker {
	background: linear-gradient(to top, #efdcef .5em, transparent .5em);
}
#isocal .c-cafefood.p-heatstroke006 .footer_afterword {
	max-width: 800px;
	margin: 48px auto 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-heatstroke006 .header_visual img {
		box-shadow: 6px 6px 0 #cc8acb;
	}
}
#isocal .c-cafefood.p-heatstroke006 .section_title.-s {
margin-top:0;
}

#isocal .c-cafefood.p-heatstroke006 .p-section_3 .section_list li:nth-child(n+2) {
  margin-top:0.3em;
}
/* table */
#isocal .c-cafefood.p-heatstroke006 .section_table table,
#isocal .c-cafefood.p-heatstroke006 .section_table th,
#isocal .c-cafefood.p-heatstroke006 .section_table td {
	border-color: #e9b00d;
}
#isocal .c-cafefood.p-heatstroke006 .section_table th,
#isocal .c-cafefood.p-heatstroke006 .section_table td {
	padding-inline: .5em;
}
#isocal .c-cafefood.p-heatstroke006 .section_table th {
	color: #e9b00d;
}
#isocal .c-cafefood.p-heatstroke006 .section_table small {
	display: inline-block;
	color: black;
	font-size: 82%;
	line-height: 1.4;
	font-weight: 500;
}
#isocal .c-cafefood.p-heatstroke006 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-heatstroke006 .c-table tbody th {
  background :#fff;
}
#isocal .c-cafefood.p-heatstroke006 .c-table thead th,
#isocal .c-cafefood.p-heatstroke006 .c-table thead th:first-child {
	width: auto;
}
#isocal .c-cafefood.p-heatstroke006 .c-table tbody th {
	width: auto;
	text-align: center;
}
#isocal .c-cafefood.p-heatstroke006 .c-table {
    line-height: 1.6;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-heatstroke006 .header_title em {
		margin-left: .3em;
	}
}

/* :::::: photo :::::: */
#isocal .c-cafefood.p-heatstroke006 .section_image {
	max-width: 600px;
	margin: 24px auto 0;
}
#isocal .c-cafefood.p-heatstroke006 .section_image img {
	border-radius: 10px;
}

/* もしかして栄養失調？ まずは簡単セルフチェック */
#isocal .c-cafefood.p-heatstroke006 .checklist {
	max-width: 600px;
	margin: 24px auto;
	padding: 40px;
	border-radius: 10px;
	background: #f5e9f5;
}
#isocal .c-cafefood.p-heatstroke006 .checklist li {
	padding-left: 2.4em;
	text-indent: -2.4em;
}
#isocal .c-cafefood.p-heatstroke006 .checklist li + li {
	margin-top: .5em;
}
#isocal .c-cafefood.p-heatstroke006 .checklist li::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: 1.8em;
	height: 1.8em;
	margin-right: .5em;
	border: 1px solid #e9b00d;
	vertical-align: middle;
	background: #fff url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/check_480x480.svg?v=1688512407") center / cover no-repeat;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-heatstroke006 .checklist {
		padding: 24px 16px;
	}
}

/* 不足しがちな栄養素と食品一覧 */
#isocal .c-cafefood.p-heatstroke006 .p-section_6 .section_table thead th {
	background: #e9b00d22;
}
#isocal .c-cafefood.p-heatstroke006 .p-section_6 .section_table tbody th {
	white-space: nowrap;
}


/* あとがき */
#isocal .c-cafefood.p-heatstroke006 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* :::::: 監修 :::::: */
#isocal .c-cafefood.p-heatstroke006 .supervisor {
	display: flex;
	z-index: 1;
	position: relative;
	width: calc(100% - 64px);
	max-width: 600px;
	margin: 40px auto;
	padding: 24px;
	border-radius: 16px;
	background: #fff;
}
#isocal .c-cafefood.p-heatstroke006 .supervisor .photo img {
	border-radius: 50%;
}
#isocal .c-cafefood.p-heatstroke006 .supervisor .text dt {
	padding-bottom: .4em;
	border-bottom: 2px dotted #dcaddb;
	font-size: 19px;
}
#isocal .c-cafefood.p-heatstroke006 .supervisor .text dd {
	margin-top: .5em;
	font-size: 16px;
}
@media (min-width: 768px) {
	#isocal .c-cafefood.p-heatstroke006 .supervisor {
		justify-content: center;
		align-items: center;
		gap: 32px;
	}
	#isocal .c-cafefood.p-heatstroke006 .supervisor .photo {
		flex-basis: 200px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .c-cafefood.p-heatstroke006 .supervisor .text dt {
		font-size: calc(19vw / 10);
	}
	#isocal .c-cafefood.p-heatstroke006 .supervisor .text dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-heatstroke006 .supervisor {
		flex-direction: column;
		gap: 1em;
		margin: calc(40vw / 4.8) auto;
		padding: calc(16vw / 4.8) calc(24vw / 4.8);
		text-align: center;
	}
	#isocal .c-cafefood.p-heatstroke006 .supervisor .photo {
		width: calc(180vw / 4.8);
		margin: 0 auto;
	}
	#isocal .c-cafefood.p-heatstroke006 .supervisor .text dt {
		font-size: calc(19vw / 4.8);
	}
	#isocal .c-cafefood.p-heatstroke006 .supervisor .text dd {
		font-size: calc(16vw / 4.8);
	}
}
/**
 * 【管理栄養士監修】ビタミンAとは？働きと摂取量の目安
 * ---------------------------------------- */
#isocal .c-cafefood.p-nutrients019 {
	background: #e7f3e1;
}
#isocal .c-cafefood.p-nutrients019 .section_num,
#isocal .c-cafefood.p-nutrients019 .content_header {
	background: #89c779;
}
#isocal .c-cafefood.p-nutrients019 .content_section.-bg {
	background: #d6ebcb;
}
#isocal .c-cafefood.p-nutrients019 .figure_capsule,
#isocal .c-cafefood.p-nutrients019 .header_title em::before,
#isocal .c-cafefood.p-nutrients019 .toc_title,
#isocal .c-cafefood.p-nutrients019 .toc_list li::before {
	background: #f98017;
}
#isocal .c-cafefood.p-nutrients019 .header_visual img {
	box-shadow: 12px 12px 0 #7fb64b;
}
#isocal .c-cafefood.p-nutrients019 strong,
#isocal .c-cafefood.p-nutrients019 .textlink,
#isocal .c-cafefood.p-nutrients019 .section_title,
#isocal .c-cafefood.p-nutrients019 .column_title,
#isocal .c-cafefood.p-nutrients019 .wordlist dt,
#isocal .c-cafefood.p-nutrients019 .footer_afterword,
#isocal .c-cafefood.p-nutrients019 .section_list li::before,
#isocal .c-cafefood.p-nutrients019 .toc_list {
	color: #f98017;
}
#isocal .c-cafefood.p-nutrients019 .section_title .marker {
	background: linear-gradient(to top, #f7edc8 .5em, transparent .5em);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .header_visual img {
		box-shadow: 6px 6px 0 #7fb64b;
	}
	#isocal .c-cafefood.p-nutrients019 .footer_afterword {
		text-align: left;
	}
}

#isocal .c-cafefood.p-nutrients019 .header_title .s {
	font-size: 80%;
}
#isocal .c-cafefood.p-nutrients019 .section_title.-s {
margin-top:0;
}
sub, sup {
	font-size: 60%;
}
sup {
	vertical-align: super;
}


/* 【年齢・男女別】1日に必要なビタミンEの目安量 */
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .p-section_5 .table_wrap table {
		min-width: max(410vw / 3.75, 410px);
	}
	#isocal .c-cafefood.p-nutrients019 .section_table .table_wrap {
		margin-inline: calc(-32vw / 4.8);
		padding-inline: calc(32vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients019 .section_table .table_wrap {
		margin-inline: -16px;
		padding-inline: 16px;
	}
}


/* table */
#isocal .c-cafefood.p-nutrients019 .section_table table,
#isocal .c-cafefood.p-nutrients019 .section_table th,
#isocal .c-cafefood.p-nutrients019 .section_table td {
	border-color: #f98017;
}
#isocal .c-cafefood.p-nutrients019 .section_table .slash svg {
	stroke: #f98017;
}
#isocal .c-cafefood.p-nutrients019 .section_table th,
#isocal .c-cafefood.p-nutrients019 .section_table td {
	padding-right: .5em;
	padding-left: .5em;
}
#isocal .c-cafefood.p-nutrients019 .section_table td {
	text-align: center;
}
#isocal .c-cafefood.p-nutrients019 .section_table .male {
	color: #2d8ed8;
	background: #edf9ff;
}
#isocal .c-cafefood.p-nutrients019 .section_table .female {
	color: #ff586d;
	background: #ffe3e5;
}
#isocal .c-cafefood.p-nutrients019 .section_table .slash {
	position: relative;
}
#isocal .c-cafefood.p-nutrients019 .section_table .slash svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: none;
}
#isocal .c-cafefood.p-nutrients019 .section_table .note {
	margin-top: .3em;
	padding-left: 1em;
	font-size: 12px;
	line-height: 1.6;
	text-indent: -1em;
}

/* 詳しく見る */
#isocal .c-cafefood.p-nutrients019 .c-button.-pull {
	margin: 24px auto;
	border: 2px solid #f98017;
	color: #f98017;
	font-size: 20px;
	background: #fff;
}
@media (hover: hover) {
	#isocal .c-cafefood.p-nutrients019 .c-button.-pull:hover,
	#isocal .c-cafefood.p-nutrients019 .c-button.-pull.is-active {
		color: #fff;
		background: #f98017;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .c-button.-pull {
		margin: 8px auto 16px;
		font-size: calc(16vw / 4.8);
	}
}
#isocal .c-cafefood.p-nutrients019 .js-pullContents {
	overflow: hidden;
}
#isocal .c-cafefood.p-nutrients019 .js-pullContents.is-anim {
	transition: height .6s cubic-bezier(.7,0,.3,1);
}

/* graph */
#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph {
	flex-basis: 42%;
}
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph {
	flex-basis: calc(58% - 24px);
	margin-left: 8px;
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph {
	margin-left: 72px;
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .illust {
	left: 72px;
	width: calc(100% - 112px);
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph {
		margin-left: calc(48vw / 6.4);
	}
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .illust {
		left: calc(48vw / 6.4);
		width: calc(100% - 48vw / 6.4);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph {
		margin-left: 48px;
	}
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .illust {
		left: 48px;
		width: calc(100% - 48px);
	}
}
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .graph,
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .graph {
	margin-bottom: 156px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .graph-column .p-graph1.c-bargraph {
		margin-left: calc(88vw / 4.8 - 84px);
	}
	 #isocal .c-cafefood.p-nutrients019 .graph-column .p-graph1.c-bargraph .graph_wrap {
		min-width: 240px;
	}
	#isocal .c-cafefood.p-nutrients019 .graph-column .p-graph2.c-bargraph .graph_wrap {
		min-width: 320px;
	}
	#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .graph,
	 #isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .graph {
		margin-bottom: calc(112vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .graph,
	#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .graph {
		margin-bottom: calc(92vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients019 .graph-column .p-graph1.c-bargraph {
		margin-left: 4px;
	}
	#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .graph,
	#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .graph {
		margin-bottom: 112px;
	}
	#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .graph,
	#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .graph {
		margin-bottom: 92px;
	}
}
#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .bar {
	background: #eeaf2a;
}
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .bar,
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .bar {
	background: #82bb66;
}
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar {
	background: #90cfe7;
}
#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .bar.-b1 { height: 85.3%; }
#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .bar.-b2 { height: 54.2%; }
#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .bar.-b3 { height: 37%; }
#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .bar.-b4 { height: 37%; }
#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .bar.-b5 { height: 33.3%; }
#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .illust .il.-i1 { width: 60px; bottom: 88%; left: 1%; }
#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .illust .il.-i2 { width: 88px; bottom: 40%; right: -8%; }
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .illust .il.-i2 { right: -32%; }
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .illust .il.-i1 { width: calc(60vw / 7.67); left: 6%; }
	#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .illust .il.-i2 { width: calc(88vw / 7.67); right: -4%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .illust .il.-i1 { width: calc(60px * .8); }
	#isocal .c-cafefood.p-nutrients019 .p-graph1.c-bargraph .illust .il.-i2 { width: calc(88px * .8); }
}
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .bar.-b1 { height: 86.4%; }
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .bar.-b2 { height: 30.6%; }
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .bar.-b3 { height: 11.4%; }
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .bar.-b4 { height: 11.4%; }
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .bar.-b5 { height: 5.2%; }
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .bar.-b6 { height: 5.2%; }
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .bar.-b7 { height: 2.6%; }
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .illust .il.-i1 { width: 66px; bottom: 88%; left: 1%; }
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .illust .il.-i2 { width: 68px; bottom: 15%; left: 34%; }
#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .illust .il.-i3 { width: 71px; bottom: 16%; left: 61%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .illust .il.-i1 { width: calc(66vw / 7.67); bottom: 74%; left: 18%; }
	#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .illust .il.-i2 { width: calc(68vw / 7.67); left: 32%; }
	#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .illust .il.-i3 { width: calc(71vw / 7.67); left: 55%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .illust .il.-i1 { width: calc(66px * .8); }
	#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .illust .il.-i2 { width: calc(68px * .8); }
	#isocal .c-cafefood.p-nutrients019 .p-graph2.c-bargraph .illust .il.-i3 { width: calc(71px * .8); }
}
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar.-b1 { height: 82.5%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar.-b2 { height: 77.4%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar.-b3 { height: 73.4%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar.-b4 { height: 64.3%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar.-b5 { height: 62.3%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar.-b6 { height: 58.7%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar.-b7 { height: 56.3%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar.-b8 { height: 36%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar.-b9 { height: 25.4%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .bar.-b10 { height: 49.2%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i1 { width: 96px; bottom: 85%; left: 0; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i2 { width: 63px; bottom: 76%; left: 18%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i3 { width: 62px; bottom: 63%; left: 50%; }
#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i4 { width: 86px; bottom: 60%; left: 63%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i1 { width: calc(96vw / 7.67); left: 2%; }
	#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i2 { width: calc(63vw / 7.67); left: 20%; }
	#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i3 { width: calc(62vw / 7.67); }
	#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i4 { width: calc(86vw / 7.67); }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i1 { width: calc(96px * .8); }
	#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i2 { width: calc(63px * .8); }
	#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i3 { width: calc(62px * .8); }
	#isocal .c-cafefood.p-nutrients019 .p-graph3.c-bargraph .illust .il.-i4 { width: calc(86px * .8); }
}
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .bar.-b1 { height: 81.6%; }
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .bar.-b2 { height: 53.5%; }
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .bar.-b3 { height: 44.6%; }
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .bar.-b4 { height: 37.5%; }
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .bar.-b5 { height: 27.9%; }
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .bar.-b6 { height: 20%; }
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .bar.-b7 { height: 21.4%; }
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .bar.-b8 { height: 21.4%; }
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .illust .il.-i1 { width: 70px; bottom: 85%; left: 0; }
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .illust .il.-i2 { width: 58px; bottom: 56%; left: 14.5%; }
#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .illust .il.-i3 { width: 75px; bottom: 25%; left: 76.5%; }
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .illust .il.-i1 { width: calc(70vw / 7.67); left: 2%; }
	#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .illust .il.-i2 { width: calc(58vw / 7.67); left: 15%; }
	#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .illust .il.-i3 { width: calc(75vw / 7.67); left: 75%; }
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .illust .il.-i1 { width: calc(70px * .8); }
	#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .illust .il.-i2 { width: calc(58px * .8); }
	#isocal .c-cafefood.p-nutrients019 .p-graph4.c-bargraph .illust .il.-i3 { width: calc(75px * .8); }
}

/* あとがき */
#isocal .c-cafefood.p-nutrients019 .footer_afterword {
	max-width: 500px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修・脚注 */
#isocal .c-cafefood.p-nutrients019 .footer_supervision {
	max-width: calc(1000px - 128px - 160px);
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
#isocal .c-cafefood.p-nutrients019 .footer_supervision dl {
	display: inline-block;
	padding: 1em 24px;
	border-top: 1px solid currentcolor;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-nutrients019 .footer_reflist {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .footer_supervision {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients019 .footer_supervision dl {
		width: 100%;
		padding: 1em 0;
	}
}


/*
 * グラフ
 * -------------------------------------------------- */
#isocal .c-cafefood.p-nutrients019 .graph_wrap {
	position: relative;
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph {
	position: relative;
	padding-bottom: 1px
}
#isocal .c-cafefood.p-nutrients019 .bargraph_title {
	max-width: 10em;
	margin: 0 auto;
	padding: 0.2em;
	border-radius: 2em;
	color: #61ba3f;
	font-size: 22px;
	letter-spacing: .1em;
	font-weight: 900;
	text-align: center;
	white-space: nowrap;
	background: #d5edcc;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .graph_container {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		margin: 0 calc(-32vw / 4.8);
		padding: 0 calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients019 .graph_wrap {
		min-width: 480px;
	}
	#isocal .c-cafefood.p-nutrients019 .bargraph_title {
		font-size: calc(16vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .note,
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph_item .label {
		font-size: calc(10vw / 4.8);
		letter-spacing: 0;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients019 .graph_container {
		margin: 0 -16px;
		padding: 0 16px;
	}
	#isocal .c-cafefood.p-nutrients019 .bargraph_title {
		font-size: 16px;
	}
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .note,
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .vaxis li,
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph_item .label {
		font-size: 10px;
	}
}
/* :::::: グラフが二つ並ぶ時 :::::: */
#isocal .c-cafefood.p-nutrients019 .graph-column {
	display: flex;
	justify-content: space-between;
}
#isocal .c-cafefood.p-nutrients019 .graph-column .c-bargraph {
	flex-basis: calc(50% - 12px);
}
#isocal .c-cafefood.p-nutrients019 .graph-column .c-bargraph .graph {
	margin-right: 0;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .graph-column {
		overflow: auto;
		margin: 0 calc(-32vw / 4.8);
    	padding: 0 calc(32vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients019 .graph-column .graph_container {
		overflow: visible;
		margin: 0;
		padding: 0;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients019 .graph-column {
		overflow: auto;
		margin: 0 -16px;
    	padding: 0 16px;
	}
}
/* :::::: 注釈 :::::: */
#isocal .c-cafefood.p-nutrients019 .c-bargraph .note {
	position: absolute;
	bottom: .8em;
	left: 0;
	height: 300px;
	margin: 0;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .note .en,
#isocal .c-cafefood.p-nutrients019 .c-bargraph .note .unit {
	padding-inline-end: .3em;
	-ms-text-combine-horizontal: all;
	-webkit-text-combine: horizontal;
	text-combine-upright: all;
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .note .unit {
	margin-inline-start: -.1em;
}
/* MEMO: Web font 読み込み完了後になにかしらスタイルを適用しないときちんとレイアウトされない (Chrome) */
#isocal .c-cafefood.p-nutrients019 .wf-active .c-bargraph .note .en,
#isocal .c-cafefood.p-nutrients019 .wf-active .c-bargraph .note .unit {
	line-height: 1;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .note {
		height: calc(150vw / 4.8);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .note {
		height: 200px;
	}
}
/* :::::: 目盛り :::::: */
#isocal .c-cafefood.p-nutrients019 .c-bargraph .vaxis {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	bottom: -.3em;
	left: 44px;
	height: calc(300px + 1em);
	line-height: 1;
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .vaxis {
		left: calc(28vw / 6.4);
		height: calc(200vw / 6.4 + 1em);
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .vaxis {
		left: 28px;
		height: calc(200px + 1em);
	}
}
/* :::::: 棒 :::::: */
#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph {
	display: flex;
	justify-content: space-between;
	column-gap: 10px;
	height: 300px;
	margin: 40px 0 184px 88px;
	padding: 0 8px;
	border-bottom: 1px solid currentcolor;
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph_item {
	position: relative;
	width: min(100%, 32px);
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph_item span {
	position: absolute;
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph_item .bar {
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 4px 4px 0 0;
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph_item .label {
	top: calc(100% + .3em);
	right: 0;
	line-height: 1;
	white-space: nowrap;
	text-align: right;
	transform-origin: right bottom;
	transform: rotate(-40deg);
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph_item .label small {
	font-size: 80%;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph {
		margin-right: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph {
		height: calc(200vw / 6.4);
		margin: calc(24vw / 4.8) 0 calc(120vw / 4.8) calc(56vw / 4.8);
	}
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph_item .label {
		right: -.5em;
	}
}
@media (max-width: 639px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph {
		height: 200px;
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .graph {
		margin: 24px 0 120px 56px;
	}
}
/* :::::: 挿絵 :::::: */
#isocal .c-cafefood.p-nutrients019 .c-bargraph .illust {
	position: absolute;
	top: 0;
	left: 88px;
	width: calc(100% - 88px);
	height: 100%;
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .illust .il {
	position: absolute;
}
#isocal .c-cafefood.p-nutrients019 .c-bargraph .illust img {
	width: 100%;
	height: auto;
}
@media (min-width: 1000px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .illust {
		width: calc(100% - 128px);
	}
}
@media (max-width: 767px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .illust {
		left: calc(56vw / 4.8);
		width: calc(100% - 56vw / 4.8);
	}
}
@media (max-width: 480px) {
	#isocal .c-cafefood.p-nutrients019 .c-bargraph .illust {
		left: 56px;
		width: calc(100% - 56px);
	}
}
/* :::::: 監修 :::::: */
#isocal .supervisor {
	display: flex;
	z-index: 1;
	position: relative;
	width: calc(100% - 64px);
	max-width: 600px;
	margin: 40px auto;
	padding: 24px;
	border-radius: 16px;
	background: #fff;
}
#isocal .supervisor .photo img {
	border-radius: 50%;
}
#isocal .supervisor .text dt {
	padding-bottom: .4em;
	border-bottom: 2px dotted #95d4ec;
	font-size: 19px;
}
#isocal .supervisor .text dd {
	margin-top: .5em;
	font-size: 16px;
}
@media (min-width: 768px) {
	#isocal .supervisor {
		justify-content: center;
		align-items: center;
		gap: 32px;
	}
	#isocal .supervisor .photo {
		flex-basis: 200px;
	}
}
@media (min-width: 768px) and (max-width: 999px) {
	#isocal .supervisor .text dt {
		font-size: calc(19vw / 10);
	}
	#isocal .supervisor .text dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .supervisor {
		flex-direction: column;
		gap: 1em;
		margin: calc(40vw / 4.8) auto;
		padding: calc(16vw / 4.8) calc(24vw / 4.8);
		text-align: center;
	}
	#isocal .supervisor .photo {
		width: calc(180vw / 4.8);
		margin: 0 auto;
	}
	#isocal .supervisor .text dt {
		font-size: calc(19vw / 4.8);
	}
	#isocal .supervisor .text dd {
		font-size: calc(16vw / 4.8);
	}
}
.-endofsales {
	pointer-events: none;
}
.product_list.-endofsales,
.-endofsales:not(.product_list) .photo,
.-endofsales:not(.product_list) .visual {
	pointer-events: none;
	position: relative;
}
.product_list.-endofsales::after,
.-endofsales .photo::after,
.-endofsales .visual::after {
	content: "販売終了";
	position: absolute;
	top: calc(50% - 1em);
	left: calc(50% - 3em);
	padding: .45em 1em .55em;
	color: white;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	background: #c81c24cc;
}
.product_list.-endofsales::after {
	top: calc(50% - 1.5em);
}

#isocal .p-anchor .caution {
	margin-top: -16px;
	padding-bottom: 32px;
	font-size: min(12vw / 3.75, 12px);
	line-height: 1.4;
	text-align: center;
}
#isocal .c-button::after {
	content: "";
	display: inline-block;
	margin-left: 0.5em;
	border-width: 0.2em 0 0.2em 0.4em;
	border-style: solid;
	border-color: transparent;
	border-left-color:  transparent;
}
#isocal .p-anchor .c-button::after {
	border-left-color: currentcolor;
}
/* :::::: アンカー :::::: */
#isocal .p-anchor {
	padding: 0;
}
#isocal .p-anchor .anchor_list {
	display: flex;
	justify-content: center;
	background: transparent;
}
#isocal .p-anchor .anchor_list .item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#isocal .p-anchor .anchor_list .title {
	position: relative;
	padding-bottom: 24px;
}
#isocal .p-anchor .anchor_list .title .emblem {
	display: inline-block;
	filter: drop-shadow(-3px 3px 3px rgba(0,0,0,.3));
}
#isocal .p-anchor .anchor_list .title .type {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
#isocal .p-anchor .anchor_list .c-pop {
	margin-top: 16px;
	font-size: 20px;
	white-space: nowrap;
}
#isocal .p-anchor .anchor_list .-tp .c-pop {
	color: #3cb036;
}
#isocal .p-anchor .anchor_list .-mp .c-pop {
	color: #3aa1df;
}
#isocal .p-anchor .anchor_list .visual {
	position: relative;
	max-width: 232px;
	margin-top: 16px;
}
#isocal .p-anchor .anchor_list .visual::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: calc(50% - 116px);
	left: calc(50% - 116px);
	width: 232px;
	height: 232px;
	border-radius: 232px;
	background: white;
}
#isocal .p-anchor .anchor_list .visual .jelly_image {
	max-width: 200px;
}
#isocal .p-anchor .anchor_list .anchor {
	margin-top: 48px;
}
#isocal .p-anchor .anchor_list .c-button {
	width: 160px;
	height: 32px;
	font-size: 15px;
}
#isocal .p-anchor .anchor_list .-tp .c-button {
	border-color: #3cb036;
	background: #3cb036;
}
#isocal .p-anchor .anchor_list .-mp .c-button {
	border-color: #3aa1df;
	background: #3aa1df;
}
#isocal .p-anchor .anchor_list .is-comingsoon .visual {
	position: relative;
}
#isocal .p-anchor .anchor_list .is-comingsoon .visual figure {
	opacity: .3;
}
#isocal .p-anchor .anchor_list .is-comingsoon .visual::after {
	content: "Coming Soon";
	position: absolute;
	top: calc(50% - 1em);
	left: 0;
	width: 100%;
	color: #3aa1df;
	font-size: 24px;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 900;
	text-shadow: 0 4px 4px white, 4px 0 4px white, 0 -4px 4px white, -4px 0 4px white,
		4px 4px 4px white, 4px -4px 4px white, -4px -4px 4px white, -4px 4px 4px white;
}
#isocal .p-anchor .caution {
	margin-top: -16px;
	padding-bottom: 32px;
	font-size: min(12vw / 3.75, 12px);
	line-height: 1.4;
	text-align: center;
}
@media (hover: hover) {
	#isocal .p-anchor .anchor_list .-tp .c-button:hover {
		color: #3cb036;
		background: white;
	}
	#isocal .p-anchor .anchor_list .-mp .c-button:hover {
		color: #3aa1df;
		background: white;
	}
}
@media (min-width: 768px) {
	#isocal .p-anchor .anchor_list .item {
		flex-basis: 320px;
		max-width: 320px;
	}
	#isocal .p-anchor .anchor_list .item:last-child {
		margin-left: 40px;
	}
}
@media (max-width: 767px) {
	#isocal .p-anchor .anchor_list {
		justify-content: space-around;;
	}
	#isocal .p-anchor .anchor_list .c-pop {
		padding: 0 24px;
		font-size: 14px;
	}
	#isocal .p-anchor .anchor_list .anchor {
		margin-top: 32px;
	}
	#isocal .p-anchor .anchor_list .is-comingsoon .visual::after {
		font-size: calc(24vw / 4.8);
	}
}
@media (max-width: 479px) {
	#isocal .p-anchor .anchor_list .item {
		flex-basis: 50%;
	}
	#isocal .p-anchor .anchor_list .c-pop {
		margin-top: calc(16vw / 4.8);
		padding: 0 calc(24vw / 4.8);
		font-size: calc(14vw / 4.8);
	}
	#isocal .p-anchor .anchor_list .c-pop svg {
		width: calc(22vw / 4.8);
		height: auto;
	}
	#isocal .p-anchor .anchor_list .visual {
		max-width: 36vw;
	}
	#isocal .p-anchor .anchor_list .visual::before {
		top: calc(50% - 23vw);
		left: calc(50% - 23vw);
		width: 46vw;
		height: 46vw;
	}
	#isocal .p-anchor .anchor_list .anchor {
		margin-top: 24px;
	}
	#isocal .p-anchor .anchor_list .c-button {
		padding: 0 1em;
		width: auto;
		font-size: calc(15vw / 4.8);
	}
}

#isocal .p-home .contents_list .text.is-inview {
  font-feature-settings: "palt";
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .siteHeader_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1000px;
	height: 70px;
	margin: 0 auto;
	padding: 0 75px;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .siteHeader_logo img {
	width: 120px;
	height: auto;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .siteHeader_button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 44px;
	border-radius: 44px;
	color: #fff;
	font-size: 15px;
	text-indent: .3em;
	background: #242c91;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .siteHeader_button::after {
	content: "";
	display: inline-block;
	margin-left: .5em;
	border-width: .4em 0 .4em .5em;
	border-style: solid;
	border-color: transparent;
	border-left-color: #fff;
	vertical-align: middle;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .siteHeader_inner {
		padding-right: calc(75vw / 10);
		padding-left: calc(75vw / 10);
	}
}
@media (max-width: 767px) {
	/*.renewal.home {
		padding-top: calc(70vw / 4.8);
	}*/
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .siteHeader_inner {
		height: calc(70vw / 4.8);
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .siteHeader_logo img {
		width: calc(120vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .siteHeader_button {
		width: calc(200vw / 4.8);
		height: calc(44vw / 4.8);
		font-size: calc(15vw / 4.8);
	}
}

/**
 * 栄養お役立ち情報
 * ---------------------------------------- */
 #isocal .siteContents.p-home.c-cafefood.c-knowledge-index {
	z-index: 1;
	position: relative;
	overflow: hidden;
	font-family: "Noto Sans JP", sans-serif;
	font-feature-settings: "pkna";
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index  {
	background: #fff7e9;
}

/* common */
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index img {
	vertical-align: middle;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index figure img {
	border-radius: 5px;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .section_inner {
	padding: 0 75px;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .section_title {
	padding: 0;
	border: 0;
	font-size: 40px;
	letter-spacing: .3em;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .section_inner {
		padding-right: calc(75vw / 10);
		padding-left: calc(75vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .section_inner {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
}

/* header */
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_header {
	max-width: 1000px;
	min-height: auto;
	margin: 0 auto;
	padding: 24px 0;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_header .section_inner {
	max-width: none;
	background: none;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_title {
	flex-basis: calc(50% - 16px);
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_lead {
	margin: 0 0 1em;
	color: #1f2883;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .16em;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_lead span {
	padding-bottom: .3em;
	border-bottom: 1px solid #ffe2ab;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_lead:first-letter {
	font-size: 165%;
}
@media (min-width: 768px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_header .section_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_title {
		flex-basis: calc(50% - 16px);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_title img {
		width: 429px;
		max-width: none;
		margin-left: -40px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_lead {
		flex-basis: 50%;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_title img {
		width: calc(429vw / 10);
		margin-left: calc(-40vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_header {
		padding-bottom: calc(40vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_header .section_inner {
		padding-right: calc(32vw / 4.8);
		padding-left: calc(32vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_title {
		width: 100%;
		text-align: center;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_title img {
		width: 92%;
		margin-left: calc(-24vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_lead {
		font-size: calc(17vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .home_lead span {
		border-width: 2px;
	}
}

/* section */
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .content_section {
	padding: 0 75px;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .content_section .section_inner {
	max-width: 850px;
	margin: 0 auto;
	background: #fff;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .section_ribbon {
	text-align: center;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .section_title {
	color: #1f2883;
	text-align: center;
}
@media (min-width: 768px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .content_section {
		padding: 0 75px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .content_section {
		padding-right: calc(75vw / 10);
		padding-left: calc(75vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .content_section {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
}

/**
 * 最新記事
 * ---------------------------------------- */
 #isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_news .section_ribbon {
	position: relative;
	top: -32px;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_news .section_title {
	line-height: 1.2;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .photo {
	position: relative;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .photo img {
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .badge {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -27px;
	left: -30px;
	width: 75px;
	height: 75px;
	border-radius: 75px;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .badge .new {
	width: 52px;
	height: 14px;
	fill: #fff;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .badge .accent {
	position: absolute;
	right: 96%;
	bottom: 87%;
	width: 29px;
	height: 39px;
	fill: currentcolor;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dt {
	padding-bottom: 12px;
	color: #1f2883;
	line-height: 1.5;
	font-weight: 900;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dt::first-letter,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text .first-letter {
	font-size: 150%;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dt.idt {
	text-indent: 0;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dd {
	padding-top: 12px;
	border-top: 1px solid #989cc5;
	line-height: 1.7;
	letter-spacing: .15em;
}
@media (min-width: 768px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_news .section_inner {
		padding-bottom: 64px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li {
		margin-top: 48px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .photo {
		flex-basis: 300px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text {
		flex-basis: calc(100% - 300px);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dt,
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dd {
		padding-left: 32px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dt {
		font-size: 20px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dd {
		font-size: 16px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .photo {
		flex-basis: 30vw;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .badge {
		top: calc(-27vw / 10);
		left: calc(-30vw / 10);
		width: calc(75vw /10);
		height: calc(75vw / 10);
		border-radius: calc(75vw / 10);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text {
		flex-basis: calc(100% - 30vw);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dt,
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dd {
		padding-left: calc(32vw / 10);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dt {
		font-size: calc(20vw / 10);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dd {
		font-size: calc(16vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_news .section_inner {
		padding-bottom: 40px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_news .section_ribbon {
		top: calc(-24vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_news .section_ribbon img {
		width: calc(192vw / 4.8);
		height: calc(52vw /4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_news .section_title img {
		width: calc(170vw / 4.8);
		height: calc(32vw /4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li {
		margin-top: calc(40vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li + li {
		margin-top: calc(64vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list a {
		display: block;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .photo {
		max-width: calc(330vw / 4.8);
		margin: 0 auto;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .badge {
		top: calc(-28vw / 4.8);
		left: calc(-14vw / 4.8);
		width: calc(75vw / 4.8);
		height: calc(75vw / 4.8);
		border-radius: calc(75vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text {
		margin-top: calc(16vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dt {
		padding-right: calc(12vw / 4.8);
		padding-bottom: calc(12vw / 4.8);
		padding-left: calc(12vw / 4.8);
		font-size: calc(22vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list .text dd {
		padding-top: calc(12vw / 4.8);
		font-size: calc(17vw / 4.8);
	}
}



/* color */
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(1) .badge,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(1) .text dt::first-letter,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(1) .text dt .first-letter { color: #88cee9; }
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(1) .badge .accent { fill: #88cee9; }
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(1) .badge {
	background: linear-gradient(-45deg, currentcolor 50%, #afddef 50%);
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(2) .badge,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(2) .badge,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(2) .text dt::first-letter,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(2) .text dt .first-letter { color: #89c779; }
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(2) .badge .accent { fill: #89c779; }
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(2) .badge {
	background: linear-gradient(-45deg, currentcolor 50%, #b2da9b 50%);
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(3) .badge,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(3) .text dt::first-letter,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(3) .text dt .first-letter { color: #d397d1; }
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(3) .badge .accent { fill: #d397d1; }
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(3) .badge {
	background: linear-gradient(-45deg, currentcolor 50%, #dfb2df 50%);
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(4) .badge,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(4) .text dt::first-letter,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(4) .text dt .first-letter { color: #eb8a00; }
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(4) .badge .accent { fill: #eeaf2a; }
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .news_list li:nth-child(4) .badge {
	background: linear-gradient(-45deg, currentcolor 50%, #eeaf2a 50%);
}

/**
 * カテゴリー
 * ---------------------------------------- */
#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category {
	position: relative;
	padding: 0 40px 80px;
	background: url("../img/category_bg.png") center / 8px 8px;
}
#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category::before {
	content: "";
	position: absolute;
	top: 12px;
	right: 0;
	bottom: 12px;
	left: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category .category_inner {
	max-width: 920px;
	margin: 0 auto;
	padding: 0;
}
#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category .section_ribbon {
	position: relative;
}
@media (min-width: 768px) {
	#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category {
		margin-top: 120px;
	}
	#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category .section_ribbon {
		top: -24px;
		padding-right: 24px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category {
		margin-top: calc(120vw / 10);
		padding-right: calc(40vw / 10);
		padding-left: calc(40vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category {
		margin-top: calc(64vw / 4.8);
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
		padding-bottom: calc(64vw / 4.8);
	}
	#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category .section_ribbon {
		top: calc(-24vw / 4.8);
	}
	#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category .section_ribbon img {
		width: calc(212vw / 4.8);
		height: calc(53vw / 4.8);
	}
	#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category .section_title img {
		width: calc(210vw / 4.8);
		height: calc(37vw / 4.8);
	}
}

/* :::::: list :::::: */
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category .category_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list a .spacer,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list a::after,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list img {
	position: absolute;
	top: 0;
	left: 0;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list a::after,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list img {
	border-radius: 5px;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list a::after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list img {
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list .text,
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list .icon {
	z-index: 1;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list .text {
	color: #fff;
	line-height: 1.4;
	font-weight: 900;
	letter-spacing: .2em;
	text-align: center;
	text-shadow: 3px 3px 5px rgba(0,0,0,.1);
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1em;
	height: 1em;
	margin-top: .3em;
	border-radius: 1em;
	background: #fff;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list .icon::after {
	content: "";
	margin-top: .06em;
	border-width: .36em .2em 0 .2em;
	border-style: solid;
	border-color: transparent;
	border-top-color: #1f2883;
}
@media (min-width: 768px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category .category_list {
		margin-top: 40px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list li {
		flex-basis: 210px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list li:not(:nth-child(3n+1)) {
		margin-left: 32px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list li:nth-child(n+4) {
		margin-top: 32px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list a {
		width: 210px;
		height: 210px;
		font-size: 31px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list li {
		flex-basis: calc(210vw / 10);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list a {
		width: calc(210vw / 10);
		height: calc(210vw / 10);
		font-size: calc(31vw / 10);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category .category_list {
		margin-top: calc(40vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category .category_list {
		justify-content: space-between;
		margin-top: calc(40vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list li {
		flex-basis: calc(204vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list li:nth-child(n+3) {
		margin-top: calc(24vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .category_list a {
		width: calc(204vw / 4.8);
		height: calc(204vw / 4.8);
		font-size: calc(29vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .hasScrollbar .category_list a {
		width: calc(204vw / 4.8 - 8px);
		height: calc(204vw / 4.8 - 8px);
	}
}

/**
 * Contents リボン
 * ---------------------------------------- */
#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category + .section_ribbon {
	padding-top: 80px;
}
@media (max-width: 767px) {
	#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category + .section_ribbon {
		padding-top: calc(64vw / 4.8);
	}
	#isocal .siteContents.c-cafefood.c-knowledge-index .p-home_category + .section_ribbon img {
		width: calc(262vw / 4.8);
		height: calc(65vw / 4.8);
	}
}

/**
 * 低栄養 / 介護食 / 栄養補助食品 / レシピ
 * ---------------------------------------- */
 #isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents {
	padding-top: 32px;
	padding-bottom: 32px;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #nutrients {
	padding-bottom: 120px;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .section_inner {
	padding: 24px 40px 48px;
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .section_inner {
		padding-right: calc(40vw / 10);
		padding-left: calc(40vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents {
		padding-top: 16px;
		padding-bottom: 24px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #recipe {
		padding-bottom: 80px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .section_inner {
		padding-right: calc(24vw / 4.8);
		padding-left: calc(24vw / 4.8);
	}
}

/* :::::: title :::::: */
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .section_title {
	margin: 0 -16px;
	padding-bottom: 12px;
	border-bottom: 2px solid currentcolor;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .section_title::before {
	content: "";
	display: inline-block;
	width: 85px;
	height: 85px;
	margin-right: 24px;
	background: center / cover no-repeat;
	vertical-align: middle;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #malnutrition .section_title::before {
	background-image: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_malnutrition_icon01.svg?v=1679217235");
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #carefood .section_title::before {
	background-image: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_carefood_icon02.svg?v=1679217235");
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #supplement .section_title::before {
	background-image: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_supplement_icon03.svg?v=1679217234");
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #recipe .section_title::before {
	background-image: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_recipe_icon05.svg?v=1679217234");
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #heatstroke .section_title::before {
	background-image: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_heatstroke_icon04.svg?v=1679217234");
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index #nutrients .section_title::before {
	background-image: url("https://cdn.shopify.com/s/files/1/0605/9520/8378/files/hi_nutrients_icon06.svg?v=1679217234");
}
@media (max-width: 767px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .section_title {
		font-size: calc(40vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .section_title {
		margin: 0 calc(-12vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .section_title::before {
		width: calc(64vw / 4.8);
		height: calc(64vw / 4.8);
		margin-right: calc(16vw / 4.8);
	}
}

/* :::::: list :::::: */
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .contents_list {
	display: flex;
	flex-wrap: wrap;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .photo img {
	box-shadow: 3px 3px 5px rgba(0,0,0,.1);
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text {
	margin-top: 8px;
	text-align: justify;
	font-feature-settings: "palt";
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text dt {
	color: #1f2883;
	font-weight: 900;
}
#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text dd {
	line-height: 1.7;
}
@media (min-width: 768px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .js-accordion,
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .contents_list {
		margin-top: 40px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .js-accordion .contents_list {
		margin-top: 0;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list li {
		flex-basis: calc(33.33333% - 64px / 3);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list li:not(:nth-child(3n+1)) {
		margin-left: 32px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list li:nth-child(n+4) {
		margin-top: 32px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text {
		padding: 8px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text dt {
		font-size: 20px;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text dd {
		margin-top: 8px;
		font-size: 14px;
	}
}
@media (min-width: 768px) and (max-width: 1000px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .js-accordion,
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .contents_list {
		margin-top: calc(40vw / 10);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .js-accordion .contents_list {
		margin-top: 0;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list li {
		flex-basis: calc(33.33333% - 6.4vw / 3);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list li:not(:nth-child(3n+1)) {
		margin-left: calc(32vw / 10);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list li:nth-child(n+4) {
		margin-top: calc(32vw / 10);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text dt {
		font-size: calc(20vw / 10);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text dd {
		font-size: calc(14vw / 10);
	}
}
@media (max-width: 767px) {
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .contents_list {
		justify-content: space-between;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .js-accordion,
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .contents_list {
		margin-top: calc(40vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .p-home_contents .js-accordion .contents_list {
		margin-top: 0;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list li {
		flex-basis: calc(50% - 12vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .comingsoon:nth-child(3) {
		display: none;
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list li:nth-child(n+3) {
		margin-top: calc(24vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text dt {
		margin-top: calc(8vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text dt {
		font-size: calc(16vw / 4.8);
	}
	#isocal .siteContents.p-home.c-cafefood.c-knowledge-index .contents_list .text dd {
		margin-top: 4px;
		font-size: calc(14vw / 4.8);
	}
}


/* :::::: javascript :::::: */
.acc_contents {
	position: relative;
	overflow: hidden;
}
.is-anim .acc_contents {
	transition: height .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.acc_button {
	cursor: pointer;
	display: block;
	width: 214px;
	height: 48px;
	margin: 40px auto 0;
	border: none;
	border-radius: 48px;
	outline: none;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .2em;
	background: #1f2883;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.acc_button::after {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	margin-left: .62em;
	border-width: .58em .3em 0 .3em;
	border-style: solid;
	border-color: transparent;
	border-top-color: currentcolor;
	vertical-align: baseline;
}
.is-opened .acc_button::after {
	transform: rotateX(180deg);
}
.is-anim .acc_button::after {
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 767px) {
	.acc_button {
		margin-top: 32px;
	}
}

/* あとがき */
#isocal .p-frail.c-cafefood .footer_afterword {
	max-width: 500px;
	padding: 0 24px;
	margin: 64px auto 0;
	color: inherit;
}

/* 監修 */
#isocal .p-frail.c-cafefood .p-supervision .history.-job dt {
	flex-basis: 8em;
}
#isocal .p-frail.c-cafefood .p-supervision .history.-job dd {
	flex-basis: calc(100% - 8em);
}


#isocal .header_title{
margin-top: 0;
margin-bottom: 0;
}

.sns{
  margin-top: 0;
  margin-bottom: 0;
}

.links{
margin-bottom: 0;
}

#isocal .p-vitaminbgroup .notes{
padding: 0;
  background-color: #fff;
}


#isocal .p-nutrients014 .p-section_2 .section_figure {
      max-width: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

#isocal .p-nutrients014 .c-table tbody th{
      background-color: #fff;
  text-align: center;

}

#isocal .p-purchase .title{
  margin: 0;
}

#isocal .p-uprecipe .p-section_2 .section_figure{
      max-width: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

#isocal .p-toromifood .nutrition_list{
  background-color: #fff;
  margin-top: 0;
  padding: 0;
}

#isocal .p-toromifood .material_list{
    padding: 0;
}

#isocal .p-toromifood .recipe_section .material_list dd{
  padding: 0;
}

#isocal .p-toromifood .recipe_section .recipe_list li{
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
}

#isocal .p-dietary hr{
  margin: 1rem 0;
}

#isocal .p-idealmenu .c-table{
  border: 0;
}

#isocal .p-idealmenu tbody{
  font-size: 16px;
}

#isocal .p-mineral table:not([class]){
  table-layout: auto;
}
#isocal .p-vitaminb12 table:not([class]){
  table-layout: auto;
}
#isocal .p-nutrients015 table:not([class]){
  table-layout: auto;
}
#isocal .p-uprecipe table:not([class]){
  table-layout: auto;
}

#isocal .p-idealmenu .p-checkchart .c-table th{
  border: 2px solid #f8c015;
  background-color: #FBECB0;
  text-align: center;
}

#isocal .p-idealmenu .p-checkchart .c-table td{
  text-align: center;
}

#isocal .p-idealmenu .p-checkchart .c-table td:nth-child(3){
  background-color: #FFF0F1;
}

#isocal .p-recipe.c-arrange-recipe .p-video .video_title .title {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

@media screen and (max-width: 767px){
  #isocal .p-recipe .product_links .text .button{
    padding: 0;
  }
}

/**
 * 「高カロリーのやわらかいごはん」開発者達の熱い想いと苦労
 * ---------------------------------------- */
#isocal .p-story_gohan {
  padding-inline: 20px;
}

#isocal .story_container {
	--themecolor: #ff5000;
	--sidegap: min(20vw / 3.75, 40px);
	overflow: hidden;
	max-width: 920px;
	margin: 1em auto 80px;
	padding: 40px var(--sidegap) 80px;
	border-radius: 10px;
	font-size: min(18vw / 9.2, 18px);
	line-height: 1.8;
	font-weight: 400;
	background: white;
	box-shadow: 2px 2px 8px rgb(0 0 0 / 10%);
}

#isocal .story_container h1,
#isocal .story_container h2,
#isocal .story_container h3,
#isocal .story_container h4 {
	line-height: 1.8;
}

#isocal .story_container picture img {
	height: auto;
}

@media (max-width: 767px) {
	#isocal .story_container {
		font-size: calc(14vw / 3.75);
	}
}

/* :::::: Header :::::: */
#isocal .story_container > .visual {
	position: relative;
	max-width: 792px;
	margin: 0 auto;
}

#isocal .story_container > .visual .label {
	display: grid;
	place-items: center;
	position: absolute;
	top: -8px;
	left: var(--sidegap);
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0 0 .5em;
	color: white;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 900;
	text-align: center;
	background: linear-gradient(to left, #fa8000 50%, #ff5000 50%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 86%, 0 100%);
}

#isocal .story_container > .title {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 48px;
	color: #1f2880;
	font-weight: 900;
	text-align: center;
}

#isocal .story_container > .title .sub {
	font-size: 24px;
	line-height: 1.6;
}
#isocal .story_container > .title .main {
	font-size: 28px;
	text-decoration: underline;
	text-underline-offset: .3em;
	text-decoration-thickness: 1.5px;
}

#isocal .story_container > .title .main b {
	font-size: 32px;
	font-weight: inherit;
}

#isocal .story_container > .title .s {
	font-size: 80%;
}

@media (max-width: 767px) {
	#isocal .story_container > .visual .label {
		width: calc(80vw / 3.75);
		height: calc(64vw / 3.75);
		font-size: calc(12vw / 3.75);
	}

	#isocal .story_container > .title .sub {
		font-size: calc(16vw / 3.75);
	}

	#isocal .story_container > .title .main {
		font-size: calc(18vw / 3.75);
	}

	#isocal .story_container > .title .main b {
		font-size: calc(24vw / 3.75);
	}
}

#isocal .story_container p {
	margin-top: 1.5em;
	padding: 0 min(24vw / 9.2, 24px);
}

#isocal .story_container p + p {
	margin-top: .5em;
}

#isocal .story_container .rest {
	margin: min(40vw / 3.75, 80px) auto;
	border: 0;
	width: 120px;
	height: 8px;
	line-height: 0;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dot.svg?v=1705106527) center / 24px 8px;
}

#isocal .story_container .subject {
	position: relative;
	color: var(--themecolor);
	box-decoration-break: clone;
	font-size: min(24vw / 9.2, 24px);
	font-weight: 900;
	text-decoration: underline;
	text-underline-offset: .3em;
	text-decoration-thickness: 1.5px;
}

#isocal .story_container .subject::before {
	--size: 160px;
	content: "";
	position: absolute;
	top: calc(var(--size) / -2);
	left: calc(var(--size) / -2);
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dots.svg?v=1705106527) center / 12px 12px;
	opacity: .3;
}

#isocal .story_container .image {
	position: relative;
	max-width: 500px;
	margin: 32px auto 40px;
}

#isocal .story_container .image::before,
#isocal .story_container > .visual::before {
	--shadow: min(12vw / 3.75, 24px);
	content: "";
	position: absolute;
	inset: var(--shadow) calc(var(--shadow) * -1) calc(var(--shadow) * -1) var(--shadow);
	border-radius: 10px;
	background: url(https://cdn.shopify.com/s/files/1/0605/9520/8378/files/dots.svg?v=1705106527) center / 12px 12px;
	opacity: .3;
}

#isocal .story_container .image img,
#isocal .story_container > .visual img {
	position: relative;
	border-radius: 10px;
	box-shadow: 4px 4px 6px rgb(0 0 0 / 10%);
}

#isocal .story_container .images {
	display: flex;
	gap: 15px;
	margin: 32px auto 40px;
}

#isocal .story_container .img {
	flex-grow: 1;
}

#isocal .story_container .img img {
	border-radius: 10px;
}

#isocal .story_container .image figcaption,
#isocal .story_container .img figcaption {
	margin-top: .3em;
	font-size: 12px;
	line-height: 1.4;
	text-align: right;
}

#isocal .story_container .speaker {
	color: var(--themecolor);
}

#isocal .story_container .speaker::after {
	content: "：";"
}
#isocal .story_container .column {
	display: grid;
	gap: 24px 40px;
	margin-top: 1.5em;
}

#isocal .story_container .column .col_img {
	max-width: 500px;
}

#isocal .story_container .column .col_img img {
	border-radius: 10px;
}

#isocal .story_container .column .col_txt {
	margin-top: 0;
	padding: 0;
}

@media (min-width: 768px) {
	#isocal .story_container .column {
		grid-template-columns: 1fr 1fr;
	}

	#isocal .story_container .column .col_img {
		margin-top: .5em;
	}
}

@media (max-width: 767px) {
	#isocal .story_container p {
		padding: 0;
	}

	#isocal .story_container .subject {
		font-size: calc(18vw / 3.75);
	}

	#isocal .story_container .subject::before,
	#isocal .story_container .image::before,
	#isocal .story_container > .visual::before {
		background-size: 8px 8px;
	}

  #isocal .story_container .image figcaption,
	#isocal .story_container .img figcaption {
		font-size: max(10vw / 3.75, 10px);
	}

	#isocal .story_container .images {
		flex-direction: column;
	}
	#isocal .story_container .column .col_img {
		margin-inline: auto;
	}
}

/* :::::: FAQ :::::: */
#isocal .story_container .faq {
	display: flex;
	flex-direction: column;
	margin-top: 40px;
}

#isocal .story_container .faq .q {
	position: relative;
	padding: 24px var(--sidegap);
	padding-left: calc(30px + .5em + var(--sidegap));
	border: 1px solid var(--themecolor);
	border-radius: 10px;
	font-weight: 700;
	text-indent: calc(-30px - .5em);
	background: #fff0e2;
}

#isocal .story_container .faq .q svg:first-child {
	margin-top: -.2em;
	margin-right: .5em;
	vertical-align: middle;
	fill: var(--themecolor);
}

#isocal .story_container .faq .a {
	margin-top: 40px;
	padding: 0 min(24vw / 9.2, 24px);
}

#isocal .story_container .faq .a:not(:first-of-type) {
	margin-top: 1em;
}

#isocal .story_container .faq .note {
	margin-top: 1em;
	padding: 0 min(24vw / 9.2, 24px);
	padding-left: min(24vw / 9.2 + 1em, 24px + 1em);
	font-size: 12px;
	line-height: 1.4;
	text-indent: -1em;
}

#isocal .story_container .faq .q .tail {
	position: absolute;
	top: calc(100% - 3px);
	width: 32px;
	height: 30px;
	left: 35px;
	fill: #fff0e2;
}

@media (max-width: 767px) {
	#isocal .story_container .faq .a {
		margin-top: 32px;
		padding: 0;
	}

	#isocal .story_container .faq .note {
		padding: 0;
		font-size: max(10vw / 3.75, 10px);
	}
}

/* :::::: あとがき :::::: */
#isocal .story_container .afterword {
	--sidegap: min(60vw / 7.68, 60px);
	margin-top: 80px;
	padding: 0 var(--sidegap) 40px;
	border: 1px solid var(--themecolor);
	border-radius: 20px;
	background: #fff0e2;
}

#isocal .story_container .afterword .title {
	width: fit-content;
	margin-top: -.9em;
	padding: 0 calc(var(--sidegap) / 2);
	color: var(--themecolor);
	font-weight: 900;
	background: linear-gradient(to top, #fff0e2 calc(50% + 2px), #fff0e200 calc(50% + 2px));
}

#isocal .story_container .afterword .img {
	margin-top: 32px;
}

@media (max-width: 767px) {
	#isocal .story_container .afterword {
		--sidegap: calc(20vw / 3.75);
		border-radius: 10px;
	}
}

/* :::::: Utility :::::: */
svg[height="0"] {
	position: absolute;
	clip: rect(0 0 0 0);
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -1px;
	visibility: visible;
}



/* 追加CSS */

.p-malnutrition018 .p-checklink .c-button {
    justify-content: space-between;
    gap: 1em;
    width: fit-content;
    height: auto;
    padding: 1em;
    margin: 24px auto 0;
    border-radius: 10px;
    border-color: #1bb5c6;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 900;
    text-align: left;
    background: #1bb5c6;
}

#isocal .c-home .product_jelly .product_list .is-new::after,
#isocal .c-home .product_drink .product_list .is-new::after,
#isocal .c-isocaljhc .product_list .is-new::after {
  display: none;
}