/* ---------------------------------------------------------
knowledgeページ
----------------------------------------------------------*/

/* BMI計算機 */
.bmiCalc{
	padding:30px 10px 0 10px;
	box-sizing: border-box;
	font-weight: bold;
	background:#fff;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
}
.bmiTtl{
	margin-bottom: 20px;
	font-size: 150%;
	color:#ff6500;
}
.bmiCalc p{
	margin-bottom: 20px;
	color: #666;
}
.inputWrap{
	margin-bottom: 20px;
	padding:4px 0;
	border:1px solid #ccc;
	border-radius: 7px;
	text-align: center;
	background: #ffffcf;
}
.inputWrap *{color: #666;}
.inputWrap > *{vertical-align: middle;}
.inputWrap input{
	text-align: center;
	color: #f60;
}
.cm,.kg{
	display: inline-block;
	margin-right: 25px;
	text-align: left;
}
.cm > span,.kg > span{
	display: inline-block;
	text-indent: -9999px;
}
.kg > span{
    background: url(/meiji-eiyoucare/img/knowledge/img_kg.gif) no-repeat center;
    background-size: 100% auto;
}
.cm > span{
    background: url(/meiji-eiyoucare/img/knowledge/img_cm.gif) no-repeat center;
    background-size: 100% auto;
}
.bmiResultWrap{
	margin-bottom: 20px;
	padding:10px 0;
	border:1px solid #e8e8e8;
	border-radius: 7px;
	background: #fff;
	color:#ff6500;
	text-align: center;
}
.bmiResultWrap .bmiResult{
	font-size: 60px;
	font-weight: bold;
	color: #f60;
	width: 190px;
	text-align: center;
	line-height: 1.1;
	height: 1.1em;
}
.bmi_message{
	display:block;
	position: relative;
}
.bmi_message .link{position: relative;}
.bmi_message .link a{
	display: inline-block;
	margin-bottom: 20px;
}
.bmi_message .link a[class]{display: none;}
img.thin,img.fewthin,img.normal,img.fat{display: none;}
img.base{vertical-align: top;}
.thin img.base,.fewthin img.base,.normal img.base,.fat img.base{display: none;}
.thin img.thin,.fewthin img.fewthin,.normal img.normal,.fat img.fat{display:inline-block;}
.inputWrap input::-webkit-outer-spin-button,
.inputWrap input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.inputWrap input{-moz-appearance:textfield;}
.bmiCalc .caution{color: #000;}
.bmiCalc .caution span{color: #f20000;}
.refference{
	margin-bottom: 100px;
	padding:10px 8px;
	background: #f8f8f8;
	box-sizing: border-box;
}
.refference b{
	display: block;
	margin-bottom: 10px;
}
.refference ol{list-style: none;}
.refference li{margin-bottom: 5px;}
.box .imgWrap:last-child{
	margin-bottom: 50px;
}
.tableWrap{
	margin-top: 50px;
	margin-bottom: 40px;
}
.table{
	border-collapse: collapse;
	box-sizing: border-box;
	margin: 0 auto 20px auto;
	text-align: center;
}
.table td{text-align: left;}
.table thead{
	background:#00437a;
	color: #fff;
	box-sizing: border-box;
}
.table thead th{padding:5px;}
.table tbody {
	border:1px solid #b3bdc6;
	border-top:0;
	box-sizing: border-box;
}
.table tbody th,.table tbody td{
	padding: 8px;
	box-sizing: border-box;
}
.table tbody tr{
	border-top:1px solid #b3bdc6;
	box-sizing: border-box;
}
.table tbody th{
	background: #b8dbff;
	color: #00437a;
	width: 125px;
	box-sizing: border-box;
	border-right:1px solid #b3bdc6;
}
.tableTxt{
	font-size: 100%;
	text-align: right;
	margin-top: 10px;
}

/*   PC専用   */
@media screen and (min-width:641px){
	.bmiCalc{
		width: 692px;
		margin:30px auto 70px auto;
	}
	.bmiTtl{
		font-size: 30px;
		line-height: 1.1;
	}
	.bmiCalc p{font-size: 20px;}
	.inputWrap input{
		width: 130px;
		height: 70px;
		margin-right: 5px;
		overflow:hidden;
		font-size: 48px;
		font-weight: bold;
		text-align: center;
	}
	.cm > span,.kg > span{
	    width: 2em;
	    height: 2em;
	    vertical-align: middle;
		font-size: 23px;
	}
	.bmiResultWrap .bmiResult{
		width: 3em;
		overflow: hidden;
		vertical-align: bottom;
		height: 1em;
		margin: 0 20px;
	}
	.bmiResultWrap span{
		margin-bottom: 10px;
   		font-size: 20px;
	}
	.bmiCalc .caution{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.bmi_message{height: 180px;}
	.bmi_message img.base{
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.thin img.thin,.fewthin img.fewthin,.normal img.normal,.fat img.fat{
		position: absolute;
		right: 0;
		bottom: 0;
	}
	img.base{margin-top: 60px;}
	.refference{font-size: 70%;}
	.table_img_text{display: table;}
	.table_img_text p{
		display: table-cell;
		vertical-align: top;
		padding-right: 30px;
	}
	.table_img_text img{
		display: table-cell;
	padding: 0px 30px;
}
.table{width: 436px;}
.table tbody th{width: 125px;}

}


/*   SP専用   */
@media screen and (max-width:640px){
	.articleCntBody > .articleMain{
		padding-left: 0;
		padding-right: 0;
	}
	.articleMain > *{
		width: 97%;
		margin:0 auto;
	}

	.articleMain > .bmiCalc{
		width: 100%;
		margin:20px auto 50px auto;
		padding: 30px 10px;
	}
	.bmi_message .link{
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding-right: 1.5%;
	}
	.bmi_message img.base,.thin img.thin, .fewthin img.fewthin, .normal img.normal, .fat img.fat{
		width: 50%;
		float: left;
		margin-top: 20px;
	}
	.bmiResultWrap .bmiResult{
		width: 3em;
    	font-size: 30px;
	}
	.bmiCalc .caution{
        margin-bottom: 30px;
        font-size: 125%;
    }
	.articleMain > .refference{
		width: 100%;
		margin-bottom: 70px;
	}
	.inputWrap{
		display: table;
		border-collapse: separate;
		border-spacing: 10px;
	}
	.inputWrap > span{
		display: table-cell;
		width: 30%;
		vertical-align: middle;
	}
	.inputWrap input{
		width: 60%;
		margin-right: 2px;
		font-size: 150%;
	}
	.cm > span,.kg > span{
		width: 1em;
		height: 1.5em;
		font-size: inherit;
	}
	.orange .articleMain > b{
		line-height: 1.6;
		margin-bottom: 50px;
	}
	.articleMain .footerLink{
		margin-bottom: 20px;
	}
	.refference li{font-size: 80%;}
	.refference b{font-size: 100%;}
	.table_img_text img{
		display: block;
		margin:20px auto 50px auto;
	}
	.table{width: 94%;}
	.table tbody th{width: 28%;}
}
.boxh4{
	margin-top: 40px;
}
.boxh4 h4{
	color: #ff5200;
	font-size: 113%;
}
.boxh4_img .box_left{
	display: table-cell;
	vertical-align: top;
}
.boxh4_img .box_right{
	display: table-cell;
	padding: 0px 30px;
}

.under_nutrition{
	margin-bottom: 40px;
}
.under_nutrition table{
	width: 500px;
	margin: 0 auto;
}
.under_nutrition th,
.under_nutrition td.under_box span{
	padding: 10px;
	border: 5px solid #b9450b;
	border-radius: 10px;
	font-size: 133%;
	color: #b9450b;
}
.under_nutrition th{
	background-color: #ffefd1;
}
.under_nutrition td.under_box{
	width: 190px;
	position: relative;
	padding-left: 0;
	text-align: center;
}
.under_nutrition td.under_box span{
	margin-top: 40px;
	display: block;
}
.under_nutrition td{
	padding-left: 15px;
	vertical-align: bottom;
}
.under_nutrition td.under_box:before{
	display: inline-block;
	position: absolute;
	top: -3px;
	left: 90px;
	width: 15px;
	height: 45px;
	background: url(/meiji-eiyoucare/img/knowledge/arrow.png) no-repeat;
	background-size: 15px 45px;
	content: "";
}
.p15 {
	padding: 15px;
}
.tAlignL {
	text-align: left !important;
}
	.box_border_01 {
		border: 1px solid #b9b9b9;
		padding: 10px;
		margin: 20px 0;
	}


@media screen and (max-width:640px){
	.box_border_01 {
			border: none;
			margin: 10px 0;
		}
	.boxh4_img .box_left{
		display: block;
	}
	.boxh4_img .box_right{
		display: block;
		padding: 0px 0;
		text-align: center;
	}
	.under_nutrition table{
		width: 100%;
	}
	.under_nutrition th,
	.under_nutrition td.under_box span{
		padding: 7px;
		border: 3px solid #b9450b;
		border-radius: 5px;
		font-size: 90%;
	}
	.under_nutrition td{
		padding-top: 10px;
	}
	.under_nutrition td.under_box{
		width: 41%;
	}
	.under_nutrition td.under_box:before{
		left: 45%;
	}
}

/*  20160922 */
.tac{
	text-align: center;
}

/*--Miko--*/
#effort img{
	max-width: 100%;
}

#effort .mrB15{
	display: block;
	margin-bottom: 15px !important;
}

#effort .h3Pink {
	margin-bottom: 25px;
	background: url(/meiji-eiyoucare/img/knowledge/bg_dotline-x-pink3.png) repeat-x bottom left;
	color: #df4663!important;
	font-size: 21px;
}

#effort .textArea {
	max-width: 400px;
}

#effort .imgArea img {
	padding: 0;
}

