@charset "UTF-8";
/* CSS Document */

/*===================================================
	土台作成用CSS
===================================================*/

/*//////////////////////////////////////////////////
	ＰＣ版、スマホ版　共通設定
///////////////////////////////////////////////////*/
/* --------------------------------------------------
	base
-------------------------------------------------- */
* {
			box-sizing: border-box;
	    -ms-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html, body {
	width:100%;
	min-width: 990px;
	height:100%;
}
body {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	font-family: Hiragino Kaku Gothic Pro,"ヒラギノ角ゴシック Pro",Meiryo,"メイリオ", Osaka,MS PGothic,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.5;
	color: #333333;
	font-size: 13px;
	position: relative;
	background: #F6F6F1;
	overflow-x:hidden;
	min-width: 1000px;
}
/*リンク */
a {
	color: #007440;
}
a:hover {
	text-decoration: none;
}
a.iconLinkBlank {
	margin-right: 0.1em;
	padding-right: 1.2em;
	background: url("../image/icon_target.png") right center no-repeat;
	background-size: 10px auto;
}

/* 画像幅 */
img {
	width: 100%;
}

aside p:before {
	content: '※';
}
sup {
	vertical-align: super;
	font-size: smaller;
	line-height: 0;
}


/* float解除
------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/*プレースホルダー文字色*/
/* Chrome, Safari 5+, Opera 15+, iOS, Android */
::-webkit-input-placeholder {color:#AAAAAA}
/* Firefox 19+ */
::-moz-placeholder          {color:#AAAAAA}
/* Firefox 18- */
:-moz-placeholder           {color:#AAAAAA}
/* IE Edge */
::-ms-input-placeholder     {color:#AAAAAA}
/* IE 10+ */
:-ms-input-placeholder      {color:#AAAAAA}
/* 標準版 */
::placeholder               {color:#AAAAAA}

/*input用font-family指定*/
input{
	font-family : inherit;
}

/*水平線*/
hr{
    height: 1px;
    border: none;
    background-color: #EBEBEB;
}
.comment {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #86ba34;
	margin: 20px 10px 40px;
	padding: 5px;
	background: #FEFAE1;
	border: solid 3px #B2D183;
	border-radius: 10px;
	position: relative;
}
.comment:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 0;
	border: 20px solid transparent;
	border-bottom: 20px solid #B2D183;
	transform: skewX(55deg);
}
/* --------------------------------------------------
	header
-------------------------------------------------- */
header {
	position:fixed;
	top:0;
	width: 100%;
	height: 80px;
	padding: 15px 30px 0;
	background: #B0D27F;
	background-size: 116px 80px;
	z-index: 999;
	border-bottom: solid 4px;
}
	header h1 {
		float: left;
		width: 120px;
	}
	header p {
		text-align: center;
		font-size: 30px;
		color: #FFFFFF;
		margin-right: 120px;
	}
/* --------------------------------------------------
	cntnt
-------------------------------------------------- */
.cntnt {
	position: relative;
	padding-top: 80px;
	padding-bottom: 50px;
	border-left: solid 4px;
	border-right: solid 4px;
}
	.cntnt .cntntWrap {
		overflow: hidden;
		margin-top: 30px;
		padding: 20px 30px 0;
	}

/* 右メイン
--------------------------------------*/
.rightMain {
	width: 100%;
}
.rightMain section .outerBox {
		padding: 3px;
	}
		.rightMain section .outerBox .innerBox {
			border-radius: 6px;
			border: 1px solid #EAEAEA;
			background: #FFFFFF;
			box-shadow:0px 0px 6px -3px #CCCCCC;
			-moz-box-shadow:0px 0px 6px -3px #CCCCCC;
			-webkit-box-shadow:0px 0px 6px -3px #CCCCCC;
		}

/* --------------------------------------------------
	モーダルリンク
----------------------------------------------------*/
.modalOpenSmt {
	pointer-events: none;
}

/* --------------------------------------------------
	モーダルウインドウ
----------------------------------------------------*/
.modalOverlay {
	z-index:9999;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.4);
}
.modalWrap {
	z-index:10000;
	display:none;
	position:fixed;
	top:0;
	right: 0;
	width:100%;
	height:100%;
	padding: 50px 0;
	overflow:auto;
}
.modalContent {
	position:relative;
	display:none;
	max-width:1000px;
	min-width: 300px;
	margin: 50px auto;
	border-bottom: 1px solid rgba(238, 238, 238, 0.5);
	background:#fff;
}
	.modalContent .innerModal {
		width: 100%;
		padding: 80px;
	}
/*===================================================
	測定結果用CSS
===================================================*/
aside {
	text-align: center;
}
aside p {
	position: relative;
	display: inline-block;
	padding-left: 1.5em;
}
aside p:before {
	position: absolute;
	top:0;
	left: 0;
}
/*菌一覧*/
.acBox > dl {
	margin-bottom: 1em;
}
	.acBox > dl img {
		display: none;
	}
	.acBox > dl > dt {
		overflow: hidden;
		position: relative;
		height: 30px;
		line-height: 30px;
		padding: 0 20px 0 60px;
		font-size: 14px;
		font-weight: bold;
		background-color: #F3F5F7;
		background-position: 10px center;
		background-repeat: no-repeat;
	}
	.acBox > dl > dt:before {
		content: '';
		position: absolute;
		left: 10px;
		top: 0;
		bottom: 0;
		width: 16px;
		height: 30px;
		margin: auto;
		background-position: center;
		background-repeat: no-repeat;
	}
	.acBox > dl:first-child > dt:before {
		width: 37px;
		background-image: url("../image/field01.png");
		background-size: 37px auto;
	}
		.acBox > dl > dt span {
			float: right;
			display: block;
			font-family: 'Noto Sans JP', sans-serif;
			font-weight: 500;
			color: #85BA34;
		}
		.acBox > dl:first-child > dd p + dl {
			background: url("../image/icon_bacteria01.png") left top no-repeat;
			background-size: 60px auto;
		}
		.acBox > dl:first-child > dd p + dl + dl {
			background: url("../image/icon_bacteria02.png") left top no-repeat;
			background-size: 60px auto;
		}
	.acBox > dl:nth-child(2) > dt:before {
		background-image: url("../image/field02.png");
		background-size: 16px auto;
	}
		.acBox > dl:nth-child(2) > dd aside + dl {
			background: url("../image/icon_bacteria03.png") left top no-repeat;
			background-size: 60px auto;
		}
	.acBox > dl:nth-child(3) > dt:before {
		background-image: url("../image/field03.png");
		background-size: 16px auto;
	}
		.acBox > dl:nth-child(3) > dd p + dl {
			background: url("../image/icon_bacteria04.png") left top no-repeat;
			background-size: 60px auto;
		}
	.acBox > dl:nth-child(4) > dt {
		height: auto;
		padding: 5px 20px 5px 60px;
		line-height: 1.3;
	}
		.acBox > dl:nth-child(4) > dt .second {
			float: none;
			width: 90%;
			/*display: inline-block;*/
			display: table-cell;
			color: #333333;
			vertical-align: middle;
		}
		.acBox > dl:nth-child(4) > dt .second + span {
			float: none;
			display: table-cell;
			text-align: right;
			vertical-align: middle;
		}
	.acBox > dl:nth-child(4) > dt:before {
		background-image: url("../image/field04.png");
		background-size: 16px auto;
	}
		.acBox > dl:nth-child(4) > dd p + dl {
			background: url("../image/icon_bacteria05.png") left top no-repeat;
			background-size: 60px auto;
		}
	.acBox > dl:last-child > dt:before {
		background-image: url("../image/field05.png");
		background-size: 16px auto;
	}
		.acBox > dl:last-child .otherFungus {
			min-height: 50px;
			padding-left: 80px;
			background: url("../image/icon_bacteria06.png") left top no-repeat;
			background-size: 60px auto;
		}

	.acBox > dl > dd {
		display: block;
		font-size: 12px;
	}
		.acBox > dl > dd p {
			margin: 8px 0;
		}
		.acBox > dl > dd aside p {
			text-indent : -7em;
   			padding-left : 7em;
   			font-size: 11px;
   			text-align: left;
		}
		.acBox > dl > dd aside p:before {
			position: static;
		}
		.acBox > dl > dd aside p em {
			font-weight: bold;
		}
			.acBox > dl > dd aside p em:after {
				content: '…';
			}
		.acBox > dl > dd dl {
			min-height: 50px;
			padding-left: 80px;
		}
			.acBox > dl > dd dl dt {
				margin-bottom: 5px;
				font-weight: bold;
			}
			.acBox > dl > dd dl dd {
				margin-bottom: 8px;
			}
/* --------------------------------------------------
	測定結果詳細ページ
-------------------------------------------------- */
/*測定対象情報*/
#detail .infoBox {
	margin-bottom: 50px;
	padding: 5px 20px;
	background: #FFFFFF;
}
	#detail .infoBox dl {
		display: table;
		width: 100%;
		height: 40px;
		font-size: 14px;
		border-bottom: 1px solid #E9E9E9;
	}
	#detail .infoBox dl:first-child {
		height: auto;
		padding: 5px 0;
	}
	#detail .infoBox dl:last-child {
		border: none;
	}
	#detail .infoBox dl dt,
	#detail .infoBox dl dd {
		display: table-cell;
		vertical-align: middle;
	}
	#detail .infoBox dl dt {
		width: 20%;
		min-width: 180px;
		color: #828B93;
		font-weight: bold;
	}
	#detail .infoBox dl dd {
		width: 80%;
		overflow: hidden;
	}
		/*測定対象*/
		#detail .infoBox dl dd .targetBox {
			float: left;
			display: table;
			width: 65%;
		}
		#detail .infoBox dl dd .targetBox img {
			width: 40px;
			display: table-cell;
		}
		#detail .infoBox dl dd .targetBox span {
			display: table-cell;
			width: 90%;
			padding: 0 0 0 10px;
			font-size: 12px;
			vertical-align: top;
		}
			#detail .infoBox dl dd .targetBox span a {
				display: block;
				font-size: 14px;
			}
		#detail .infoBox dl dd .btnCompare {
			float: right;
		}
		#detail .infoBox dl:nth-child(2) dd img {
			width: 90px;
		}
		#detail .infoBox dl:last-child dd img {
			width: 80px;
		}
