@charset "UTF-8";

.title_about_babyleaf {
  background-image: url(/seisen/assets/img/babyleaf/about/hdr/title_babyleaf_about.png);
  width: 522.5px;
  height: 60.5px;
  background-size: 100%;
  margin: 0 auto;
  margin-bottom: 55px;
  z-index: 100;
}

.babyleaf .about .introduction {
  background-image: url(/seisen/assets/img/babyleaf/about/hdr/babyleaf_introduction.png);
  width: 409px;
  height: 394.5px;
  background-size: 100%;
  margin: 0 auto;
}

.hdr_leaf_recipe {
  background-image: url(/seisen/assets/img/babyleaf/about/hdr/hdr_leaf_recipe.png);
  margin: 0 auto 38px;
  z-index: 100;
  width: 290.5px;
  height: 82.5px;
  background-size: 100%;
}

.hdr_leaf_monoplane {
  background-image: url(/seisen/assets/img/babyleaf/about/hdr/hdr_leaf_monoplane.png);
  margin: 0 auto 38px;
  z-index: 100;
  width: 398px;
  height: 98px;
  background-size: 100%;
}

.hdr_leaf_lineup {
	background-image: url(/seisen/assets/img/babyleaf/about/hdr/hdr_leaf_lineup.png);
	margin: 0 auto 31px;
	z-index: 100;
	width: 347px;
	height: 38px;
	background-size: 100%;
	}

.single_leaf dt {
  background-size: 100%;
  z-index: 100;
  width: 400px;
  height: 50px;
}

.single_leaf .itemName {
	width: 400px;
	height: 50px;
	}

.single_leaf .name_leaf_beet {
  background-image: url(/seisen/assets/img/babyleaf/about/name/name_leaf_beet.png);
}

.single_leaf .name_leaf_spinach {
  background-image: url(/seisen/assets/img/babyleaf/about/name/name_leaf_spinach.png);
}

.single_leaf .name_leaf_pinotgreen {
  background-image: url(/seisen/assets/img/babyleaf/about/name/name_leaf_pinotgreen.png);
}

.single_leaf .name_leaf_rucola {
  background-image: url(/seisen/assets/img/babyleaf/about/name/name_leaf_rucola.png);
}

.single_leaf .name_leaf_mizuna {
  background-image: url(/seisen/assets/img/babyleaf/about/name/name_leaf_mizuna.png);
}

.single_leaf .name_leaf_kale {
	background-image: url(/seisen/assets/img/babyleaf/about/name/name_leaf_kale.png);
	}

.single_leaf .name_leaf_redork {
	background-image: url(/seisen/assets/img/babyleaf/about/name/name_leaf_redork.png);
	}

#ff02 {
  background: #FFF;
}

body {
  height: auto !important;
  min-width: 960px;
}

