@charset "utf-8";
/*=================================
health-and-illness.css
@media only screen and (max-width: 767px)
clearfix
================================ */

/* common 
-------------------------------- */
.index {
  background-image: url(/health-and-illness/img/index_bg01.png), -webkit-linear-gradient(#ffe5e0 0%, #ffffff 45%, #ffffff 100%);
  background-image: url(/health-and-illness/img/index_bg01.png), linear-gradient(#ffe5e0 0%, #ffffff 45%, #ffffff 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: 50% 0%, 0 0;
  background-attachment: fixed;
}
#topicPath + #container {
	margin-top: 1em;
}
.index #topicPath + #container {
	margin-top: 2.5em;
}

/* heading
-------------------------------- */
.is-boxHead.is-health {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-boxHead.is-health .img {
	margin-top: 5px !important;
}
.is-boxHead.is-health .heading1 {
	padding: 0 8px 0 0;
}
.is-navi .is-boxHead.is-health .heading1 {
	padding: 0 30px 0 240px;
}
.is-boxHead.is-health + #contentsArea #contents > .leadText:first-child {
	margin-top: 2em;
}
.is-boxHead.is-health + #contentsArea #contents > .figureColumn:first-child {
	margin-top: 4em;
}
.healthNavi .is-arrowHeading.is-healthTop,
.illnessNavi .is-arrowHeading.is-healthTop {
	padding-bottom: 1em;
	background: url(/health-and-illness/img/index_bg02.png) no-repeat 0 100%;
}
.healthNavi .is-arrowHeading.is-healthTop:before,
.healthNavi .is-arrowHeading.is-healthTop:after,
.illnessNavi .is-arrowHeading.is-healthTop:before,
.illnessNavi .is-arrowHeading.is-healthTop:after {
	display: none;
}
.is-boxHead.smallType .heading1 > .title {
	font-size: 2.4rem;
}

/* cardLink is-healthTop 
-------------------------------- */
.healthNavi.indexLink,
.illnessNavi.indexLink {
	margin-top: 4em;
}
.indexLink .cardLink.is-healthTop > .column {
	position: relative;
	min-height: 185px;
}
.indexLink .cardLink.is-healthTop > .column > a {
	overflow: hidden;
}
.indexLink .cardLink.is-healthTop > .column .cardDetail {
	width: 100%;
	height: 100%;
}
.indexLink .cardLink.is-healthTop > .column .cardDetail > .inner {
	position: relative;
	margin-top: 0;
	height: auto;
	padding: 0.8em;
	background: #ffffff;
	-webkit-transition: margin-top 0.3s, opacity 0.3s, height 0.1s;
	-moz-transition: margin-top 0.3s, opacity 0.3s, height 0.1s;
	-o-transition: margin-top 0.3s, opacity 0.3s, height 0.1s;
	transition: margin-top 0.3s, opacity 0.3s, height 0.1s;
}
.indexLink .cardLink.is-healthTop > .column > a:hover .cardDetail > .inner:not(.no-slide) {
	position: absolute;
	margin-top: -140px;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(#ffe5e0 0%, #ffffff 20%, #ffffff 100%);
	background: linear-gradient(#ffe5e0 0%, #ffffff 20%, #ffffff 100%);
	z-index: 2;
}
.indexLink .cardLink.is-healthTop > .column .cardDetail .datailText {
	padding: 0;
	height: 0;
	opacity: 0;
}
.indexLink .cardLink.is-healthTop > .column > a:hover .cardDetail .datailText {
	padding: 0.5em 0 0;
	height: 100%;
	opacity: 1;
}
.indexLink .cardLink.is-healthTop > .column .cardtype {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 16px;
	background: #ffffff;
	font-size: 1.2rem;
	color: #e86a7c;
	z-index: 1;
}
.indexLink .cardLink.is-healthTop > .column .cardtype:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border: 6px solid #fff;
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.indexLink .cardLink.is-healthTop > .column .newIcon {
	position: relative;
	width: 60px;
	padding-right: 5px;
	margin: 0 0 0.8em;
	background-color: #c43137;
	font-size: 1.1rem;
	text-align: center;
	line-height: 16px;
	color: #fff;
	vertical-align: middle;
	overflow: hidden;
}
.indexLink .cardLink.is-healthTop > .column > a:hover .newIcon {
	display: none;
}
.indexLink .cardLink.is-healthTop > .column .newIcon:before {
	content: "";
	top: -1px;
	right: -3px;
	width: 0;
	height: 0;
	position: absolute;
	border: 9px solid transparent;
	border-right-color: #fff;
	-webkit-transform: scale(0.8, 1.5);
	transform: scale(0.8, 1.5);
}
.indexLink .cardLink.is-healthTop > .column .newIcon + .linkText {
	padding-top: 0.3em;
}
.indexLink .cardLink.is-healthTop > .column .linkText {
	padding: 0;
}

.cardLink.is-healthTop .textWrap {
	display: table;
	width: 100%;
	padding: 0.8em 0.8em 0.8em 0.5em;
	box-sizing: border-box;
}
.cardLink.is-healthTop .textWrap .icon {
	display: table-cell;
	vertical-align: middle;
	width: 70px;
	padding-right: 0.5em;
	text-align: center;
}
.cardLink.is-healthTop .textWrap .text {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0.8em;
	border-left: solid 1px #e5e5e5;
	font-size: 1.7rem;
}
.cardLink.is-healthTop .textWrap .text:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-top: 1px solid #3366cc;
	border-right: 1px solid #3366cc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.illnessNavi.indexLink + * {
	margin-top: 60px;
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
}

/* health-ancList 
-------------------------------- */
.health-ancList {
	margin-top: 30px;
}
.health-ancList > li {
	display: inline-block;
	line-height: 44px;
}
.health-ancList > li + li {
	margin-left: 32px;
}
.health-ancList > li > a {
	display: block;
	font-size: 1.7rem;
}
.health-ancList > li > a > span {
	position: relative;
	padding: 0 20px 0 46px;
}
.health-ancList > li > a > span:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 44px;
	height: 44px;
	margin-top: -22px;
}
.health-ancList > li.nav-health > a > span:before {
	background: url(/health-and-illness/img/index_ic01.png) no-repeat 0 0;
}
.health-ancList > li.nav-illness > a > span:before {
	background: url(/health-and-illness/img/index_ic02.png) no-repeat 0 0;
}
.health-ancList > li > a > span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2px;
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: 1px solid #3366cc;
	border-right: 1px solid #3366cc;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* button
-------------------------------- */
.btnLink > li.is-medicine > a > span {
	padding: 1em 2em 1em 1em;
}
.btnLink > li.is-medicine > a > span:before {
	content: "";
	display: inline-block;
	width: 52px;
	height: 42px;
	margin-right: 1em;
	background: url(/health-and-illness/img/index_ic05.png) no-repeat 0 0;
	vertical-align: middle;
}

/* text
-------------------------------- */
.summaryText.is-health:before {
	border-top: 1px solid #ffdbd3;
	border-left: 1px solid #ffdbd3;
	background: -webkit-linear-gradient(left top, #fff4f2 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #fff4f2 0%, #fff 30%, #fff 100%);
}
.summaryText.is-health:after {
	border-right: 1px solid #ffdbd3;
	border-bottom: 1px solid #ffdbd3;
	background: -webkit-linear-gradient(right bottom, #fff4f2 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #fff4f2 0%, #fff 30%, #fff 100%);
}
.helth-noteText {
	text-align: center;
}
.helth-noteText > span {
	display: inline-block;
	padding-left: 1em;
  text-indent: -1em;
}
.helth-noteText.is-liver {
	padding: 0.5em;
	border: 1px dashed #ffc893;
}
.tabs .heart-failure-tabs.tabList > li > a {
	min-height: 60px;
	padding-left: 70px;
	text-align: left;
}


/*heart-failure*/
.heart-failure-tabs [class*="heart-failure-tabIcon"] > a:before {
	position: absolute;
	content: '';
	top: 50%;
	left: 10px;
	margin-top: -25px;
}
.heart-failure-tabs .heart-failure-tabIcon01 > a:before {
	width: 91px;
	height: 50px;
}
.heart-failure-tabs .heart-failure-tabIcon02 > a:before {
	width: 46px;
	height: 50px;
}
.heart-failure-tabs .heart-failure-tabIcon01 > a:before {
	background: url(/health-and-illness/heart-failure/what-happens/img/index_ic01.png) no-repeat;
}
.heart-failure-tabs .heart-failure-tabIcon02 > a:before {
	background: url(/health-and-illness/heart-failure/what-happens/img/index_ic02.png) no-repeat;
}
.is-boxHead.heart-failure,
.is-bgTex.heart-failure {
	background-color: #c9e4ff;
}
.column.is-bgGraTex.heart-failure,
.bgBox.is-bgGraTex.health-pickUp.heart-failure {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #c9e4ff 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #c9e4ff 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.tabDetail.heart-failure_column .defineList dt {
	padding: 4px 0 2px;
	background: url(/health-and-illness/heart-failure/what-happens/img/index_ic03.png) no-repeat left center;
	color: #ff8200;
}
.tabDetail.heart-failure_column .defineList dt:before {
	content: "";
	padding-left: 32px;
}
.is-lineHeading.is-treatments {
	font-size: 1.7rem;
	line-height: 1.5;
}
.is-lineHeading.is-treatments > span:before {
	content: "";
	top: 10px;
}
.figureColumn > .imgL.js-figureFix.is-what-happens {
	width: 45%;
}

/* other
-------------------------------- */
.health-localWrap {
	margin-top: 3em;
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-bottom: -80px;
  margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: 40px calc((100vw - 100%) / 2) 50px;
	background-color: #fff7f5;
}
@media only screen and (min-width: 767px) and (max-width: 1040px){
	.health-localWrap {
		margin-right: -20px;
  	margin-left: -20px;
		padding: 20px;
	}
}

/* healthNavi, illnessNavi */
.healthNavi + .btnLink,
.illnessNavi + .btnLink {
	margin-top: 2.5em;
}
.healthNavi + .btnLink > li > a,
.illnessNavi + .btnLink > li > a {
	width: 40%;
}
.healthNavi .is-arrowHeading {
	margin-top: 0;
	font-size: 2.4rem;
}
.illnessNavi .is-arrowHeading {
	margin-top: 2em;
	font-size: 2.4rem;
}
.healthNavi .is-arrowHeading:after,
.illnessNavi .is-arrowHeading:after {
	border-top-color: #fff7f5;
}
.healthNavi .is-arrowHeading > span,
.illnessNavi .is-arrowHeading > span {
	display: inline-block;
	position: relative;
	padding-left: 30px;
}
.healthNavi .is-arrowHeading > span:before,
.illnessNavi .is-arrowHeading > span:before {
	content: "";
	position: absolute;
	top: 0.1em;
	left: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(/common/img/health-and-illness/com_sprite01.png);
	background-repeat: no-repeat;
}
.healthNavi .is-arrowHeading > span:before {
	background-position: 0 0;
}
.illnessNavi .is-arrowHeading > span:before {
	background-position: -30px 0;
}

/* health-point */
.health-point > .column {
	padding: 1.5em;
}
.health-point > .column > .columnTitle {
	text-align: left;
}
.health-point > .column > .columnTitle > span {
	position: relative;
	display: inline-block;
	padding-left: 42px;
	font-size: 1.6rem;
}
.health-point > .column > .columnTitle > span:before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	display: inline-block;
	width: 42px;
	height: 30px;
	background-image: url(/common/img/health-and-illness/com_sprite01.png);
	background-repeat: no-repeat;
}
.health-point > .column:nth-child(3n+1) > .columnTitle > span:before {
	background-position: -60px 0;
}
.health-point > .column:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -120px 0;
}
.health-point > .column:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -168px 0;
}
.health-point > .column .btnLink li a,
.is-bgGraTex .btnLink li a {
	width: 100%;
	background: #ffc9bd;
}
.health-point > .column .btnLink li a span,
.is-bgGraTex .btnLink li a span {
	padding: 1em 2em;
}