/*測定結果*/
#detail .innerBox {
	padding: 5px 20px;
}
#detail .resultBox {
	margin-bottom: 30px;
}
#detail .resultBox h3 {
	width: 240px;
	margin: -25px auto 0;
}
#detail .resultBox .imgResult {
	width: 200px;
	margin: 0 auto 20px;
	text-align: center;
}
	#detail .resultBox .imgResult span {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		color: #828C94;
		display: block;
		margin-top: 0.5em;
	}
/*フローラタイプ一覧*/
#detail .resultBox .floraList {
	max-width: 840px;
	margin: 0 auto 30px;
	padding: 20px 2%;
	font-weight: bold;
	text-align: center;
	border: 2px solid #F3F5F7;
}
	#detail .resultBox .floraList dt {
		margin-bottom: 1em;
		font-size: 14px;
	}
	#detail .resultBox .floraList ul {
		display: table;
		width: 100%;
	}
	#detail .resultBox .floraList ul li {
		display: table-cell;
		width: 10%;
	}
		#detail .resultBox .floraList ul li img {
			max-width: 60px;
		}
		#detail .resultBox .floraList ul li p {
			margin-top: 0.5em;
		}
	#detail .resultBox .graphWrap {
		overflow: hidden;
		margin-bottom: 50px;
	}
		#detail .resultBox .leftBox {
			float: left;
			width: 50%;
		}
		#detail #chartdiv01 {
			height: 300px;
			margin-left: -15px;
		}
		@media only screen and (min-width:0) {
    		#detail #chartdiv01 {
				width: 100%;
			}
		}
		#detail .resultBox .leftBox .chart .chartLabel {
			display: table;
			width: 90%;
			text-align: center;
			font-weight: bold;
			font-size: 12px;
			color: #818B93;
			padding-left: 10%;
		}
			#detail .resultBox .leftBox .chart .chartLabel li {
				display: table-cell;
				width: 50%;
				vertical-align: top;
			}
			#detail .resultBox .leftBox .chart .chartLabel li:first-child {
				color: #85B933;
			}
				#detail .resultBox .leftBox .chart .chartLabel li:first-child img {
					width: 40px;
				}
		#detail .resultBox .leftBox .btnCompare {
			width: 240px;
			margin: 20px auto;
		}
		#detail .resultBox .rightBox {
			float: right;
			width: 50%;
			margin-bottom: 30px;
		}

		#detail .amcharts-category-axis .amcharts-axis-label {
			font-weight: bold;
		}
	#detail .resultBox .graphWrap > aside {
		clear: both;
		font-size: 12px;
		text-align: center;
	}

/*    研究テーマ
-------------------------------------------------- */
#detail .resultBox [id^="animal_column_"] > dt,
#detail .resultBox #research01 > dt,
#detail .resultBox #research02 > dt {
	overflow: hidden;
	position: relative;
	padding: 15px 20px 15px 40px;
	font-weight: bold;
	color: #333333;
	background: #F3F5F7;
}
#detail .resultBox [id^="animal_column_"] > dt,
#detail .resultBox #research02 > dt {
	padding: 15px 20px 15px 60px;
}
#detail .resultBox #research01 > dt:before
/* #detail .resultBox #research02 > dt:before */ {
	content: '';
	width: 4px;
	height: 30px;
	position: absolute;
	left:10px;
	top:0;
	bottom:0;
	margin: auto;
	border-left:4px solid #B1D183;
}
	#detail .resultBox [id^="animal_column_"] dt > img,
	#detail .resultBox #research02 > dt > img {
		position: absolute;
		left:10px;
		top:0;
		bottom:0;
		margin: auto;
		width: 40px;
		height: 40px;
	}
	#detail .resultBox [id^="animal_column_"] .innerTxt > dt {
		overflow: hidden;
		position: relative;
		font-weight: bold;
		padding: 0 20px 5px 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #E9E9E9;
	}
	#detail .resultBox [id^="animal_column_"] .innerTxt > dt:before {
		content: '';
		width: 4px;
		height: 20px;
		position: absolute;
		left: 0;
		border-left: 4px solid #B1D183;
	}
	#detail .resultBox [id^="animal_column_"] > dt span,
	#detail .resultBox #research01 > dt span,
	#detail .resultBox #research02 > dt span {
		float: right;
		display: block;
		font-size: 11px;
		color: #333333;
		font-weight: normal;
	}
#detail .resultBox #research01 {
	margin-bottom: 45px;
}
#detail .resultBox #research01 > dd > p {
	margin: 1em 0;
}
#detail .resultBox #research01 > dd > p + aside {
	text-align: left;
}
	#detail .resultBox #research01 > dd > p + aside p {
		margin-bottom: 30px;
		font-size: 12px;
	}
