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

/* 質問事項の回答内容を確認するボタン */
.btnAnswer {
	height: 40px;
	line-height: 40px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	background: url("../image/icon_plus.png") 98% center no-repeat #FAFAFA;
	background-size: 16px auto;
}
.btnAnswer.active {
	background: url("../image/icon_minus.png") 98% center no-repeat #FAFAFA;
	background-size: 16px auto;
}
.btnAnswer,
.btnAnswer.active {
	padding-left: 10px;
	background-color: #FAFAFA;
}

/* 質問事項の回答内容 */
#detail .btnAnswer {
	display:block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}
#detail .answer .entryBox {
	display: none;
}
/* 回答を編集ボタン */
#detail .entryBox .btnEdit {
	position: static;
	width: 100%;
	margin-bottom: 20px;
}
	#detail .entryBox .btnEdit input {
		background: url("../image/icon_pen.png") 33% center no-repeat #D7DDE3;
		background-size: 16px auto;
	}
#detail .entryBox .innerEntry {
	padding: 20px 10px;
}
	#detail .entryBox .innerEntry dl,
	#detail .entryBox .innerEntry dl dt,
	#detail .entryBox .innerEntry dl dd {
		display: block;
		width: 100%;
	}
	#detail .entryBox .innerEntry dl {
		padding: 0 0 20px 0;
	}
		#detail .entryBox .innerEntry .btnEdit + dl {
			padding: 20px 0;
			border-top: 1px solid #E9E9E9;
		}

#detail .innerBox {
	padding: 5px 10px;
}
/* 印刷するボタン */
.btnPrint input {
	display: none;
}
/* 測定情報 */
#detail .infoBox dl dt {
	min-width: 100px;
}
/* 測定内容 */
#detail .infoBox dl:nth-child(2) {
	padding: 0;
}
/* 測定対象 */
#detail .infoBox dl dd .targetBox {
	float: none;
	width: 100%;
}
	#detail .infoBox dl dd .targetBox span {
		padding: 0 0 0 5px;
	}
#detail .infoBox dl dd .btnCompare {
	float: none;
	margin: 15px 0 5px;
}
/* 測定結果 */
#detail .resultBox #theme_type_overall_balance h4 + p br {
	display: block;
}
#detail .resultBox .leftBox,
#detail .resultBox .rightBox {
	float: none;
	width: 100%;
}
#detail .resultBox .leftBox {
	margin-bottom: 15px;
}
#detail .chart #chartdiv01 {
	height: 150px;
}
#detail .resultBox .leftBox .btnCompare {
	margin: 10px auto;
}

/* ページ内リンクボタン */
#detail .themeList {
	width: 280px !important;
	text-align: left
}
	#detail .themeList ul {
		margin: -10px 0 0 -10px;
	}
		#detail .themeList ul li {
			width: 130px;
			margin: 10px 0 0 10px;
			font-size: 12px;
		}
		#detail .themeList ul .allergyCheck {
			font-size: 10px;
		}

/*
-------------------------------------------------- */
/*	腎臓チェック
-------------------------------------------------- */
#detail .resultBox #kidneyCheck .notification > dl > dt {
	font-size: 16px;
	line-height: 1.3;
}

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

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

.notification .kcMessage {
	text-align: left;
}

.kcResultClasses {
	padding: 10px 0;
}

#kidneyCheck .acMenu .kcYobouTitle {
	display: block;
	position: relative;
	height: 35px;
	margin: 0;
	line-height: 35px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	background: url("../image/icon_plus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 18px;
}

#kidneyCheck .acMenu dt.active {
	background: url("../image/icon_minus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
}

.kcFloatRight table {
	width: 100%;
	margin: 15px auto;
}

.kcSerifWrapper {
	max-width: 450px;
	display: flex;
	flex-wrap: wrap;
	min-width: 0;
	min-width: 240px;
}

.kcHuman {
	height: auto;
}

.kcFuki {
	width: auto;
}

.kcFuki1 {
	width: calc(100% - 110px);
}

.kcFuki2 {
	width: calc(100% - 70px);
}

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

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

.imgMamanon1 {
	width: 85px;
}

.imgDoctor {
	width: 41px;
}

.imgMamanon2 {
	width: 85px;
}

.kcModalHanteiArea {
	display: block;
	padding: 10px 0;
	width: 100%;
}

.kcModalHanteiText {
	margin-top: 15px;
	width: 95%;
	margin-left: 10px;
}

