.recipeList.active{display: block;}
.recipeList{
    display: none;
    margin-bottom: 30px;
}
.recipeList .box{
    padding: 15px 0 0 0;
    box-sizing: border-box;
    border: 2px solid #f9c26b;
    background: #fff1e3;
}
.recipeList .box a{
    display: block;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    color: #b9440a;
    text-decoration: underline;
    margin-bottom: 25px;
}
.recipeList .box p{
    display: block;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 70%;
    color: #000;
    margin-bottom: 15px;
}
.recipeList .box .category{
    padding: 10px 15px 20px 15px;
    font-size: 70%;
    color: #773926;
    background: #fff;
}
.attribute .category,.time{
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 115%;
}
.attribute .category{border:1px solid #f39800;}
.time{
    color: #fff;
    background: #f39800;
}
.introLeft .ttl3{margin-top:0;}
.recipeCnt .intro{
    margin-top: 60px;
    margin-bottom: 60px;
}

table.material,table.nutrition{color: #000;}
table.material thead,table.nutrition thead{text-align: left;}
table.material thead{background: #ffd48b;}
table.nutrition thead{background: #d0d0d0;}
table.material{background-color:#fff1e3;}
table.nutrition{background-color:#f3f3f3;}
tbody,thead,tr{
    display: block;
    width: 100%;
}
table.material tr,table.nutrition tr{box-sizing: border-box;}
table.material tr{background:url(/meiji-eiyoucare/img/common/bg_dotline-x-orange4.png) repeat-x bottom;}
table.nutrition tr{background:url(/meiji-eiyoucare/img/common/bg_dotline-x-black2.png) repeat-x bottom;}
table.material tr:last-child,table.nutrition tr:last-child{background: none;}
table.material tr > td:last-child,table.nutrition tr > td:last-child{
    text-align: right;
    width: 217px;
}
table.material tr > td:first-child,table.nutrition tr > td:first-child{width: 250px;}
.RecipeBtnWrap span:last-child{float: right;}
.cooking,.materialUsing,.otherRecipe{
    margin-bottom: 30px;
    box-sizing: border-box;
}
table.material .dpInline{
		display:inline;
}
table.material .text-upper {
    vertical-align: top;
}
.cooking .ttl{
    padding: 5px 15px;
    font-size: 125%;
    color: #fff;
    background:#b9440a;
}
.cooking ol{list-style: none;}
.cooking ol li{position: relative;}
.cooking ol li:first-child{
    background-image: url(/meiji-eiyoucare/img/common/bg_dotline-x-black3.png);
}
.cooking ol li:nth-child(2){
    background-image: url(/meiji-eiyoucare/img/common/bg_dotline-x-black3.png);
}
.cooking ol li:nth-child(3){
    background-image: url(/meiji-eiyoucare/img/common/bg_dotline-x-black3.png);
}
.cooking ol li:nth-child(4){
    background-image: url(/meiji-eiyoucare/img/common/bg_dotline-x-black3.png);
}
.cooking ol li:nth-child(5){
    background-image: url(/meiji-eiyoucare/img/common/bg_dotline-x-black3.png);
}
.cooking ol li:nth-child(6){
    background-image: url(/meiji-eiyoucare/img/common/bg_dotline-x-black3.png);
}
.cooking ol li:nth-child(7){
    background-image: url(/meiji-eiyoucare/img/common/bg_dotline-x-black3.png);
}
.cooking ol li:nth-child(8){
    background-image: url(/meiji-eiyoucare/img/common/bg_dotline-x-black3.png);
}
.materialUsing .ttl{
    margin-bottom: 10px;
    background: #939393;
}

.otherRecipe{text-align: center;}
.otherRecipe .ttl{background:#ff9731;}

.materialUsing{text-align: center;}
.materialUsing .ttl,.otherRecipe .ttl{
    padding:5px;
    color:#fff;
    text-align: center;
}

.otherRecipe ul{
    display: inline-block;
    margin: 0 auto;
}
.otherRecipe li{
    display: inline-block;
    float: left;
    border:2px solid #f39700;
    box-sizing: border-box;
    text-align: left;
    background:#fff1e3;
}
.materialUsing a,.otherRecipe li a{
    display: block;
    color: #b9440a;
    text-decoration: underline;
}
.otherRecipe li img{
    display: block;
    margin: 0 auto;
}
.materialUsing a:after,.otherRecipe li a:after,.recipeList .box a:after{
    content: "\25B6";
    display: inline-block;
    color: #ff5400;
    margin: 0;
}
span.textImg1{background: url(/meiji-eiyoucare/img/recipe/icon_ol1.jpg) no-repeat;}
span.textImg2{background: url(/meiji-eiyoucare/img/recipe/icon_ol2.jpg) no-repeat;}
span.textImg3{background: url(/meiji-eiyoucare/img/recipe/icon_ol3.jpg) no-repeat;}
span.textImg1,span.textImg2,span.textImg3{
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: 100% auto;
    background-position: center;
}

/*▽1208追加▽*/
.cooking ol li span.orangeText{
	display:inline;
    }
/*△1208追加△*/

/* ---------------------------------------------------------
pc専用記述
----------------------------------------------------------*/
@media screen and (min-width:641px){
    .pageCnt > .RecipeBtnWrap{
        width: 1002px;
        margin: 0 auto;
        /* ----- 161102 ----- */
        padding: 15px 0;
    }
    .pageCnt > .recipeCnt{
        width: 1002px;
        margin: 0 auto;
        padding: 0 0px 50px 0px;
        border: 1px solid #ff6161;
        box-sizing: border-box;
    }
    .cooking .ttl{border-radius: 50px;}
    .attribute .category,.time{
        display: table-cell;
        width: 490px;
    }
    .tableWrap{
        margin-bottom: 50px;
        padding: 0 5px;
        box-sizing: border-box;
        border-collapse: separate;
        border-spacing: 5px 0;
        font-size: 115%;
    }
    table.material,table.nutrition{
        display: table-cell;
        width: 487px;
        border-collapse: collapse;
    }
    table.material tr,table.nutrition tr{
        padding: 10px;
    }
    .recipeCnt .introLeft{
        display: table-cell;
        width: 50%;
        padding:0 80px 0 30px;
        box-sizing: border-box;
    }
    .recipeCnt .introLeft p{font-size: 115%;}
    .introRight{
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .cooking,.materialUsing,.otherRecipe{
        padding: 0 10px;
    }
    .cooking ol{
        font-size: 125%;
        padding: 0 15px;
    }
    .cooking ol li:first-child,
		.cooking ol li:nth-child(2),
		.cooking ol li:nth-child(3),
		.cooking ol li:nth-child(4),
		.cooking ol li:nth-child(5),
		.cooking ol li:nth-child(6),
		.cooking ol li:nth-child(7){
        background-repeat: repeat-x;
        background-position: bottom;
    }
    .cooking ol li{padding: 30px 0 30px 40px;}
    .cooking li.last.point{
        text-indent: -5em;
        padding-left: -webkit-calc(5em + 40px);
        padding-left: -moz-calc(5em + 40px);
        padding-left: calc(5em + 40px);
    }
    .cooking li.last.point span{
        display: inline !important;
    }
    .otherRecipe li:nth-child(5n){
        margin-right:0;
    }
    .otherRecipe li{
        width: 192px;
        margin-right: 3px;
        margin-top: 4px;
        padding:3px 6px;
    }
    .otherRecipe li a{font-size: 87%;}

    .softjelly_text{
        font-size: 125% !important;
        padding: 0 !important;
    }

	.attribute{
        padding: 10px;
        box-sizing: border-box;
    }
    .recipeList .box{
        display: inline-block;
        float: left;
        width: 184px;
    }
    .recipeList .box{
        margin-right: 1px;
        margin-bottom: 1px;
    }
    .recipeList .box .imgWrap{
        margin-top: 0;
        padding:0 20px;
        box-sizing: border-box;
    }
    .recipeList .box .imgWrap img{width: 100%;}

}


/* ---------------------------------------------------------
sp専用記述
----------------------------------------------------------*/
@media screen and (max-width:640px){

    .pageCnt > .RecipeBtnWrap{
        text-align: right;
        margin-bottom: 30px;
    }
    .pageCnt > .recipeCnt{
        padding: 0 1.5%;
    }
    .introLeft .ttl3{
        font-size: 130%;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .cooking .ttl{
        border-radius: 50px 0 0 50px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .attribute .category,.time{
        width: 100%;
        display: block;
        text-align: center;
        padding: 5px;
        font-size: 100%;
    }
    .introRight{text-align: center;}
    .introRight img{
        max-width: 70%;
        margin-top: 40px;
    }
    table.material,table.nutrition{
        width: 100%;
        display: block;
        margin-bottom: 20px;
        box-sizing: border-box;
    }
    table.material{border: 2px solid #f9cf87;}
    table.nutrition{border: 2px solid #e1e1e1;}
    .recipeCnt .intro{
        margin-top: 30px;
    }
    .attribute > *{

    }
    table.material thead, table.nutrition thead{color: #fff;}
    table.material thead{background: #f39800;}
    table.nutrition thead{background:#a2a1a0;}
    table.material thead th, table.nutrition thead th{font-weight: normal;}
    table.material tr,table.nutrition tr{padding: 5px;}
    .otherRecipe li{
        width: 33%;
        margin-right: 1px;
        margin-top: 1px;
        padding:1% 2%;
    }



    .otherRecipe li:nth-child(3n){margin-right:0;}
    .cooking .ttl,.materialUsing .ttl,.otherRecipe .ttl{font-weight: normal;}
    .cooking ol li{
        padding: 10px 0 10px 9%;
        background-size: 20px,auto;
        background-position: bottom;
        background-repeat: repeat-x;
    }
    .softjelly_text{
        font-size: 100% !important;
        padding: 0 !important;
    }
    .introRight_btn{
        display: block;
        width: 100%;
        text-align: center;
    }

    .recipeList .box{
        margin-bottom: 4px;
        padding:0;
    }
    .recipeList .box .imgWrap{
        float: left;
        width: 31%;
        margin: 1.5% 0 1.5% 1.5%;
        padding: 0;
    }
    .recipeList .box a{margin-top: 1.5%;}
    .recipeList .box p,.recipeList .box a{
        float: right;
        width: 67%;
        padding:0 1.5%;
    }
    .recipeList .box .category{
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 1.5% 10px 35%;
    }
    .recipeList .box p,.recipeList .box .category{font-size: 100%;}
}
.cooking p{
	position: relative;
	padding: 31px 0 22px 31px;
	background-image: url(/meiji-eiyoucare/img/common/icon_underline-dot6.jpg) !important;
	background-repeat: repeat-x !important;
	background-position: left 160px bottom !important;
	margin-left: 15px;
	font-size: 125%;
}
.cooking ol li > .subTL{
	position: relative;
	background: none!important;
	padding: 0;
	margin-top: 70px;
	margin-left: 0!important;
	font: inherit;
	width: inherit!important;
}
.cooking ol li:nth-child(1):before{
	background: url(/meiji-eiyoucare/img/recipe/icon_ol1.jpg) no-repeat;
}
.cooking ol li:nth-child(2):before{
	background: url(/meiji-eiyoucare/img/recipe/icon_ol2.jpg) no-repeat;
}
.cooking ol li:nth-child(3):before{
	background: url(/meiji-eiyoucare/img/recipe/icon_ol3.jpg) no-repeat;
}
.cooking ol li:nth-child(4):before{
	background: url(/meiji-eiyoucare/img/recipe/icon_ol4.jpg) no-repeat;
}
.cooking ol li:nth-child(5):before{
	background: url(/meiji-eiyoucare/img/recipe/icon_ol5.jpg) no-repeat;
}
.cooking ol li:nth-child(6):before{
	background: url(/meiji-eiyoucare/img/recipe/icon_ol6.jpg) no-repeat;
}
.cooking ol li:nth-child(7):before{
	background: url(/meiji-eiyoucare/img/recipe/icon_ol7.jpg) no-repeat;
}
.cooking ol li:nth-child(8):before{
	background: url(/meiji-eiyoucare/img/recipe/icon_ol8.jpg) no-repeat;
}
.cooking ol li:before{
	display: inline-block;
	position: absolute;
	top: 30px;
	left: 0;
	width: 28px;
	height: 27px;
	background-size: 28px 27px;
	content: "";
}
.cooking li.last:before{
	background: none !important;
}
.cooking li:last-child{
	background: none !important;
}

@media screen and (max-width:640px){
	.cooking ol li{
		padding: 10px 0 10px 40px;
	}
	.cooking li{
		background-size: auto !important;
	}
	.cooking ol li:before{
		top: 12px;
		left: 15px;
		width: 21px;
		height: 20px;
		background-size: 100% !important;
	}




/*▽1208追加▽*/
	.cooking li.last .block{
		display: block;
		position: relative;
	}
	.cooking li.last .blockOuyou	{
		display: block;
		position: absolute;
	}
/*△1208追加△*/

	.cooking li:last-child.last span:nth-child(1){
		right: 40px !important;
		color: #ff9900;
	}

	.ss {
		display: inline-block!important;
		position: static!important;
	}
}

span.textImg4{background: url(/meiji-eiyoucare/img/recipe/icon_ol4.jpg) no-repeat;}
span.textImg5{background: url(/meiji-eiyoucare/img/recipe/icon_ol5.jpg) no-repeat;}
span.textImg6{background: url(/meiji-eiyoucare/img/recipe/icon_ol6.jpg) no-repeat;}
span.textImg7{background: url(/meiji-eiyoucare/img/recipe/icon_ol7.jpg) no-repeat;}
span.textImg4,
span.textImg5,
span.textImg6,
span.textImg7{
	display: inline-block;
	width: 1em;
	height: 1em;
	background-size: 100% auto;
	background-position: center;
}

.intro .leftText{
	width: 490px;
}

.intro .rightText{
	width: 490px;
}

/* ----- 161102 ----- */
.intro.column3{
  margin: 45px 0px;
  padding: 0 10px;
}
.intro.column3 .leftText{
	width: 31.3%;
  margin-right: 2%;
  padding: 0px;
  vertical-align: top;
}
.intro.column3 .introLeft .ttl3{
  margin-bottom: 10px;
}
.intro.column3 .rightText{
  width: 33.3%;
  padding: 0px;
  vertical-align: top;
}
.intro.column3 .materialUsing{
  width: 31.3%;
  margin-left: 2%;
  padding: 0px;
  display: table-cell;
  vertical-align: top;
}
.intro.column3 .materialUsing .ttl{
  font-size: 1.13em;
  color: #49251a;
  background-color: #ededed;
}
.intro.column3 .box{
  padding-top: 10px;
}
.intro.column3 .box .block{
  width: 90%;
  display: table;
  margin: 0 auto 40px;
}

/*  img meibalance x 3 only  */
.intro.column3 .box .blockUsing-meibala{
  margin-bottom: 10px;
}

.intro.column3 .box .block > a{
  width: 78%;
  display: table-cell;
  vertical-align: middle;
}
.intro.column3 .box .block > .imgWrap{
  width: 20%;
  padding-left: 2%;
  display: table-cell;
  vertical-align: middle;
}
/*  img meibalance x 3 only  */
.intro.column3 .box .blockUsing-meibala .imgWrap a{
  width: 233px;
}
/*  img meibalance x 3 only  */
.intro.column3 .box .blockUsing-meibala .imgWrap img{
  width: 50px;
}


@media screen and (max-width: 640px){
  .intro.column3{
    padding: 0;
  }
  .intro.column3 .leftText,
  .intro.column3 .rightText,
  .intro.column3 .materialUsing{
    display: block;
    width: auto;
    margin: 0 0 30px;
  }
  .intro.column3 .introLeft .ttl3{
    margin-bottom: 40px;
  }
  .intro.column3 .introRight img{
    margin-top: 20px;
  }
  .intro.column3 .materialUsing{
    border-top: none;
  }
  .intro.column3 .materialUsing .ttl{
    font-weight: bold;
  }
  .intro.column3 .materialUsing .box{
    border: 2px solid #ededed;
  }
}

.orangeText {
	color: #ff6600;
}

.pL0 { padding-left: 0 !important}.intro.column3 .box .block > .imgWrap
.pL30 { padding-left: 30px}

@media screen and (max-width:640px){
	.intro .leftText{
		width: 642px;
	}

	.intro .rightText{
		width: inherit;
	}
}

.material tbody tr,
.nutrition tbody tr{
	padding: 0 10px !important;
	line-height: 1.9;
	vertical-align: bottom;
}

.tdtitle td{padding-top:15px;}

@media screen and (max-width:640px){
	.material tbody tr,
	.nutrition tbody tr{
		line-height: inherit;
	}
}

.materialUsing .box{
	display:block;
	padding-top: 20px;
}

.box .block{
	display:inline-block;
	width:49%;
}

.box.col3 .block{
	width:32%;
}

.block a{
	display:inline-block;
	text-align:justify;
}

tr.borderLastOrange{
	background: url(/meiji-eiyoucare/img/common/bg_dotline-x-orange4.png) repeat-x bottom !important;
}
tr.borderLast{
	background: url(/meiji-eiyoucare/img/common/bg_dotline-x-black2.png) repeat-x bottom !important;
}

td.w100 {
	width: 100% !important;
	text-align: left !important;
	line-height: 2;
	padding: 10px 0;
}

.tAlignL {
	text-align: left !important;
}

.breadCrumb li:nth-child(2) a {
	text-decoration: none !important;
}
.onlyPC_mgt35 {
        margin-top: 35px!important;
}
@media screen and (max-width:640px){
	.materialUsing {
		border-top: 3px solid #b9440a;
		padding-top: 20px;
	}
	.materialUsing .ttl{
		margin-bottom: 0;
	}

	.materialUsing .box{
		display: block;
		padding: 15px;
		border: 1px solid #939393;
	}

	.block .breakpoint {
		display: none;
	}

	.pager2 {
		font-size: 120%;
	}

	table.material tr td:first-child,
	table.nutrition tr td:first-child {
		display: inline-block;
		width: 48%;
	}
	table.material tr td:last-child,
	table.nutrition tr td:last-child {
		display: inline-block;
		width: 48%;
	}

	tr.borderLastOrange,
	tr.borderLast {
		background: none !important;
	}
	td.w100 {
		padding: 0;
		line-height: inherit;
	}
    .onlyPC_mgt35 {
        margin-top: auto!important;
    }
    .otherRecipe ul{display: block;}
    .materialUsing .block,.materialUsing .box .block{
        display: table;
        width: 100%;
        text-align: left;
    }
    .materialUsing .block > div,.box .materialUsing .block > div{
        display: table-cell;
        vertical-align: middle;
        width: 60%;
    }
    .materialUsing .block > div.imgWrap,.box .materialUsing .block > div.imgWrap{
        width: 40%;
    }
}

/* ----- 171116 ----- */
@media screen and (min-width:641px){
	.pc-none{display:none;}
}
@media screen and (max-width:640px){
	.sp-none{display:none;}
}