/*菌の存在チェックメーター*/
#detail .resultBox #research01 .meterBox {
	max-width: 650px;
	margin: 0 auto 30px;
}
	#detail .resultBox #research01 .meterBox > p {
		position: relative;
		margin-bottom: 20px;
		padding: 5px 10px;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;
		background: #85BA34;
	}
	#detail .resultBox #research01 .meterBox > p:after {
		content: '';
		width: 29px;
		height: 15px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -10px;
		margin: auto;
		background: url("../image/icon_triangle_green.png") no-repeat;
		background-size: 29px auto;
	}
		#detail .resultBox #research01 .meterBox > p br {
			display: none;
		}
	#detail .resultBox #research01 .meterBox dl {
		overflow: hidden;
		margin-bottom: 20px;
	}
		#detail .resultBox #research01 .meterBox dl dt {
			float: left;
			width: 220px;
			min-height: 220px;
			padding: 60px 0 20px;
			font-family: 'Noto Sans JP', sans-serif;
			font-weight: 600;
			text-align: center;
		}
			#detail .resultBox #research01 .meterBox dl dt > img {
				display: block;
				margin: 0 auto 20px;
			}
			#detail .resultBox #research01 .meterBox dl dt .modalOpenSmt {
				display: none;
			}
		/*ビフィズス菌*/
		#detail .resultBox #research01 .meterBox .meter01 dt {
			background: #E2EBF7;
		}
			#detail .resultBox #research01 .meterBox .meter01 dt > img {
				width: 146px;
			}
		/*乳酸菌*/
		#detail .resultBox #research01 .meterBox .meter02 dt {
			background: #E3F1F7;
		}
			#detail .resultBox #research01 .meterBox .meter02 dt > img {
				width: 128px;
			}
		/*エクオール産生菌*/
		#detail .resultBox #research01 .meterBox .meter03 dt {
			background: #F9F1D4;
		}
			#detail .resultBox #research01 .meterBox .meter03 dt > img {
				width: 144px;
			}
		#detail .resultBox #research01 .meterBox dl dd {
			float: right;
			width: 400px;
		}
			#detail .resultBox #research01 .meterBox dl dd ul {
				display: table;
				width: 100%;
				height: 120px;
			}
				#detail .resultBox #research01 .meterBox dl dd ul li {
					position: relative;
					display: table-cell;
					vertical-align: middle;
				}
					#detail .resultBox #research01 .meterBox dl dd ul li p {
						position: relative;
						padding: 1em 0;
						font-size: 12px;
						font-weight: bold;
						text-align: center;
						color: #FFFFFF;
						border: 2px solid transparent;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li:first-child {
						width: 33%;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li:first-child p {
						background: #b7c4d0;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li:nth-child(2) {
						width: 30%;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li:nth-child(2) p {
						background: #70baa0;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li:nth-child(3) {
						width: 37%;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li:nth-child(3)  p {
						background: #63c0d2;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li.active p {
						border: 2px solid #e25e3f;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li.active p:before {
						white-space: nowrap;
						display: inline-block;
						content: attr(data-before);
						width: 100%;
						height: 30px;
						position: absolute;
						left: 0;
						right: 0;
						top: -35px;
						margin: auto;
						font-size: 14px;
						font-weight: bold;
						color: #e25e3f;
						text-indent: -1em;
						background: url("../image/icon_triangle_red.png") center 95% no-repeat;
						background-size: 15px auto;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li.active p:after {
						white-space: nowrap;
						display: inline-block;
						content: attr(data-after);
						position: absolute;
						left: 0;
						right: 0;
						bottom:-35px;
						margin: auto;
						padding-top: 10px;
						font-size: 11px;
						font-weight: bold;
						color: #828c94;
						text-indent: -1em;
						background: url("../image/icon_triangle_grey.png") top center no-repeat;
						background-size: 15px auto;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li span {
						display: none;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li.active span {
						display: block;
						position: absolute;
						left: 0;
						right:0;
						text-align: center;
					}
					#detail .resultBox #research01 .meterBox dl dd ul li.active .actTop {
						top:0;
					}
			#detail .resultBox #research01 .meterBox dl dd table {
				width: 100%;
				font-size: 12px;
				border-top: 1px solid #DDDDDD;
				border-left: 1px solid #DDDDDD;
				border-right: 1px solid #DDDDDD;
			}
				#detail .resultBox #research01 .meterBox dl dd table tr {
					border-bottom: 1px solid #DDDDDD;
				}
					#detail .resultBox #research01 .meterBox dl dd table tr th {
						padding: 3px 10px;
					}
					#detail .resultBox #research01 .meterBox dl dd table tbody tr:first-child th {
						font-weight: bold;
						background: #f3f5f7;
					}
					#detail .resultBox #research01 .meterBox dl dd table tbody th {
						width: 60%;
						font-style: italic;
						font-weight: bold;
					}
					#detail .resultBox #research01 .meterBox dl dd table tbody td {
						padding: 0 10px;
						text-align: right;
						border-left: 1px solid #DDDDDD;
					}
			#detail .resultBox #research01 .meterBox .nothing {
				margin-top: 1em;
				font-size: 12px;
				font-weight: bold;
				text-align: center;
			}
			#detail .resultBox #research01 .meterBox aside p {
				font-size: 11px;
				text-align: center;
			}

/*菌のリスト*/
#detail .resultBox #research01 .bacteriaList {
	/*overflow: hidden;*/
	display: table;
	margin-bottom: 30px;
	margin-left: -20px;
	border-collapse: separate;
	border-spacing: 20px 0;
}
	#detail .resultBox #research01 .bacteriaList section {
		/*float: left;*/
		position: relative;
		display: table-cell;
		width: 32%;
		min-height: 360px;
		padding: 20px 10px;
		font-size: 12px;
		border: 2px solid #DDDDDD;
		background: #FFFFFF;
	}

		#detail .resultBox #research01 .bacteriaList section > div {
			width: 100%;
			height: 100%;
		}
		#detail .resultBox #research01 .bacteriaList section h5 {
			margin-bottom: 15px;
			font-size: 13px;
			font-weight: bold;
			line-height: 30px;
		}
			#detail .resultBox #research01 .bacteriaList section h5 img {
				margin-right: 1em;
			}
			/*ビフィズス菌*/
			#detail .resultBox #research01 .bacteriaList #bacteria01 h5 img {
				width: 26px;
			}
			/*乳酸菌*/
			#detail .resultBox #research01 .bacteriaList #bacteria02 h5 img {
				width: 14px;
			}
			/*エクオール産生菌*/
			#detail .resultBox #research01 .bacteriaList #bacteria03 h5 img {
				width: 17px;
			}
			#detail .resultBox #research01 .bacteriaList section dl {
				margin-bottom: 15px;
			}
				#detail .resultBox #research01 .bacteriaList section dl dt {
					font-weight: bold;
				}
				#detail .resultBox #research01 .bacteriaList section dl li {
					padding-left: 10px;
					background: url("../image/icon_disc.png") left 5px no-repeat;
					background-size: 6px auto;
				}
				#detail .resultBox #research01 .bacteriaList .reference {
					display: none;
				}
	@media (min-width: 681px) {
		/*#detail .resultBox #research01 .bacteriaList section {
		 display:block!important;
		}*/
	}
	#detail .resultBox #research01 .bacteriaList .modalClose {
		display: none;
	}

