/* CSS Document */
.forM{ display:none;}
/*main*/
.main{ position: relative; width:1280px; display:block; padding:60px 0 0; margin: 0 auto; }
.bird01, .bird02, .man01, .man05, .man06, .man07, .man08, .sun01{ position: absolute;}
.bird01{top:230px; right:20px;width:41px; height:43px; display: block;background:url(../images/bird01.png) center no-repeat; background-size:cover;}
.bird02{top:80px; right:140px;width:41px; height:43px; display: block;background:url(../images/bird02.png) center no-repeat; background-size:cover;}
.man01{bottom:90px; left:10px;width:211px; height:275px; display: block;background:url(../images/man01.png) center no-repeat; background-size:cover;}
.man05{bottom:90px; left:0;width:97px; height:341px; display: block;background:url(../images/man05.png) center no-repeat; background-size:cover;}
.man06{bottom:20px; right:0;width:207px; height:190px; display: block;background:url(../images/man06.png) center no-repeat; background-size:cover;}
.man07{bottom:0; left:0;width:376px; height:229px; display: block;background:url(../images/man07.png) center no-repeat; background-size:cover;}
.man08{bottom:270px; left:-10px;width:211px; height:275px; display: block;background:url(../images/man01.png) center no-repeat; background-size:cover;}
.sun01{top:200px; left:70px;width:537px; height:77px; display: block;background:url(../images/sun01.png) center no-repeat; background-size:cover;}
/*entrance*/
.entrance{ width:870px; margin: 0 auto 30px; display: flex; justify-content: space-between; }
.entrance li{ position: relative;width:calc((100% - 30px)/2);box-sizing: border-box;}
.entrance li h2{ font-size:1.313rem; height:44px; font-weight:normal; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.entrance li:first-child h2{ width:165px;background: url(../images/in05_h2_bg01.png) center no-repeat;letter-spacing:1.5px;}
.entrance li:last-child h2{ width:119px;background: url(../images/in05_h2_bg02.png) center no-repeat;letter-spacing:2px;}
.entrance li .pic{ width:100%; margin: 0 0 30px;}
.entrance li .pic img{width:100%; height: auto;}
.entrance a{ position: absolute; top:0; left:0; width:100%; height: 100%; display: block;}
/*recipeBox*/
.recipeBox{ width: 900px; padding: 0 0 30px; margin: 0 auto; box-sizing: border-box;}
.recipeBox h2{font-size:2.0rem; color:#593100; margin:0 0 40px; }
.recipeBox h2 img{ display:inline-block; margin: 0 20px 0 0;}
.recipeBox h3.in{ color:#ee3863;font-size:1.250rem; font-weight: normal; display: flex; justify-content: space-between; align-items: center; margin: 0 0 30px; letter-spacing: 1px;}
.recipeBox h3.in span{ height: 133px;
    box-sizing: border-box;
    display: inline-block;
    color: #683700;
    line-height: 31px;
    padding: 20px 20px 20px 50px;
    margin-left: 11px;}

#in5-01 span{
    background: url(../images/in5/in05_bg1.png) no-repeat;

}
#in5-02 span{
    background: url(../images/in5/in05_bg2.png) no-repeat;
    color: #fffb93;
}
#in5-03 span{
    background: url(../images/in5/in05_bg3.png) no-repeat;
    color: #fff200;
}
.recipeBox h4{ width:149px; height: 41px; line-height: 41px; text-align: center;display: block; font-size:1.500rem ; color:#fff; font-weight: normal; letter-spacing:10px; box-sizing: border-box; padding: 0 0 0 10px; margin: 0 0 20px;}
.recipeBox .type01 h4{background: url(../images/in05_h4-01.png) no-repeat;}
.recipeBox .type02 h4{background: url(../images/in05_h4-02.png) no-repeat;}
/*recipeList*/
.recipeList{display: flex; justify-content: space-between; flex-wrap: wrap;margin: 0 0 20px; }
.recipeList li{ position: relative; width: 380px; height: auto; margin: 0 0 40px; display: flex; justify-content:center; flex-wrap: wrap;}
.recipeList li .pic{ margin: 0 0 4px;}
.recipeList li .pic img{ width: 100%; height: auto;}
.recipeList h3{ font-size:1.375rem; color:#5b3100; margin:0 auto; padding: 10px 5px; text-align: center;  width:auto; background: url(../images/in04_h3.png)  center bottom repeat-x;transition: color 0.3s;}
.recipeList li:hover >  h3{color: #ee7b1c; }
.recipeList li a{ position: absolute; top:0; left: 0; width:100%; height:100%; display: block; }
/*eventBn*/
.recipeBn{}
.recipeBn img{ width:100%; height: auto; margin: 0 0 30px;}
/*ingredient1*/
.ingredient1{  padding: 0 0 100px; margin: 0 auto 30px; display: flex; justify-content: flex-start; align-items: center;background: url(../images/in5/dotBg_2.png) bottom no-repeat;}
.ingredient1 li{ width:170px; height: 170px; padding: 80px 0 0;display: flex;justify-content:center; text-align: center; align-items: center; box-sizing: border-box; font-size:1.125rem; color:#824d02;}
.ingredient1 li:nth-child(1){background: url(../images/in5/in05_soymilk1.png) no-repeat;}
.ingredient1 li:nth-child(2){background: url(../images/in5/in05_soymilk2.png) no-repeat;}
.ingredient1 li:nth-child(3){background: url(../images/in5/in05_banana.png) no-repeat;background-size:cover;}
.ingredient1 li:nth-child(4){background: url(../images/in5/in05_guava.png) no-repeat;background-size:cover;}
.ingredient1 li:nth-child(5){background: url(../images/in5/in05_seaweed.png) no-repeat;background-size:cover;}
/*ingredient2*/
.ingredient2{  padding: 0 0 100px; margin: 0 auto 30px; display: flex; justify-content: flex-start; align-items: center;background: url(../images/in5/dotBg_2.png) bottom no-repeat;}
.ingredient2 li{ width:170px; height: 170px; padding: 80px 0 0;margin: 0 12px 0 0; display: flex;justify-content:center; text-align: center; align-items: center; box-sizing: border-box; font-size:1.125rem; color:#824d02;}
.ingredient2 li:nth-child(1){background: url(../images/in5/in05_soymilk1.png) no-repeat;}
.ingredient2 li:nth-child(2){background: url(../images/in5/in05_soymilk2.png) no-repeat;}
.ingredient2 li:nth-child(3){background: url(../images/in5/in05_cabbage.png) no-repeat;background-size:cover;}
.ingredient2 li:nth-child(4){background: url(../images/in5/in05_mushroom.png) no-repeat;background-size:cover;}
.ingredient2 li:nth-child(5){background: url(../images/in5/in05_salad.png) no-repeat;background-size:cover;}
/*ingredient3*/
.ingredient3{  padding: 0 0 100px; margin: 0 auto 30px; display: flex; justify-content: flex-start; align-items: center;}
.ingredient3 li{ width:170px; height: 170px; padding: 80px 0 0; margin: 0 12px 0 0;display: flex;justify-content:center; text-align: center; align-items: center; box-sizing: border-box; font-size:1.125rem; color:#824d02;}
.ingredient3 li:nth-child(1){background: url(../images/in5/in05_soymilk1.png) no-repeat;}
.ingredient3 li:nth-child(2){background: url(../images/in5/in05_soymilk2.png) no-repeat;}
.ingredient3 li:nth-child(3){background: url(../images/in5/in05_sweetpotato.png) no-repeat;background-size:cover;}
.ingredient3 li:nth-child(4){background: url(../images/in5/in05_egg.png) no-repeat;background-size:cover;}
.ingredient3 li:nth-child(5){background: url(../images/in5/in05_corn.png) no-repeat;background-size:cover;}

/*type*/
.type01, .type02{ padding: 0 0 30px; margin:  0 0 30px; letter-spacing: 1px; line-height: 2;}
.type01{ background: url(../images/dotBg.png) bottom no-repeat;}
.type01 ul{ margin: 0 0 30px; }
.type01 li{color:#5b3100;}
.type01 li span{ color:#b94a00;}
.type01 p{color:#cc316b;}
.type02 ul{ padding: 0 0 0 22px;}
.type02 li{ position: relative; color:#2b2b2b;}
.type02 li::before{ content: "・"; position: absolute; left: -22px; top:0;}
/*SevenD*/
.SevenD{padding:20px 20px 20px 50px; margin: 0 0 30px; background: url(../images/SevenD_bg.png) no-repeat; background-size:100% 100%;}
.SevenD li{ padding: 0 0 0 15px; position: relative; color:#fff; font-size:1.375rem; line-height: 1.7; font-weight:normal; letter-spacing: 1px;}
.SevenD li::before{ content: "・"; position: absolute; left: -22px; top:0;}
/*dayBox*/
.dayBox{ padding: 0 13px; margin:0 0 170px;}
.dayBox li{ position: relative; padding:84px 0 0; margin:0 0 50px; box-sizing: border-box; }
.dayBox li h3{ position: absolute; top:0; left:-90px; width:190px; height: 84px; padding:30px 0 0 80px; font-size:1.265rem; display: block; overflow:hidden; box-sizing: border-box;}
.dayBox li h4{ text-align: right; font-size:1.5rem; color:#be6700; margin: 0; padding:0; letter-spacing: 0; width:100%; height: auto;}
.dayBox li h5{ position: absolute; right:0; bottom:-40px; text-align: center; font-size:1.375rem; color:#5b2901; margin: 0; padding:0; letter-spacing: 0; width:196px; height: 46px; line-height: 46px;background: url(../images/in05_h5.png) no-repeat;}
.dayBox li .mealBox{ height:280px; display: flex; justify-content: space-around;}
.dayBox li:nth-child(odd) .mealBox{background: url(../images/dayBox01.png) bottom no-repeat; background-size:100% 100%; }
.dayBox li:nth-child(even) .mealBox{background: url(../images/dayBox02.png) bottom no-repeat; background-size:100% 100%;}
.dayBox li:nth-child(1) h3{background: url(../images/day01.png) top no-repeat; }
.dayBox li:nth-child(2) h3{background: url(../images/day02.png) top no-repeat; }
.dayBox li:nth-child(3) h3{background: url(../images/day03.png) top no-repeat; }
.dayBox li:nth-child(4) h3{background: url(../images/day04.png) top no-repeat; }
.dayBox li:nth-child(5) h3{background: url(../images/day05.png) top no-repeat; }
.dayBox li:nth-child(6) h3{background: url(../images/day06.png) top no-repeat; }
.dayBox li:nth-child(7) h3{background: url(../images/day07.png) top no-repeat; }
.dayBox li .meal{  width:33%; box-sizing: border-box;padding: 10px 15px 0 ; }
.dayBox li .meal .pic{ width:100%;text-align: center;}
.dayBox li .meal .pic img{ margin: 0 auto;}
.dayBox li:nth-child(odd) .meal:nth-child(odd) p{color:#3a1300;}
.dayBox li:nth-child(odd) .meal:nth-child(even) p{color:#640000;}
.dayBox li:nth-child(even) .meal:nth-child(odd) p{color:#640000;}
.dayBox li:nth-child(even) .meal:nth-child(even) p{color:#3a1300;}
.dayBox li .meal p{ line-height: 1.3;}
@media screen and (max-width: 1279px){
	/*main*/
	.main{width:100%;}
	.man01{bottom:0; left:-70px;width:155px; height:202px;}
	.man05{bottom:0; left:0;}
	.man06{bottom:0; right:0;}
	.sun01{top:200px; left:0;}
}
@media screen and (max-width: 1000px){
	/*main*/
	.main{ padding:50px 0 0;}
	.man05{width:65px ; height:267px;}
	.man06{width:170px ; height:143px;}
	.man07{bottom:90px; left:60px;width:250px; height:152px;}
	.man08{bottom:450px; left:-130px;}
	/*recipeBox*/
	.recipeBox{ width: 100%; padding: 0 80px 60px;}
	/*ingredient*/
	.ingredient1 li{ width:113px; height: 113px; padding: 50px 0 0;  font-size:0.875rem;}
    /*ingredient2*/
    .ingredient2 li{ width:113px; height: 113px; padding: 50px 0 0;  font-size:0.875rem;}
    /*ingredient3*/
    .ingredient3 li{ width:113px; height: 113px; padding: 50px 0 0;  font-size:0.875rem;}
    /*ingredient4*/
    .ingredient4 li{ width:113px; height: 113px; padding: 50px 0 0;  font-size:0.875rem;}
    /*ingredient5*/
    .ingredient5 li{ width:113px; height: 113px; padding: 50px 0 0;  font-size:0.875rem;}
    /*ingredient6*/
    .ingredient6 li{ width:113px; height: 113px; padding: 50px 0 0;  font-size:0.875rem;}
	/*dayBox*/
	.dayBox li .mealBox{ height:250px;}
	.dayBox li h3{ position: absolute; top:0; left:-10px;}
	.dayBox li .meal{padding: 10px 10px 0; }
	.dayBox li .meal p{font-size:0.875rem; color:#3a1300; line-height: 1.2;}
}
@media screen and (max-width: 969px){

	/*entrance*/
	.entrance{ width:100%; padding: 0 80px; margin: 0 auto 30px; box-sizing: border-box; }
	/*recipeList*/
	.recipeList li{ width: 280px; margin: 0 0 50px; }
	.recipeList h3{ font-size:1.250rem;}
}
@media screen and (max-width: 767px){


	/*main*/
	.main{ padding:10px 0 0;}
	.man01{bottom:0; left:-90px;width:155px; height:202px;}
	.man05{display: none;}
	.man06{ bottom:70px; right:190px;}
	.man07{bottom:70px; left:50%; margin:0 -125px;}
	.bird02{top:360px; right:30px;width:23px; height:24px;}
	.sun01{display: none;}
	/*entrance*/
	.entrance{padding: 0 30px; flex-wrap: wrap;margin: 0 auto 20px; }
	.entrance li{ width:100%; margin: 0 auto 30px;}
	.entrance li .pic{ margin: 0 auto 20px;}

	/*recipeBox*/
	.recipeBox{padding: 0 30px;}
	.recipeBox img{margin: 0 auto;}
	.recipeBox h3.in{ position: relative; display: block; padding: 20px 0 0 0; }
	.recipeBox h3.in span{ top:-50px; left:0; background: url(../images/in5/in05_bg1_m.png);
		font-size: 17px;margin-left: 0;padding: 0 auto;}
	#in5-01 span{
    height:200px;
    background: url(../images/in5/in05_bg1_m.png) no-repeat;
    background-size: contain;
    padding: 20px 20px 20px 20px;}

	#in5-02 span{
    height:200px;
    background: url(../images/in5/in05_bg2_m.png) no-repeat;
    background-size: contain;
    padding: 20px 20px 20px 20px;}

	#in5-03 span{
    height:200px;
    background: url(../images/in5/in05_bg3_m.png) no-repeat;
    background-size: contain;
    padding: 20px 20px 20px 20px;}

	.recipeBox p{ font-size:1rem; color:#5b3100;line-height: 2; margin: 0 0 30px;}
	/*recipeList*/
	.recipeList li{ width: 100%;  margin: 0 auto 40px; }
	.recipeList li .pic{ margin: 0 ;}
	.recipeList h3{font-size:1.250rem; }
	/*ingredient*/
	.ingredient1{flex-wrap: wrap; justify-content: flex-start; padding: 0 0 30px; }
	.ingredient1 li{ width:92px; height: 92px; padding: 45px 0 0; margin: 0 7px 7px 0;  font-size:0.750rem;}
	.ingredient1 li:nth-child(3){margin: 0 0 25px 0;}
	/*Evy Add 2018.10.27*/
	.ingredient.aos-init.aos-animate li:nth-child(3){margin: 0 7px 7px 0;}
    /*ingredient2*/

	.ingredient2{flex-wrap: wrap; justify-content: flex-start; padding: 0 0 30px; }
	.ingredient2 li{ width:92px; height: 92px; padding: 45px 0 0; margin: 0 7px 7px 0;  font-size:0.750rem;}
	.ingredient2 li:nth-child(3){margin: 0 0 7px 0;}
    /*ingredient3*/
	.ingredient3{flex-wrap: wrap; justify-content: flex-start; padding: 0 0 30px; }
	.ingredient3 li{ width:92px; height: 92px; padding: 45px 0 0; margin: 0 7px 7px 0;  font-size:0.750rem;}
	.ingredient3 li:nth-child(3){margin: 0 0 25px 0;}
    /*ingredient4*/
	.ingredient4{flex-wrap: wrap; justify-content: flex-start; padding: 0 0 30px; }
	.ingredient4 li{ width:92px; height: 92px; padding: 45px 0 0; margin: 0 7px 7px 0;  font-size:0.750rem;}

    /*ingredient5*/
	.ingredient5{flex-wrap: wrap; justify-content: flex-start; padding: 0 0 30px; }
	.ingredient5 li{ width:92px; height: 92px; padding: 45px 0 0; margin: 0 7px 7px 0;  font-size:0.750rem;}

    /*ingredient6*/
	.ingredient6{flex-wrap: wrap; justify-content: flex-start; padding: 0 0 30px; }
	.ingredient6 li{ width:92px; height: 92px; padding: 45px 0 0; margin: 0 7px 7px 0;  font-size:0.750rem;}
	.ingredient6 li:nth-child(3){margin: 0 0 25px 0;}
	/*type*/
	.type02{ padding: 0 0 110px;}
	/*SevenD*/
	.SevenD{ padding: 20px 20px 20px 30px ;}
	.SevenD li{ padding: 0 ; font-size:0.875rem;}
	/*dayBox*/
	.dayBox{ margin: 0 0 240px;}
	.dayBox li{ margin:0 0 90px;}
	.dayBox li h3{ position: absolute; top:0; left:50%; margin: 0 -98px;}
	.dayBox li h4{ font-size:1.250rem; line-height: 1.2;}
	.dayBox li h5{ position: absolute; right:50%; bottom:-40px; margin: 0 -98px;}
	.dayBox li:nth-child(odd) .mealBox, .dayBox li:nth-child(even) .mealBox{height:auto;background: none; display: block;}
	.dayBox li .mealBox .meal{ width:100%; margin: 0; padding:15px ; display: block;}
	.dayBox li:nth-child(odd) .meal:nth-child(1){background:url(../images/meal_top01.png) top no-repeat; background-size: 100% 100%;}
	.dayBox li:nth-child(odd) .meal:nth-child(2){background:url(../images/meal_mid01.png) center repeat-y; background-size: 100% 100%;}
	.dayBox li:nth-child(odd) .meal:nth-child(3){background:url(../images/meal_but01.png) bottom no-repeat; background-size: 100% 100%;}
	.dayBox li:nth-child(even) .meal:nth-child(1){background:url(../images/meal_top02.png) top no-repeat; background-size: 100% 100%;}
	.dayBox li:nth-child(even) .meal:nth-child(2){background:url(../images/meal_mid02.png) center repeat-y; background-size: 100% 100%;}
	.dayBox li:nth-child(even) .meal:nth-child(3){background:url(../images/meal_but02.png) bottom no-repeat; background-size: 100% 100%;}
	.dayBox li p{ display: none;}
	.dayBox li p.forM{ display:block; font-size: 1rem; line-height: 1.9; padding:0 0 0 21px; margin: 0 ;}
	.dayBox .pic{display: none;}
	.dayBox .pic.forM{ display:block; margin: 15px auto 20px;}
}
@media screen and (max-width: 359px){
	.man06{ bottom:70px; right:130px;}
	/*recipeBox*/
	.recipeBox{ padding: 0 15px;}
	.recipeList li{}
	/*ingredient*/
	.ingredient li{ width:90px; height: 90px; padding: 40px 0 0; }
    .ingredient2 li{ width:90px; height: 90px; padding: 40px 0 0; }
    .ingredient3 li{ width:90px; height: 90px; padding: 40px 0 0; }
    .ingredient4 li{ width:90px; height: 90px; padding: 40px 0 0; }
    .ingredient5 li{ width:90px; height: 90px; padding: 40px 0 0; }
    .ingredient6 li{ width:90px; height: 90px; padding: 40px 0 0; }

}}

.soymilk_gp {
	    margin-top: 160px;
    margin-right: 50px;
}

@media screen and (max-width: 767px){


.ingredient1 li:nth-child(1) {
    background: url(../images/in5/in05_soymilk1.png) no-repeat;
    background-size: contain;
        margin-bottom: 60px;
    }
 .ingredient1 li:nth-child(2){
 	background: url(../images/in5/in05_soymilk2.png) no-repeat;
   background-size: contain;
       margin-bottom: 60px;
}
.ingredient2 li:nth-child(1) {
    background: url(../images/in5/in05_soymilk1.png) no-repeat;
    background-size: contain;
        margin-bottom: 60px;
    }
 .ingredient2 li:nth-child(2){
 	background: url(../images/in5/in05_soymilk2.png) no-repeat;
   background-size: contain;
       margin-bottom: 60px;
}
.ingredient3 li:nth-child(1) {
    background: url(../images/in5/in05_soymilk1.png) no-repeat;
    background-size: contain;
        margin-bottom: 60px;
    }
 .ingredient3 li:nth-child(2){
 	background: url(../images/in5/in05_soymilk2.png) no-repeat;
   background-size: contain;
       margin-bottom: 60px;
}

#in5-01 img{
	width: 40%;
}



}




#in5-01 p{
	    text-align: right;
    padding-right: 10px;
    color: #ca3b03;
}
#in5-02 p{
	    text-align: right;
    padding-right: 10px;
    color: #fff;
}
#in5-03 p{
	    text-align: right;
    padding-right: 10px;
    color: #fff;
}

.ingredient1 p{
	    margin-top: 160px;
    margin-right: 50px;
}
.ingredient2 p{
	    margin-top: 160px;
    margin-right: 50px;
}
.ingredient3 p{
	    margin-top: 160px;
    margin-right: 50px;
}

@media screen and (max-width: 767px){
.ingredient1 p {
    margin-top: 120px;
    margin-right: 28px;
    line-height: 17px;}

.ingredient2 p {
    margin-top: 120px;
    margin-right: 28px;
    line-height: 17px;}

.ingredient3 p {
    margin-top: 120px;
    margin-right: 28px;
    line-height: 17px;}

.soymilk_gp li{
margin-bottom: 60px;
}

}