/* 161107 */
#effort .imgArea.fR{
	width:261px;
}

#effort .fL {
	float: left;
}

#effort .fR {
	float: right;
}

#effort .imgPad0 img {
	margin-bottom: 5px;
	padding: 0;
}
#effort .pagerPC {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(/meiji-eiyoucare/img/common/bg_dotline-x-pink2.png) repeat-x bottom left;
}

@media screen and (max-width: 640px){
	#effort .table_img_text .imgArea{
		text-align: center;
	}
	#effort .table_img_text .imgArea img{
		display: inline-block;
		width: 48%;
		margin: 0 0 15px;
	}
	#effort .textArea{
		max-width: 100%;
	}
	#effort .introMr{
		margin-bottom: 40px;
	}
	#effort .pagerPC {
		padding: 0;
		background: none;
	}
	#effort .mrB0{
	margin-bottom: 0;
	}
}

/*mich custom style 09222016*/
.bibliography{background:url(/meiji-eiyoucare/img/common/bg_dotline-x-orange3.png) repeat-x top left;}
.bibliography .bibContent{
	padding-top: 35px;
	font-size: 12px!important;
}
.bibContent .txtBlock {
	padding: 15px 0 30px 15px;
	background: #f8f8f8;
}
.fr{
	float: right;
	margin-right: 140px;
}
.txtBlock p{margin-bottom: 0!important;}
.mgT0{margin-top: 0!important;}
.mgB210{margin-bottom: 210px;}
.orangeNone .categoryLink{background: none;}