/*参考文献*/
#detail .resultBox [id^="animal_column_"] .reference,
#detail .resultBox #research01 .reference {
	font-size: 12px;
}
	#detail .resultBox [id^="animal_column_"] .reference dt,
	#detail .resultBox #research01 .reference dt {
		margin-bottom: 1em;
		font-weight: bold;
	}
	#detail .resultBox [id^="animal_column_"] .reference li,
	#detail .resultBox #research01 .reference li {
		padding-left: 20px;
		background: url("../image/icon_disc.png") left 5px no-repeat;
		background-size: 6px auto;
	}

/*    コラム
-------------------------------------------------- */
#detail .resultBox [id^="animal_column_"],
#detail .resultBox #research02 {
	margin-bottom: 40px;
}
#detail .resultBox [id^="animal_column_"] dl,
#detail .resultBox [id^="animal_column_"] .intro,
#detail .resultBox #research02 .intro {
	margin: 1em 0;
}
	#detail .resultBox [id^="animal_column_"] .innerTxt p span,
	#detail .resultBox #research02 .intro p span {
		font-size: 12px;
	}
	#detail .resultBox [id^="animal_column_"] .innerTxt p em,
	#detail .resultBox [id^="animal_column_"] .intro p em,
	#detail .resultBox #research02 .intro p em {
		font-weight: bold;
	}
/*タイプ*/
#detail .resultBox #research02 .typeList {
	overflow: hidden;
	margin-bottom: 50px;
}
	#detail .resultBox #research02 .typeList li {
		float: left;
		width: 32%;
		height: 290px;
		margin-left: 1%;
		padding: 20px 10px;
		font-size: 12px;
		border: 2px solid #DDDDDD;
	}
	#detail .resultBox #research02 .typeList li:first-child {
		margin-left: 0;
	}
		#detail .resultBox #research02 .typeList li dl {
			position: relative;
			text-align: center;
		}
		#detail .resultBox #research02 .typeList li dl dt,
		#detail .resultBox #research02 .typeList li dl dt + dd {
			margin-bottom: 1em;
		}
		#detail .resultBox #research02 .typeList li dl dt {
			font-weight: bold;
		}
			#detail .resultBox #research02 .typeList li dl dt em {
				display: block;
				font-size: 16px;
			}
		#detail .resultBox #research02 .typeList li dl dd + dd {
			margin: 0 auto;
		}
			#detail .resultBox #research02 .typeList .type01 dt {
				color: #90c31f;
			}
				#detail .resultBox #research02 .typeList .type01 dl dd + dd{
					width: 113px;
				}
			#detail .resultBox #research02 .typeList .type02 dt {
				color: #f39800;
			}
				#detail .resultBox #research02 .typeList .type02 dl dd + dd{
					width: 100px;
				}
			#detail .resultBox #research02 .typeList .type03 dt {
				color: #f27056;
			}
				#detail .resultBox #research02 .typeList .type03 dl dd + dd{
					width: 100px;
			}
/*アニコム調査「F/B比率」*/
#detail .resultBox #research02 .examination {
	max-width: 650px;
	margin: 0 auto;
}
	#detail .resultBox #research02 .examination .examTtl {
		position: relative;
		margin-bottom: 20px;
		padding: 5px 10px;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;
		background: #85BA34;
	}

	#detail .resultBox #research02 .examination .examTtl + p,
	#detail .resultBox #research02 .examination .examTtl + p + p {
		font-size: 12px;
	}
	#detail .resultBox #research02 .examination .examTtl:after {
		content: '';
		width: 29px;
		height: 15px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -10px;
		margin: auto;
		background: url("../image/icon_triangle_green.png") no-repeat;
		background-size: 29px auto;
	}
/*グラフ*/
#detail .resultBox #research02 .examination .chartBox {
	margin: 20px 0;
}
	#detail .resultBox #research02 .examination .chartBox > p {
		margin-bottom: 1em;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
		#detail .resultBox #research02 .examination .chartBox > p span {
			font-size: 12px;
			font-weight: normal;
		}
	#detail .resultBox #research02 .examination .chartBox #chartExam {
		width: 100%;
		max-width: 520px;
		height: 220px;
		margin: 0 auto;
	}
	#detail .resultBox #research02 .examination .chartBox #chartExam + ul {
		display: table;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		padding-left: 3%;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		color: #818B93;
	}
		#detail .resultBox #research02 .examination .chartBox #chartExam + ul li {
			display: table-cell;
			width: 50%;
			font-size: 11px;
			vertical-align: top;
		}
			#detail .resultBox #research02 .examination .chartBox #chartExam + ul li em {
				display: block;
				font-size: 16px;
				font-weight: bold;
			}
			#detail .resultBox #research02 .examination .chartBox #chartExam + ul li:first-child em {
				color: #f39800;
			}
			#detail .resultBox #research02 .examination .chartBox #chartExam + ul li + li em {
				color: #90c31f;
			}
	#detail .resultBox #research02 .examination + aside p {
		margin-bottom: 25px;
		text-align: center;
	}

/*結果*/
#detail .resultBox #research02 .resultType01,
#detail .resultBox #research02 .resultType02,
#detail .resultBox #research02 .resultType03 {
	margin-bottom: 20px;
	padding: 20px;
}
#detail .resultBox #research02 .resultType01 {
	border: 2px solid #90c31f;
}
#detail .resultBox #research02 .resultType02 {
	border: 2px solid #f39800;
}
#detail .resultBox #research02 .resultType03 {
	border: 2px solid #f27056;
}
#detail .resultBox #research02 .typeWrap {
	overflow: hidden;
	max-width: 680px;
	margin: 0 auto;
}
	#detail .resultBox #research02 .typeWrap > p {
		float: left;
		width: 22%;
		text-align: center;
	}
	#detail .resultBox #research02 .resultType01 .typeWrap > p img {
		width: 159px;
	}
	#detail .resultBox #research02 .resultType02 .typeWrap > p img {
		width: 140px;
	}
	#detail .resultBox #research02 .resultType03 .typeWrap > p img {
		width: 140px;
	}
	#detail .resultBox #research02 .typeWrap > dl {
		float: right;
		width: 69%;
		padding-top: 20px;
	}
		#detail .resultBox #research02 .typeWrap > dl dt {
			margin-bottom: 1em;
			font-size: 18px;
			font-weight: bold;
		}
		#detail .resultBox #research02 .resultType01 .typeWrap > dl dt em {
			color: #90c31f;
		}
		#detail .resultBox #research02 .resultType02 .typeWrap > dl dt em {
			color: #f39800;
		}
		#detail .resultBox #research02 .resultType03 .typeWrap > dl dt em {
			color: #f27056;
		}
		#detail .resultBox #research02 .typeWrap > dl dd li {
			font-size: 12px;
			padding-left: 20px;
			background: url("../image/icon_disc.png") left 5px no-repeat;
			background-size: 6px auto;
		}
#detail .resultBox [id^="animal_column_"] dd > ol,
#detail .resultBox #research02 dd > ol {
	margin-bottom: 20px;
	font-size: 12px;
}
	#detail .resultBox [id^="animal_column_"] dd > ol li,
	#detail .resultBox #research02 dd > ol li {
		padding-left:2.5em;
		text-indent:-2.5em;
	}

