body{
 background: url(../img/recipe/bg.png);
}
#main{
 overflow: hidden;
}
#sec_mv{
 text-align: center;
 padding: 50px 40px 100px;
 background: url(../img/recipe/mv_bg.jpg) no-repeat center center;
 background-size: cover;
 position: relative;
}
#sec_mv h1{
 position: relative;
 z-index: 3;
}
#sec_mv:before{
 display: block;
 content: "";
 position: absolute;
 left: 0px;
 top: -50px;
 width: 200px;
 height: 100%;
 background: url(../img/recipe/mv_l.png) no-repeat left top;
 background-size: contain;
}
#sec_mv:after{
 display: block;
 content: "";
 position: absolute;
 right: 0px;
 top: -50px;
 width: 200px;
 height: 100%;
 background: url(../img/recipe/mv_r.png) no-repeat left top;
 background-size: contain;
}

#sec_01,
#sec_02,
#sec_03,
#sec_04,
#sec_05,
#sec_06{
 position: relative;
}
#sec_03:before,
#sec_05:before{
 position: absolute;
 display: block;
 content: "";
 width: 235px;
 height: 197px;
 background: url(../img/recipe/bg_leaf_l.png) no-repeat;
 background-size: contain;
}
#sec_03:before,
#sec_05:before{
 left: -10%;
 top: -40px;
}
#sec_02:before,
#sec_04:before,
#sec_06:before{
 position: absolute;
 display: block;
 content: "";
 width: 327px;
 height: 222px;
 background: url(../img/recipe/bg_leaf_r.png) no-repeat;
 background-size: contain;
}
#sec_02:before,
#sec_04:before,
#sec_06:before{
 right: -12vw;
 top: -80px;
}
#sec_01 .photo img.main,
#sec_03 .photo img.main,
#sec_05 .photo img.main{
 transform: scale(1.2) translate(-10%, 5%);
 box-shadow: 4px 4px 0px #ccc;
}
#sec_02 .photo img.main,
#sec_04 .photo img.main,
#sec_06 .photo img.main{
 transform: scale(1.2) translate(10%, 5%);
 box-shadow: -4px 4px 0px #ccc;
}
#sec_01 .point,
#sec_03 .point,
#sec_05 .point{
 position: absolute;
 right: 30px;
 top: 50px;
}
#sec_02 .point,
#sec_04 .point,
#sec_06 .point{
 position: absolute;
 left: 30px;
 top: 50px;
}


.pageTtl{
 text-align: center;
}
.pageTtl .num{
 position: absolute;
 left: 10px;
 top: -10px;
}
.pageTtl .icon{
 position: absolute;
 bottom: -48px;
 right: -200px;
 z-index: 3;
}
.pageTtl .icon2{
 position: absolute;
 bottom: -64px;
 right: -165px;
 z-index: 3;
}
.pageTtl>span{
 display: inline-block;
 background: url(../img/recipe/ttl_bg.png) repeat-x;
 position: relative;
 padding: 25px 30px 25px 100px;
 top: -10px;
 min-width: 200px;
}
.pageTtl>span:before{
 display: block;
 content: "";
 background: url(../img/recipe/ttl_bg_l.png) no-repeat;
 position: absolute;
 height: 100%;
 width: 45px;
 left: -42px;
 top: 0px;
}
.pageTtl>span:after{
 display: block;
 content: "";
 background: url(../img/recipe/ttl_bg_r.png) no-repeat;
 position: absolute;
 height: 100%;
 width: 45px;
 right: -42px;
 top: 0px;
}

.pageTtl2{
 border-bottom: solid 1px #aaa;
 margin-bottom: 10px;
}

.pageList li{
 display: flex;
}