@media screen and (max-width:640px){
	.bibContent .txtBlock{
		font-size: 91%;
	}
	.box p.fr{
		float: right;
		margin-right: 0;
	}
	.bibContent .txtBlock {
		margin-bottom: 45px;
		padding: 5px;
	}
}
/*-----Ashley----*/
.mgT60 {
	margin-top: 60px!important;
}
.pSpan16 {
	font-size: 66%;
}
.mgL93{
	margin-left: 93px;
}
.txt14{
	font-size: 100%;
	padding-left: 35px;
	text-indent: -35px;
}
.cttl{
	color: #b9450c;
}
.imgLeft {
	display: table-cell;
	width: 220px;
}
.imgcaptionRight {
	display: table-cell;
	vertical-align: top;
}
.mgB50 {
	margin-bottom: 50px!important;
}
.mgT40 {
	margin-top: 40px;
}
.fl {
	float: left;
}
.blink{
	color: #ff5400;
}
.w40{
	width: 40px!important;
}
.jsSideTabCnt.active {
	display: block!important;
}
.jsSideTabCnt{
	display: none!important;
}
.boxOrange {
	background: url(/meiji-eiyoucare/img/knowledge/bgOrangeBox.jpg) no-repeat 100% 100%;
	height: 670px;
	width: 656px;
	margin: 30px auto;
}
.boxtlt {
	color: #fff;
	text-align: center;
	font-size: 220%;
	font-weight: normal;

}
.boxInfo {
	margin: 10px 0 0 30px;
}
.boxInfo02 {
	width: 604px;
	margin: 20px auto 0;
	border-top: 1px dashed #4a4a4a;
	padding-top: 30px;
}
.boxInfo02 {
	font-size: 85%;
	color: #4a4a4a;
}
.boxInfo02 a {
	text-decoration: underline;
}
.pcaption01 {
	font-size: 100%;
}
.articleLeft {
	float: left;
}
.articleRight {
	margin-left: 20px;
}
.ptxt24{
	font-size: 150%
}
.mgT20 {
	margin-top: 20px;
}
.mgB20 {
	margin-bottom: 20px;
}
.txtInd {
	text-indent: -49px;
	padding-left: 49px;
}
.txtInd01 {
	text-indent: -35px;
	padding-left: 53px;
}
.txtClr {
	color: #49251a;
}
@media screen and (max-width:640px){
	.mgTSP40{
		margin-top: 40px!important;
	}
	.mgB20SP{
		margin-bottom: 20px!important;
	}
	.mgTSP20{
		margin-top: 20px!important;
	}
	.mgSPL0{
		margin-left: 0!important;
	}
	.introRight {
		margin-top: 20px;
		padding-top: 10px;
		border-top: 2px dotted #49251a;
	}
	.txt14 {
		padding-left: 57px;
		text-indent: -54px;
	}
	.orange.articleCnt {
		margin-top: 23px;
	}
	.ttlN {
		font-weight: normal;
	}
	.mgTSP10 {
		margin-top: 10px;
	}
	.spBorder {
		margin-bottom: 50px!important;
		padding-bottom: 20px;
		border-bottom: 2px dotted #49251a;
	}
	.txtGray {
		color: #a5a5a5!important;
	}
	.articleMain dd p:last-child {
		margin-bottom: 40px;
	}
	.boxOrange {
		width: 100%;
		background: url(/meiji-eiyoucare/img/knowledge/bgOrangeBoxSP.jpg) no-repeat;
		background-size: 100% 100%;
		height: auto;
	}
	.boxInfo02 {
		width: 92%;
		font-size: 66%;
		color: #4a4a4a;
		padding: 15px 0 1px 0;
	}
	.boxtlt {
		padding-top: 5px;
		font-size: 133%;
	}
	.spInfo {
		width: 90%;
		margin: 10px;
	}
	.pcaption01 {
		line-height: 2;
	}
	.articleLeft,
	.articleRight {
		width: 100%
	}
	.articleRight {
		margin-left: 0;
	}
}
@media screen and (max-width:460px){
	.boxtlt {
		padding-top: 2px;
		font-size: 121%;
	}
}
@media screen and (max-width:380px){
	.boxtlt {
		padding-top: 1px;
		font-size: 100%;
	}
}