/*質問事項の回答内容*/
#detail .btnAnswer {
	display: none;
}
#detail .answer  {
	position: relative;
	margin-bottom: 40px;
}
#detail .entryBox {
	position: static;
}
/*回答を編集ボタン*/
#detail .entryBox .btnEdit {
	position: absolute;
	top:-10px;
	right: 0;
	width: 150px;
	height: 36px;
}
	#detail .entryBox .btnEdit input {
		width: 100%;
		height: 100%;
		font-size: 13px;
		color: #555555;
		border-radius: 44px;
		border: 1px solid transparent;
		background: url("../../image/icon_pen.png") 18px center no-repeat #D7DDE3;
		background-size: 16px auto;
		cursor: pointer;
		text-indent: 1em;
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	}
	@media (min-width: 681px) {
		#detail .entryBox .btnEdit input:hover {
			opacity: 0.7;
		}
	}
#detail .entryBox .innerEntry {
	padding: 20px;
}
	#detail .entryBox .innerEntry dl {
		padding:0 0 20px 20px;
		border-bottom: 1px solid #E9E9E9;
	}
	#detail .entryBox .innerEntry > dl:last-child {
		border: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
		#detail .entryBox .innerEntry dl dt {
			display: table-cell;
			width: 33%;
			vertical-align: top;
		}
			#detail .entryBox .innerEntry dl dt span {
				font-size: 12px;
			}
		#detail .entryBox .innerEntry dl dd {
			display: table-cell;
			width: 67%;
		}
		#detail .entryBox .innerEntry dl .answerList dl {
			display: block;
			margin-bottom: 1em;
			padding: 0;
			border: none;
		}
        #detail .entryBox .innerEntry dl .answerList dl:last-child {
            margin-bottom: 0;
        }
		#detail .entryBox .innerEntry dl .answerList dl dt,
		#detail .entryBox .innerEntry dl .answerList dl dd {
			display: block;
		}
        #detail .entryBox .innerEntry dl .answerList dl dd {
            width: 100%;
        }
#detail .waiting p,
#detail .answer + .entryBox p {
	margin-bottom: 10px;
	font-size: 15px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	color: #85B933;
}
/*下部メッセージ部分*/
#detail .answer + .entryBox .innerEntry {
	padding: 20px 10px;
}
/*結果メッセージ*/
#detail .answer + .entryBox img {
	width: 280px;
}
/*状況ステータスメッセージ*/
#detail .waiting,
#detail .complete,
#detail .nonArrival {
	margin-bottom: 30px;
	padding: 20px 10px;
	text-align: center;
	background: #FFFFFF;
}
	#detail .complete dl dt,
	#detail .nonArrival dl dt {
		margin-bottom: 10px;
		font-size: 15px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
	}
/*測定中メッセージ*/
#detail .waiting {
	border: 2px solid #B2D183;
}
	#detail .waiting img {
		width: 241px;
	}
/*測定キット申込み完了メッセージ*/
#detail .complete {
	border: 2px solid #DDDDDD;
}
	#detail .complete dl dt {
		color: #828C94;
	}
/*測定キット未着メッセージ*/
#detail .nonArrival {
	border: 2px solid #F6AC3B;
}
	#detail .nonArrival dl dt {
		color: #F6AC3B;
	}
-------------------------------------------------- */
/*ページ内リンク時のヘッダー幅との調整*/
#detail .resultBox section {
	margin-top: -90px;
	padding-top: 90px;
/*	overflow: hidden;*/
}
/*ページ内リンクボタン*/
#detail .themeList {
	margin: 20px auto;
	font-weight: bold;
	text-align: center;
}
	#detail .themeList ul {
		overflow: hidden;
		display: block;
		margin: -15px 0 0 -15px;
		font-size: 0px;
	}
		#detail .themeList ul li {
			display: inline-block;
			width: 170px;
			line-height: 40px;
			margin: 15px 0 0 15px;
			border: 1px solid #CCCCCC;
			border-radius: 4px;
			font-size: 14px;
			text-align: center;
			background: url("../image/result_icon_arrow.png") 3px center no-repeat, #F9F9F9;
			background-size: 7%;
		}
			#detail .themeList ul li:hover{
				opacity: 0.7;
			}
			#detail .themeList ul li > a {
				display:block;
				color: #555555;
				text-decoration: none;
			}
/*    腎臓チェック
-------------------------------------------------- */
#detail .resultBox #kidneyCheck {
  margin-bottom: 25px;
}

/* 結果区分別コメント */
#detail .resultBox #kidneyCheck .notification {
  margin-bottom: 30px;
  padding: 20px 10px;
  text-align: center;
  background: #FFFFFF;
  border: 2px solid #F6AC3B;
}

#detail .resultBox #kidneyCheck .notification dl dt {
  margin-bottom: 20px;
  font-size: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  color: #828C94;
}

#detail .resultBox #kidneyCheck .notification dl dt span {
  color: #F6AC3B;
}

#detail .resultBox #kidneyCheck .notification dl dt span>span {
  font-size: 30px;
}

#detail .resultBox #kidneyCheck .notification dl dt span>br {
  display: none;
}

#detail .resultBox #kidneyCheck .notification dl dd p {
  margin-bottom: 20px;
}

#detail .resultBox #kidneyCheck .notification dl dd span {
  font-weight: bold;
  color: #007440;
  text-decoration: underline;
  cursor: pointer;
}

#detail .resultBox #kidneyCheck .notification dl dd span img {
  width: 15px;
  margin-right: 8px;
  vertical-align: middle;
}
/* モーダル */
#detail .resultBox #kidneyCheck .modalContent {
  text-align: center;
  border-radius: 4px;
}

#detail .resultBox #kidneyCheck .modalContent .innerModal {
  padding: 20px 10px;
}

#detail .resultBox #kidneyCheck .modalContent h5 {
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 15px;
}

#detail .resultBox #kidneyCheck .modalContent .modalClose2 {
  display: block;
  width: 150px;
  height: 35px;
  line-height: 35px;
  margin: 30px auto 0;
  font-size: 12px;
  color: #555555;
  text-align: center;
  border-radius: 44px;
  border: 1px solid transparent;
  background: url("../image/icon_close.png") 10px center no-repeat #D7DEE4;
  background-size: 13px auto;
}

/*    腸内健康年齢
-------------------------------------------------- */
#detail .resultBox #gut_age01 {
	margin-bottom: 45px;
}
/*年齢別-コメント*/
	#detail .resultBox #gut_age01 .notification {
		margin-bottom: 30px;
		padding: 20px 10px;
		text-align: center;
		background: #FFFFFF;
		border: 2px solid #F6AC3B;
	}
		#detail .resultBox #gut_age01 .notification dl dt {
			margin-bottom: 10px;
			font-size: 20px;
			font-family: 'Noto Sans JP', sans-serif;
			font-weight: 600;
			color: #828C94;
		}
			#detail .resultBox #gut_age01 .notification dl dt span {
				color: #F6AC3B;
			}
				#detail .resultBox #gut_age01 .notification dl dt span > span {
					font-size: 30px;
				}
				#detail .resultBox #gut_age01 .notification dl dt span > br {
					display: none;
				}
		#detail .resultBox #gut_age01 .notification dl dd p {
			margin-bottom: 20px;
		}
		#detail .resultBox #gut_age01 .notification dl dd span {
			font-weight: bold;
			color: #007440;
			text-decoration: underline;
			cursor: pointer;
		}
			#detail .resultBox #gut_age01 .notification dl dd span img {
				width: 15px;
				margin-right: 8px;
				vertical-align: middle;
			}
