/***スマホ ***/
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
ul {list-style: none;}
button,input,select,textarea {margin: 0;}
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
img,embed,iframe,object,audio,video {height: auto;max-width: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;text-align: left;}
body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}

a:hover{opacity: 0.7;}
.yu{font-family: "游ゴシック", YuGothic, "Yu Gothic", "游ゴシック体","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.pc_only{display: none;}

/************** トップイメージ *****************/
.wrap_contents{
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* ベビーリーフ記念日用top */
#top2{
  background-image: url(../img/top_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: 58.73vw;
  min-height: 131.4vw;
}
/* ベビーリーフ記念日用top end */

/* カンタン便利サラダ用top */
/* #top{
  background-image: url(../img/top_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: 58.73vw;
  min-height: 131.4vw;
} */
/* カンタン便利サラダ用top end */

#top h1{
  width: 24.21vw;
  height: 23.9vw;
  position: absolute;
  top:3.9vw;
  left: 3.9vw;
}
.wrap_top_img{
  width: 92%;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -54.52%);
}
#top h2,#top p{
  text-align: center;
}
#top h2{
  padding: 0 0 5px;
}

/************** 記念日由来*****************/
#origin{
  background-color: #DF6390;
}
#origin .inner_origin{
  width: 92.1875vw;
  height: auto;
  margin: 0 auto;
  padding-top: 6.25vw;
  padding-bottom: 5.156vw;
}
#origin .inner_origin h3{
  width: 92.1875vw;
  height: 7.656vw;
  margin-bottom: 3.28vw;
}
#origin .inner_origin figure{
  width: 51.09vw;
  height: 41.85vw;
  margin: 0 auto 2.65vw;
 }
#origin .inner_origin h3 p{
  margin-bottom: 5.15625vw;
}

.special_price{
  margin: 0 auto;
}

/******だから人気! ベビーリーフ　Part 1*******/
#popular{
  width: 100%;
}
#popular .popular_p1{
  width: 100%;
  background-image: url(../img/popular_back.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  padding-bottom: 12.1875vw;
}
#popular .popular_p1 h3{
  display: block;
  position: relative;
  top:-5.156vw;
  width: 25vw;
  height: auto;
  margin: 0 auto;
}
#popular .popular_p1 h4{
  display: block;
  position: relative;
  top:-5.156vw;
  width: 87.8125vw;
  height: auto;
  margin: 0 auto;
}
#popular .popular_p1 .wrap_1{
  width: 92.1875vw;
  height: auto;
  margin: 0 auto;
}
#popular .popular_p1 .popular_p1_read{
  margin-top: 4.6875vw;
}
#popular .popular_p1 .popular_p1_read p{
  color: #454533;
  font-size: 3.125vw;
  line-height: 4.6875vw;
  margin-bottom: 3.4375vw;
  font-weight: bold;
}
.recipe{
  position: relative;
  margin: 0 auto;
}
.recipe img,.recipe figcaption img,.recipe a img{
  vertical-align: bottom;
  display: block;
  margin: 0 auto;
}
.recipe.recipe_1{
  width: 75.83vw;
}
.recipe figcaption{
  margin: -2.34vw auto 1.5625vw;
}
.recipe.recipe_1 figcaption{
  width:47.37%;
}
.recipe figcaption+a{
  width: 27.237%;
  margin: 0 auto;
  display: block;
}
#popular .popular_p1 #wrap_recipe{
  clear: both;
  width: 100%;
  height: auto;
  margin: 0 auto 4.53125vw;
  overflow: hidden;
}
#popular .popular_p1 #wrap_recipe .recipe{
  width: 50%;
  float: left;
  margin-bottom: 3.75vw;
}
.recipe.recipe_2 figcaption,
.recipe.recipe_3 figcaption,
.recipe.recipe_4 figcaption,
.recipe.recipe_5 figcaption,
.recipe.recipe_6 figcaption{
  height: 5.2373vw;
}
.recipe.recipe_2 figcaption img,
.recipe.recipe_3 figcaption img,
.recipe.recipe_4 figcaption img,
.recipe.recipe_5 figcaption img,
.recipe.recipe_6 figcaption img{
  height: 5.2373vw;
  width: auto;
}
.recipe.recipe_2 a,
.recipe.recipe_3 a,
.recipe.recipe_4 a,
.recipe.recipe_5 a,
.recipe.recipe_6 a{
  height: 3.316vw;
  width: auto;
}
.recipe.recipe_2 a img,
.recipe.recipe_3 a img,
.recipe.recipe_4 a img,
.recipe.recipe_5 a img,
.recipe.recipe_6 a img{
  height: 3.316vw;
  width: auto;
}
#popular .popular_p1 .wrap_2{
  clear: both;
  width: 92.1875vw;
  height: 115vw;
  border: solid 1.09375vw #FFAFAA;
  border-radius: 3.4375vw;
  background-color: #FFFFFF;
  background-image: url(../img/GY_vegetables_back.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 57.1875vw 45vw;
  margin: 0 auto 40px;
  padding: 4.375vw 3.4375vw;
  position: relative;
}
#popular .popular_p1 .wrap_2 p{
  font-size: 3.125vw;
  line-height: 4.6875vw;
  font-weight: bold;
  color: #454533;
  letter-spacing: 0.075em;
}
#popular .popular_p1 .wrap_2 dl{
  margin-top: 4.53vw;
  position: relative;
}
#popular .popular_p1 .wrap_2 dl+figure{
  width: 47.968vw;
  height: 40.09vw;
  position: absolute;
  top:71.56vw;
  left: 1.718vw;
}
#popular .popular_p1 .wrap_2 dl dt{
  font-size: 3.125vw;
  line-height: 3.125vw;
  font-weight: bold;
  color: #0C8039;
  margin-bottom: 1.4vw;
  letter-spacing: 0.075em;
}
#popular .popular_p1 .wrap_2 dl dd{
  font-size: 2.96875vw;
  line-height: 4.375vw;
  color: #454533;
  letter-spacing: 0.075em;
  text-align: justify;
}
#popular .popular_p1 .wrap_3{
  width: 100%;
  height: auto;
  margin: 0  auto;
}
#popular .popular_p1 .wrap_3 h4{
  position: static;
  font-size: 3.28vw;
  line-height: 3.28vw;
  font-weight: bold;
  text-align: center;
  color: #0CB039;
  letter-spacing: 0.13em;
}
#popular .popular_p1 .wrap_3 a{
  display: block;
  width: 77.5vw;
  height: auto;
  margin: 5.3125vw auto 4.84vw;
}