.kcModalHanteiImg {
	width: 120px;
	display: block;
	margin: 0 auto;
}

.kcSpOnlyBr {
	display: inline;
}

#kidney_pc_banner {
	display: none;
}

#kidney_sp_banner {
	display: block;
}

#kidney_sp_banner + br + p,
#kidney_sp_banner + br + p + p {
	text-align: start;
}
#kidney_sp_banner + br + p + p:not(.active) {
	display: none;
}

/*
-------------------------------------------------- */
/*	腸内フローラチェック
-------------------------------------------------- */
#detail .resultBox #gutCheck .notification > dl > dt {
	font-size: 16px;
	line-height: 1.3;
}

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

#detail .resultBox #gutCheck .notification dl dt span > br {
	display: block;
}

.notification .gcMessage {
	text-align: left;
}

.gcResultClasses {
	padding: 10px 0;
}

.gcDistributionTableCell .percent {
	display: block;
}

#gutCheck .acMenu .gcYobouTitle {
	display: block;
	position: relative;
	height: 35px;
	margin: 0;
	line-height: 35px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	background: url("../image/icon_plus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 18px;
}

#gutCheck .acMenu dt.active {
	background: url("../image/icon_minus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
}

.gcFloatRight table {
	width: 100%;
	margin: 15px auto;
}

.gcSerifWrapper {
	max-width: 450px;
	display: flex;
	flex-wrap: wrap;
	min-width: 0;
	min-width: 240px;
}

.gcHuman {
	height: auto;
}

.gcFuki {
	width: auto;
}

.gcFuki1 {
	width: calc(100% - 110px);
}

.gcFuki2 {
	width: calc(100% - 70px);
}

.gcFloatLeft {
	width: 100%;
	float: left;
}

.gcFloatRight {
	width: 100%;
	float: right;
}

.imgMamasocks1 {
	width: 85px;
}

.imgDoctor {
	width: 41px;
}

.imgMamasocks2 {
	width: 85px;
}
.gcSpOnlyBr {
	display: inline;
}

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

/*
-------------------------------------------------- */
/*	腸内健康年齢
-------------------------------------------------- */
/* 年齢別-コメント */
#detail .resultBox #gut_age01 .notification > dl > dt {
	font-size: 16px;
}
#detail .resultBox #gut_age01 .notification > dl > dd > p {
	margin-bottom: 20px;
	text-align: left;
}

	#detail .resultBox #gut_age01 .notification > dl > dt span > span {
		font-size: 30px;
	}
	#detail .resultBox #gut_age01 .notification > dl > dt span > br {
		display: block;
	}

#detail .resultBox #gut_age01 .chartBox .modalOpenSmt {
	color: #007440;
	text-decoration: underline;
	cursor: pointer;
	width:100%;

	/*上下左右中央揃え*/
	position:absolute;
	top:50%;
	left: 50%;
	transform : translate(-50%,-50%);
}

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

/*
-------------------------------------------------- */
/*	腸内フローラタイプ
-------------------------------------------------- */
#gut_type_list .gutTypeTable [id^="gutType"] > dt,
#gut_type_list .gutTypeTable [id^="gutType"] > dd {
	display: block;
	width: 100%;
}

#gutTypeQuestion.modalContent .innerModal {
	padding: 20px 10px;
}
#gutTypeQuestion.modalContent table {
	margin: 0;
}
	#gutTypeQuestion.modalContent table td {
		margin: 5px;
		padding: 0 3px;
		font-size: 0.7rem;
	}
#gutTypeQuestion.modalContent .diversity,
#gutTypeQuestion.modalContent .Fungus {
	padding: 20px 10px;
}
#gutTypeQuestion.modalContent .diversity > div,
#gutTypeQuestion.modalContent .Fungus > div {
	padding: 10px 0;
}

#gut_type_list .notification span.gut_type {
	display: block;
}

/*
-------------------------------------------------- */
/*	腸内細菌の詳細
-------------------------------------------------- */
#theme_type_gut_detail > dl .gutDetailTable [id^="gutDetail"],
#theme_type_gut_detail > dl .gutDetailTable [id^="gutDetail"] > dt,
#theme_type_gut_detail > dl .gutDetailTable [id^="gutDetail"] > dd {
	display: block;
	width: 100%;
}
#theme_type_gut_detail > dl .gutDetailTable [id^="gutDetail"] > dt:first-child > p {
	text-align: center;
}

/* モーダル */
#gutDetailQuestion.modalContent dt,
#gutDetailQuestion.modalContent dd {
	display: block;
	width: auto;
	margin-bottom: 20px;
}