/*レーダーチャート*/
	#detail .resultBox #gut_age01 .graphWrap {
		max-width: 1000px;
		margin: 30px auto 0;
	}
		#detail .resultBox #gut_age01 .graphWrap .leftBox {
			width:70%;
		}
		#detail .resultBox #gut_age01 .graphWrap .rightBox {
			width:30%;
			padding-left: 10px;
		}
	#detail .resultBox #gut_age01 .chartBox {
		margin: 0 auto 30px;
	}
			#detail .resultBox #gut_age01 .chartBox #chartExamGutAge {
				width: 100%;
				height: 420px;
			}
		#detail .resultBox #gut_age01 .chartBox .radarChartTop {
			text-align: center;
			font-size: 12px;
			font-weight: bold;
		}
			#detail .resultBox #gut_age01 .chartBox .radarChartTop > img {
				width: 40px;
				margin-bottom: 5px;
			}
		#detail .resultBox #gut_age01 .chartBox ul {
			display: table;
			width: 100%;
	/* 		padding-left: 3%; */
			text-align: center;
			font-size: 12px;
			font-weight: bold;
		}
			#detail .resultBox #gut_age01 .chartBox ul li {
				display: table-cell;
				width: 50%;
				padding: 0 100px 0 0;
			}
			#detail .resultBox #gut_age01 .chartBox ul li:last-child {
				padding: 0 0 0 100px;
			}
				#detail .resultBox #gut_age01 .chartBox ul li > img {
					width: 40px;
					margin-top: 5px;
				}
		#detail .resultBox #gut_age01 .chartBox .modalOpenSmt {
			display: none;
		}
/*補足*/
	#detail .resultBox #gut_age01 .supplement {
		font-weight: bold;
		margin-bottom: 20px;
	}
		#detail .resultBox #gut_age01 .supplement .targetBox {
			display: table;
			margin-bottom: 10px;
		}
		#detail .resultBox #gut_age01 .supplement .targetBox img {
			width: 50px;
			display: table-cell;
		}
			#detail .resultBox #gut_age01 .supplement .targetBox:last-child img {
				margin-top: 6.5px;
			}
		#detail .resultBox #gut_age01 .supplement .targetBox span {
			display: table-cell;
			width: 90%;
			padding-left: 20px;
			vertical-align: middle;
		}
/*ランク別テーブル*/
	#detail .resultBox #gut_age01 .rankTable dl {
		display: table;
		width: 100%;
		border: solid 1px #cccccc;
		border-collapse: collapse;
		border-spacing: 0;
	}
		#detail .resultBox #gut_age01 .rankTable dl:not(:first-child) {
			border-top: none;
		}
		#detail .resultBox #gut_age01 .rankTable dl dt {
			display: table-cell;
			width:40%;
			padding: 5px 0;
			border-right: solid 1px #cccccc;
			text-align: center;
		}
		#detail .resultBox #gut_age01 .rankTable dl dd {
			display: table-cell;
			width:60%;
			padding: 0 10px;
			font-size: 12px;
			font-weight: bold;
			vertical-align: middle;
		}
		#detail .resultBox #gut_age01 .rankTable dl dt img {
			width: 40px;
		}
/*菌のリスト*/
	#detail .resultBox #gut_age01 .bacteriaList {
		/*overflow: hidden;*/
		display: table;
		margin-bottom: 30px;
		margin-left: -20px;
		border-collapse: separate;
		border-spacing: 20px 0;
	}
		#detail .resultBox #gut_age01 .bacteriaList section {
			/*float: left;*/
			position: relative;
			display: table-cell;
			width: 32%;
			min-height: 360px;
			padding: 20px 10px;
			font-size: 12px;
			border: 2px solid #DDDDDD;
			background: #FFFFFF;
		}
			#detail .resultBox #gut_age01 .bacteriaList section > div {
				width: 100%;
				height: 100%;
				text-align: center;
			}
				#detail .resultBox #gut_age01 .bacteriaList section div > p {
					margin: 15px 0;
					text-align: left;
				}
			#detail .resultBox #gut_age01 .bacteriaList section h5 {
				font-size: 13px;
				font-weight: bold;
				line-height: 30px;
			}
				#detail .resultBox #gut_age01 .bacteriaList section h5 + img {
					width: 130px;
				}
		@media (min-width: 681px) {
			#detail .resultBox #gut_age01 .bacteriaList section {
			    display: table-cell !important;
			}
		}
		#detail .resultBox #gut_age01 .bacteriaList .modalClose {
			display: none;
		}
		#detail .resultBox #gut_age01 .bacteriaList #gut_age_question {
			display: none;
		}
/*モーダル*/
	#detail .resultBox #gut_age01 .modalContent {
		text-align: center;
		border-radius: 4px;
	}
		#detail .resultBox #gut_age01 .modalContent .innerModal {
			padding: 20px 10px;
		}
		#detail .resultBox #gut_age01 .modalContent h5 {
		font-size: 13px;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 15px;
		}
	#detail .resultBox #gut_age01 .modalContent .modalClose2 {
		display: block;
		width: 150px;
		height: 35px;
		line-height: 35px;
		margin: 30px auto 0;
		font-size: 12px;
		color:#555555;
		text-align: center;
		border-radius: 44px;
		border: 1px solid transparent;
		background: url("../image/icon_close.png") 10px center no-repeat #D7DEE4;
		background-size: 13px auto;
	}

/*    どうぶつさんコラム
-------------------------------------------------- */
/*種別リンクボタン*/
#detail .resultBox .columnList {
	margin: 0 auto 20px;
	font-weight: bold;
}
	@media (min-width: 1415px) {
		#detail .resultBox .columnList {
			text-align: center;
		}
	}
	#detail .resultBox .columnList ul {
		overflow: hidden;
		display: block;
		margin: -10px 0 0 -10px;
		font-size: 0px;
	}
	#detail .resultBox .columnList ul li {
		position: relative;
		display: inline-block;
		width: 70px;
		height: 70px;
		margin: 10px 0 0 10px;
		border: 1px solid #DDDDDD;
		border-radius: 4px;
		font-size: 12px;
		text-align: center;
		color: #555555;
		background: #F9F9F9;
		cursor: pointer;
	}
		#detail .resultBox .columnList ul li:hover {
			opacity: 0.7;
		}
		/*種別ボタン選択時*/
		#detail .resultBox .columnList ul .orange_button{
			color: #FFFFFF;
			background: #F7AC2A;
		}
			#detail .resultBox .columnList ul li span {
				display: table;
				width: 70px;
			}
				#detail .resultBox .columnList ul li span span {
				display: table-cell;
				}
			#detail .resultBox .columnList ul li img {
				position: absolute;
				top: 0;
				left: 0;
			}


/*コラム-初期表示*/
#detail .columnDisplay .panel {
	display:none;
}
/*コラム-汎用*/
#detail .resultBox [id^="animal_column_"] .innerTxt p {
	margin-bottom: 1em;
}
#detail .resultBox [id^="animal_column_"] .innerTxt dd {
		overflow: hidden;
		margin-bottom: 20px;
}
	#detail .resultBox [id^="animal_column_"] .innerTxt dd .leftBox {
		float: left;
		width: 60%;
		padding-right: 30px;
	}
	#detail .resultBox [id^="animal_column_"] .innerTxt dd .rightBox {
		float: right;
		width: 40%;
		text-align: right;
		margin-bottom: 0;
	}
		#detail .resultBox [id^="animal_column_"] .innerTxt dd .rightBox img {
			max-width: 400px;
		}
#detail .resultBox #grad_species01 aside,
#detail .resultBox [id^="animal_column_"] aside {
	text-align: left;
}
	#detail .resultBox #grad_species01 aside p,
	#detail .resultBox [id^="animal_column_"] aside p {
		display: block;
		font-size: 12px;
	}