/******だから人気! ベビーリーフ　Part 2*******/
#popular .popular_p2{
  position: relative;
}
#popular .popular_p2 .wrap_1{
  width: 100%;
  height: 54.375vw;
  background-image: url(../img/popular_h4_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
#popular .popular_p2 .wrap_1 h3{
  display: block;
  position: relative;
  top:-5.156vw;
  width: 25vw;
  height: auto;
  margin: 0 auto;
}
#popular .popular_p2 .wrap_1 h3+h4{
  text-align: center;
  font-size: 4.375vw;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 7.1875vw;
  letter-spacing: 0.13em;
  margin-top: -2vw;
}
#popular .popular_p2 .wrap_2{
  background-color: #EACB41;
  padding-top: 38.75vw;
  padding-bottom: 9.6875vw;
  width: 100%;
}
#popular .popular_p2 .wrap_2 h4{
  text-align: center;
  font-size: 3.28vw;
  font-weight: bold;
  color: #0C8039;
  line-height: 5.46vw;
  letter-spacing: 0.13em;
  margin-bottom: 3.125vw;
  position: relative;
  letter-spacing: 0.13em;
}
#popular .popular_p2 .wrap_2 h4 img{
  width: 85vw;
  height: 7.8125vw;
}
#popular .popular_p2 .wrap_2 h4::after{
  content: " ";
  position: absolute;
  display: block;
  width: 44.375vw;
  height: 45.72vw;
  background-image: url(../img/popular_h4-3-3.png);
  background-repeat: no-repeat;
  background-size: cover;
  top: -44.66vw;
  left: 28.125vw;
　}
#popular .popular_p2 .wrap_2 h4 span{
  display: inline-block;
  width: 10.15vw;
  height: 4.84vw;
  background-image:url(../img/popular_h4-3-2.png);
  background-repeat: no-repeat;
  background-size: 10.15vw 4.84vw;
  text-indent: -937.5vw;
  margin-right: 0.46875vw;
}