/* 0923 */

.col1 .intro {
	margin-bottom: 60px;
}
.col1 .twoColumn {
	display: table;
	padding: 0 15px!important;
	height: 340px;
}
.col1 .twoColumn div {
	position: relative;
}
.col1 .twoColumn > div:last-child {
	padding-left: 1%;
	padding-right: 0;
}
.col1 .ttl {
	margin-bottom: 30px;
	color: #fff;
	text-align: left;
	background: #a8543b;
	font-size: 24px;
	padding-left: 10px;
}
.col1 .txt {
	width: 50%;
	float: left;
	margin-left: 10px;
}
.col1 .w50{
	width: 50%;
	display: table-cell;
	padding-right: 1%;
}
.col1 .fL{
/*	float: left;*/
}
.col1 .afterArrow2:after {
	content: " ";
	display: inline-block;
	position: absolute;
	right: 16px;
	width: 21px;
	height: 21px;
	background-position: center;
	background-size: 100% auto;
}
.col1 .img {
	text-align: center;
	float: right;
}
.col1 .img img {
	margin-bottom: 30px;
}
.t-indent{
	padding-left: 1.5em;
	text-indent: -0.7em;
}
.tc-orange{
	color:#ff7e00;
}
@media screen and (max-width: 640px) {
	.col1 .intro {
	margin-bottom: 30px;
}
	.mt30 {
	margin-top: 30px;
	}
	.col1 .twoColumn .img {
	display: table;
	width: 100%;
}
	.col1 .introRight_btn {
	display: block;
	max-width: 100%;
	padding-bottom: 0;
	margin: 0 auto;
}
.col1 .w50{
	width: 100%;
	display: block;
	padding-right: 1%;
}
.col1 .ttl {
	font-size: 100%;
}
.col1 .txt {
	width: 100%;
	float: none;
	margin-left: 10px;
}
.col1 .img {
	float: none;
}
.col1 .afterArrow2:after {
	right: 0;
}
.col1 .img img {
	margin-bottom: 30px;
	display: table-cell;
}
.col1 .img a {
	margin-right: 26px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 115px;
}
.orangeline {
	border-bottom: 2px dotted #FF952D !important;
	margin: 0 15px 30px!important;
}

@media screen and (max-width: 640px) {
	.pdflist{
		width:50%;
		float:left;
	}
}
}

.timestamp{
	width:596px;
	margin:0px auto;
	padding:10px 0px;
	text-align:right;
}
@media screen and (max-width: 640px) {
	.timestamp{
		width:auto;
	}
}

/* 220527 */
.tb0527 {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.body0527 {
	border: solid 1px #000;
	text-align: center;
}
.row0527 {
	border-bottom: solid 1px #000;
}
.body0527 .row0527:last-child {
	border-bottom: none;
}
.border0527 {
	border-right: solid 1px #000;
	min-width: 336px;
	padding: 10px 0;
	width: 100%;
}
.amount0527 {
	min-width: 336px;
	width: 100%;
	padding: 10px 0;
}

@media screen and (max-width: 640px){
	.border0527 {
		min-width: auto;
		width: 50%;
	}
	.amount0527 {
		min-width: auto;
		width: 50%;
	}
}

/* 220902 */
.border0902 {
	border-right: solid 1px #000;
	padding: 10px 0;
}
.amount0902 {
	padding: 10px 0;
}

@media screen and (max-width: 640px){
	.border0902 {
		min-width: auto;
	}
	.amount0902 {
		min-width: auto;
	}

	.width0905 {
		width: 30%;
	}
}