/*紹介画像配置*/
#detail .resultBox [id^="animal_column_"] dd .picBox {
	margin:  20px auto;
	text-align: center;
}
	#detail .resultBox [id^="animal_column_"] dd .picBox ul {
		overflow: hidden;
		display: table;
		border-collapse: separate;
		margin: 0 auto;
	}
	/*コラム-リス */
	#detail .resultBox #animal_column_12_1 dd .picBox ul {
		border-spacing: 20px 0;
	}
		#detail .resultBox [id^="animal_column_"] dd .picBox ul li {
			display: table-cell;
			max-width: 400px;
		}
			#detail .resultBox [id^="animal_column_"] dd .picBox ul li img {
				width: 100%;
			}
			#detail .resultBox [id^="animal_column_"] dd .picBox ul li dl {
				padding: 10px;
				border: 2px solid #DDDDDD;
			}
				#detail .resultBox [id^="animal_column_"] dd .picBox ul li dl dt {
					font-weight: bold;
				}
				#detail .resultBox [id^="animal_column_"] dd .picBox ul li dl dd {
					margin-top: 5px;
					font-size: 12px;
				}
/*コラム-未掲載*/
#detail .resultBox #animal_column_0 {
	padding: 20px 10px;
	border: 2px solid #DDDDDD;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
-------------------------------------------------- */
/*    あるとうれしい菌
-------------------------------------------------- */
#detail .resultBox #grad_species01 {
	margin-bottom: 45px;
}
	#detail .resultBox #grad_species01 h5 {
		margin: 1em;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
		#detail .resultBox #grad_species01 h5 span {
			color: #f29700;
		}
		#detail .resultBox #grad_species01 h5 br {
			display: none;
		}
		#detail .resultBox #grad_species01 h5 + p {
			margin: 1em;
			font-size: 12px;
			text-align: center;
		}
	#detail .resultBox #grad_species01 .gradTable {
		width: 80%;
		margin: 20px auto;
		font-size: 12px;
	}
		#detail .resultBox #grad_species01 .gradTable [id^="grad"] {
			display: table;
			width: 100%;
			border-collapse: collapse;
			border-spacing: 0;
			margin: 0;
		}
			#detail .resultBox #grad_species01 .gradTable > dl:not(:first-child) {
				border-top: none;
			}
			#detail .resultBox #grad_species01 .gradTable [id^="grad"] > dt {
				display: table-cell;
				width: 360px;
				text-align: center;
				vertical-align: middle;
			}
				#detail .resultBox #grad_species01 .gradTable [id^="grad"] > dt ul {
					display: table;
					width:100%;
				}
					#detail .resultBox #grad_species01 .gradTable [id^="grad"] > dt ul li {
						display: table-cell;
						padding: 10px;
						font-weight: bold;
						vertical-align: middle;
					}
						#detail .resultBox #grad_species01 .gradTable [id^="grad"] > dt ul li:first-child {
							width: 100px;
						}
							#detail .resultBox #grad_species01 .gradTable #grad01 dt ul li:first-child img {
								width: 50px;
							}
							#detail .resultBox #grad_species01 .gradTable #grad02 dt ul li:first-child img {
								width: 50px;
							}
							#detail .resultBox #grad_species01 .gradTable #grad03 dt ul li:first-child img {
								width: 40px;
							}
							#detail .resultBox #grad_species01 .gradTable #grad04 dt ul li:first-child img {
								width: 80px;
							}
							#detail .resultBox #grad_species01 .gradTable #grad05 dt ul li:first-child img {
								width: 45px;
							}
							#detail .resultBox #grad_species01 .gradTable #grad06 dt ul li:first-child img {
								width: 70px;
							}
						#detail .resultBox #grad_species01 .gradTable [id^="grad"] > dt ul li:nth-child(2) {
							width: 70px;
							padding: 10px 0;
						}
						#detail .resultBox #grad_species01 .gradTable [id^="grad"] > dt ul li:last-child {
							text-align: left;
						}
			#detail .resultBox #grad_species01 .gradTable [id^="grad"] > dd {
				display: table-cell;
				padding: 10px;
				vertical-align: middle;
			}
				#detail .resultBox #grad_species01 .gradTable [id^="grad"] > dd dl dt {
					margin-bottom: 5px;
				}
					#detail .resultBox #grad_species01 .gradTable [id^="grad"] > dd dl dt span img {
						width: 12px;
						margin-right: 5px;
						vertical-align: baseline;
					}

/*    腎臓チェック
-------------------------------------------------- */
#kidneyCheck .acMenu .kcYobouTitle {
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    background-color: #F3F5F7;
    display: none;
}

.kcDistribution {
    max-width: 650px;
    margin: 0 auto 20px;
}

.kcDistributionTable {
    display: table;
    width: 100%;
}

.kcDistributionTableCell {
    display: table-cell;
    text-align: center;
    font-weight: bold;
    line-height: 2;
}

.kcDistributionTableCell img {
    width: 50px;
}

.kcYobouTitleTable {
    background: #fefae1;
    display: table;
    margin: 15px auto;
    width: 100%;
}

.kcYobouTitleImg {
    display: table-cell;
    vertical-align: bottom;
    width: 115px;
    text-align: center;
    padding: 15px 0 0;
}

.kcYobouTitleText {
    display: table-cell;
    color: #f79300;
    font-weight: bold;
    vertical-align: middle;
    font-size: 110%;
    text-align: left;
}

.kcModalHanteiText {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 70%;
}

.kc_lifestyle_text,
.kcLifestyleText,
kcModalHanteiText {
    list-style: none;
    padding: 0;
    margin: 0;
}

.kc_lifestyle_text li,
.kcLifestyleText li,
.kcModalHanteiText li {
    padding-left: 1em;
    position: relative;
}

.kc_lifestyle_text li:before,
.kcLifestyleText li:before,
.kcModalHanteiText li:before {
    content: "・";
    color: grey;
    position: absolute;
    top: 0;
    left: -5px;
    font-size: 20px;
    line-height: 100%;
}

.kcLifestyleCaution {
    width: 100%;
    font-size: 90%;
    margin: 20px auto 0;
    text-align: left;
}

.kcResultClasses {
    position: relative;
    background: #86ba34;
    color: #fff;
    line-height: 1.8;
    text-align: center;
    margin: 0 0 35px 0;
}

.kcResultClasses:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(134, 186, 52, 0);
    border-top-color: #86ba34;
    border-width: 15px;
    margin-left: -15px;
}

.kcResultClasses .kcBoldText {
    font-size: 14px;
    font-weight: bold;
}

.kcFloatLeft {
    width: 60%;
    float: left;
}

.kcFloatRight {
    width: 40%;
    float: right;
}

.kcClearBoth {
    clear: both;
    font-size: 90%;
    text-align: left;
}

/* -------------------
  以下、フキダシ用
--------------------- */
img {
    vertical-align: bottom;
}

.kcSerifWrapper {
    /* CSS grid */
    display: grid;
    grid-template-rows: 80px auto;
    grid-template-columns: 170px auto 120px;
    /* IE11対応 */
    display: -ms-grid;
    -ms-grid-rows: 80px auto;
    -ms-grid-columns: 170px auto 100px;
    max-width: 650px;
    width: 95%;
    max-height: 600px;
    margin: 20px auto;
}

.kcHuman {
    width: max-content;
}

.kcHuman1 {
    grid-row: 1/3;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    padding-right: 20px;
    margin-bottom: 20px;
}

.kcHuman2 {
    grid-row: 1/3;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    padding-left: 20px;
}

