@charset "UTF-8";
@media screen and (max-width: 640px) {
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
/* line 9, ../sass/_reset/_html5reset-1.6.1.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 30, ../sass/_reset/_html5reset-1.6.1.scss */
body {
  line-height: 1;
}

/* line 34, ../sass/_reset/_html5reset-1.6.1.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 39, ../sass/_reset/_html5reset-1.6.1.scss */
nav ul {
  list-style: none;
}

/* line 43, ../sass/_reset/_html5reset-1.6.1.scss */
blockquote, q {
  quotes: none;
}

/* line 47, ../sass/_reset/_html5reset-1.6.1.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 53, ../sass/_reset/_html5reset-1.6.1.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
/* line 62, ../sass/_reset/_html5reset-1.6.1.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 69, ../sass/_reset/_html5reset-1.6.1.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 76, ../sass/_reset/_html5reset-1.6.1.scss */
del {
  text-decoration: line-through;
}

/* line 80, ../sass/_reset/_html5reset-1.6.1.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 85, ../sass/_reset/_html5reset-1.6.1.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
/* line 91, ../sass/_reset/_html5reset-1.6.1.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 100, ../sass/_reset/_html5reset-1.6.1.scss */
input, select {
  vertical-align: middle;
}

/* line 224, sprite/*.png */
.sprite-sprite, .sprite-section1_copy, .sprite-section2_copy, .sprite-section3_aetemo, .sprite-section3_check, .sprite-section3_recipe1_btn, .sprite-section3_recipe1_btn_on, .sprite-section3_recipe2_btn, .sprite-section3_recipe2_btn_on, .sprite-section3_recipe3_btn, .sprite-section3_recipe3_btn_on, .sprite-section3_recipe4_btn, .sprite-section3_recipe4_btn_on, .sprite-section3_recipe5_btn, .sprite-section3_recipe5_btn_on, .sprite-section3_recipe_btn_arrow, .sprite-section3_recipe_tit1, .sprite-section3_recipe_tit2, .sprite-section3_recipe_tit3, .sprite-section3_recipe_tit4, .sprite-section3_recipe_tit5, .sprite-section3_tsuketemo, .sprite-section3_tsukurikata, .sprite-section3_zairyo {
  background-image: url('../img/sprite-s8f38e16ef3.png');
  background-repeat: no-repeat;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section1_copy {
  background-position: 0 0;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section2_copy {
  background-position: 0 -77px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_aetemo {
  background-position: 0 -140px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_check {
  background-position: 0 -290px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe1_btn {
  background-position: 0 -318px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe1_btn_on {
  background-position: 0 -363px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe2_btn {
  background-position: 0 -408px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe2_btn_on {
  background-position: 0 -457px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe3_btn {
  background-position: 0 -506px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe3_btn_on {
  background-position: 0 -555px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe4_btn {
  background-position: 0 -604px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe4_btn_on {
  background-position: 0 -653px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe5_btn {
  background-position: 0 -702px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe5_btn_on {
  background-position: 0 -751px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe_btn_arrow {
  background-position: 0 -800px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe_tit1 {
  background-position: 0 -826px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe_tit2 {
  background-position: 0 -871px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe_tit3 {
  background-position: 0 -920px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe_tit4 {
  background-position: 0 -1029px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_recipe_tit5 {
  background-position: 0 -1078px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_tsuketemo {
  background-position: 0 -1127px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_tsukurikata {
  background-position: 0 -1277px;
}

/* line 84, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.sprite-section3_zairyo {
  background-position: 0 -1327px;
}

/*----------------------------------------------------------
シャドウ
----------------------------------------------------------*/
/**
 * Base Style
 */
/* line 5, ../sass/_base/_base.scss */
html {
  font-size: 62.5%;
}

/* line 7, ../sass/_base/_base.scss */
body {
  font-size: 1.4rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  color: #000000;
  width: 100%;
}

/* line 16, ../sass/_base/_base.scss */
ul, ol {
  list-style: none;
}

/* line 20, ../sass/_base/_base.scss */
a {
  text-decoration: none;
}

/* line 24, ../sass/_base/_base.scss */
img {
  max-width: 100%;
  vertical-align: bottom;
}

/* line 29, ../sass/_base/_base.scss */
p {
  line-height: 1.7em;
}

/**
 * Header Style
 */
/**
 * フッター
 */
/* line 1, ../sass/_module/_section.scss */
.l-main {
  width: 100%;
  padding-bottom: 80px;
  background: url(../img/contents_bg.jpg);
}

/* line 7, ../sass/_module/_section.scss */
section.cover h1 {
  width: 100%;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  /*box-shadow:rgba(0, 0, 0, 0.34902) 0px 7px 16px -3px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.34902) 0px 7px 16px -3px;
  -moz-box-shadow:rgba(0, 0, 0, 0.34902) 0px 7px 16px -3px;*/
}
/* line 14, ../sass/_module/_section.scss */
section.cover h1 img {
  width: 100%;
}

/* line 20, ../sass/_module/_section.scss */
.nav ul {
  width: 92%;
  margin: 0 auto 20px;
}
/* line 2, ../sass/_base/_mixins.scss */
.nav ul:after {
  content: "";
  display: table;
  clear: both;
}
/* line 24, ../sass/_module/_section.scss */
.nav ul li {
  width: 48%;
  margin-right: 4%;
  float: left;
}
/* line 28, ../sass/_module/_section.scss */
.nav ul li:last-child {
  margin-right: 0;
}
/* line 31, ../sass/_module/_section.scss */
.nav ul li img {
  width: 100%;
}

/* line 38, ../sass/_module/_section.scss */
.section1, .section2, .section3 {
  background: url(../img/section_top.png) center top no-repeat #ffffff;
  background-size: 100% auto;
  padding: 20px 0 50px;
  position: relative;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
}
/* line 45, ../sass/_module/_section.scss */
.section1::after, .section2::after, .section3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
}
/* line 53, ../sass/_module/_section.scss */
.section1 h2, .section2 h2, .section3 h2 {
  text-align: center;
}
/* line 56, ../sass/_module/_section.scss */
.section1 h3, .section2 h3, .section3 h3 {
  text-align: center;
}

/* line 62, ../sass/_module/_section.scss */
.section1::after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWViZTEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #daebe1));
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), #daebe1);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #daebe1);
  background: linear-gradient(rgba(255, 255, 255, 0), #daebe1);
}
/* line 65, ../sass/_module/_section.scss */
.section1 h2 {
  width: 88%;
  margin: 20px auto;
}
/* line 69, ../sass/_module/_section.scss */
.section1 ol {
  width: 90%;
  margin: 0 auto;
}
/* line 72, ../sass/_module/_section.scss */
.section1 ol li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 2px #00b3ed dashed;
  position: relative;
}
/* line 2, ../sass/_base/_mixins.scss */
.section1 ol li:after {
  content: "";
  display: table;
  clear: both;
}
/* line 78, ../sass/_module/_section.scss */
.section1 ol li p.tit {
  margin-left: 25%;
  margin-bottom: 10px;
}
/* line 82, ../sass/_module/_section.scss */
.section1 ol li p.text {
  margin-left: 25%;
}
/* line 87, ../sass/_module/_section.scss */
.section1 ol li:first-child::before {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  background: url(../img/section1_1_img.png) center top no-repeat;
  width: 24%;
  height: 116px;
  background-size: contain;
}
/* line 97, ../sass/_module/_section.scss */
.section1 ol li:first-child p.tit img {
  width: 100%;
}
/* line 102, ../sass/_module/_section.scss */
.section1 ol li:nth-child(2)::before {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  background: url(../img/section1_2_img.png) center top no-repeat;
  width: 24%;
  height: 114px;
  background-size: contain;
}
/* line 112, ../sass/_module/_section.scss */
.section1 ol li:nth-child(2) p.tit img {
  width: 98%;
}
/* line 116, ../sass/_module/_section.scss */
.section1 ol li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
/* line 119, ../sass/_module/_section.scss */
.section1 ol li:last-child::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/section1_3_img.png) center top no-repeat;
  width: 24%;
  height: 120px;
  background-size: contain;
}
/* line 128, ../sass/_module/_section.scss */
.section1 ol li:last-child p.tit img {
  width: 54%;
}

/* line 137, ../sass/_module/_section.scss */
.section2::after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWQ3ZTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #e9d7e5));
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), #e9d7e5);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #e9d7e5);
  background: linear-gradient(rgba(255, 255, 255, 0), #e9d7e5);
}
/* line 140, ../sass/_module/_section.scss */
.section2 h2 {
  width: 84%;
  margin: 20px auto;
}
/* line 144, ../sass/_module/_section.scss */
.section2 .image {
  width: 90%;
  margin: 0 auto 20px;
  position: relative;
}
/* line 148, ../sass/_module/_section.scss */
.section2 .image span {
  display: block;
  position: absolute;
  width: 6.25%;
}
/* line 153, ../sass/_module/_section.scss */
.section2 .image .check1 {
  top: -12px;
  left: 1%;
}
/* line 157, ../sass/_module/_section.scss */
.section2 .image .check2 {
  top: -12px;
  left: 34%;
}
/* line 161, ../sass/_module/_section.scss */
.section2 .image .check3 {
  top: -12px;
  left: 72%;
}
/* line 165, ../sass/_module/_section.scss */
.section2 .image img {
  width: 100%;
}
/* line 169, ../sass/_module/_section.scss */
.section2 .text {
  width: 90%;
  margin: 0 auto;
}

/* line 175, ../sass/_module/_section.scss */
.section3::after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmVmYzAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffefc0));
  background: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffefc0);
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffefc0);
  background: linear-gradient(rgba(255, 255, 255, 0), #ffefc0);
}
/* line 178, ../sass/_module/_section.scss */
.section3 h2 {
  background-color: #0059a0;
  border-bottom: 2px #115296 solid;
  margin-bottom: 20px;
  padding: 20px 0;
}
/* line 183, ../sass/_module/_section.scss */
.section3 h2 span {
  display: block;
  margin: 0 auto;
  width: 80%;
}
/* line 189, ../sass/_module/_section.scss */
.section3 h3 {
  background-color: #0059a0;
  border-bottom: 2px #115296 solid;
  margin-bottom: 20px;
  margin-top: 30px;
  padding: 20px 0;
}
/* line 195, ../sass/_module/_section.scss */
.section3 h3 span {
  display: block;
  margin: 0 auto;
  width: 80%;
}
/* line 202, ../sass/_module/_section.scss */
.section3 .recipebtn {
  display: block;
  position: relative;
  margin: 0 auto 10px;
  width: 90%;
  padding: 12px 0;
  background-color: #fff;
  border: 2px #0059a0 solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
/* line 212, ../sass/_module/_section.scss */
.section3 .recipebtn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -6px;
  width: 8px;
  height: 13px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -435px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
}
/* line 222, ../sass/_module/_section.scss */
.section3 .recipebtn span {
  display: block;
  margin: 0 auto;
}
/* line 228, ../sass/_module/_section.scss */
.section3 .recipebtn.recipebtn1 span {
  width: 155.5px;
  height: 22.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -169px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 235, ../sass/_module/_section.scss */
.section3 .recipebtn.recipebtn2 span {
  width: 189.5px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -219px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 242, ../sass/_module/_section.scss */
.section3 .recipebtn.recipebtn3 span {
  width: 246.5px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -273px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 249, ../sass/_module/_section.scss */
.section3 .recipebtn.recipebtn4 span {
  width: 185px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -327px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 256, ../sass/_module/_section.scss */
.section3 .recipebtn.recipebtn5 span {
  width: 111px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -381px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 262, ../sass/_module/_section.scss */
.section3 .recipebtn.on {
  background-color: #f4a200;
}
/* line 264, ../sass/_module/_section.scss */
.section3 .recipebtn.on::before {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 268, ../sass/_module/_section.scss */
.section3 .recipebtn.on.recipebtn1 span {
  width: 155.5px;
  height: 22.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -194px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 275, ../sass/_module/_section.scss */
.section3 .recipebtn.on.recipebtn2 span {
  width: 189.5px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -246px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 282, ../sass/_module/_section.scss */
.section3 .recipebtn.on.recipebtn3 span {
  width: 246.5px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -300px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 289, ../sass/_module/_section.scss */
.section3 .recipebtn.on.recipebtn4 span {
  width: 185px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -354px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 296, ../sass/_module/_section.scss */
.section3 .recipebtn.on.recipebtn5 span {
  width: 111px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -408px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 304, ../sass/_module/_section.scss */
.section3 .recipe {
  display: none;
  position: relative;
  margin-bottom: 60px;
  padding-top: 10px;
}
/* line 309, ../sass/_module/_section.scss */
.section3 .recipe.tsuketemo, .section3 .recipe.aetemo {
  padding-top: 20px;
}
/* line 313, ../sass/_module/_section.scss */
.section3 .recipe .photo {
  width: 90%;
  margin: 0 auto 20px;
}
/* line 316, ../sass/_module/_section.scss */
.section3 .recipe .photo img {
  width: 100%;
  margin-left: 1%;
}
/* line 322, ../sass/_module/_section.scss */
.section3 .recipe.tsuketemo .photo::before {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  z-index: 10;
  width: 112.5px;
  height: 75px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -613px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
}
/* line 330, ../sass/_module/_section.scss */
.section3 .recipe.aetemo .photo::before {
  content: "";
  width: 150px;
  height: 99px;
  position: absolute;
  top: 12px;
  right: 0;
  z-index: 10;
  width: 113px;
  height: 75px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -75px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
}
/* line 341, ../sass/_module/_section.scss */
.section3 .recipe h4 {
  margin: 0 auto 20px;
}
/* line 344, ../sass/_module/_section.scss */
.section3 .recipe .recipe1_tit {
  width: 155.5px;
  height: 22.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -450px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 348, ../sass/_module/_section.scss */
.section3 .recipe .recipe2_tit {
  width: 189.5px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -475px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 352, ../sass/_module/_section.scss */
.section3 .recipe .recipe3_tit {
  width: 189.5px;
  height: 54.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -502px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 356, ../sass/_module/_section.scss */
.section3 .recipe .recipe4_tit {
  width: 111px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -586px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 360, ../sass/_module/_section.scss */
.section3 .recipe .recipe5_tit {
  width: 185px;
  height: 24.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -559px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 364, ../sass/_module/_section.scss */
.section3 .recipe h5.zairyo_tit {
  margin-left: 20px;
  margin-bottom: 10px;
  width: 43px;
  height: 25.5px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -718px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 370, ../sass/_module/_section.scss */
.section3 .recipe h5.tsukurikata_tit {
  margin-left: 20px;
  margin-bottom: 10px;
  width: 57.5px;
  height: 25px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -691px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 378, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo, .section3 .recipe .tsukurikata, .section3 .recipe .check {
  margin-left: 30px;
  line-height: 1.6;
  margin-bottom: 20px;
}
/* line 383, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo {
  width: 90%;
  overflow: hidden;
  border-bottom: 1px #b8b8b8 solid;
}
/* line 387, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dt {
  width: 70%;
  height: 24px;
  float: left;
  border-top: 1px #b8b8b8 solid;
  padding: 4px 0;
}
/* line 397, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dd {
  width: 30%;
  float: left;
  border-top: 1px #b8b8b8 solid;
  padding: 4px 0;
}
/* line 403, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dd:after {
  clear: both;
}
/* line 407, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dt.yakumi {
  width: 100%;
  clear: both;
}
/* line 410, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dt.yakumi::after {
  border-top: none;
}
/* line 414, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dd.yakumi {
  padding: 0;
  clear: both;
  width: 100%;
}
/* line 418, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dd.yakumi dl {
  width: 100%;
  overflow: hidden;
}
/* line 421, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dd.yakumi dl dt {
  width: 70%;
  float: left;
  text-indent: 1em;
}
/* line 425, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dd.yakumi dl dt:first-child {
  border-top: none;
}
/* line 429, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dd.yakumi dl dd {
  width: 30%;
}
/* line 431, ../sass/_module/_section.scss */
.section3 .recipe dl.zairyo dd.yakumi dl dd:nth-child(2) {
  border-top: none;
}
/* line 439, ../sass/_module/_section.scss */
.section3 .recipe .tsukurikata {
  width: 90%;
}
/* line 441, ../sass/_module/_section.scss */
.section3 .recipe .tsukurikata ul {
  margin-bottom: 10px;
}
/* line 444, ../sass/_module/_section.scss */
.section3 .recipe .tsukurikata .supplement {
  width: 90%;
}
/* line 449, ../sass/_module/_section.scss */
.section3 .recipe dl.check {
  overflow: hidden;
}
/* line 451, ../sass/_module/_section.scss */
.section3 .recipe dl.check dt {
  width: 30%;
  height: 14px;
  float: left;
  position: relative;
}
/* line 456, ../sass/_module/_section.scss */
.section3 .recipe dl.check dt ::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 11.5px;
  height: 14px;
  background-image: url('../img/sprite-s1efdd7e98c.png');
  background-position: 0 -152px;
  background-repeat: no-repeat;
  -moz-background-size: 280px auto;
  -o-background-size: 280px auto;
  -webkit-background-size: 280px auto;
  background-size: 280px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 466, ../sass/_module/_section.scss */
.section3 .recipe dl.check dt span {
  display: block;
  position: absolute;
  padding: 0 5px 0 18px;
  background-color: #fff;
  z-index: 2;
}
/* line 474, ../sass/_module/_section.scss */
.section3 .recipe dl.check dd {
  width: 70%;
  float: left;
  color: #ed6d00;
  font-weight: bold;
}
/* line 480, ../sass/_module/_section.scss */
.section3 .recipe dl.check dd:after {
  clear: both;
}

/* line 487, ../sass/_module/_section.scss */
span.g {
  font-family: Century;
}

/* line 491, ../sass/_module/_section.scss */
p.titProduct {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 10px;
}
/* line 495, ../sass/_module/_section.scss */
p.titProduct img {
  width: 25%;
}

/* line 500, ../sass/_module/_section.scss */
.productBtn {
  width: 80%;
  margin: 0 auto 15px;
  padding: 0;
}
/* line 504, ../sass/_module/_section.scss */
.productBtn img {
  width: 100%;
  height: auto;
}

/* line 2, ../sass/_module/_decoration.scss */
.tomatoWrap {
  position: absolute;
  width: 100%;
  height: 5000px;
  overflow-x: hidden;
  top: 0;
  left: 0;
  z-index: 100;
}
/* line 2, ../sass/_base/_mixins.scss */
.tomatoWrap:after {
  content: "";
  display: table;
  clear: both;
}
/* line 11, ../sass/_module/_decoration.scss */
.tomatoWrap .inner {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
/* line 15, ../sass/_module/_decoration.scss */
.tomatoWrap .inner .tomato {
  position: absolute;
  width: 400px;
  height: 400px;
  z-index: 100;
}
/* line 20, ../sass/_module/_decoration.scss */
.tomatoWrap .inner .tomato::before {
  content: "";
  display: block;
  width: 318px;
  height: 300px;
  background: url(../img/tomato.png) left top no-repeat;
  position: absolute;
  z-index: 2;
}
/* line 29, ../sass/_module/_decoration.scss */
.tomatoWrap .inner .tomato::after {
  content: "";
  display: block;
  width: 205px;
  height: 240px;
  background: url(../img/tomato_leaf.png) left top no-repeat;
  position: absolute;
  z-index: 1;
}
/* line 38, ../sass/_module/_decoration.scss */
.tomatoWrap .inner .tomato .flower {
  width: 144px;
  height: 123px;
  background: url(../img/tomato_flower.png) left top no-repeat;
  position: absolute;
  z-index: 3;
}

/* line 49, ../sass/_module/_decoration.scss */
.left1 {
  top: 690px;
  left: -215px;
}
/* line 52, ../sass/_module/_decoration.scss */
.left1::before {
  top: 0;
  left: 0;
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
/* line 57, ../sass/_module/_decoration.scss */
.left1::after {
  top: 132px;
  left: 124px;
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

/* line 64, ../sass/_module/_decoration.scss */
.left2 {
  top: 1716px;
  left: -170px;
}
/* line 67, ../sass/_module/_decoration.scss */
.left2::before {
  top: 0;
  left: 0;
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
/* line 72, ../sass/_module/_decoration.scss */
.left2::after {
  top: -146px;
  left: 15px;
  -moz-transform: rotate(170deg);
  -ms-transform: rotate(170deg);
  -webkit-transform: rotate(170deg);
  transform: rotate(170deg);
}
/* line 77, ../sass/_module/_decoration.scss */
.left2 .flower {
  top: -63px;
  left: 125px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* line 84, ../sass/_module/_decoration.scss */
.left3 {
  top: 2260px;
  left: -215px;
}
/* line 87, ../sass/_module/_decoration.scss */
.left3::before {
  top: 0;
  left: 0;
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
/* line 92, ../sass/_module/_decoration.scss */
.left3::after {
  top: -120px;
  left: 124px;
  -moz-transform: rotate(-108deg);
  -ms-transform: rotate(-108deg);
  -webkit-transform: rotate(-108deg);
  transform: rotate(-108deg);
}

/* line 99, ../sass/_module/_decoration.scss */
.left4 {
  top: 3466px;
  left: -170px;
}
/* line 102, ../sass/_module/_decoration.scss */
.left4::before {
  top: 0;
  left: 0;
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
/* line 107, ../sass/_module/_decoration.scss */
.left4::after {
  top: -146px;
  left: 15px;
  -moz-transform: rotate(170deg);
  -ms-transform: rotate(170deg);
  -webkit-transform: rotate(170deg);
  transform: rotate(170deg);
}
/* line 112, ../sass/_module/_decoration.scss */
.left4 .flower {
  top: -63px;
  left: 112px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* line 119, ../sass/_module/_decoration.scss */
.right1 {
  top: 1000px;
  right: -364px;
  float: right;
}
/* line 123, ../sass/_module/_decoration.scss */
.right1::before {
  top: 0;
  left: 0;
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
/* line 128, ../sass/_module/_decoration.scss */
.right1::after {
  top: -138px;
  left: -55px;
  -moz-transform: rotate(160deg);
  -ms-transform: rotate(160deg);
  -webkit-transform: rotate(160deg);
  transform: rotate(160deg);
}
/* line 133, ../sass/_module/_decoration.scss */
.right1 .flower {
  top: -50px;
  left: 0px;
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

/* line 140, ../sass/_module/_decoration.scss */
.right2 {
  top: 2668px;
  right: -302px;
  float: right;
}
/* line 144, ../sass/_module/_decoration.scss */
.right2::before {
  top: 0;
  left: 0;
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
/* line 149, ../sass/_module/_decoration.scss */
.right2::after {
  top: -146px;
  left: 0px;
  -moz-transform: rotate(175deg);
  -ms-transform: rotate(175deg);
  -webkit-transform: rotate(175deg);
  transform: rotate(175deg);
}
/* line 154, ../sass/_module/_decoration.scss */
.right2 .flower {
  top: -45px;
  left: 52px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* line 161, ../sass/_module/_decoration.scss */
.right3 {
  top: 4160px;
  right: -300px;
  float: right;
}
/* line 165, ../sass/_module/_decoration.scss */
.right3::before {
  top: 0;
  left: 0;
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}
/* line 170, ../sass/_module/_decoration.scss */
.right3::after {
  top: 360px;
  left: -55px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 177, ../sass/_module/_decoration.scss */
.right4 {
  top: 4352px;
  right: -175px;
  float: right;
}
/* line 181, ../sass/_module/_decoration.scss */
.right4::before {
  top: 0;
  left: 0;
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
/* line 186, ../sass/_module/_decoration.scss */
.right4::after {
  top: -138px;
  left: -55px;
  -moz-transform: rotate(160deg);
  -ms-transform: rotate(160deg);
  -webkit-transform: rotate(160deg);
  transform: rotate(160deg);
}
/* line 191, ../sass/_module/_decoration.scss */
.right4 .flower {
  top: -50px;
  left: -27px;
  -moz-transform: rotate(-36deg);
  -ms-transform: rotate(-36deg);
  -webkit-transform: rotate(-36deg);
  transform: rotate(-36deg);
}

/* line 198, ../sass/_module/_decoration.scss */
.fanWrap {
  position: absolute;
  width: 100%;
  height: 5000px;
  overflow-x: hidden;
  top: 0;
  left: 0;
  z-index: -1;
}
/* line 2, ../sass/_base/_mixins.scss */
.fanWrap:after {
  content: "";
  display: table;
  clear: both;
}
/* line 207, ../sass/_module/_decoration.scss */
.fanWrap .inner {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
/* line 211, ../sass/_module/_decoration.scss */
.fanWrap .inner div {
  width: 691px;
  height: 954px;
  position: absolute;
  background: url(../img/fan.png) 0 0 no-repeat;
}

/* line 220, ../sass/_module/_decoration.scss */
.fan1 {
  top: 880px;
  left: -340px;
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* line 225, ../sass/_module/_decoration.scss */
.fan2 {
  top: 1384px;
  right: -340px;
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -webkit-transform: rotate(-16deg);
  transform: rotate(-16deg);
}

/* line 230, ../sass/_module/_decoration.scss */
.fan3 {
  top: 2440px;
  left: -340px;
  -moz-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}

/* line 235, ../sass/_module/_decoration.scss */
.fan4 {
  top: 3080px;
  right: -420px;
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/*# sourceMappingURL=style.css.map */
}