@media screen and (min-width: 960px) {
  body {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 960px) {
  .scroll {
    overflow: hidden;
    padding-top: 10px;
  }

  .babyleaf.about .localnav {
    margin-bottom: 0;
  }
}
.babyleaf .about {
  width: 960px;
  min-width: 960px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.babyleaf .about .headerArea {
	background: url(/seisen/assets/img/babyleaf/about/line.gif) center bottom no-repeat;
	margin-bottom: 80px;
	padding-bottom: 82px;
	}

.desc {
  min-height: 150px;
}

.leaf_recipe_link {
  overflow: hidden;
  letter-spacing: -40rem;
  width: 960px;
  margin: 0 auto 300px;
}

.leaf_recipe_link li {
  float: left;
  width: 457px;
  letter-spacing: normal;
  box-shadow: 1px 1px 3px #aaa;
  margin: 10px;
}

.leaf_recipe_link li a {
  display: block;
}

.leaf_recipe_link li:hover {
  opacity: .8;
}

.part_recipe {
	background: url(/seisen/assets/img/babyleaf/about/line.gif) center top no-repeat;
	margin-bottom: 95px;
	padding: 90px 5px 0 5px;
	}

.wrap_useing {
  margin: 0 auto;
  width: 950px;
}

.part_lineup {
	background: url(/seisen/assets/img/babyleaf/about/line.gif) center top no-repeat;
	margin-bottom: 80px;
	padding-top: 82px;
	}

.wrap_useing .useing {
  position: relative;
  float: left;
  width: 457px;
  height: 361px;
  box-shadow: 10px 10px 20px -5px rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.wrap_useing .useing.recipe01 {
	width: 464px;
	height: 339px;
	margin-right: 22px;
	overflow: hidden;
	position: relative;
	transition: .4s ease-in-out;
	}

.wrap_useing .useing.recipe02 {
	width: 464px;
	height: 339px;
	overflow: hidden;
	position: relative;
	transition: .4s ease-in-out;
	}

.wrap_useing .useing.recipe03 {
	width: 464px;
	height: 339px;
	margin: 29px 22px 0 0;
	overflow: hidden;
	position: relative;
	transition: .4s ease-in-out;
	}

.wrap_useing .useing.recipe04 {
	width: 464px;
	height: 339px;
	margin-top: 29px;
	overflow: hidden;
	position: relative;
	transition: .4s ease-in-out;
	}

.wrap_useing .useing:hover .menu_img {
  transform: scale(1.2);
  transition: .4s ease-in-out;
}

.recipe01 .menu_img_mask {
	background-image: url(/seisen/assets/img/babyleaf/about/frame/frame_01.png);
	width: 464px;
	height: 339px;
	display: block;
	position: absolute;
	top: 0;
	}

.recipe02 .menu_img_mask {
	background-image: url(/seisen/assets/img/babyleaf/about/frame/frame_02.png);
	width: 464px;
	height: 339px;
	display: block;
	position: absolute;
	top: 0;
	}

.recipe03 .menu_img_mask {
	background-image: url(/seisen/assets/img/babyleaf/about/frame/frame_03.png);
	width: 464px;
	height: 339px;
	display: block;
	position: absolute;
	top: 0;
	}

.recipe04 .menu_img_mask {
	background-image: url(/seisen/assets/img/babyleaf/about/frame/frame_04.png);
	width: 464px;
	height: 339px;
	display: block;
	position: absolute;
	top: 0;
	}

/*メニュー画像*/
.wrap_useing .menu_img {
  transform: scale(1);
  transition: .4s ease-in-out;
}

.single_leaf {
  width: 944px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.single_leaf li {
  box-sizing: border-box;
  display: inline-block;
  float: left;
  width: 462px;
  margin-bottom: 20px;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 2px 1px 10px 2px rgba(191, 191, 191, 0.65);
  border-radius: 2px;
}

.single_leaf li:nth-child(odd) {
  margin-right: 20px;
}

.single_leaf dl {
  position: relative;
  z-index: 1;
  padding: 10px;
}

.single_leaf dt {
  margin-left: 15px;
  margin-bottom: 20px;
  margin-top: 15px;
}

.single_leaf .desc {
  font-size: 1.4rem;
  line-height: 1.8;
  width: 220px;
  padding-left: 17px;
  padding-bottom: 5px;
}

.single_leaf .img_leaf {
  position: absolute;
  z-index: -1;
  top: 45px;
  right: 10px;
}

.single_leaf .rucola .img_leaf,
.single_leaf .mizuna .img_leaf,
.single_leaf .kale .img_leaf,
.single_leaf .redork .img_leaf {
  top: 20px;
  right: 5px;
}

/* パララックス
---------------------------------------------------------------*/
.about {
  position: relative;
}

.pararax {
  z-index: -1000;
}

.skrollable {
  position: absolute;
  z-index: 100;
}

.skrollr-mobile .skrollable {
  position: absolute;
}

.skrollable .skrollable {
  position: absolute;
}

.skrollable .skrollable .skrollable {
  position: static;
}

.sp .pararax {
  display: none;
}

.sp body {
  background-image: url(/seisen/assets/img/babyleaf/about/pararax/bgimg_1_narrow.jpg), url(/seisen/assets/img/babyleaf/about/pararax/bgimg_2_narrow.jpg), url(/seisen/assets/img/babyleaf/about/pararax/bgimg_3_narrow.jpg);
  background-repeat: no-repeat;
  background-position: center 100px, center 1250px, center 2000px;
}

.lineup-btn {
	width: 552px;
	margin-left: 205px;
	}

.lineup-btn:after {
	display: block;
	clear: both;
	content: "";
	}

.lineup-btn img {
	transition: all .3s;
	}

.btn-l {
	float: left;
	}

.btn-r {
	float: right;
	}

.btn-l :hover img {
	transform: translateY(-5px);
	}

.btn-r :hover img {
	transform: translateY(-5px);
	}