#popular .popular_p2 .wrap_2 h4+p{
  font-size: 3.125vw;
  font-weight: bold;
  color: #454533;
  line-height: 4.6875vw;
  width: 92.1875vw;
  margin: 0 auto 5vw;
}
#popular .popular_p2 #wrap_food_value{
  width: 92.1875vw;
  height: auto;
  background-color: #FFFFFF;
  border-radius: 4.0625vw;
  margin: 0 auto;
  padding: 6.875vw 4.6875vw 7.03125vw 4.6875vw;
}
#popular .popular_p2 #wrap_food_value > h3{
  color: #0C8039;
  font-size: 4.375vw;
  font-weight: bold;
  line-height: 4vw;
  text-align: center;
  letter-spacing: 0.13em;
  margin-bottom: 3.125vw;
  position: relative;
}
#popular .popular_p2 #wrap_food_value > h3::before{
  content: url(../img/food_value_1.png);
  position: absolute;
  top:-1.25vw;
  left: 7vw;
}
#popular .popular_p2 #wrap_food_value h3 span{
  color: #454533;
  font-size: 2.139vw;
  letter-spacing: 0;
}
#popular .popular_p2 #wrap_food_value .food_value_hyo1{
  width: 41.71vw;
  height: auto;
  margin-bottom: 5vw;
}
#popular .popular_p2 #wrap_food_value p{
  color: #454533;
  font-size: 1.745vw;
  line-height: 2.948vw;
}
#popular .popular_p2 #wrap_food_value .wrap_3{
  margin-top: 7.96vw;
}
#popular .popular_p2 #wrap_food_value .wrap_3 .recipe{
 width: 50vw;
  margin: 0 auto;
}
#popular .popular_p2 #wrap_food_value .wrap_3 h3{
 color: #0C8039;
  width: 13em;
  font-size: 4.375vw;
  font-weight: bold;
  border-bottom: solid 1.4vw #E8D775;
  line-height: 4.375vw;
  margin-bottom: 3.59vw;
}
#popular .popular_p2 #wrap_food_value .wrap_3 p{
  color: #454533;
  font-size: 3.125vw;
  line-height: 4.84vw;
  text-align: justify;
  margin-bottom: 4.84vw;
}
#popular .popular_p2 #wrap_food_value .wrap_3 p span{
  color: #0C8039;
  font-size: 3.75vw;
  line-height: 4.84vw;
  font-weight: bold;
}

/******ベビーリーフの保存方法*******/
#preservation_method{
  width: 100%;
  background-image: url(../img/preservation_method_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding: 15.9375vw 0 9.6875vw;
}
#preservation_method h4{
  text-align: center;
  font-size: 3.125vw;
  line-height: 5.625vw;
  font-weight: bold;
  color: #0C8039;
  letter-spacing: 0.13em;
  position: relative;
}
#preservation_method h4 img{
  width: 92.1875vw;
  height: auto;
}
#preservation_method h4::before{
  content:'　';
  width: 13.125vw;
  height: 17.65vw;
  background-image: url(../img/preservation_method_1.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top:-19.84vw;
  left: 50%;
  transform: translate(-50%, 0);
}
#preservation_method .wrap_1 {
  width: 92.1875vw;
  height: auto;
  border: solid 0.625vw #FFAFAA;
  border-radius: 3.43vw;
  background-color: #FFFFFF;
  margin: 5.46vw auto 0;
  padding: 7.5vw 2.34vw 5.93vw 2.34vw;
}
#preservation_method .wrap_1 .recipe{
  width: 50vw;
  margin: 0 auto;
}
#preservation_method .wrap_1 ol{
 margin-bottom: 7.1875vw;
}
#preservation_method .wrap_1 ol li{
  font-size: 3.125vw;
  line-height: 4.84vw;
  font-weight: bold;
  color: #454533;
  list-style: none;
  padding-left: 2em;
  text-indent: -2em;
  text-align: justify;
}

/******期間限定特別価格*******/
.wrap_special_price{
  background-color: #DF6390;
  width: 100%;
  padding: 8.125vw 0 6.4vw;
}
.wrap_special_price .special_price{
  width: 92.1875vw;
  margin: 0 auto;
}
.wrap_special_price .special_price p{
  text-align: center;
}

/******ベビーリーフレシピシリーズ　ラインナップ*******/
#lineup{
  width: 100%;
  background-image: url(../img/recipe_series_back.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding: 9.375vw 0;
}
#lineup .inner_lineup{
  width: 92.1875vw;
  height: auto;
  margin: 0 auto;
}
#lineup .inner_lineup h4{
  text-align: center;
  font-size: 3.28vw;
  line-height: 4.68vw;
  font-weight: bold;
  color: #0C8039;
  letter-spacing: 0.13em;
}
#lineup .inner_lineup h4 img{
  width: 67.1875vw;
  height: auto;
}
#lineup .inner_lineup figure{
  margin: 0 auto;
  text-align: center;
}
#lineup .inner_lineup figure.lineup_1{
  margin: 5.3125vw 0 4.6875vw;
}
#lineup .inner_lineup figure.lineup_2{
  width: 34.375vw;
}
#lineup .inner_lineup figure.lineup_3{
  width: 56.25vw;
}
#lineup .inner_lineup figure figcaption{
  margin-top: -0.78vw;
}
#lineup .inner_lineup .wrap_1{
  margin: 0 auto 9.375vw;
}
#lineup .inner_lineup .wrap_1 figure{
  display: inline-block;
}


.pagetop{
  width: 80px;
  height: 54px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
}
.pagetop:hover{
  opacity: 0.7;
}

/******フッター*******/
footer{
  width: 100%;
  text-align: center;
  padding: 3.59vw 0 1.25vw;
}
footer h2{
  display: block;
  width: 15.625vw;
  height: 7.34375vw;
  margin: 0 auto;
}
footer copy{
  font-size: 1.5625vw;
  color: #454533;
  line-height: 1.5625vw;
}