#theme_type_gut_detail .acMenu .varietyYobouTitle {
	display: block;
	position: relative;
	height: 35px;
	margin: 0;
	line-height: 35px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	background: url("../image/icon_plus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 18px;
}

#theme_type_gut_detail .acMenu dt.active {
	background: url("../image/icon_minus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
}

/*
-------------------------------------------------- */
/*	おすすめフード
-------------------------------------------------- */
#theme_type_recommend_food a > img,
#theme_type_recommend_snack a > img {
	width: 100%;
}
#theme_type_recommend_food a > img.recommend_food_pc,
#theme_type_recommend_snack a > img.recommend_snack_pc {
	display: none;
}
#theme_type_recommend_food a > img.recommend_food_sp,
#theme_type_recommend_snack a > img.recommend_snack_sp {
	display: block;
}

#theme_type_recommend_food p:not(:last-of-type):not(.active),
#theme_type_recommend_snack p:not(:last-of-type):not(.active) {
	display: none;
}
#theme_type_recommend_food p:not(:last-of-type).active,
#theme_type_recommend_snack p:not(:last-of-type).active {
	display: block;
}

#theme_type_recommend_food p:last-of-type,
#theme_type_recommend_snack p:last-of-type {
	text-align: start;
}

/*
-------------------------------------------------- */
/*	アレルギー体質チェック
-------------------------------------------------- */
#detail .resultBox #allergyCheck .notification > dl > dt {
	font-size: 16px;
	line-height: 1.3;
}

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

#detail .resultBox #allergyCheck .notification dl dt span > br {
	display: block;
}

.acResultClasses {
	padding: 10px 0;
}

#allergyCheck .acMenu .acYobouTitle {
	display: block;
	position: relative;
	height: 35px;
	margin: 0;
	line-height: 35px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	background: url("../image/icon_plus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 18px;
}

#allergyCheck .acMenu dt.active {
	background: url("../image/icon_minus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
}

.acFloatRight table {
	width: 100%;
	margin: 15px auto;
}

.acSerifWrapper {
	max-width: 450px;
	display: flex;
	flex-wrap: wrap;
	min-width: 0;
	min-width: 240px;
}

.acHuman {
	height: auto;
}

.acFuki {
	width: auto;
}

.acFuki2 {
	width: calc(100% - 70px);
	/* IE11対応 */
	margin-top: 0px;
}

.acFloatLeft {
	width: 100%;
	float: left;
}

.acFloatRight {
	width: 100%;
	float: right;
}

.imgDoctor {
	width: 41px;
}

.imgMamasocks2 {
	width: 85px;
}
.acSpOnlyBr {
	display: inline;
}

/* 頭数分布 */
.acDistributionTableCell .percent {
	display: inline-block;
}

-------------------------------------------------- */
/*	アレルギー体質チェックlifestyle
-------------------------------------------------- */
#allergy_list .allergyTable {
	width: 100%;
}
#allergy_list .allergyTable [id^="alle"] {
	/* display: block; */
}
#allergy_list .allergyTable > dl:not(:last-child) {
	border-bottom: none;
}
#allergy_list .allergyTable [id^="alle"] > dt {
	display: block;
	width: 100%;
	border-bottom: solid 15px #fff;
}
#allergy_list .allergyTable [id^="alle"] > dt:not(:last-child) {
	border-right: none;
}

#allergy_pc_banner {
	display: none;
}

#allergy_sp_banner {
	display: block;
}

/*
-------------------------------------------------- */
/*	歯周病リスクチェック
-------------------------------------------------- */
#detail .resultBox #periodontalCheck .notification > dl > dt {
	font-size: 16px;
	line-height: 1.3;
}

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

#detail .resultBox #periodontalCheck .notification dl dt span > br {
	display: block;
}

.prResultClasses {
	padding: 10px 0;
}

#periodontalCheck .acMenu .prYobouTitle {
	display: block;
	position: relative;
	height: 35px;
	margin: 0;
	line-height: 35px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	background: url("../image/icon_plus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 18px;
}

#periodontalCheck .acMenu dt.active {
	background: url("../image/icon_minus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
}

.prSpOnlyBr {
	display: inline;
}

#periodontal_pc_banner {
	display: none;
}

#periodontal_sp_banner {
	display: block;
}

#periodontal_sp_banner + br + p,
#periodontal_sp_banner + br + p + p {
	text-align: start;
}
#periodontal_sp_banner + br + p + p:not(.active) {
	display: none;
}