.blue{
 color: #3177A0;
}
.shop{
 display: flex;
 width: 87%;
 margin: 2em auto 0;
 justify-content: space-around;
 /*margin-top: 120px;
 transform: scale(1.2) translate(-10%, 5%);*/
}
.shop_main_img{
 display:flex;
 /*width: 90%;*/
 /*margin: 0 auto 1em;*/
}
.ingredient{
	margin-top: 120px;
}
.about{
	justify-content: space-evenly;
}
/*.text{
 display: contents;
}*/
/*.shop_img{
	max-width: 80%;
}
.shop_h {
    width: 80%;
    justify-content: center;
    display: inline-flex;
}*/
@media screen and (max-width: 1560px) {
#sec_02:before,
#sec_04:before,
#sec_06:before{
 right: -7vw;
}
#sec_03:before, 
#sec_05:before{
 left: -7vw;
}
}
@media screen and (max-width: 1378px) {
#sec_02:before,
#sec_04:before,
#sec_06:before{
 right: -3vw;
}
#sec_03:before, 
#sec_05:before{
 left: -3vw;
}
}
/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 1257px) {
 body{
  background: none;
 }
 #sec_mv{
  background: url(../img/recipe/mv_bg_sp.jpg) no-repeat center center;
  background-size: 100% auto;
 }
 #sec_mv:before{
  display: none;
 }
 #sec_mv:after{
  display: none;
 }

 #sec_03:before,
 #sec_05:before,
 #sec_02:before,
 #sec_04:before,
 #sec_06:before{
  display: none;
 }
 #sec_01 .photo img.main,
 #sec_03 .photo img.main,
 #sec_05 .photo img.main,
 #sec_02 .photo img.main,
 #sec_04 .photo img.main,
 #sec_06 .photo img.main{
  transform: scale(1.0) translate(0%, 0%);
  box-shadow: 4px 4px 0px #ccc;
 }
 #sec_01 .point,
 #sec_02 .point,
 #sec_03 .point,
 #sec_04 .point,
 #sec_05 .point,
 #sec_06 .point{
  position: static;
 }
 #sec_01 .point,
 #sec_03 .point,
 #sec_05 .point{
  background: url(../img/recipe/bg_leaf_l.png) no-repeat left center;
  background-size: auto 100%;
 }
 #sec_02 .point,
 #sec_04 .point,
 #sec_06 .point{
  background: url(../img/recipe/bg_leaf_r.png) no-repeat right center;
  background-size: auto 100%;
 }

 .pageTtl .num{
  position: absolute;
  left: 10px;
  top: -10px;
 }
 .pageTtl>span{
  display: inline-block;
  background: url(../img/recipe/ttl_bg.png) repeat-x;
  position: relative;
  padding: 15px 20px 15px 75px;
  top: -10px;
  min-width: 150px;
  font-size: 95%;
 }

 .pageTtl2{
  border-bottom: solid 1px #aaa;
  margin-bottom: 10px;
 }

 .pageTtl{
  text-align: center;
 }
 .pageTtl .num{
  position: absolute;
  left: 10px;
  top: -5px;
  height: 42px;
  width: auto;
 }
 .pageTtl .icon{
  bottom: -60px;
  right: -100px;
  transform: scale(0.7);
 }
 .pageTtl .icon2{
  bottom: -75px;
  right: -120px;
  transform: scale(0.7);
 }
 .shop{
  display: block;
 }
 .sp-dContent{
  display: contents;
 }
 .ingredient{
  margin-top: 0;
  text-align: left;
 }
 .about{
  align-items: flex-end;
  justify-content: space-between;
 }
}


/*
===================================================
	sp small
===================================================
*/
@media screen and (max-width: 400px) {
 body{
  font-size: 90%;
 }
 #sec_mv{
  padding: 40px 40px 80px;
 }
 .pageTtl .icon {
  bottom: -70px;
  right: -80px;
  transform: scale(0.7);
 }
 .pageTtl .icon2 {
  bottom: -80px;
  right: -80px;
  transform: scale(0.6);
 }
 .shop .flex{
  display: block;
 } 
 /*#sec_01 .point,
 #sec_03 .point,
 #sec_05 .point{
  background: url(../img/recipe/bg_leaf_l.png) no-repeat left center;
  background-size: auto 75%;
 }
 #sec_02 .point,
 #sec_04 .point{
  background: url(../img/recipe/bg_leaf_r.png) no-repeat right center;
  background-size: auto 75%;
 } */
 #sec_01 .point img,
 #sec_03 .point img,
 #sec_05 .point img,
 #sec_02 .point img,
 #sec_04 .point img,
 #sec_06 .point img{
	 width: 35%;
	 height: auto;
	}
	
}