/* health-pickUp */
.bgBox.health-pickUp {
	position: relative;
	margin-top: 3em;
}
.health-pickUp .pickUpHead {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	padding: 0.3em 2.5em;
	background: -webkit-linear-gradient(left, #999 0%, #b2b2b2 100%);
	background: linear-gradient(to right, #999 0%, #b2b2b2 100%);
	color: #fff;
}
.health-pickUp .pickUpHead:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	border: 6px solid #999;
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.health-pickUp.is-bgGraTex .pickUpHead {
	top: 4px;
	left: 4px;
	background: #fff;
	color: #e86f80;
}
.health-pickUp.is-bgGraTex .pickUpHead:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 10px;
	display: inline-block;
	width: 16px;
	height: 25px;
	margin-right: 5px;
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -132px -30px;
	vertical-align: middle;
}
.health-pickUp.is-bgGraTex .pickUpHead:after {
	border: 6px solid #fff;
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.health-pickUp .pickUpHead + * {
	margin-top: 2em;
}
.health-pickUp .title {
	font-size: 1.6rem;
	line-height: 1.5;
}
.health-pickUp .figureColumn {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.health-pickUp .figureColumn .imgR,
.healthBoxText {
	overflow: hidden;
	position: relative;
	padding: 10px 11px 12px 11px;
	z-index: 0;
}
.health-pickUp .figureColumn .imgR:before,
.health-pickUp .figureColumn .imgR:after,
.healthBoxText:before,
.healthBoxText:after {
	content: "";
	position: absolute;
	display: block;
	width: 98px;
	height: 98px;
	background: url(/common/img/texture_bg06.png) no-repeat 0 0;
	z-index: 0;
}
.health-pickUp .figureColumn .imgR:before,
.healthBoxText:before {
	top: -20px;
	right: -17px;
}
.health-pickUp .figureColumn .imgR:after,
.healthBoxText:after {
	bottom: -20px;
	left: -17px;
}
.health-pickUp .figureColumn .imgR figure,
.healthBoxText .text {
	position: relative;
	box-sizing: content-box;
	padding: 8px;
	background-color: #fff;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	z-index: 1;
	text-align: center;
	font-size: 2rem;
	line-height: 1.5;
}
.healthBoxText .text {
	padding: 20px 30px;
}
.health-pickUp .figureColumn .imgR figure:before,
.healthBoxText .text:before {
	content: "";
	position: absolute;
	top: -70px;
	right: -60px;
	display: block;
	width: 100px;
	height: 100px;
	background: url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff 0%, #ffeeea 50%, #ffeeea 100%);
	background: url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff 0%, #ffeeea 50%, #ffeeea 100%);
	background-repeat: repeat, repeat;
	background-position: 0 0, 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.health-pickUp .figureColumn .imgR figure:after,
.healthBoxText .text:after {
	content: "";
	position: absolute;
	bottom: -70px;
	left: -60px;
	display: block;
	width: 100px;
	height: 100px;
	background: url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fffbfb 0%, #fff 100%);
	background: url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fffbfb 0%, #fff 100%);
	background-repeat: repeat, repeat;
	background-position: 0 0, 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.health-pickUp .figureColumn .imgR figure .caption {
	padding: 0 34px;
}
.health-pickUp.is-bcaa .figureColumn .imgR figure:before {
	background: url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff 0%, #ffe9da 50%, #ffe9da 100%);
	background: url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff 0%, #ffe9da 50%, #ffe9da 100%);
	background-repeat: repeat, repeat;
}
.health-pickUp.is-bcaa .figureColumn .imgR figure:after {
	background: url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff6ef 0%, #fff 100%);
	background: url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff6ef 0%, #fff 100%);
	background-repeat: repeat, repeat;
}
.healthBoxText.is-balance .text:before {
	background: url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff 0%, #fff4d2 50%, #fff4d2 100%);
	background: url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff 0%, #fff4d2 50%, #fff4d2 100%);
	background-repeat: repeat, repeat;
}
.healthBoxText.is-balance .text:after {
	background: url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff6d9 0%, #fffaed 100%);
	background: url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff6d9 0%, #fffaed 100%);
	background-repeat: repeat, repeat;
}
.is-bgTex {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.normalList.is-bgGraTex > li,
.is-bgGraTex .normalList > li {
	padding-left: 1.5em;
}
.normalList.is-bgGraTex > li:before,
.is-bgGraTex .normalList > li:before {
	top: 0.8em;
	width: 12px;
	height: 12px;
	margin-top: -6px;
}
.is-bgGraTex .is-arrowHeading {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.normalList.is-bgGraTex {
	-webkit-align-items: center;
	align-items: center;
	padding: 1em 1.5em;
}

/* variation */
.is-boxHead.is-acne {
	background-color: #fff6cb;
}
.is-bgGraTex.is-acne {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff6cb 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff6cb 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-acne .is-arrowHeading {
	border-color: #ffde84;
}
.is-bgGraTex.is-acne .btnLink li a {
	background-color: #ffde84;
}
.is-bgGraTex.is-acne .is-arrowHeading:after {
	border-color: rgba(255, 248, 213, 0);
	border-top-color: #fff8d5;
}
.is-bgGraTex.is-acne .is-arrowHeading:before {
	border-color: rgba(255, 222, 132, 0);
	border-top-color: #ffde84;
}
.is-bgTex.is-acne {
	background-color: #fff6cb !important;
}
.is-acne.normalList > li:before,
.is-bgGraTex.is-acne .normalList > li:before {
	background: -webkit-linear-gradient(top, #ffcc4c 0%, #ffefba 100%);
	background: linear-gradient(to bottom, #ffcc4c 0%, #ffefba 100%);
}
.health-point > .is-acne:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -300px;
}
.health-point > .is-acne:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -300px;
}
.health-point > .is-acne:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -300px;
}
.summaryText.is-acne:before {
	border-top: 1px solid #ffde84;
	border-left: 1px solid #ffde84;
	background: -webkit-linear-gradient(left top, #fff6cb 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #fff6cb 0%, #fff 30%, #fff 100%);
}
.summaryText.is-acne:after {
	border-right: 1px solid #ffde84;
	border-bottom: 1px solid #ffde84;
	background: -webkit-linear-gradient(right bottom, #fff6cb 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #fff6cb 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-acne .pickUpHead {
	color: #e0ac28;
}
.health-pickUp.is-acne .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #ffcc4c 0%, #ffefba 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #ffcc4c 0%, #ffefba 100%);
}
.is-boxHead.is-balance {
	background-color: #fff3cf;
}
.is-bgGraTex.is-balance {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff3cf 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff3cf 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-balance .btnLink li a {
	background-color: #f2d56d;
}
.is-bgGraTex.is-balance .is-arrowHeading {
	border-color: #f2d56d;
}
.is-bgGraTex.is-balance .is-arrowHeading:after {
	border-color: rgba(255, 246, 216, 0);
	border-top-color: #fff6d8;
}
.is-bgGraTex.is-balance .is-arrowHeading:before {
	border-color: rgba(242, 213, 109, 0);
	border-top-color: #f2d56d;
}
.is-bgTex.is-balance {
	background-color: #fff3cf !important;
}
.is-bgGraTex.is-balance .normalList > li {
	padding-left: 1.5em;
}
.is-balance.normalList > li:before,
.is-bgGraTex.is-balance .normalList > li:before {
	background: -webkit-linear-gradient(top, #f4c303 0%, #fce89c 100%);
	background: linear-gradient(to bottom, #f4c303 0%, #fce89c 100%);
}
.health-point > .is-balance:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -120px;
}
.health-point > .is-balance:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -120px;
}
.health-point > .is-balance:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -120px;
}
.summaryText.is-balance:before {
	border-top: 1px solid #f2d56d;
	border-left: 1px solid #f2d56d;
	background: -webkit-linear-gradient(left top, #fff3cf 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #fff3cf 0%, #fff 30%, #fff 100%);
}
.summaryText.is-balance:after {
	border-right: 1px solid #f2d56d;
	border-bottom: 1px solid #f2d56d;
	background: -webkit-linear-gradient(right bottom, #fff3cf 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #fff3cf 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-balance .pickUpHead {
	color: #e3ae00;
}
.health-pickUp.is-balance .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #f4c303 0%, #fce89c 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #f4c303 0%, #fce89c 100%);
}
.is-boxHead.is-bcaa {
	background-color: #ffe4d1;
}
.is-bgGraTex.is-bcaa {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #ffe4d1 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #ffe4d1 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-bcaa .is-arrowHeading {
	border-color: #ffc88c;
}
.is-bgGraTex.is-bcaa .btnLink li a {
	background-color: #ffc88c;
}
.is-bgGraTex.is-bcaa .is-arrowHeading:after {
	border-color: rgba(255, 237, 222, 0);
	border-top-color: #ffedde;
}
.is-bgGraTex.is-bcaa .is-arrowHeading:before {
	border-color: rgba(255, 200, 140, 0);
	border-top-color: #ffc88c;
}
.is-bgTex.is-bcaa {
	background-color: #ffe4d1 !important;
}
.is-bcaa.normalList > li:before,
.is-bgGraTex.is-bcaa .normalList > li:before {
	background: -webkit-linear-gradient(top, #ee8a22 0%, #f9cda1 100%);
	background: linear-gradient(to bottom, #ee8a22 0%, #f9cda1 100%);
}
.health-point > .is-bcaa:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -180px;
}
.health-point > .is-bcaa:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -180px;
}
.health-point > .is-bcaa:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -180px;
}
.summaryText.is-bcaa:before {
	border-top: 1px solid #ffc88c;
	border-left: 1px solid #ffc88c;
	background: -webkit-linear-gradient(left top, #ffe4d1 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #ffe4d1 0%, #fff 30%, #fff 100%);
}
.summaryText.is-bcaa:after {
	border-right: 1px solid #ffc88c;
	border-bottom: 1px solid #ffc88c;
	background: -webkit-linear-gradient(right bottom, #fffffe4d16cb 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #ffe4d1 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-bcaa .pickUpHead {
	color: #eb7a02;
}
.health-pickUp.is-bcaa .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #ee8a22 0%, #f9cda1 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #ee8a22 0%, #f9cda1 100%);
}
.is-boxHead.is-glycemic {
	background-color: #ffe5eb;
}
.is-bgGraTex.is-glycemic {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #ffe5eb 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #ffe5eb 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-glycemic .is-arrowHeading {
	border-color: #f2b6c2;
}
.is-bgGraTex.is-glycemic .btnLink li a {
	background-color: #f2b6c2;
}
.is-bgGraTex.is-glycemic .is-arrowHeading:after {
	border-color: rgba(255, 241, 245, 0);
	border-top-color: #fff1f5;
}
.is-bgGraTex.is-glycemic .is-arrowHeading:before {
	border-color: rgba(242, 182, 194, 0);
	border-top-color: #f2b6c2;
}
.is-bgTex.is-glycemic {
	background-color: #ffe5eb !important;
}
.is-glycemic.normalList > li:before,
.is-bgGraTex.is-glycemic .normalList > li:before {
	background: -webkit-linear-gradient(top, #ec6f87 0%, #ffd9e0 100%);
	background: linear-gradient(to bottom, #ec6f87 0%, #ffd9e0 100%);
}
.health-point > .is-glycemic:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -90px;
}
.health-point > .is-glycemic:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -90px;
}
.health-point > .is-glycemic:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -90px;
}
.summaryText.is-glycemic:before {
	border-top: 1px solid #f2b6c2;
	border-left: 1px solid #f2b6c2;
	background: -webkit-linear-gradient(left top, #ffe5eb 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #ffe5eb 0%, #fff 30%, #fff 100%);
}
.summaryText.is-glycemic:after {
	border-right: 1px solid #f2b6c2;
	border-bottom: 1px solid #f2b6c2;
	background: -webkit-linear-gradient(right bottom, #ffe5eb 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #ffe5eb 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-glycemic .pickUpHead {
	color: #e0627a;
}
.health-pickUp.is-glycemic .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #ec6f87 0%, #ffd9e0 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #ec6f87 0%, #ffd9e0 100%);
}
.is-boxHead.is-heat {
	background-color: #dee9ff;
}
.is-bgGraTex.is-heat {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #dbe8ff 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #dbe8ff 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-heat .is-arrowHeading {
	border-color: #9dbbf2;
}
.is-bgGraTex.is-heat .btnLink li a,
.is-bgGraTex.is-heat .health-caseBox .btnLink li a {
	background-color: #9dbbf2;
}
.is-bgGraTex.is-heat .is-arrowHeading:after {
	border-color: rgba(233, 243, 255, 0);
	border-top-color: #e9f3ff;
}
.is-bgGraTex.is-heat .is-arrowHeading:before {
	border-color: rgba(157, 187, 242, 0);
	border-top-color: #9dbbf2;
}
.is-bgTex.is-heat {
	background-color: #dbe8ff !important;
}
.is-heat.normalList > li:before,
.is-bgGraTex.is-heat .normalList > li:before {
	background: -webkit-linear-gradient(top, #8cace9 0%, #dee9ff 100%);
	background: linear-gradient(to bottom, #8cace9 0%, #dee9ff 100%);
}
.health-point > .is-heat:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -210px;
}
.health-point > .is-heat:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -210px;
}
.health-point > .is-heat:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -210px;
}
.summaryText.is-heat:before {
	border-top: 1px solid #9dbbf2;
	border-left: 1px solid #9dbbf2;
	background: -webkit-linear-gradient(left top, #dbe8ff 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #dbe8ff 0%, #fff 30%, #fff 100%);
}
.summaryText.is-heat:after {
	border-right: 1px solid #9dbbf2;
	border-bottom: 1px solid #9dbbf2;
	background: -webkit-linear-gradient(right bottom, #dbe8ff 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #dbe8ff 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-heat .pickUpHead {
	color: #333;
}
.health-pickUp.is-heat .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #8cace9 0%, #dee9ff 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #8cace9 0%, #dee9ff 100%);
}
.is-boxHead.is-liver {
	background-color: #ffe0c5;
}
.is-bgGraTex.is-liver {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #ffe4d1 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #ffe4d1 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-liver .is-arrowHeading {
	border-color: #ffa14d;
}
.is-bgGraTex.is-liver .btnLink li a {
	background-color: #ffa14d;
}
.is-bgGraTex.is-liver .is-arrowHeading:after {
	border-color: rgba(255, 246, 216, 0);
	border-top-color: #ffefd9;
}
.is-bgGraTex.is-liver .is-arrowHeading:before {
	border-color: rgba(242, 213, 109, 0);
	border-top-color: #ffa14d;
}
.is-bgTex.is-liver {
	background-color: #ffe0c5 !important;
}
.is-liver.normalList > li:before,
.is-bgGraTex.is-liver .normalList > li:before {
	background: -webkit-linear-gradient(top, #ffa14d 0%, #ffe5d0 100%);
	background: linear-gradient(to bottom, #ffa14d 0%, #ffe5d0 100%);
}
.health-point > .is-liver:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -450px;
}
.health-point > .is-liver:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -450px;
}
.health-point > .is-liver:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -450px;
}
.summaryText.is-liver:before {
	border-top: 1px solid #ffc88c;
	border-left: 1px solid #ffc88c;
	background: -webkit-linear-gradient(left top, #ffe0c5 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #ffe0c5 0%, #fff 30%, #fff 100%);
}
.summaryText.is-liver:after {
	border-right: 1px solid #ffc88c;
	border-bottom: 1px solid #ffc88c;
	background: -webkit-linear-gradient(right bottom, #ffe0c5 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #ffe0c5 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-liver .pickUpHead {
	color: #ffffff;
}
.health-pickUp.is-liver .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #ffa14d 0%, #ffe5d0 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #ffa14d 0%, #ffe5d0 100%);
}
.is-boxHead.is-parkinsons {
	background-color: #ffe9df;
}
.is-bgGraTex.is-parkinsons {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #ffe9df 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #ffe9df 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-parkinsons .is-arrowHeading {
	border-color: #fbc6c5;
}
.is-bgGraTex.is-parkinsons .btnLink li a {
	background-color: #fbc6c5;
}
.is-bgGraTex.is-parkinsons .is-arrowHeading:after {
	border-color: rgba(255, 244, 239, 0);
	border-top-color: #fff4ef;
}
.is-bgGraTex.is-parkinsons .is-arrowHeading:before {
	border-color: rgba(251, 198, 197, 0);
	border-top-color: #fbc6c5;
}
.is-bgTex.is-parkinsons {
	background-color: #ffe9df !important;
}
.is-parkinsons.normalList > li:before,
.is-bgGraTex.is-parkinsons .normalList > li:before {
	background: -webkit-linear-gradient(top, #faafaf 0%, #fee6e2 100%);
	background: linear-gradient(to bottom, #faafaf 0%, #fee6e2 100%);
}
.health-point > .is-parkinsons:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -270px;
}
.health-point > .is-parkinsons:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -270px;
}
.health-point > .is-parkinsons:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -270px;
}
.summaryText.is-parkinsons:before {
	border-top: 1px solid #fbc6c5;
	border-left: 1px solid #fbc6c5;
	background: -webkit-linear-gradient(left top, #ffe9df 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #ffe9df 0%, #fff 30%, #fff 100%);
}
.summaryText.is-parkinsons:after {
	border-right: 1px solid #fbc6c5;
	border-bottom: 1px solid #fbc6c5;
	background: -webkit-linear-gradient(right bottom, #ffe9df 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #ffe9df 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-parkinsons .pickUpHead {
	color: #e27c7c;
}
.health-pickUp.is-parkinsons .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #faafaf 0%, #fee6e2 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #faafaf 0%, #fee6e2 100%);
}
.is-boxHead.is-quick {
	background-color: #f3e6fa;
}
.is-bgGraTex.is-quick {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #f3e6fa 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #f3e6fa 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-quick .is-arrowHeading {
	border-color: #dac2f3;
}
.is-bgGraTex.is-quick .btnLink li a {
	background-color: #dac2f3;
}
.is-bgGraTex.is-quick .is-arrowHeading:after {
	border-color: rgba(249, 242, 253, 0);
	border-top-color: #f9f2fd;
}
.is-bgGraTex.is-quick .is-arrowHeading:before {
	border-color: rgba(218, 194, 243, 0);
	border-top-color: #dac2f3;
}
.is-bgTex.is-quick {
	background-color: #f3e6fa !important;
}
.is-quick.normalList > li:before,
.is-bgGraTex.is-quick .normalList > li:before {
	background: -webkit-linear-gradient(top, #ae8ccf 0%, #e1cfef 100%);
	background: linear-gradient(to bottom, #ae8ccf 0%, #e1cfef 100%);
}
.health-point > .is-quick:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -330px;
}
.health-point > .is-quick:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -330px;
}
.health-point > .is-quick:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -330px;
}
.summaryText.is-quick:before {
	border-top: 1px solid #dac2f3;
	border-left: 1px solid #dac2f3;
	background: -webkit-linear-gradient(left top, #f3e6fa 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #f3e6fa 0%, #fff 30%, #fff 100%);
}
.summaryText.is-quick:after {
	border-right: 1px solid #dac2f3;
	border-bottom: 1px solid #dac2f3;
	background: -webkit-linear-gradient(right bottom, #f3e6fa 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #f3e6fa 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-quick .pickUpHead {
	color: #333;
}
.health-pickUp.is-quick .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #ae8ccf 0%, #e1cfef 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #ae8ccf 0%, #e1cfef 100%);
}
.is-boxHead.is-restless {
	background-color: #def1ff;
}
.is-bgGraTex.is-restless {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #def1ff 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #def1ff 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-restless .is-arrowHeading {
	border-color: #85b9e3;
}
.is-bgGraTex.is-restless .btnLink li a {
	background-color: #85b9e3;
}
.is-bgGraTex.is-restless .is-arrowHeading:after {
	border-color: rgba(230, 246, 255, 0);
	border-top-color: #e6f6ff;
}
.is-bgGraTex.is-restless .is-arrowHeading:before {
	border-color: rgba(133, 185, 227, 0);
	border-top-color: #85b9e3;
}
.is-bgTex.is-restless {
	background-color: #def1ff !important;
}
.is-restless.normalList > li:before,
.is-bgGraTex.is-restless .normalList > li:before {
	background: -webkit-linear-gradient(top, #87bae4 0%, #cee5f7 100%);
	background: linear-gradient(to bottom, #87bae4 0%, #cee5f7 100%);
}
.health-point > .is-restless:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -240px;
}
.health-point > .is-restless:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -240px;
}
.health-point > .is-restless:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -240px;
}
.summaryText.is-restless:before {
	border-top: 1px solid #85b9e3;
	border-left: 1px solid #85b9e3;
	background: -webkit-linear-gradient(left top, #def1ff 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #def1ff 0%, #fff 30%, #fff 100%);
}
.summaryText.is-restless:after {
	border-right: 1px solid #85b9e3;
	border-bottom: 1px solid #85b9e3;
	background: -webkit-linear-gradient(right bottom, #def1ff 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #def1ff 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-restless .pickUpHead {
	color: #333;
}
.health-pickUp.is-restless .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #87bae4 0%, #cee5f7 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #87bae4 0%, #cee5f7 100%);
}
.is-boxHead.is-thrombosis {
	background-color: #dee9ff;
}
.is-bgGraTex.is-thrombosis {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #dbe8ff 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #dbe8ff 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-thrombosis .is-arrowHeading {
	border-color: #9dbbf2;
}
.is-bgGraTex.is-thrombosis .btnLink li a {
	background-color: #9dbbf2;
}
.is-bgGraTex.is-thrombosis .is-arrowHeading:after {
	border-color: rgba(233, 243, 255, 0);
	border-top-color: #e9f3ff;
}
.is-bgGraTex.is-thrombosis .is-arrowHeading:before {
	border-color: rgba(157, 187, 242, 0);
	border-top-color: #9dbbf2;
}
.is-bgTex.is-thrombosis {
	background-color: #dbe8ff !important;
}
.is-thrombosis.normalList > li:before,
.is-bgGraTex.is-thrombosis .normalList > li:before {
	background: -webkit-linear-gradient(top, #8cace9 0%, #dee9ff 100%);
	background: linear-gradient(to bottom, #8cace9 0%, #dee9ff 100%);
}
.health-point > .is-thrombosis:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -60px;
}
.health-point > .is-thrombosis:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -60px;
}
.health-point > .is-thrombosis:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -60px;
}
.summaryText.is-thrombosis:before {
	border-top: 1px solid #9dbbf2;
	border-left: 1px solid #9dbbf2;
	background: -webkit-linear-gradient(left top, #dbe8ff 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #dbe8ff 0%, #fff 30%, #fff 100%);
}
.summaryText.is-thrombosis:after {
	border-right: 1px solid #9dbbf2;
	border-bottom: 1px solid #9dbbf2;
	background: -webkit-linear-gradient(right bottom, #dbe8ff 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #dbe8ff 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-thrombosis .pickUpHead {
	color: #333;
}
.health-pickUp.is-thrombosis .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #8cace9 0%, #dee9ff 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #8cace9 0%, #dee9ff 100%);
}
.is-boxHead.is-tuberculosis {
	background-color: #fff2cc;
}
.is-bgGraTex.is-tuberculosis {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff2cc 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff2cc 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-tuberculosis .is-arrowHeading {
	border-color: #ffd966;
}
.is-bgGraTex.is-tuberculosis .btnLink li a {
	background-color: #ffd966;
}
.is-bgGraTex.is-tuberculosis .is-arrowHeading:after {
	border-color: rgba(255, 246, 216, 0);
	border-top-color: #fff6d8;
}
.is-bgGraTex.is-tuberculosis .is-arrowHeading:before {
	border-color: rgba(255, 217, 102, 0);
	border-top-color: #ffd966;
}
.is-bgTex.is-tuberculosis {
	background-color: #fff2cc !important;
}
.is-tuberculosis.normalList > li:before,
.is-bgGraTex.is-tuberculosis .normalList > li:before {
	background: -webkit-linear-gradient(top, #ffbf00 0%, #ffd966 100%);
	background: linear-gradient(to bottom, #ffbf00 0%, #ffd966 100%);
}
.health-point > .is-tuberculosis:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -30px;
}
.health-point > .is-tuberculosis:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -30px;
}
.health-point > .is-tuberculosis:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -30px;
}
.summaryText.is-tuberculosis:before {
	border-top: 1px solid #ffd966;
	border-left: 1px solid #ffd966;
	background: -webkit-linear-gradient(left top, #fff2cc 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #fff2cc 0%, #fff 30%, #fff 100%);
}
.summaryText.is-tuberculosis:after {
	border-right: 1px solid #ffd966;
	border-bottom: 1px solid #ffd966;
	background: -webkit-linear-gradient(right bottom, #fff2cc 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #fff2cc 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-tuberculosis .pickUpHead {
	color: #de980b;
}
.health-pickUp.is-tuberculosis .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #ffbf00 0%, #ffd966 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #ffbf00 0%, #ffd966 100%);
}
.is-boxHead.is-vitamins {
	background-color: #e4f6d1;
}
.is-bgGraTex.is-vitamins {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #e4f6d1 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #e4f6d1 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-vitamins .is-arrowHeading {
	border-color: #afcd75;
}
.is-bgGraTex.is-vitamins .btnLink li a {
	background-color: #afcd75;
}
.is-bgGraTex.is-vitamins .is-arrowHeading:after {
	border-color: rgba(242, 251, 233, 0);
	border-top-color: #f2fbe9;
}
.is-bgGraTex.is-vitamins .is-arrowHeading:before {
	border-color: rgba(175, 205, 117, 0);
	border-top-color: #afcd75;
}
.is-bgTex.is-vitamins {
	background-color: #e4f6d1 !important;
}
.is-vitamins.normalList > li:before,
.is-bgGraTex.is-vitamins .normalList > li:before {
	background: -webkit-linear-gradient(top, #aac86b 0%, #e4f6d1 100%);
	background: linear-gradient(to bottom, #aac86b 0%, #e4f6d1 100%);
}
.health-point > .is-vitamins:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -150px;
}
.health-point > .is-vitamins:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -150px;
}
.health-point > .is-vitamins:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -150px;
}
.summaryText.is-vitamins:before {
	border-top: 1px solid #afcd75;
	border-left: 1px solid #afcd75;
	background: -webkit-linear-gradient(left top, #e4f6d1 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #e4f6d1 0%, #fff 30%, #fff 100%);
}
.summaryText.is-vitamins:after {
	border-right: 1px solid #afcd75;
	border-bottom: 1px solid #afcd75;
	background: -webkit-linear-gradient(right bottom, #e4f6d1 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #e4f6d1 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-vitamins .pickUpHead {
	color: #86a34a;
}
.health-pickUp.is-vitamins .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #aac86b 0%, #e4f6d1 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #aac86b 0%, #e4f6d1 100%);
}
.is-boxHead.is-h-pylori {
	background-color: #fff8d1;
}
.is-bgGraTex.is-h-pylori {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff8d1 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff8d1 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-h-pylori .is-arrowHeading {
	border-color: #f9d97b;
}
.is-bgGraTex.is-h-pylori .btnLink li a {
	background-color: #f9d97b;
}
.is-bgGraTex.is-h-pylori .is-arrowHeading:after {
	border-color: rgba(255, 251, 223, 0);
	border-top-color: #fffbdf;
}
.is-bgGraTex.is-h-pylori .is-arrowHeading:before {
	border-color: rgba(249, 217, 123, 0);
	border-top-color: #f9d97b;
}
.is-bgTex.is-h-pylori {
	background-color: #fff8d1 !important;
}
.is-h-pylori.normalList > li:before,
.is-bgGraTex.is-h-pylori .normalList > li:before {
	background: -webkit-linear-gradient(top, #ffc620 0%, #fff8d1 100%);
	background: linear-gradient(to bottom, #ffc620 0%, #fff8d1 100%);
}
.health-point > .is-h-pylori:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -420px;
}
.health-point > .is-h-pylori:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -420px;
}
.health-point > .is-h-pylori:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -420px;
}
.summaryText.is-h-pylori:before {
	border-top: 1px solid #f9d97b;
	border-left: 1px solid #f9d97b;
	background: -webkit-linear-gradient(left top, #fff8d1 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #fff8d1 0%, #fff 30%, #fff 100%);
}
.summaryText.is-h-pylori:after {
	border-right: 1px solid #f9d97b;
	border-bottom: 1px solid #f9d97b;
	background: -webkit-linear-gradient(right bottom, #fff8d1 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #fff8d1 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-h-pylori .pickUpHead {
	color: #e5ac00;
}
.health-pickUp.is-h-pylori .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #ffc620 0%, #fff8d1 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #ffc620 0%, #fff8d1 100%);
}
.is-boxHead.is-dry {
	background-color: #daecf4;
}
.is-bgGraTex.is-dry {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #daecf4 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #daecf4 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-dry .is-arrowHeading {
	border-color: #80bad5;
}
.is-bgGraTex.is-dry .btnLink li a {
	background-color: #80bad5;
}
.is-bgGraTex.is-dry .is-arrowHeading:after {
	border-color: rgba(230, 243, 250, 0);
	border-top-color: #e6f3fa;
}
.is-bgGraTex.is-dry .is-arrowHeading:before {
	border-color: rgba(128, 186, 213, 0);
	border-top-color: #80bad5;
}
.is-bgTex.is-dry {
	background-color: #daecf4 !important;
}
.is-dry.normalList > li:before,
.is-bgGraTex.is-dry .normalList > li:before {
	background: -webkit-linear-gradient(top, #80bad5 0%, #daecf4 100%);
	background: linear-gradient(to bottom, #80bad5 0%, #daecf4 100%);
}
.health-point > .is-dry:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -390px;
}
.health-point > .is-dry:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -390px;
}
.health-point > .is-dry:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -390px;
}
.summaryText.is-dry:before {
	border-top: 1px solid #80bad5;
	border-left: 1px solid #80bad5;
	background: -webkit-linear-gradient(left top, #daecf4 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #daecf4 0%, #fff 30%, #fff 100%);
}
.summaryText.is-dry:after {
	border-right: 1px solid #80bad5;
	border-bottom: 1px solid #80bad5;
	background: -webkit-linear-gradient(right bottom, #daecf4 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #daecf4 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-dry .pickUpHead {
	color: #333;
}
.health-pickUp.is-dry .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #80bad5 0%, #daecf4 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #80bad5 0%, #daecf4 100%);
}
.is-boxHead.is-peripheral {
	background-color: #e8f2dd;
}
.is-bgGraTex.is-peripheral {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #e9f2de 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #e9f2de 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-peripheral .is-arrowHeading {
	border-color: #96c95d;
}
.is-bgGraTex.is-dry .btnLink li a {
	background-color: #96c95d;
}
.is-bgGraTex.is-peripheral .is-arrowHeading:after {
	border-color: rgba(242, 247, 235, 0);
	border-top-color: #f2f7eb;
}
.is-bgGraTex.is-peripheral .is-arrowHeading:before {
	border-color: rgba(150, 201, 93, 0);
	border-top-color: #96c95d;
}
.is-bgTex.is-peripheral {
	background-color: #e9f2de !important;
}
.is-peripheral.normalList > li:before,
.is-bgGraTex.is-peripheral .normalList > li:before {
	background: -webkit-linear-gradient(top, #96c95d 0%, #e8f2dd 100%);
	background: linear-gradient(to bottom, #96c95d 0%, #e8f2dd 100%);
}
.health-point > .is-peripheral:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -360px;
}
.health-point > .is-peripheral:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -360px;
}
.health-point > .is-peripheral:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -360px;
}
.summaryText.is-peripheral:before {
	border-top: 1px solid #96c95d;
	border-left: 1px solid #96c95d;
	background: -webkit-linear-gradient(left top, #e9f2de 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #e9f2de 0%, #fff 30%, #fff 100%);
}
.summaryText.is-peripheral:after {
	border-right: 1px solid #96c95d;
	border-bottom: 1px solid #96c95d;
	background: -webkit-linear-gradient(right bottom, #e9f2de 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #e9f2de 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-peripheral .pickUpHead {
	color: #74aa37;
}
.health-pickUp.is-peripheral .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #96c95d 0%, #e8f2dd 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #96c95d 0%, #e8f2dd 100%);
}
.is-boxHead.is-fiber {
	background-color: #fffad4;
}
.is-bgGraTex.is-fiber {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff3cf 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff3cf 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-bgGraTex.is-fiber .is-arrowHeading {
	border-color: #f2d56d;
}
.is-bgGraTex.is-fiber .btnLink li a {
	background-color: #f2d56d;
}
.is-bgGraTex.is-fiber .is-arrowHeading:after {
	border-color: rgba(255, 246, 216, 0);
	border-top-color: #fff6d8;
}
.is-bgGraTex.is-fiber .is-arrowHeading:before {
	border-color: rgba(242, 213, 109, 0);
	border-top-color: #f2d56d;
}
.is-bgTex.is-fiber {
	background-color: #fff3cf !important;
}
.is-fiber.normalList > li:before,
.is-bgGraTex.is-fiber .normalList > li:before {
	background: -webkit-linear-gradient(top, #f4c303 0%, #fce89c 100%);
	background: linear-gradient(to bottom, #f4c303 0%, #fce89c 100%);
}
.health-point > .is-fiber:nth-child(3n+1) > .columnTitle > span:before {
	background-position: 0 -450px;
}
.health-point > .is-fiber:nth-child(3n+2) > .columnTitle > span:before {
	background-position: -45px -450px;
}
.health-point > .is-fiber:nth-child(3n+3) > .columnTitle > span:before {
	background-position: -90px -450px;
}
.health-point > .heart-failure > .columnTitle > span:before {
	background-position: -165px -30px !important;
}
.summaryText.is-fiber:before {
	border-top: 1px solid #f2d56d;
	border-left: 1px solid #f2d56d;
	background: -webkit-linear-gradient(left top, #fff3cf 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #fff3cf 0%, #fff 30%, #fff 100%);
}
.summaryText.is-fiber:after {
	border-right: 1px solid #f2d56d;
	border-bottom: 1px solid #f2d56d;
	background: -webkit-linear-gradient(right bottom, #fff3cf 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #fff3cf 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-fiber .pickUpHead {
	color: #f2d56d;
}
.health-pickUp.is-fiber .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #f4c303 0%, #fce89c 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #f4c303 0%, #fce89c 100%);
}
.is-boxHead.is-living {
	background-color: #fbe8f0;
}
.is-bgGraTex.is-living {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fbe8f0 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fbe8f0 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.summaryText.is-living:before {
	border-top: 1px solid #febbd2;
	border-left: 1px solid #febbd2;
	background: -webkit-linear-gradient(left top, #fdf2f7 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to right bottom, #fdf2f7 0%, #fff 30%, #fff 100%);
}
.summaryText.is-living:after {
	border-right: 1px solid #febbd2;
	border-bottom: 1px solid #febbd2;
	background: -webkit-linear-gradient(right bottom, #fdf2f7 0%, #fff 30%, #fff 100%);
	background: linear-gradient(to left top, #fdf2f7 0%, #fff 30%, #fff 100%);
}
.health-pickUp.is-living .pickUpHead {
	color: #ffa1c1;
}
.health-pickUp.is-living .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #fed5e3 0%, #fee9f1 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #fed5e3 0%, #fee9f1 100%);
}
.is-bgTex.is-living {
	background-color: #fbe8f0 !important;
}
.is-living.normalList > li:before,
.is-bgGraTex.is-living .normalList > li:before {
	background: -webkit-linear-gradient(top, #ffc5e3 0%, #fee9f1 100%);
	background: linear-gradient(to bottom, #ffc5e3 0%, #fee9f1 100%);
}
.is-boxHead.is-stroke {
	background-color: #fcebd2;
}
.is-bgTex.is-stroke {
	background-color: #fcebd2 !important;
}
.is-bgGraTex.is-stroke {
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fcebd2 0%, #fff 100%);
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fcebd2 0%, #fff 100%);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: 0 0, 100% 0, 0 100%, 0 0, 0 0, 0 0;
}
.is-boxHead.is-health.is-stroke .heading1.is-subBottom .title{
  margin: 6px 0 10px 0;
}
.is-boxHead.is-health.is-stroke .heading1.is-subTop .sub{
  padding: 2px 0 2px 0;
}
.is-boxHead.is-health.is-stroke .heading1.is-subTop .title{
  padding: 0 0 2px 0;
}
.columnBox.is-bgGraTex.is-stroke.culumnBox-stroke{
	padding: 41px 2em 2em 2em;
}
.columnBox.is-bgGraTex.is-stroke.culumnBox-stroke.culumnBox-stroke2{
	padding: 28px 2em 2em 2em;
}
.health-caseBox.is-stroke .btnLink {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.culumnBox-stroke .btnLink{
	margin-top: 13px;
}
.culumnBox-stroke .btnLink.is-stroke-btnLink2{
	margin-top: 25px;
}
.health-caseBox.is-stroke .btnLink.is-stroke-btnLink2 {
	width: 302px;
}
.is-bgGraTex.is-stroke .btnLink li a,
.is-bgGraTex.is-stroke .health-caseBox .btnLink li a {
	background-color: #ff9476;
}
.is-bgGraTex .health-caseBox.is-stroke .btnLink li a span.btnLink-stroke{
	background-image: none;
}
.is-bgGraTex .health-caseBox.is-stroke .btnLink li a span:after {
	right: auto;
	left: 50%;
	margin-left: -5.2em;
}
.is-bgGraTex .health-caseBox.is-stroke .btnLink.is-stroke-btnLink2 li a span:after {
	right: auto;
	left: 50%;
	margin-left: -9.0em;
}
.health-pickUp.is-bgGraTex.is-stroke .pickUpHead {
	top: 4px;
	left: 4px;
	background: #fff;
	color: #e8714f;
}
.health-pickUp.is-stroke .pickUpHead:before {
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, -webkit-linear-gradient(top, #ffa990 0%, #ffd8cb 100%);
	background: url(/common/img/health-and-illness/com_sprite01.png) no-repeat -136px -30px, linear-gradient(to bottom, #ffa990 0%, #ffd8cb 100%);
}
.health-pickUp.is-bgGraTex.is-stroke .pickUpHead:before {
  top: 7px;
  left: 27px;
}
.health-pickUp.is-stroke .text{
	margin-top: 36px;
}
.health-pickUp.is-stroke .text p{
  color: #707070;
}
.health-pickUp.is-stroke .text p.title{
	font-size: 1.8rem;
  color: #333333;
}
.bgBox.is-bgGraTex.health-pickUp.is-stroke .is-flex3{
	margin-top: 15px;
	padding: 0 
}
.health-pickUp.is-stroke .pickUpHead {
  padding: 8px 32px 7px 51px; 
}
.bgBox.is-bgGraTex.health-pickUp.is-stroke .is-flex3 .li{
	width: 100%;
}
.is-stroke .icon-stroke {
	line-height: 24px;
	margin: 0 0 10px 0;
	padding-left: 34px;
}
.iconLink.is-prevNext.is-stroke > .is-prev, .iconLink.is-prevNext.is-stroke > .is-next{
  padding: 1.6em 2.3em;
}
.iconLink.is-prevNext.is-stroke > .is-next > a {
  font-family: "TBUDゴシック B", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
.iconLink.is-prevNext.is-stroke > .is-prev > a {
  font-family: "TBUDゴシック B", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
.bgBox.is-bgGraTex.health-pickUp.is-stroke{
  padding: 29px 0px 29px 31px;
}
.health-pickUp.is-stroke li.icon-stroke:nth-of-type(3n-1){
 margin-left: 12px;
 margin-right: 40px;
}
.is-stroke .icon-stroke:nth-of-type(1){
	background: url(/health-and-illness/stroke/img/index_ic01.png) no-repeat;
}
.is-stroke .icon-stroke:nth-of-type(2){
	background: url(/health-and-illness/stroke/img/index_ic02.png) no-repeat;
}
.is-stroke .icon-stroke:nth-of-type(3){
	background: url(/health-and-illness/stroke/img/index_ic03.png) no-repeat;
}
.is-stroke .icon-stroke:nth-of-type(4){
	background: url(/health-and-illness/stroke/img/index_ic04.png) no-repeat;
}
.is-stroke .icon-stroke:nth-of-type(5){
	background: url(/health-and-illness/stroke/img/index_ic05.png) no-repeat;
}
.is-stroke .icon-stroke:nth-of-type(6){
	background: url(/health-and-illness/stroke/img/index_ic06.png) no-repeat;
}
.is-stroke .icon-stroke:nth-of-type(7){
	background: url(/health-and-illness/stroke/img/index_ic07.png) no-repeat;
}
.is-stroke .icon-stroke:nth-of-type(8){
	background: url(/health-and-illness/stroke/img/index_ic08.png) no-repeat;
}
.is-stroke .icon-stroke:nth-of-type(9){
	background: url(/health-and-illness/stroke/img/index_ic09.png) no-repeat;
}
.is-stroke .icon-stroke:nth-of-type(10){
	background: url(/health-and-illness/stroke/img/index_ic10.png) no-repeat;
	margin-bottom: 5px;
}
.is-stroke .icon-stroke.icon-stroke-ex{
	background: url(/health-and-illness/stroke/img/index_ic11.png) no-repeat;
	padding-left: 52px;
}
.box-stroke .figureColumn.is-column-reverse{
 margin-top: 17px;
}
.box-stroke .title{
	font-family: "TBUDゴシック B", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 2.0rem;
	line-height: 1.0;
}
.box-stroke .figureColumn:nth-of-type(2){
	margin-top: 31px;
}
.box-stroke .borderBox{
	margin-top: 60px;
	background-color: #ffffff;
}
.box-stroke2 .title{
	font-size: 1.8rem;
}
.iluust-column01.is-stroke {
  -webkit-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 718px;
  margin-top: 2em;
}
.iluust-column02.is-stroke {
  -webkit-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 713px;
  margin-left: 5px;
  margin-top: 2em;
}
.iluust-column03.is-stroke {
  -webkit-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 718px;
  margin-top: 2em;
}
.tableLayout.is-stroke {
	width: 70%;
	margin: 2em auto 0;
}
.is-stroke-diagnosisFlow,.is-stroke-treatmentsFlow{
	font-family: "TBUDゴシック B", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
}
.is-stroke-diagnosisFlow .flowBox01{
	height: 72px;
	padding: 12px auto 15px;
	border: solid 2px #555555;
	background: url(/health-and-illness/stroke/diagnosis/img/index_bg02.png);
	background-repeat: repeat;
	overflow: hidden;
}
.is-stroke-diagnosisFlow .flowBox01 .leadText{
	font-size: 23px;
	line-height: 1.0;
	margin-top: 9px;
	font-weight: bold;
}
.is-stroke-diagnosisFlow .flowBox01 p{
	font-size: 15px;
	line-height: 1.0;
	margin-top: 8px;
}
.is-stroke-diagnosisFlow .stroke-flex,
.is-stroke-treatmentsFlow .stroke-flex{
	display: -webkit-flex;
	display: flex;
	flex-flow: wrap;
	flex-flow: -webkit-wrap;
}
.is-stroke-diagnosisFlow .stroke-flex-single-sp,
.is-stroke-treatmentsFlow .stroke-flex-single-sp{
	display: -webkit-flex;
	display: flex;
	flex-flow: wrap;
	flex-flow: -webkit-wrap;
}
.is-stroke-diagnosisFlow .whiteText,
.is-stroke-treatmentsFlow .whiteText{
	color: #ffffff;
}
.is-stroke-diagnosisFlow .flowBox02{
	margin: 22px 0 0 0;
	padding: 14px 0 18px 114px;
	border: solid 2px #555555;
	position: relative;
}
.is-stroke-diagnosisFlow figure,
.is-stroke-treatmentsFlow figure{
	margin: 0;
}
.is-stroke-diagnosisFlow .flowBox02 p{
	margin: 43px 37px 44px 0px;
}
.is-stroke-diagnosisFlow .flowBox02::before{
	content: "";
	height: 22px;
	border-left: solid 4px #555555;
	position: absolute;
	top: -24px;
	left: 78px;
}
.is-stroke-diagnosisFlow .flowBox03{
	width: 611px;
	margin-left: 145px;
	margin-top: 22px;
	padding: 12px 0 7px;
	border: solid 2px #555555;
	position: relative;
}
.is-stroke-diagnosisFlow .flowBox03::before{
	content: "";
	height: 226px;
	width: 145px;
	position: absolute;
	left: -147px;
	top: -24px;
	background: url(/health-and-illness/stroke/diagnosis/img/index_bg01.png) no-repeat;
}
.is-stroke-diagnosisFlow .flowBox03 p{
	margin: 42px 0px 0px 31px;
}
.is-stroke-diagnosisFlow .flowBox03 figure{
	margin-left: 79px;
}
.is-stroke-diagnosisFlow .flowBox04{
	margin-top: 22px;
	padding: 13px 0 16px 35px;
	border: solid 2px #555555;
}
.is-stroke-diagnosisFlow .flowBox04 p{
	margin: 39px 0px 0px 19px;
}
.is-stroke-diagnosisFlow .flowBox04 figure{
	margin-left: 35px;
}
.is-stroke-diagnosisFlow .flowBox05s{
	justify-content: space-between;
}
.is-stroke-diagnosisFlow .flowBox05{
	margin-top: 22px;
	width: 170px;
	border: solid 2px #555555;
	background: url(/health-and-illness/stroke/diagnosis/img/index_bg02.png);
	background-repeat: repeat;
	position: relative;
}
.is-stroke-diagnosisFlow .flowBox05::before{
	content: "";
	height: 22px;
	border-left: solid 4px #555555;
	position: absolute;
	top: -24px;
	left: 83px;
}
.is-stroke-diagnosisFlow .flowBox05 p{
	margin: 17px auto 19px;
	text-align: center;
	line-height: 1;
}
.is-stroke-treatmentsFlow .flowBox01{
	height: 55px;
	width: 459px;
	margin: 0 auto;
	background: url(/health-and-illness/stroke/diagnosis/img/index_bg02.png);
	background-repeat: repeat;
	overflow: hidden;
}
.is-stroke-treatmentsFlow .flowBox01 p{
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	margin-top: 11px;
}
.is-stroke-treatmentsFlow .flowBox02{
	height: 55px;
	width: 459px;
	margin: 33px auto 0;
	border: solid 2px #555555;
	position: relative;
}
.is-stroke-treatmentsFlow .flowBox02 p{
	font-size: 15px;
	text-align: center;
	margin-top: 13px;
}
.is-stroke-treatmentsFlow .flowBox02::before{
	content: "";
	width: 40px;
	height: 18px;
	position: absolute;
	top: -24px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	background: url("/health-and-illness/stroke/treatments-for-cerebral-infarction/img/index_bg01.jpg");
}
.is-stroke-treatmentsFlow .outSideBox{
	position: relative;
}
.is-stroke-treatmentsFlow .outsideText{
	position: absolute;
	left: 623px;
	top: -16px;
}
.is-stroke-treatmentsFlow .pinkText{
	color: #e88080;
}
.is-stroke-treatmentsFlow .flowBox03{
	position: relative;
	justify-content: space-between;
	margin-top: 25px;
}
.is-stroke-treatmentsFlow .flowBox03::before{
	content: "";
	width: 760px;
	height: 25px;
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	background: url("/health-and-illness/stroke/treatments-for-cerebral-infarction/img/index_im01.png");
}
.is-stroke-treatmentsFlow .flowBox04{
	height: 55px;
	width: 120px;
	margin: 0 auto;
	padding-top: 2px;
	border: solid 2px #555555;
	background: url(/health-and-illness/stroke/treatments-for-cerebral-infarction/img/index_bg02.jpg);
	background-repeat: repeat;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
.is-stroke-treatmentsFlow .flowBox04 p{
	margin-top: 0px;
	font-size: 13px;
}
.is-stroke-treatmentsFlow .flowBox04.noBr{
	padding: 15px 0 15px;
}
[class*="is-flex"] .is-lineHeading + .js-figureFix {
	text-align: center;
}
.is-health-graph {
	position: relative;
	width: 100%;
	margin-left: 0 !important;
}
.is-lineHeading {
	margin-left: 0 !important;
}
.is-health-graph .legendImg {
	position: absolute;
}
.breakfastGraph01 .legend01 {top: 100px;right: 30px;}
.breakfastGraph01 .legend02 {top: 150px;right: 30px;}
.breakfastGraph01 .legend03 {top: 200px;right: 30px;}
.breakfastGraph02 .legend01 {top: 100px;right: 30px;}
.breakfastGraph02 .legend02 {top: 150px;right: 30px;}
.breakfastGraph02 .legend03 {top: 200px;right: 30px;}
.performanceGraph01 .legend01 {top: 50px;right: 30px;}
.performanceGraph01 .legend02 {top: 100px;right: 30px;}
.performanceGraph01 .legend03 {top: 150px;right: 30px;}
.performanceGraph01 .legend04 {top: 200px;right: 30px;}
.performanceGraph02 .legend01 {top: 50px;right: 0;}
.performanceGraph02 .legend02 {top: 100px;right: 0;}
.performanceGraph02 .legend03 {top: 150px;right: 0;}
.performanceGraph02 .legend04 {top: 200px;right: 0;}
.performanceGraph03 .legend01 {top: 50px;right: 0;}
.performanceGraph03 .legend02 {top: 100px;right: 0;}
.performanceGraph03 .legend03 {top: 150px;right: 0;}
.performanceGraph03 .legend04 {top: 200px;right: 0;}
.performanceGraph04 .legend01 {top: 50px;right: 0;}
.performanceGraph04 .legend02 {top: 100px;right: 0;}
.performanceGraph04 .legend03 {top: 150px;right: 0;}
.performanceGraph04 .legend04 {top: 200px;right: 0;}
.researchGraph01 .legend01 {top: 50px;right: 30px;}
.researchGraph01 .legend02 {top: 100px;right: 30px;}
.researchGraph01 .legend03 {top: 150px;right: 30px;}
.intakeGraph01 .legend01 {top: 50px;right: 30px;}
.intakeGraph01 .legend02 {top: 100px;right: 30px;}

/* health-caseBox */
.health-caseBox > *:first-child {
	margin-top: 0;
}
.health-caseBox .text {
	text-align: center;
}
.health-caseBox .btnLink {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.health-caseBox .btnLink li a {
	display: block;
}
.is-bgGraTex .health-caseBox .btnLink li a {
	background: #ffccbf;
	font-size: 1.6rem;
}
.is-bgGraTex .health-caseBox .btnLink li a span {
	padding: 1.5em 4em;
	background: url(/common/img/health-and-illness/com_bg01.png) no-repeat -20px 5px, url(/common/img/health-and-illness/com_bg02.png) no-repeat right 10px top 5px;
	background-color: #fff;
}
.is-bgGraTex.is-living .health-caseBox .btnLink {
	width: 100%;
	text-align: center;
}
.is-bgGraTex.is-living .health-caseBox .btnLink li a {
	display: inline-block;
	width: auto;
	background: #febbd2;
}
.is-bgGraTex.is-living .health-caseBox .btnLink li a span {
	padding: 1.5em 4em;
	background: none;
	background-color: #fff;
}
.is-bgGraTex .health-caseBox .btnLink li a span br {
	display: none;
}
.is-bgGraTex .health-caseBox .btnLink li a:hover span {
	background-color: transparent;
}
.is-bgGraTex .health-caseBox .btnLink li a span:after {
	right: auto;
	left: 50%;
	margin-left: -10.7em;
}
.is-bgGraTex.is-living .health-caseBox .btnLink li a span:after {
	left: 10px;
	margin-left: 0;
}
.is-bgGraTex.is-living .health-caseBox .btnLink li a[target="_blank"] span:after {
	left: auto;
	right: 5px;
}

/* health-liverBox */
.health-liverBox + * {
	margin-top: 2.8em;
}
.health-liverBox .text {
	text-align: center;
}
.health-liverBox .btnLink {
	width: 600px;
	margin: 2.2em auto 0;
}
.health-liverBox .btnLink li a {
	padding: 1.5em 8em;
	border: #ffc893 2px solid;
	background: url(/common/img/health-and-illness/com_bg03.jpg) no-repeat 0 0, url(/common/img/health-and-illness/com_bg04.jpg) no-repeat 100% 0;
	background-size: contain;
	display: block;
	font-size: 1.6rem;
}
.health-liverBox .btnLink li a span {
	display: inline;
	padding: 0 2em;
	background: transparent;
}
.health-liverBox .btnLink li a span:after {
	right: auto;
	left: 50%;
	margin-left: -9.5em;
}
.health-liverBox .btnLink li a span:after {
	left: 10px;
	margin-left: 0;
}
.health-liverBox .btnLink li a:hover span {
	color: inherit;
}
.health-liverBox .btnLink li a:hover span:after {
	border-color: inherit;
}

/* health-liverBox */
.checkBoxColumn.health-liver-check {
	margin-top: 40px;
}
.checkBoxColumn.health-liver-check .checkBoxBlock {
	padding-right: 3em;
	padding-left: 3em;
}
.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox ul > li {
	margin-top: 20px;
	font-size: 1.4rem;
}
.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox .is-foodstuff ul > li {
	width: 95px;
}
.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox .is-foodstuff ul > li:nth-child(3n+1) {
	width: calc(100% - 260px);
}
.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox dl {
	width: calc(100% - 220px);
	padding-left: 30px;
	border-left: 1px solid #ddd;
}
.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox dl:first-child {
	width: 200px;
	padding-left: 0;
	border-left: none;
}
.checkBoxColumn.health-liver-check .checkBoxBlock .is-reset {
	position: static;
	width: 100%;
	margin-top: 1.5em;
	text-align: center;
}
.cardLink.health-liver-recipeLink > .column .recipeName > span {
	font-size: 1.7rem;
}

/* health-liver-lead */
.health-liver-lead {
	margin-top: 2em;
	font-size: 1.6rem;
}
.health-liver-lead + p {
	margin-top: 0.5em;
}

/* health-liver-note */
.health-liver-note {
	margin-top: 30px;
	padding: 0.8em 1.5em;
	border: 1px dashed #ffc893;
	text-align: center;
}
.health-liver-note > span {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
}

/* health-liver-recipeLink */
.health-liver-recipeLink {
	display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
	margin-top: 0;
	margin-left: -30px;
}
.health-liver-recipeLink > .column {
	width: calc((100% - 90px) / 3);
	margin: 32px 0 0 30px;
}
.health-liver-recipeLink > .column > a {
	border-radius: 0;
}
.health-liver-recipeLink > .column:nth-child(-n+3) {
	margin-top: 32px;
}
.health-liver-recipeLink > .column  img {
	max-width: 100%;
	height: auto;
}

/* recipeInfo */
.recipeInfo {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
	padding: 1px;
	background-image: url(/common/img/texture_bg08.png);
	background-repeat: repeat;
	background-position: 0 0;
	line-height: 20px;
	z-index: 3;
}
.recipeInfo .category,
.recipeInfo .energy {
	float: left;
	display: block;
	width: 80px;
	color: #fff;
	text-align: center;
	font-size: 1.1rem;
	line-height: 20px;
}
.recipeInfo .category {
	color: #fff;
}
.recipeInfo .energy {
	background-color: #fff;
}
.main_dish .recipeInfo {background-color: #f08660;color: #f08660;}
.main_dish .recipeInfo .energy {color: #f08660;}
.main_dish.health-liver-categoryName > span {background-color: #f08660;}
.side_dish .recipeInfo {background-color: #f2a218;color: #f2a218;}
.side_dish .recipeInfo .energy {color: #f2a218;}
.side_dish.health-liver-categoryName > span {background-color: #f2a218;}
.staple .recipeInfo {background-color: #f09099;color: #f09099;}
.staple .recipeInfo .energy {color: #f09099;}
.staple.health-liver-categoryName > span {background-color: #f09099;}
.soup .recipeInfo {background-color: #4caabf;color: #4caabf;}
.soup .recipeInfo .energy {color: #4caabf;}
.soup.health-liver-categoryName > span {background-color: #4caabf;}
.dessert .recipeInfo {background-color: #6bb36d;color: #6bb36d;}
.dessert .recipeInfo .energy {color: #6bb36d;}
.dessert.health-liver-categoryName > span {background-color: #6bb36d;}
.category_other .recipeInfo {background-color: #a58dd9;color: #a58dd9;}
.category_other .recipeInfo .energy {color: #a58dd9;}
.category_other.health-liver-categoryName > span {background-color: #a58dd9;}

/* health-liver-categoryLead */
.health-liver-categoryLead {
	display: table;
	width: 100%;
	margin-top: 40px;
	line-height: 1.5;
}
.health-liver-categoryName {
	display: table-cell;
	width: 7em;
	text-align: center;
	vertical-align: top;
}
.health-liver-categoryName > span {
	display: block;
	padding: 2px 1em;
	background-image: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg08.png);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: left 0 top -3px, right -3px top 0px, left 0 bottom -3px, left -3px top 0, left 0 top 0;
	color: #fff;
}
.health-liver-categoryLeadText {
	display: table-cell;
	padding-left: 1em;
	font-size: 1.7rem;
	vertical-align: top;
}

/* health-recipe-detailColumn */
.health-recipe-detailColumn {
	display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 35px;
}
.health-recipe-imageColumn {
	width: 370px;
}
.health-recipe-textColumn {
	width: 370px;
}
.health-recipe-imageColumn > *:first-child,
.health-recipe-textColumn > *:first-child,
.health-recipe-imageColumn > section > *:first-child,
.health-recipe-textColumn > section > *:first-child {
	margin-top: 0;
}
.health-recipe-foodValue {
	margin-top: 20px;
	padding: 25px 20px 20px;
	background: url(/common/img/texture_bg09.gif), url(/common/img/texture_bg11.gif), url(/common/img/texture_bg02.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg10.png);
	background-repeat: no-repeat, no-repeat, repeat-y, repeat-y, repeat;
	background-position: left 0 top 0, left 0 bottom 0, right -3px top 0px, left -3px top 0, left 0 top 0;
	background-color: #ffe6d0;
}
.foodValue_title {
	margin-top: 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #e0cab7;
	font-size: 1.6rem;
}
.foodValue_list01 {
	margin-top: 15px;
}
.foodValue_list01 > li {
	margin-top: 3px;
}
.foodValue_list01 > li:first-child {
	margin-top: 0;
}
.foodValue_list02 {
	margin-top: 10px;
}
.foodValue_list02 > li {
	float: left;
	display: inline-block;
	margin: 0 2px 0 0;
	padding: 2px 0;
	font-size: 1.1rem;
	line-height: 1.4;
}
.foodValue_list02 > li:after {
	content: "、";
}
.foodValue_list02 > li:last-child:after {
	content: "";
}
.foodValue_memo {
	margin-top: 15px;
	padding: 15px 20px;
	background-color: #fff;
	border-bottom: 1px solid #e0cab7;
}
.foodValue_memo .memo_title {
	margin-top: 0;
	padding-left: 25px;
	background: url(/health-and-illness/liver-cirrhosis-nutritional-therapy/recipes/img/index_ic01.png) no-repeat 0 0.2em;
	font-size: 1.6rem;
	color: #ffa350;
}
.foodValue_memo .memo_text {
	margin-top: 0.5em;
	font-size: 1.2rem;
	color: #666;
}

/* recipe_head */
.recipe_head {
	margin-top: 3em;
	padding: 2px 1em;
	background: url(/common/img/texture_bg01.png), url(/common/img/texture_bg02.png), url(/common/img/texture_bg03.png), url(/common/img/texture_bg04.png), url(/common/img/texture_bg08.png);
	background-repeat: repeat-x, repeat-y, repeat-x, repeat-y, repeat, repeat;
	background-position: left 0 top -3px, right -3px top 0px, left 0 bottom -3px, left -3px top 0, left 0 top 0;
	background-color: #ff9838;
	font-size: 1.7rem;
	color: #fff;
}
.recipe_head > span {
	font-size: 1.4rem;
}

/* recipe_stuff */
.recipe_stuff {
	display: table;
	width: 100%;
}
.recipe_stuff .recipe_stuffName,
.recipe_stuff .recipe_stuffAmount {
	display: table-cell;
	width: 50%;
	padding: 0.8em 0;
	border-bottom: 1px solid #e0e0e0;
	vertical-align: top;
	text-align: left;
}
.recipe_stuff .recipe_stuffAmount {
	padding-left: 1em;
}

/* recipe_inner */
.recipe_inner {
	margin-top: 3em;
}
.recipe_inner > *:first-child {
	margin-top: 0;
}
.recipe_head_inner {
	position: relative;
	padding-left: 1.5em;
	font-size: 1.3rem;
}
.recipe_head_inner:before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #ff9838 url(/common/img/texture_bg08.png) repeat 0 0;
}
.recipe_head_inner > span {
	font-size: 1.6rem;
}
.recipe_head_inner + * {
	margin-top: 0.3em;
}
.recipe_stuffWrap {
	padding-left: 30px;
	border-left: 1px solid #e0e0e0;
}

/* recipe_head_howto */
.recipe_head_howto {
	margin-top: 2em;
	font-size: 1.7rem;
}
.recipe_head + section > .recipe_head_howto {
	margin-top: 1.2em;
}

/* .recipe_flow */
.recipe_flow {
	position: relative;
	margin-top: 2em;
	padding-left: 40px;
}
.recipe_flow .number {
	position: absolute;
	top: -5px;
	left: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #4d4d4d;
	border-radius: 50%;
	color: #fff;
	line-height: 30px;
	text-align: center;
	text-indent: -0.2em;
	letter-spacing: -0.2em;
}

/* littleWord */
.littleWord {
	margin-top: 3em;	
}
.littleWord .figureColumn {
	-webkit-align-items: center;
	align-items: center;
}

/* recipeBackLink */
.recipeBackLink {
	margin-top: 3em;
}
.recipeBackLink li a span:after {
	top: 50%;
	left: 10px;
	margin-top: -4px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

/* same-category */
.same-category,
.same-foodStuff {
	margin-top: 3em;
}
.same-category > span,
.same-foodStuff > span {
	display: inline-block;
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.same-category > span {
	background-image: url(/health-and-illness/liver-cirrhosis-nutritional-therapy/recipes/img/index_ic02.png);
}
.same-foodStuff > span {
	background-image: url(/health-and-illness/liver-cirrhosis-nutritional-therapy/recipes/img/index_ic03.png);
}

.tableLayout .down {
	color: #479acf;
}
.tableLayout .up {
	color: #c6363c;
}
.set-check-not {
	display: none;
	font-size: 2.4rem;
	text-align: center;
}
.slick-recipe .column {
	margin-top: 0 !important;
}
.health-liver-check > .switchText > a {
	text-decoration: none;
}
.health-liver-check > .switchText > a:hover > span {
	text-decoration: underline;
}

/* banner-link */
.bannerColumn {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.bannerColumn .linkColumn {
	margin: 16px 30px 0;
}
.linkColumn figure {
	text-align: center;
}


@media only screen and (max-width: 767px){
	
	/* common 
	-------------------------------- */
	.index {
		background-size: contain, auto auto;
		background-position: 0 0.5%, 50% 0;
	}
	.healthNavi .is-arrowHeading.is-healthTop,
	.illnessNavi .is-arrowHeading.is-healthTop {
		background-position: 50% 100%;
	}
	.healthNavi .is-arrowHeading.is-healthTop:before,
	.illnessNavi .is-arrowHeading.is-healthTop:before {
		display: inline-block;
	}
  #topicPath + #container {
    margin-top: 70px;
  }
	.index #topicPath + #container {
		margin-top: 2em;
	}
	
	/* heading 
	-------------------------------- */
	.is-boxHead.is-health .heading1,
	.is-navi .is-boxHead.is-health .heading1 {
		padding: 1em;
	}
	.is-boxHead.is-health + #contentsArea #contents > .leadText:first-child {
		padding-right: 0;
	}
	.is-boxHead.is-health + #contentsArea #contents > .figureColumn:first-child {
		margin-top: 15px;
	}
	.is-boxHead.smallType .heading1 > .title {
		font-size: 1.7rem;
	}
	
	
	
	/* health-ancList
	-------------------------------- */
	.indexLink .cardLink.is-healthTop > .column {
		width: 100%;
		min-height: inherit;
		margin-top: 2em !important;
	}
	.indexLink .cardLink.is-healthTop > .column:first-child {
		margin-top: 0 !important;
	}
	.indexLink .cardLink.is-healthTop > .column > a {
		width: 100%;
	}
	.indexLink .cardLink.is-healthTop > .column .cardtype {
		position: static;
	}
	.indexLink .cardLink.is-healthTop > .column figure {
		float: left;
		width: 40%;
	}
	.indexLink .cardLink.is-healthTop > .column .cardDetail {
		position: static;
	}
	.indexLink .cardLink.is-healthTop > .column .cardDetail > .inner {
		position: static;
		padding: 0 0.8em 0.8em;
	}
	.indexLink .cardLink.is-healthTop > .column > a:hover .cardDetail > .inner:not(.no-slide) {
		position: static;
		margin-top: 0;
		background: #ffffff;
	}
	.indexLink .cardLink.is-healthTop > .column .newIcon {
		float: left;
		margin-left: 1em;
	}
	.indexLink .cardLink.is-healthTop > .column > a:hover .newIcon {
		display: block;
	}
	.indexLink .cardLink.is-healthTop > .column .linkText {
		width: 60%;
		padding-left: 1em;
	}
	.indexLink .cardLink.is-healthTop > .column .linkText > span {
		font-size: 1.4rem;
	}
	.indexLink .cardLink.is-healthTop > .column .cardDetail .datailText,
	.indexLink .cardLink.is-healthTop > .column > a:hover .cardDetail .datailText {
		clear: both;
		height: auto;
		padding-top: 0.8em;
		opacity: 1;
	}
	
	/* health-ancList
	-------------------------------- */
	.health-ancList > li {
		display: block;
	}
	.health-ancList > li + li {
		margin-left: 0;
		margin-top: 10px;
	}
	.health-ancList > li > a {
		font-size: 1.5rem;
	}
	
	/* text
	-------------------------------- */
	.helth-noteText {
		text-align: left;
	}
	
	/* other
	-------------------------------- */
	
	/*heart-failure*/
	.is-bgGraTex.heart-failure .text,
	.figureColumn > .imgL.js-figureFix.is-what-happens {
		width: 100%;
	}
	
	.health-localWrap {
		margin-right: -15px;
		margin-left: -15px;
		margin-bottom: 0;
		padding: 1.5em;
	}
	.healthNavi,
	.illnessNavi {
		background-color: #fff;
	}
	.healthNavi.indexLink,
	.illnessNavi.indexLink {
		background: none;
	}
	.healthNavi + .btnLink,
	.illnessNavi + .btnLink {
		margin-top: 1.5em;
	}
	.healthNavi + .btnLink > li > a,
	.illnessNavi + .btnLink > li > a {
		width: 100%;
	}
	.js-accordion.healthNavi {
		margin-top: 0;
	}
	.healthNavi .is-arrowHeading,
	.illnessNavi .is-arrowHeading{
		border-bottom: none;
		font-size: 1.7rem;
	}
	.healthNavi .is-arrowHeading.js-open:after,
	.illnessNavi .is-arrowHeading.js-open:after {
		content: "－";
	}
	.healthNavi .is-arrowHeading:before,
	.illnessNavi .is-arrowHeading:before {
		display: none;
	}
	.healthNavi .is-arrowHeading > span:before,
	.illnessNavi .is-arrowHeading > span:before {
		top: 50%;
		margin-top: -15px;
	}
	.health-pickUp .figureColumn .imgR figure:after {
		background: url(/common/img/texture_bg07.png), url(/common/img/texture_bg05.png), -webkit-linear-gradient(top, #fff3f0 0%, #fff4f3 100%);
		background: url(/common/img/texture_bg07.png), url(/common/img/texture_bg05.png), linear-gradient(to bottom, #fff3f0 0%, #fff4f3 100%);
		background-repeat: repeat-x, repeat, repeat;
	}
	.bgBox.health-pickUp {
		padding-top: 0.5em;
	}
	.bgBox.health-pickUp.heart-failure {
		padding-top: 1.5em;
	}
	.health-pickUp.is-bgGraTex .pickUpHead {
		position: relative;
		left: 0;
		margin: -0.45em -0.5em 0;
	}
	.health-pickUp .pickUpHead + * {
		margin-top: 1em;
	}
	.is-health-graph {
		position: relative;
	}
	.is-flex1 > .is-health-graph {
		margin-top: 0 !important;
	}
	.is-health-graph .column {
		margin-top: 0;
	}
	.is-health-graph > .column {
		margin-top: 10px;
	}
	.is-health-graph .legendImg {
		position: static;
		margin-top: 10px;
	}
	.breakfastGraph01.is-health-graph,
	.breakfastGraph02.is-health-graph {
		text-align: center;
	}
	.breakfastGraph01.is-health-graph .legendImg,
	.breakfastGraph02.is-health-graph .legendImg {
		width: auto;
		height: 20px;
		margin-right: 10px;
	}
	.breakfastGraph01.is-health-graph .caption,
	.breakfastGraph02.is-health-graph .caption {
		text-align: left;
	}
	.performanceGraph01.is-health-graph,
	.performanceGraph02.is-health-graph,
	.performanceGraph03.is-health-graph,
	.performanceGraph04.is-health-graph {
		text-align: center;
	}
	.performanceGraph01.is-health-graph .legendImg,
	.performanceGraph02.is-health-graph .legendImg,
	.performanceGraph03.is-health-graph .legendImg,
	.performanceGraph04.is-health-graph .legendImg {
		width: auto;
		height: 19px;
		margin-right: 10px;
		vertical-align: top;
	}
	.performanceGraph01.is-health-graph .legend04,
	.performanceGraph02.is-health-graph .legend04,
	.performanceGraph03.is-health-graph .legend04,
	.performanceGraph04.is-health-graph .legend04 {
		width: auto;
		height: 33px;
	}
	.performanceGraph01.is-health-graph .caption,
	.performanceGraph02.is-health-graph .caption,
	.performanceGraph03.is-health-graph .caption,
	.performanceGraph04.is-health-graph .caption {
		text-align: left;
	}
	.researchGraph01.is-health-graph {
		text-align: center;
	}
	.researchGraph01.is-health-graph .legendImg {
		width: auto;
		height: 17px;
		margin-right: 10px;
		vertical-align: top;
	}
	.is-health-graph .column > img:first-child {
		display: block;
	}
	.researchGraph01.is-health-graph .caption {
		text-align: left;
	}
	.intakeGraph01.is-health-graph {
		text-align: center;
	}
	.intakeGraph01.is-health-graph .legendImg {
		width: auto;
		height: 19px;
		margin-right: 10px;
		vertical-align: top;
	}
	.intakeGraph01.is-health-graph .caption {
		text-align: left;
	}
	.health-caseBox .btnLink {
		width: 100%;
	}
	.is-bgGraTex .health-caseBox .btnLink li a {
		font-size: 1.4rem;
	}
	.is-bgGraTex .health-caseBox .btnLink li a span {
		padding: 1em 3em;
		background-position: 0 30px, right 10px top 30px;
		background-size: auto 70px, auto 52px;
	}
	.is-bgGraTex .health-caseBox .btnLink li a span:after {
		left: 10px;
		margin-left: 0;
	}
	.is-bgGraTex .health-caseBox .btnLink li a span br {
		display: inline;
	}
	
	.health-liverBox .btnLink {
		width: 100%;
	}
	.health-liverBox .btnLink li a {
		padding: 1.5em 2em;
    background-position: -20px 0, 100% 0;
    font-size: 1.4rem;
	}
	
	.js-accordion.js-sp > .js-switch:after {
		right: 30px;
		border: none;
	}
	
	.healthBoxText .text {
		padding: 15px;
	}
	
	/* variation */
	.is-bgTex.is-acne > .is-prev,
	.is-bgTex.is-acne > .is-next {
		background: #ffde84 !important;
	}
	.is-bgTex.is-balance > .is-prev,
	.is-bgTex.is-balance > .is-next {
		background: #f2d56d !important;
	}
	.is-bgTex.is-bcaa > .is-prev,
	.is-bgTex.is-bcaa > .is-next {
		background: #ffc88c !important;
	}
	.is-bgTex.is-glycemic > .is-prev,
	.is-bgTex.is-glycemic > .is-next {
		background: #f2b6c2 !important;
	}
	.is-bgTex.is-heat > .is-prev,
	.is-bgTex.is-heat > .is-next {
		background: #9dbbf2 !important;
	}
	.is-bgTex.is-liver > .is-prev,
	.is-bgTex.is-liver > .is-next {
		background: #ffa14d !important;
	}
	.is-bgTex.is-parkinsons > .is-prev,
	.is-bgTex.is-parkinsons > .is-next {
		background: #fbc6c5 !important;
	}
	.is-bgTex.is-quick > .is-prev,
	.is-bgTex.is-quick > .is-next {
		background: #dac2f3 !important;
	}
	.is-bgTex.is-restless > .is-prev,
	.is-bgTex.is-restless > .is-next {
		background: #85b9e3 !important;
	}
	.is-bgTex.is-thrombosis > .is-prev,
	.is-bgTex.is-thrombosis > .is-next {
		background: #9dbbf2 !important;
	}
	.is-bgTex.is-tuberculosis > .is-prev,
	.is-bgTex.is-tuberculosis > .is-next {
		background: #ffd966 !important;
	}
	.is-bgTex.is-vitamins > .is-prev,
	.is-bgTex.is-vitamins > .is-next {
		background: #afcd75 !important;
	}
	.is-bgTex.is-h-pylori > .is-prev,
	.is-bgTex.is-h-pylori > .is-next {
		background: #f9d97b !important;
	}
	.is-bgTex.is-dry > .is-prev,
	.is-bgTex.is-dry > .is-next {
		background: #80bad5 !important;
	}
	.is-bgTex.is-peripheral > .is-prev,
	.is-bgTex.is-peripheral > .is-next {
		background: #96c95d !important;
	}
	.is-bgTex.is-fiber > .is-prev,
	.is-bgTex.is-fiber > .is-next {
		background: #f2d56d !important;
	}
	.is-bgTex.is-living > .is-prev,
	.is-bgTex.is-living > .is-next {
		background: #febbd2 !important;
	}
	.is-bgTex.is-stroke > .is-prev,
	.is-bgTex.is-stroke > .is-next {
		background: #ff9476 !important;
	}
	/* health-liver-lead */
	.health-liver-lead {
		font-size: 1.4rem;
	}
	.health-liver-lead + p {
		font-size: 1.3rem;
	}
	
	/* health-liver-note */
	.health-liver-note {
		margin-top: 1em;
		padding: 0.8em 1.5em;
		border: 1px dashed #ffc893;
		text-align: center;
	}
	.health-liver-note > span {
		font-size: 1.1rem;
	}
	
	/* health-liverBox */
	.checkBoxColumn.health-liver-check {
		margin-top: 20px;
	}
	.checkBoxColumn.health-liver-check > .switchText > a {
		padding-left: 1em;
	}
	.checkBoxColumn.health-liver-check .checkBoxBlock {
		padding: 1em 1.5em 1.5em;
	}
	.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox ul {
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox ul > li {
		width: 50%;
		margin-top: 15px !important;
		font-size: 1.4rem;
	}
	.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox .is-foodstuff ul > li {
		width: 50%;
		margin-left: 0;
	}
	.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox .is-foodstuff ul > li:nth-child(3n+1) {
		width: 50%;
	}
	.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox dl {
		width: 100%;
		margin-top: 15px;
		padding-top: 15px;
		padding-left: 0;
		border: none;
		border-top: 1px solid #ddd;
	}
	.checkBoxColumn.health-liver-check .checkBoxBlock .genreBox dl:first-child {
		width: 100%;
		padding-top: 0;
		border-top: none;
	}
	.checkBoxColumn.health-liver-check .checkBoxBlock .is-reset {
		margin-top: 15px;
	}
	.cardLink.health-liver-recipeLink > .column .recipeName > span {
		font-size: 1.3rem;
	}
	.cardLink.health-liver-recipeLink > .column .recipeName + p {
		font-size: 1.1rem;
	}
	
	/* health-recipe-detailColumn */
	.health-recipe-imageColumn,
	.health-recipe-textColumn {
		width: 100%;
	}
	.health-recipe-imageColumn figure {
		text-align: center;
	}
	.health-recipe-detailColumn {
		margin-top: 20px;
	}
	.health-recipe-textColumn {
		margin-top: 15px;
	}
	
	/* health-liver-lead */
	.health-liver-lead {
		margin-top: 20px;
		padding-left: 2.5em;
		text-indent: -2.5em;
		font-size: 1.4rem;
	}
	.health-liver-lead + p {
		margin-top: 0.5em;
	}
	
	.health-liver-categoryLead {
		margin-top: 20px;
	}
	.health-liver-categoryName {
		display: inline-block;
		width: auto;
		margin-top: 0;
	}
	.health-liver-categoryLeadText {
		display: block;
		margin-top: 0.5em;
		padding-left: 0;
	}

	/* health-liver-note */
	.health-liver-note {
		margin-top: 15px;
		padding: 0.8em 1.5em;
		border: 1px dashed #ffc893;
		text-align: center;
	}
	.health-liver-note > span {
		display: inline-block;
		padding-left: 1em;
		text-indent: -1em;
		text-align: left;
	}

	/* health-liver-recipeLink */
	.health-liver-recipeLink {
		padding-top: 15px;
		margin-left: -15px;
	}
	.health-liver-recipeLink > .column:nth-child(-n+3) {
		margin-top: 15px;
	}
	.health-liver-recipeLink > .column:nth-child(3n+1) {
		margin-left: 15px;
	}
	.health-liver-recipeLink > .column {
		width: calc((100% - 30px) / 2);
		margin-top: 15px !important;
		margin-left: 15px !important;
	}

	/* recipeInfo */
	.recipeInfo {
		position: static;
		display: block;
		width: 100%;
	}
	.recipeInfo .category,
	.recipeInfo .energy {
		display: inline-block;
		width: 50%;
		color: #fff;
		text-align: center;
		font-size: 1.1rem;
		line-height: 20px;
	}
	.slick-recipe .recipeInfo {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		width: auto;
	}
	.slick-recipe .recipeInfo .category,
	.slick-recipe .recipeInfo .energy {
		width: 100px;
	}
	.recipe_stuffWrap {
		padding-left: 20px;
	}
	.recipe_flow {
		margin-top: 1em;
	}
	.recipe_head {
		margin-top: 30px;
	}
	.recipe_head_howto {
		margin-top: 1em;
	}
	
	/* same-category */
	.same-category {
		margin-top: 1.5em;
	}
	.same-foodStuff {
		margin-top: 3em;
	}
	.same-category > span,
	.same-foodStuff > span {
		display: inline-block;
		padding-top: 35px;
		padding-left: 0;
		background-repeat: no-repeat;
		background-position: 50% 0;
	}
	.same-category > span {
		background-image: url(/health-and-illness/liver-cirrhosis-nutritional-therapy/recipes/img/index_ic02.png);
	}
	.same-foodStuff > span {
		background-image: url(/health-and-illness/liver-cirrhosis-nutritional-therapy/recipes/img/index_ic03.png);
	}
	
	.littleWord .figureColumn {
		display: block;
	}
	.littleWord .figureColumn .imgL {
		float: left;
		width: 90px;
		margin-right: 10px;
	}
	.littleWord .figureColumn .text {
		overflow: visible;
		margin-top: 0;
	}
	
	.slick-recipe.health-liver-recipeLink {
		display: block;
		margin-left: 0;
	}
	.slick-recipe.health-liver-recipeLink > .column {
		float: none;
		width: 100%;
	}
	.slick-recipe.health-liver-recipeLink {
		padding-top: 0;
		margin-right: -15px;
		margin-left: -15px;
	}
	.slick-recipe.health-liver-recipeLink .slick-track,
	.slick-recipe.health-liver-recipeLink .slick-slide {
		height: auto !important;
	}
	.health-liver-recipeLink .slick-slide {
		margin: 0 15px;
		padding: 3px 0 13px;
	}
	.health-liver-recipeLink .slick-slide a figure img {
		display: inline-block;
	}
	.health-liver-recipeLink > .slick-list,
	.health-liver-recipeLink > .slick-list .health-liver-box {
		height: auto !important;
	}
	.health-liver-recipeLink .slick-dots {
		bottom: -15px;
	}
	.health-liver-recipeLink .slick-dots li button:before {
		background-color: #e0e0e0;
	}
	.health-liver-recipeLink .slick-dots .slick-active button:before {
		background-color: #4772cf;
	}
	
	.recipeBackLink {
		margin-top: 4em;
	}
	
	.recipe-anchor {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.recipe-anchor > li {
		width: 50%;
		margin-top: 0 !important;
	}
	.recipe-anchor > li > a {
		display: block;
	}
	.recipe-anchor > li > a:hover {
		box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	}
	.recipe-anchor > li > a > span {
		padding: 0.5em 1em;
		font-size: 1.6rem;
	}
	.recipe-anchor > li > a > span:after {
		-webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	}
	/* stroke */
.is-boxHead.is-health.is-stroke .heading1.is-subBottom .title{
	margin:0px;
}
.columnBox.is-bgGraTex.is-stroke.culumnBox-stroke{
	padding: 1em;
}
.columnBox.is-bgGraTex.is-stroke.culumnBox-stroke.culumnBox-stroke2{
	padding: 1em;
}
.culumnBox-stroke .btnLink{
	margin-top: 21px;
}
.columnBox.is-bgGraTex.is-stroke.culumnBox-stroke .btnLink-stroke{
	padding: 1.5em 4em;
	font-size: 1.5rem;
}
.btnLink.is-stroke-btnLink2 li a{
	font-size: 1.5rem;
}
.columnBox.is-bgGraTex.is-stroke.culumnBox-stroke .text{
	text-align: left;
}
	.health-caseBox.is-stroke .btnLink.is-stroke-btnLink2{
	width: 100%;
}
.culumnBox-stroke .btnLink.is-stroke-btnLink2{
	margin-top: 17px;
}
.is-bgGraTex .health-caseBox.is-stroke .btnLink.is-stroke-btnLink2 li a span:after {
	right: auto;
	left: 50%;
margin-left: -8.0em;
}
.health-pickUp.is-bgGraTex.is-stroke .pickUpHead:before {
  top: 3px;
  left: 10px;
}
.health-pickUp.is-stroke .pickUpHead {
  padding: 0.3em 2.5em; 
}
.bgBox.is-bgGraTex.health-pickUp.is-stroke{
  padding: 20px;
}
.health-pickUp.is-stroke .text li{
  padding-bottom: 5px;
}
.health-pickUp.is-stroke .pickUpHead{

}
.health-pickUp.is-stroke .text .title{
	font-size: 1.6rem;
}
.health-pickUp.is-stroke .text li{
	font-size: 1.3rem;
}
.health-pickUp.is-stroke .text{
	margin-top: 0px;
}
.health-pickUp.is-stroke li.icon-stroke:nth-of-type(3n-1){
 margin-left: 0;
 margin-right: 0;
}
.is-stroke .icon-stroke:nth-of-type(1){
	background: url(/health-and-illness/stroke/img/index_ic01.png) no-repeat;
	background-size: 20px 20px;
}
.is-stroke .icon-stroke:nth-of-type(2){
	background: url(/health-and-illness/stroke/img/index_ic02.png) no-repeat;
	background-size: 20px 20px;
}
.is-stroke .icon-stroke:nth-of-type(3){
	background: url(/health-and-illness/stroke/img/index_ic03.png) no-repeat;
	background-size: 20px 20px;
}
.is-stroke .icon-stroke:nth-of-type(4){
	background: url(/health-and-illness/stroke/img/index_ic04.png) no-repeat;
	background-size: 20px 20px;
}
.is-stroke .icon-stroke:nth-of-type(5){
	background: url(/health-and-illness/stroke/img/index_ic05.png) no-repeat;
	background-size: 20px 20px;
}
.is-stroke .icon-stroke:nth-of-type(6){
	background: url(/health-and-illness/stroke/img/index_ic06.png) no-repeat;
	background-size: 20px 20px;
}
.is-stroke .icon-stroke:nth-of-type(7){
	background: url(/health-and-illness/stroke/img/index_ic07.png) no-repeat;
	background-size: 20px 20px;
}
.is-stroke .icon-stroke:nth-of-type(8){
	background: url(/health-and-illness/stroke/img/index_ic08.png) no-repeat;
	background-size: 20px 20px;
}
.is-stroke .icon-stroke:nth-of-type(9){
	background: url(/health-and-illness/stroke/img/index_ic09.png) no-repeat;
	background-size: 20px 20px;
}
.is-stroke li.icon-stroke:nth-of-type(10){
	background: url(/health-and-illness/stroke/img/index_ic10.png) no-repeat;
	background-size: 20px 20px;
	padding-bottom: 0px;
}
.is-stroke .icon-stroke.icon-stroke-ex{
	background: url(/health-and-illness/stroke/img/index_ic11_sp.png) no-repeat;
	background-size: 30px 20px;
	padding-left: 34px;
}
.is-stroke .icon-stroke {
	line-height: 20px;
	margin: 0 0 10px 0;
	padding-left: 26px;
}
.health-pickUp.is-stroke .text p{
	font-size: 1.2rem;
}
.box-stroke .figureColumn.is-column-reverse{
 margin-top: 17px;
}
.box-stroke .title{
	font-family: "TBUDゴシック B", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 1.0;
}
.box-stroke .borderBox {
	margin-top: 41px;
}
.iconLink.is-prevNext.is-stroke > .is-prev, .iconLink.is-prevNext.is-stroke > .is-next{
  padding: 2px;
}

.iconLink.is-prevNext.is-stroke > .is-next > a {
  font-family: "TBUDゴシック R", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
}
.iconLink.is-prevNext.is-stroke > .is-prev > a {
  font-family: "TBUDゴシック R", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
}
.iconLink.is-prevNext.is-stroke > .is-next > a:before {
  right: 12px;
}
.iconLink.is-prevNext.is-stroke > .is-prev > a:before {
  left: 12px;
}
.iluust-column01.is-stroke {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.iluust-column02.is-stroke {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  margin-left: 0;
}
.iluust-column03.is-stroke {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}
.iluust-column01.is-stroke > *,
.iluust-column02.is-stroke > *,
.iluust-column03.is-stroke > * {
  width: 100%;
  margin-top: 2em;
}
.iluust-column01.is-stroke > *:first-child,
.iluust-column02.is-stroke > *:first-child,
.iluust-column03.is-stroke > *:first-child {
  margin-top: 0;
}
.iluust-column01.is-stroke figure.js-figureFix,
.iluust-column02.is-stroke figure.js-figureFix,
.iluust-column03.is-stroke figure.js-figureFix {
  text-align: center;
}
.iluust-column01.is-stroke .js-figureFix,
.iluust-column02.is-stroke .js-figureFix,
.iluust-column03.is-stroke .js-figureFix {
  max-width: 100%;
  margin: 0 auto;
}
.tableLayout.is-stroke {
	width: 100%;
}
.iluust-column02.is-stroke.column02-stroke {
	padding-left: 50px;
	padding-right: 50px;
}

.is-stroke-diagnosisFlow{
	font-size: 13px;
}
.is-stroke-diagnosisFlow .flowBox01{
	height: 80px;
	border: solid 1px #555555;
	background: url(/health-and-illness/stroke/diagnosis/img/index_bg02.png);
	background-repeat: repeat;
	overflow: hidden;
}
.is-stroke-diagnosisFlow .flowBox01 .leadText{
	font-size: 18px;
	line-height: 1.0;
	font-weight: bold;
}
.is-stroke-diagnosisFlow .flowBox01 p{
	font-size: 13px;
	line-height: 1.5;
	margin-top: 7px;
}
.is-stroke-diagnosisFlow .stroke-flex{
	display: -webkit-flex;
	display: flex;
	flex-flow: wrap;
	flex-flow: -webkit-wrap;
}
.is-stroke-diagnosisFlow .stroke-flex-single-sp,
.is-stroke-treatmentsFlow .stroke-flex-single-sp{
	display: -webkit-flex;
	display: flex;
	flex-flow: column nowrap;
	flex-flow: -webkit-column nowrap;
}
.is-stroke-diagnosisFlow .whiteText{
	color: #ffffff;
}
.is-stroke-diagnosisFlow .flowBox02{
	margin: 15px 0 0 0;
	padding: 15px 0 15px 15px;
	border: solid 1px #555555;
	position: relative;
}
.is-stroke-diagnosisFlow figure{
	width: 160px;
	height: 108px;
	margin: 0 auto;
}
.is-stroke-diagnosisFlow .flowBox02 p{
	margin: 0px 0px 17px 0px;
}
.is-stroke-diagnosisFlow .flowBox02::before{
	content: "";
	height: 15px;
	border-left: solid 2px #555555;
	position: absolute;
	top: -16px;
	left: 15px;
}
.is-stroke-diagnosisFlow .flowBox03{
	width: auto;
	margin-left: 32px;
	margin-top: 15px;
	padding: 14px 0px 13px 14px;
	border: solid 1px #555555;
	position: relative;
}
.is-stroke-diagnosisFlow .flowBox03::before{
	content: "";
	height: 260px;
	width: 32px;
	position: absolute;
	left: -33px;
	top: -16px;
	background: url(/health-and-illness/stroke/diagnosis/img/index_bg01_sp.png) no-repeat;
	background-size: contain;
}
.is-stroke-diagnosisFlow .flowBox03 p{
	margin: 0;
}
.is-stroke-diagnosisFlow .flowBox03 p:nth-of-type(2){
	margin-left: 45px;
}
.is-stroke-diagnosisFlow .flowBox03 figure{
	width: 168px;
	height: 133px;
	margin: 0 auto;
}
.is-stroke-diagnosisFlow .flowBox04{
	margin-top: 17px;
	padding: 15px 0 15px 15px;
	border: solid 1px #555555;
}
.is-stroke-diagnosisFlow .flowBox04 p{
	margin: 0;
}
.is-stroke-diagnosisFlow .flowBox04 p:nth-of-type(2){
	margin-left: 15px;
}
.is-stroke-diagnosisFlow .flowBox04 figure{
	width: 144px;
	height: 109px;
	margin: 17px auto 0;
}
.is-stroke-diagnosisFlow .flowBox05s{
	margin-top: 15px;
	justify-content: space-between;
	border: solid 1px #555555;
	padding: 4px 14px 14px;
	position: relative;
}
.is-stroke-diagnosisFlow .flowBox05{
	margin-top: 10px;
	width: auto;
	border: solid 1px #555555;
	background: url(/health-and-illness/stroke/diagnosis/img/index_bg02.png);
	background-repeat: repeat;
	position: relative;
}
.is-stroke-diagnosisFlow .flowBox05s::before{
	content: "";
	height: 15px;
	border-left: solid 2px #555555;
	position: absolute;
	top: -16px;
	left: 15px;
}
.is-stroke-diagnosisFlow .flowBox05::before{
	content: none;
}
.is-stroke-diagnosisFlow .flowBox05 p{
	margin: 13px auto 13px;
	text-align: center;
	line-height: 1;
}
.is-stroke-treatmentsFlow .flowBox01{
	height: 40px;
	width: auto;
	margin: 0 auto;
	background: url(/health-and-illness/stroke/diagnosis/img/index_bg02.png);
	background-repeat: repeat;
	overflow: hidden;
}
.is-stroke-treatmentsFlow .flowBox01 p{
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	margin-top: 7px;
}
.is-stroke-treatmentsFlow .flowBox02{
	height: 70px;
	width: auto;
	margin: 33px auto 0;
	border: solid 2px #555555;
	position: relative;
}
.is-stroke-treatmentsFlow .flowBox02 p{
	font-size: 13px;
	text-align: center;
	margin-top: 0px;
}
.is-stroke-treatmentsFlow .flowBox02 p.spElement{
	font-size: 13px;
	margin: 11px 14px 0;
	display: inline-block;
}
.is-stroke-treatmentsFlow .flowBox02 p.noOutside{
	font-size: 13px;
	text-align: center;
	margin-top: 22px;
}
.is-stroke-treatmentsFlow .flowBox02::before{
	content: "";
	width: 32px;
	height: 15px;
	position: absolute;
	top: -24px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	background: url("/health-and-illness/stroke/treatments-for-cerebral-infarction/img/index_bg01.jpg") no-repeat;
	background-size: contain;
}
.is-stroke-treatmentsFlow .outSideBox{
	position: relative;
}
.is-stroke-treatmentsFlow .outsideText{
	position: absolute;
	left: 623px;
	top: -16px;
}
.is-stroke-treatmentsFlow .pinkText{
	color: #e88080;
}
.is-stroke-treatmentsFlow .flowBox03{
	position: relative;
	justify-content: space-between;
	margin-top: 15px;
	padding: 4px 14px 14px;
	border: solid 1px #555555;
}
.is-stroke-treatmentsFlow .flowBox03::before{
	content: "";
	height: 15px;
	width: 2px;
	border: solid 2px #555555;
	position: absolute;
	top: -16px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	background-image: none;
}
.is-stroke-treatmentsFlow .flowBox04{
	height: 35px;
	width: 100%;
	margin: 10px auto 0;
	padding: 5px 0 5px;
	border: solid 1px #555555;
	background: url(/health-and-illness/stroke/treatments-for-cerebral-infarction/img/index_bg02.jpg);
	background-repeat: repeat;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
.is-stroke-treatmentsFlow .flowBox04 p{
	margin-top: 0px;
	font-size: 13px;
}
.is-stroke-treatmentsFlow .flowBox04.noBr{
	padding: 5px 0 5px;
}
	/* banner-link */
	.bannerColumn {
		display: block;
	}
}
/* font-family */
.health-ancList > li > a,
.health-pickUp .pickUpHead,
.health-pickUp .title,
.health-pickUp .figureColumn .imgR figure,
.healthBoxText .text,
.cardLink.health-liver-recipeLink > .column .recipeName > span,
.recipeInfo .category,
.recipeInfo .energy,
.health-liver-categoryName,
.health-liver-categoryLeadText,
.foodValue_title,
.foodValue_memo .memo_title,
.recipe_head,
.recipe_stuff .recipe_stuffName,
.recipe_head_inner > span,
.recipe_head_howto,
.recipe_flow .number {
	font-family: "TBUDゴシック B", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* clearfix */
.healthNavi .cardLink.is-healthTop > .column > a:after,
.breakfastGraph01:after,
.breakfastGraph02:after,
.foodValue_list02:after,
.recipeInfo:after,
.littleWord .figureColumn:after {
	content : "";
	display : block;
	clear : both;
}