/* 頭数分布 */
.prDistributionTableCell .percent {
	display: inline-block;
}

/*
-------------------------------------------------- */
/*	心臓チェック
-------------------------------------------------- */
#detail .resultBox #heartCheck .notification > dl > dt {
	font-size: 16px;
	line-height: 1.3;
}

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

#detail .resultBox #heartCheck .notification dl dt span > br {
	display: block;
}

.htResultClasses {
	padding: 10px 0;
}

#heartCheck .acMenu .htYobouTitle {
	display: block;
	position: relative;
	height: 35px;
	margin: 0;
	line-height: 35px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	background: url("../image/icon_plus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 18px;
}

#heartCheck .acMenu dt.active {
	background: url("../image/icon_minus.png") 98% center
		no-repeat #FAFAFA;
	background-size: 16px auto;
}

.htSpOnlyBr {
	display: inline;
}

#heart_pc_banner {
	display: none;
}

#heart_sp_banner {
	display: block;
}

#heart_sp_banner + br + p,
#heart_sp_banner + br + p + p {
	text-align: start;
}
#heart_sp_banner + br + p + p:not(.active) {
	display: none;
}

/* 頭数分布 */
.htDistributionTableCell .percent {
	display: inline-block;
}

/*
-------------------------------------------------- */
/*	その他結果
-------------------------------------------------- */
#theme_type_other_result h5.annotation {
	font-size: 12px;
	line-height: 30px;
}
	#theme_type_other_result h5.annotation img {
		width: 20px;
		margin-right: 2px;
	}

.otherResultTable [id^="otherResult"],
.otherResultTable [id^="otherResult"] > dt,
.otherResultTable [id^="otherResult"] > dd {
	display: block;
	width: 100%;
}
.otherResultTable [id^="otherResult"] > dt > p {
	text-align: center;
}

#otherResultQuestion .innerModal div img {
	display: block;
	margin: 0 auto;
	padding-bottom: 20px;
}
.mbModalHanteiText {
	margin-top: 15px;
	width: 95%;
	margin-left: 10px;
}

/*
-------------------------------------------------- */
/*	あるとうれしい菌
-------------------------------------------------- */
#detail .resultBox #grad_species01 h5 br {
	display: block;
}
	#detail .resultBox #grad_species01 .gradTable {
		width: 100%;
	}
	#detail .resultBox #grad_species01 .gradTable dl[id^="grad"] {
		display: block;
	}
		#detail .resultBox #grad_species01 .gradTable dl[id^="grad"] > dt {
			display: block;
			width: 100%;
			border: none;
		}
		#detail .resultBox #grad_species01 .gradTable dl[id^="grad"] > dd {
			display: block;
			width: 100%;
			padding-top: 0;
		}
			#detail .resultBox #grad_species01 .gradTable dl[id^="grad"] > dd dl {
				margin: 0;
			}
	#detail .resultBox #grad_species01 .gradTable .gradCell > .modalOpenSmt {
		display: inline-block;
	}

/*
-------------------------------------------------- */
/*	どうぶつさんコラム
-------------------------------------------------- */
#detail .resultBox [id^="animal_column_"] > dt,
#detail .resultBox #research02 > dt {
	padding: 15px 30px 15px 10px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	background: url("../image/icon_plus.png") 98% center no-repeat #FAFAFA;
	background-size: 16px auto;
	padding: 15px 30px 15px 60px;
}

#detail .resultBox [id^="animal_column_"] > dt.active,
#detail .resultBox #research02 > dt.active {
	background: url("../image/icon_minus.png") 98% center no-repeat #FAFAFA;
	background-size: 16px auto;
}

#detail .resultBox [id^="animal_column_"] > dt span,
#detail .resultBox #research02 > dt span {
	float: none;
	margin-top: 0.5em;
}

#detail .resultBox [id^="animal_column_"] > dd,
#detail .resultBox #research02 > dd {
	display: none;
}

#detail .resultBox #research02 .typeList li {
	position: relative;
	float: none;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	padding: 20px 10px;
}
	#detail .resultBox #research02 .typeList li dl {
		text-align: left;
	}
		#detail .resultBox #research02 .typeList li dl dt,
		#detail .resultBox #research02 .typeList li dl dt + dd {
			width: 70%;
		}
		#detail .resultBox #research02 .typeList .type01 dl dd + dd {
			position: absolute;
			width: 62px;
			right: 10px;
			top: 10px;
		}
		#detail .resultBox #research02 .typeList .type02 dl dd + dd {
			position: absolute;
			width: 50px;
			right: 20px;
			top: 10px;
		}
		#detail .resultBox #research02 .typeList .type03 dl dd + dd {
			position: absolute;
			width: 50px;
			right: 20px;
			top: 10px;
		}