.kcFuki {
    width: 100%;
}

.kcFuki1 {
    grid-row: 1/2;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    margin-bottom: 20px;
}

.kcFuki2 {
    grid-row: 2/3;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}

.mamaText {
    position: relative;
    width: 100%;
    padding: 10px;
    background-color: #f7eaa4;
    border-radius: 0 10px 10px 10px;
    box-sizing: border-box;
    font-weight: bold;
    margin-top: 8px;
}

.mamaText::after { /* フキダシしっぽ部分 */
    position: absolute;
    left: -19px; /* わざと1px重ねて IE11 での表示ズレを回避 */
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 12px 0;
    border-color: transparent #f7eaa4 transparent transparent;
}

.doctorText {
    position: relative;
    width: 100%;
    padding: 10px;
    background-color: #c7e5fd;
    border-radius: 10px 0 10px 10px;
    box-sizing: border-box;
    font-weight: bold;
    margin-top: 8px;
}

.doctorText::after { /* フキダシしっぽ部分 */
    position: absolute;
    right: -19px;
    top: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 20px 0 0;
    border-color: #c7e5fd transparent transparent transparent;
}

.imgMamanon1 {
    width: 170px;
}

.imgDoctor {
    width: 82px;
}

.imgMamanon2 {
    width: 85px;
}

.kcCaution {
    font-size: 90%;
    max-width: 650px;
    width: 95%;
    margin: 0px auto 20px;
    text-align: left;
}

/* 帯グラフ */
.kcObiTable {
    display: table;
    width: 100%;
    margin: 10px auto;
}

.kcObi {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
    font-size: x-small;
    font-weight: bold;
}

.kcFloatRight table {
    width: 90%;
    margin: 0 0 0 10%;
}

.kcFloatRight table tr td,
.kcFloatRight table tr th {
    border: solid #dddddd 1px;
    vertical-align: middle;
    text-align: left;
}

.kcFloatRight table tr th img {
    display: block;
    margin: 5px auto;
}

.kcFloatRight table tr td span {
    margin-left: 14px;
}

.kcObiFrame {
    position: relative;
    border: 3px solid #e25e3f;
}

.kcObiFrame::before {
    white-space: nowrap;
    display: inline-block;
    content: attr(data-before);
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: -37px;
    margin: auto;
    font-size: 14px;
    font-weight: bold;
    color: #e25e3f;
    text-indent: -1em;
    /*                background: url({{asset('public/my/result/image/icon_triangle_red.png')}}) center 100% no-repeat;*/
    background: url(../image/icon_triangle_red.png) center 100% no-repeat;
    background-size: 15px auto;
}

.kcModalBoldText {
    font-weight: bold !important;
}

.kcModalRiskText {
    max-width: 450px;
    margin: 15px auto 0;
}

.kcModalRiskStatus {
    font-weight: bold;
    min-width: 105px;
}

.kcModalReferenceText {
    font-size: 90%;
    max-width: 300px;
    margin: 10px auto;
    text-align: center;
}

.kcModalHanteiArea {
    background: #f1f5f6;
    width: 95%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 0;
}

.kcModalHanteiImg {
    display: inline-block;
    width: 170px;
}
.kcSpOnlyBr {
    display: none;
}

/* --------------------------------------------------
	footer
-------------------------------------------------- */
#footerbar {
	position: relative;
	background: #B0D27F;
	padding-bottom: 90px;
	border-left: solid 5px;
	border-right: solid 5px;
}
#footerbar:before {
	content:"";
	display:block;
	position: relative;
	top:-8px;          /*少しフッターと重ねることで一部機種で分離して見える事象を防ぐ*/
	background: url("../image/bg_wave_footer.png") repeat-x;
	height:10px;
	background-size: 116px auto;
}
	#footerbar .footWrap {
		width: 980px;
		margin: 0 auto;
		padding: 20px 0 0;
	}
		#footerbar .footWrap dl {
			float: left;
			margin-bottom: 25px;
		}
			#footerbar .footWrap dl dt {
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 1em;
			}
			/*電話*/
			#footerbar .footWrap .infoTel {
				margin-right: 55px;
				text-align: center;
			}
				#footerbar .footWrap .infoTel dt br {
					display: none;
				}
				#footerbar .footWrap .infoTel dd a img {
					width: 280px;
				}
					#footerbar .footWrap .infoTel dd > p {
						font-size: 12px;
						margin-top: 1em;
						font-weight: bold;
						color: #007440;
					}
						#footerbar .footWrap .infoTel dd > p br {
							display: none;
						}
			/*受付時間*/
			#footerbar .footWrap .infoTime dt {
				padding-left: 18px;
				background: url("../image/icon_circle.png") left center no-repeat;
				background-size: 12px auto;
			}
				#footerbar .footWrap .infoTime dd > p {
					font-size: 14px;
					margin-bottom: 10px;
					font-weight: bold;
				}
					#footerbar .footWrap .infoTime dd > p br {
						display: none;
					}
					#footerbar .footWrap .infoTime dd aside p {
						font-size: 12px;
						margin-bottom: 0.3em;
						padding-left: 1em;
						text-indent: -1em;
					}
					#footerbar .footWrap .infoTime dd aside p:before {
						margin-right: 8px;
					}
/*フッターリンク*/
#footerbar .footBottom {
	clear: left;
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 12px;
	border-top: 1px solid #9DBC6E;
}
	#footerbar .footBottom ul {
		float: left;
		max-width: 670px;
	}
		#footerbar .footBottom ul li {
			display: inline-block;
			margin-right: 20px;
			line-height: 2;
			background: url("../image/icon_arrow_green.png") left center no-repeat;
			background-size: 4px auto;
		}
			#footerbar .footBottom ul li a {
				padding-left: 10px;
				color: #111111;

			}
	/*コピーライト*/
	#footerbar .footBottom p {
		float: right;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:700;
	}
/* 無改行部分 */
span.nobreak {
	display: inline-block;
}

footer {
	position: fixed;
	bottom:0;
	width: 100%;
	z-index: 999;
	background: #B0D27F;
	border-top: solid 4px;

}
footer:before {
	content:"";
	display:block;
	position: relative;
	height:10px;
	background-size: 116px auto;
}
/*閉じるボタン*/
footer .btnClose {
	text-align: center;
}
footer .btnClose input {
	width: 150px;
	height: 36px;
	margin: 20px 0;
	font-size: 13px;
	color:#555555;
	border-radius: 44px;
	border: 1px solid transparent;
	background: url("../image/icon_cross.png") 10px center no-repeat #D7DEE4;
	background-size: 13px auto;
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
}

/* --------------------------------------------------
	ヘッダー固定
-------------------------------------------------- */
#theme_type_gut_age,
#theme_type_gut_detail,
#theme_type_gut_type,
#theme_type_recommend_food,
#theme_type_kidney_check,
#theme_type_allergy_check,
#theme_type_grad_species {
	/* position: relative; */
}
	#theme_type_gut_age .chapter.fixed,
	#theme_type_gut_detail .chapter.fixed,
	#theme_type_gut_type .chapter.fixed,
	#theme_type_recommend_food .chapter.fixed,
	#theme_type_kidney_check .chapter.fixed,
	#theme_type_allergy_check .chapter.fixed,
	#theme_type_periodontal_check .chapter.fixed,
	#theme_type_heart_check .chapter.fixed,
	#theme_type_grad_species .chapter.fixed {
		position: fixed;
		top: 50px;
		width: calc(100% - 8px);
		left: 4px;
		z-index: 11;
	}