#detail .resultBox #research02 .examination .examTtl {
	padding: 15px 10px;
}
#detail .resultBox #research02 .examination .chartBox #chartExam + ul {
	width: 88%;
	padding-left: 0;
}
	#detail .resultBox #research02 .examination .chartBox #chartExam + ul li:first-child {
		padding-left: 12%;
	}
#detail .resultBox #research02 .examination + aside p {
	text-align: left;
}

/* 種別リンクボタン */
#detail .resultBox .columnList ul {
	margin: -5px 0 0 -5px;
}
#detail .resultBox .columnList ul li {
	width: 55px;
	height: 55px;
	margin: 5px 0 0 5px;
	font-size: 9px;
}
	#detail .resultBox .columnList ul li span {
		width: 55px;
	}
/* どうぶつさんコラム */
#detail .resultBox [id^="animal_column_"] .innerTxt dd .leftBox,
#detail .resultBox [id^="animal_column_"] .innerTxt dd .rightBox,
#detail .resultBox #research02 .innerTxt dd .leftBox,
#detail .resultBox #research02 .innerTxt dd .rightBox {
	float: none;
	width: 100%;
}
#detail .resultBox [id^="animal_column_"] .innerTxt dd .leftBox,
#detail .resultBox #research02 .innerTxt dd .leftBox {
	padding-right: 0px;
}
#detail .resultBox [id^="animal_column_"] .innerTxt dd .rightBox,
#detail .resultBox #research02 .innerTxt dd .rightBox {
	text-align: center;
}
/* 紹介画像配置 */
/* コラム-リス */
#detail .resultBox #animal_column_12_1 dd .picBox ul {
	display: block;
	margin:  -10px 0 0 0;
}
	#detail .resultBox #animal_column_12_1 dd .picBox ul li {
		display: inline-block;
		margin: 10px 0 0 0;
	}

/*
-------------------------------------------------- */
/*	健康診断対象ボタン・モーダル
-------------------------------------------------- */
/* 健康診断対象画像・ボタン一式 */
.healthCheckBox > img {
	display:block;
	margin:0 auto;
}
/* /健康診断対象画像・ボタン一式 */

#theme_type_ap_link img {
	width: 260px;
}

#theme_type_ap_link_new_dog_cat {
	display: column;
}
#theme_type_ap_link_new_dog_cat dd {
	width: 100%;
}
#theme_type_ap_link_new_dog_cat dd:first-child,
#theme_type_ap_link_new_dog_cat dd:nth-child(2),
#theme_type_ap_link_new_dog_cat dd:nth-child(3),
#theme_type_ap_link_new_dog_cat dd:nth-child(4) {
	order: unset;
	padding-left: 0;
	padding-right: 0;
}
#theme_type_ap_link_new_dog_cat dd:nth-child(3) {
	padding-top: 40px;
}

/*
-------------------------------------------------- */
/*	腸内細菌の詳細、その他結果グラフ部分
-------------------------------------------------- */
.metaboGraph .iconList li {
	width: 60px;
	height: 60px;
	background-size: 60px auto;
}
.metaboGraph .iconList li img {
	width: 60px;
}
.fungusGraph .iconList + p {
	display: block;
}

#detail .lineGraph {
	pointer-events: auto;
}

/*
-------------------------------------------------- */
/*	もっと見るボタン
-------------------------------------------------- */
.innerItem {
/*	position: relative; */
	height: 54px;
}

.commentBox:not(.open) {
/*	height: 36px; */
	overflow: hidden;
}
.commentBox.open {
/*	height: initial; */
	overflow: initial;
}

.gradBtn {
/*	position: absolute; */
/*	right: 0; */
/*	top: 36px; */
	display: inline-block;
	padding: 0 0 10px 14px;
	color: #007440;
	text-align: center;
	z-index: 2;
	cursor: pointer;
	text-align: right;
	float: right;
}
.gradBtn.open {
	top: auto;
	bottom: 0;
}
.gradBtn::after {
	content: url("../image/icon_more_down.png") "もっと見る";
}
.gradBtn.open::after {
	content: url("../image/icon_more_up.png") "閉じる";
}