@font-face {
  font-family: "mplus";
  src: url("/recipe/seasonal/assets/font/mplus-1p-light.woff") format("woff"), url("/recipe/seasonal/assets/font/mplus-1p-light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: "mplus";
  src: url("/recipe/seasonal/assets/font/mplus-1p-regular.woff") format("woff"), url("/recipe/seasonal/assets/font/mplus-1p-regular.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/recipe/seasonal/assets/font/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/recipe/seasonal/assets/font/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(/recipe/seasonal/assets/font/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(/recipe/seasonal/assets/font/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /*inherit*/
  line-height: 1; /*inherit*/
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

i.material-icons.home:before { content: "\e88a";  font-size: inherit; line-height: 1; vertical-align: -22%; margin-right: 5px; }

i.material-icons.archive:before { content: "\e03b";  font-size: inherit; line-height: 1; vertical-align: -24%; margin-right: 5px; }

i.material-icons.link:after { content: "\e315";  font-size: inherit; line-height: 1; vertical-align: -28%;}

i.material-icons.totop:before { content: "\e25a";  font-size: inherit; line-height: 1; vertical-align: ; margin-right: 5px; }

.rotate-270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.negativemargin_main { margin-top: -90px;}
@media screen and (max-width:64em){
.negativemargin_main { margin-top: -60px;}  
}

#wrapper {overflow: hidden !important; max-width: 1600px; margin: 0 auto;}

.container_wide .row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  width: 100%;
}


@-webkit-keyframes chevron-pulse {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes chevron-pulse {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.tcon-svgchevron {
  height: 40px;
  width: 40px; }

.tcon-svgchevron path {
  -webkit-animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1);
  animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1);
  fill: transparent;
  stroke: #fff;
  stroke-width: 1px; }

.tcon-svgchevron path.a1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.tcon-svgchevron path.a2 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.tcon-svgchevron path.a3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }
  
.slider_limit { width: 100%; margin: 0 auto;}
.slider_negative_m {margin-top: -60px !important;}
@media screen and (min-width:47.938em){
.slider_limit { max-width: 70%; margin: 0 auto;}
.slider_negative_m {margin-top: -120px !important;}
}
  
.containerInner {
  width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	}
  .containerInner.secIntro-height {
		height: 4200px;
	}
  @media only screen and (min-width: 400px) {
  .containerInner.secIntro-height { height: 4600px;}
  }
  @media only screen and (min-width: 420px) {
  .containerInner.secIntro-height { height: 4500px;}
  }
  @media only screen and (min-width: 520px) {
  .containerInner.secIntro-height { height: 4400px;}
  }
  @media only screen and (min-width: 601px) {
  .containerInner.secIntro-height { height: 4400px;}
  }
	@media only screen and (min-width: 993px) {
  .containerInner.secIntro-height { height: 5200px; }
  } 
	@media only screen and (min-width: 1025px) {
  .containerInner.secIntro-height { height: 6300px; }
  } 

  .containerInner.sec-end-height {
		height: 100%;
	}
	
#header-image h2 {
	position: absolute;
	left: 50%;
	bottom: 5%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	background: ;
	color: #fff;
	z-index: 2;
}
#header-image h2 i {
	font-size: .8em; line-height: 1; vertical-align: 16%; margin-right: 0; margin-top: ;
	}
#header-image .logo { position: absolute; top: 3.5rem; left: 2rem; background: ; width: 100px; }
@media only screen and (min-width: 601px) {
  #header-image .logo { width: 180px; }
  }
@media only screen and (min-width: 993px) {
  #header-image .logo { width: 200px; }
  } 

.title { position: absolute; width: 250px; top: -260px; right: -5px; }
@media only screen and (min-width: 601px) {
  .title { width: 350px; top: -180px; right: -5px;}
}
@media only screen and (min-width: 993px) {
  .title { width: 450px; top: -240px; right: -5px;}
}

/*** #sectionIntro ***/
#sectionIntro table {
    border: none;
  }
#sectionIntro table thead {
    display: none;
  }
#sectionIntro table tr {
    display: block;
    margin-bottom: 0px;
  }
#sectionIntro table td {
    display: block;
    padding: 4px;
    text-align: right;
  }
#sectionIntro table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }

#sectionIntro .logo { position: absolute; width: 24%; top: 60px; left: 7%;}
@media only screen and (min-width: 400px) {
  #sectionIntro .logo { top: 60px; left: 7%; width: 20%;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .logo { top: 60px; left: 8%; width: 20%;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .logo { top: 70px; left: 10%; width: 20%;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .logo { top: 70px; left: 10%; width: 20%;}
}

#sectionIntro .mainpic { position: relative; top: 0; left: 0; width: 100%;}
@media only screen and (min-width: 601px) {
  #sectionIntro .mainpic { top: 0; left: 0; width: 100%; }
}
@media only screen and (min-width: 993px) {
  #sectionIntro .mainpic { top: 0; left: 0; width: 100%; }
}


#sectionIntro .text00 {margin-top: 60px; padding-right: 1em; background: rgba(0, 0, 0, 0); color: #231815; text-align: left; font-size: 1em; line-height: 1.2;}
#sectionIntro .text00 h2 {margin-top: 0; background: rgba(0, 0, 0, 0); line-height: 1; font-size: 23px; text-align: left; color: #ed7320;}
#sectionIntro .text01 {margin-top: 140px; padding: .5em 1em; background: rgba(255, 255, 255, .4); color: #231815; font-weight: 400; font-size: 1.2em;}
#sectionIntro .text02 {margin-top: 10px; padding: .5em 1em; background: rgba(255, 255, 255, .4); color: #231815; font-weight: 400; font-size: 1.2em;}
#sectionIntro .text04 {margin-top: 860px; background: rgba(255, 255, 255, .4); color: #231815; padding: .5em 1em; font-weight: 400; font-size: 1.1em; line-height: 1.2;}
#sectionIntro .text05 {margin-top: 20px; background: rgba(255, 255, 255, .4); color: #231815; padding: .5em 1em; font-weight: 400; font-size: 1.1em; line-height: 1.2;}
#sectionIntro .text06 {margin-top: 420px; background: rgba(255, 255, 255, 0); color: #231815; padding: 0; font-weight: 400; font-size: 1.1em; line-height: 1.2;}
#sectionIntro .intro_number { width: 32%;}

@media only screen and (min-width: 400px) {
  #sectionIntro .text00 {margin-top: 60px; font-size: 1.2em; line-height: 1.1;}
  #sectionIntro .text00 h2 {margin-top: 0; line-height: 1.2; font-size: 26px;}
  #sectionIntro .text01 {margin-top: 160px; }
  #sectionIntro .text02 {margin-top: 10px; }
  #sectionIntro .text04 {margin-top: 920px; }
  #sectionIntro .text05 {margin-top: 20px; }
  #sectionIntro .text06 {margin-top: 520px; }
  #sectionIntro .intro_number { width: 30%; }
}
@media only screen and (min-width: 520px) {
  #sectionIntro .text00 {margin-top: 60px; font-size: 1.2em; line-height: 1.1;}
  #sectionIntro .text00 h2 {margin-top: 0; line-height: 1.2; font-size: 30px;}
  #sectionIntro .text01 {margin-top: 160px; font-size: 1.3em;}
  #sectionIntro .text02 {margin-top: 10px; font-size: 1.3em;}
  #sectionIntro .text04 {margin-top: 580px;}
  #sectionIntro .text05 {margin-top: 20px;}
  #sectionIntro .text06 {margin-top: 600px;}
  #sectionIntro .intro_number { width: 25%;}
}

@media only screen and (min-width: 601px) {
  #sectionIntro .text00 {margin-top: 60px; font-size: 1.2em; line-height: 1.1;}
  #sectionIntro .text00 h2 {margin-top: 0; line-height: 1.5; font-size: 35px;}
  #sectionIntro .text01 {margin-top: 160px; }
  #sectionIntro .text02 {margin-top: 160px; }
  #sectionIntro .text04 {margin-top: 210px; }
  #sectionIntro .text05 {margin-top: 40px; background: rgba(255, 255, 255, 0); padding: 0; line-height: 1.5;}
  #sectionIntro .text06 {margin-top: 750px; background: rgba(255, 255, 255, 0); line-height: 1.5;}
  #sectionIntro .intro_number { width: 30%;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .text00 {margin-top: 70px; font-size: 1.3em;}
  #sectionIntro .text00 h2 {margin-top: 0; line-height: 1.1; font-size: 40px;}
  #sectionIntro .text01 {margin-top: 180px; background: rgba(0, 0, 0, 0); }
  #sectionIntro .text02 {margin-top: 180px; background: rgba(0, 0, 0, 0);}
  #sectionIntro .text04 {margin-top: 300px; background: rgba(255, 255, 255, .4); padding: 0;}
  #sectionIntro .text05 {margin-top: 40px; background: rgba(255, 255, 255, 0); padding: 0; line-height: 1.5;}
  #sectionIntro .text06 {margin-top: 950px; background: rgba(255, 255, 255, .2); line-height: 1.5;}
  #sectionIntro .intro_number { width: 20%;}
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .text00 {margin-top: 70px; font-size: 1.5em;}
  #sectionIntro .text00 h2 {margin-top: 0; line-height: 1.1; font-size: 50px;}
  #sectionIntro .text01 {margin-top: 200px; font-size: 1.4em;}
  #sectionIntro .text02 {margin-top: 200px; font-size: 1.4em;}
  #sectionIntro .text04 {margin-top: 380px; font-size: 1.4em;}
  #sectionIntro .text05 {margin-top: 40px; padding: 0; font-size: 1.4em;}
  #sectionIntro .text06 {margin-top: 1220px; background: rgba(255, 255, 255, 0);  font-size: 1.4em;}
  #sectionIntro .intro_number { width: 20%;}
}

#sectionIntro .fw_400_300 { font-weight: 400; }
@media only screen and (min-width: 601px) {
  #sectionIntro .fw_400_300 { font-weight: 300; }
}
@media only screen and (min-width: 993px) {
  #sectionIntro .fw_400_300 { font-weight: 400; }
}

#sectionIntro .subtitle01 { position: absolute; width: 70%; top: 520px; left: 15%; color: #6f848d;}
@media only screen and (min-width: 400px) {
  #sectionIntro .subtitle01 { top: 620px; left: 20%; width: 60%;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .subtitle01 { top: 740px; left: 27%; width: 46%;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .subtitle01 { top: 910px; left: 30%; width: 40%;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .subtitle01 { top: 1120px; left: 30%; width: 40%;}
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .subtitle01 { top: 1200px; left: 30%; width: 40%;}
}
@media only screen and (min-width: 1200px) {
  #sectionIntro .subtitle01 { top: 1300px; left: 30%; width: 40%;}
}
@media only screen and (min-width: 1300px) {
  #sectionIntro .subtitle01 { top: 1400px; left: 30%; width: 40%;}
}
@media only screen and (min-width: 1400px) {
  #sectionIntro .subtitle01 { top: 1500px; left: 30%; width: 40%;}
}

#sectionIntro .negi { position: absolute; top: 600px; right: -30px; width: 150px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .negi { top: 620px; right: -50px;  width: 200px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .negi { top: 700px; right: -40px;  width: 220px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .negi { top: 820px; right: -40px;  width: 300px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .negi { top: 1100px; right: -50px;  width: 350px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .negi { top: 1400px; right: -80px;  width: 400px; }
}

#sectionIntro .hakusai { position: absolute; top: 560px; left: -20px; width: 140px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .hakusai { top: 700px; left: -80px; width: 200px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .hakusai { top: 740px; left: -60px; width: 220px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .hakusai { top: 880px; left: -60px; width: 240px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .hakusai { top: 1100px; left: -50px; width: 300px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .hakusai { top: 1300px; left: -100px; width: 480px; }
}


#sectionIntro .astuage { position: absolute; top: 740px; left: 130px; width: 120px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .astuage { top: 830px; left: 140px; width: 150px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .astuage { top: 930px; left: 160px; width: 180px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .astuage { top: 1030px; left: 40px; width: 180px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .astuage { top: 1280px; left: 40px; width: 200px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .astuage { top: 1620px; left: -20px; width: 300px; }
}

#sectionIntro .ninjin { position: absolute; top: 940px; left: 110px; width: 120px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .ninjin { top: 1030px; left: 90px; width: 150px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .ninjin { top: 1130px; left: 140px; width: 150px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .ninjin { top: 1200px; left: 10px; width: 170px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .ninjin { top: 1450px; left: 40px; width: 200px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .ninjin { top: 1820px; left: -20px; width: 300px; }
}


#sectionIntro .wantan { position: absolute; top: 1200px; left: 100px; width: 150px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .wantan { top: 1150px; left: 90px;  width: 200px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .wantan { top: 1300px; left: 190px;  width: 200px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .wantan { top: 1300px; left: 30px;  width: 200px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .wantan { top: 1600px; left: -15px;  width: 260px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .wantan { top: 2000px; left: -15px;  width: 260px; }
}

#sectionIntro .meat { position: absolute; top: 1100px; right: -5px; width: 140px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .meat { top: 1200px; right: -5px; width: 140px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .meat { top: 1300px; right: -5px; width: 140px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .meat { top: 1200px; right: 0px; width: 140px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .meat { top: 1550px; right: -10px; width: 180px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .meat { top: 1650px; right: 40px; width: 200px; }
}

#sectionIntro .mochi { position: absolute; top: 1250px; right: 85px; width: 120px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .mochi { top: 1350px; right: 160px; width: 140px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .mochi { top: 1500px; right: 160px; width: 140px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .mochi { top: 1400px; right: -10px; width: 140px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .mochi { top: 1750px; right: -10px; width: 160px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .mochi { top: 1850px; right: 40px; width: 200px; }
}


#sectionIntro .subtitle02 { position: absolute; width: 70%; top: 1800px; left: 15%; }
@media only screen and (min-width: 400px) {
  #sectionIntro .subtitle02 { top: 1980px; left: 20%; width: 60%;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .subtitle02 { top: 2200px; left: 27%; width: 46%;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .subtitle02 { top: 1800px; left: 30%; width:40%; }
}
@media only screen and (min-width: 993px) {
  #sectionIntro .subtitle02 { top: 2100px; left: 30%; width:40%; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .subtitle02 { top: 2450px; left: 30%; width:40%; }
}


#sectionIntro .materialA { position: absolute; top: 1940px; left: 10%; width: 80%; }
@media only screen and (min-width: 400px) {
  #sectionIntro .materialA { top: 2120px; left: 15%; width: 70%;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .materialA { top: 2350px; left: 9%; width: 40%;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .materialA { top: 2000px; left: 55%;  width: 300px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .materialA { top: 2330px; left: 55%;  width: 400px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .materialA { top: 2760px; left: 55%;  width: 400px; }
}

#sectionIntro .materialB { position: absolute; top: 2170px; left: 10%; width: 80%; }
@media only screen and (min-width: 400px) {
  #sectionIntro .materialB { top: 2380px; left: 15%; width: 70%;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .materialB { top: 2350px; left: 52%; width: 40%;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .materialB { top: 2230px; left: 55%;  width: 300px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .materialB { top: 2640px; left: 55%;  width: 400px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .materialB { top: 3100px; left: 55%;  width: 400px; }
}

#sectionIntro .materialC { position: absolute; top: 2400px; left: 10%; width: 80%; }
@media only screen and (min-width: 400px) {
  #sectionIntro .materialC { top: 2640px; left: 15%; width: 70%;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .materialC { top: 2540px; left: 30%; width: 40%;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .materialC { top: 2460px; left: 55%;  width: 300px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .materialC { top: 2950px; left: 55%;  width: 400px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .materialC { top: 3440px; left: 55%;  width: 400px; }
}

#sectionIntro .komastuna { position: absolute; top: 2550px; left: -60px; width: 160px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .komastuna { top: 2580px; left: -20px; width: 200px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .komastuna { top: 2350px; left: -20px; width: 200px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .komastuna { top: 1800px; left: -60px; width: 320px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .komastuna { top: 2050px; left: -60px; width: 400px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .komastuna { top: 2350px; left: -120px; width: 550px; }
}

#sectionIntro .ginger { position: absolute; top: 2550px; right: -40px; width: 140px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .ginger { top: 2750px; right: -30px; width: 160px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .ginger { top: 2400px; right: -30px; width: 180px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .ginger { top: 1800px; right: -30px; width: 220px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .ginger { top: 2100px; right: -30px; width: 280px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .ginger { top: 2450px; right: 30px; width: 280px; }
}



#sectionIntro .wantantray { position: absolute; top: 2660px; left: 90px; width: 240px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .wantantray { top: 2820px; left: 30%; width: 240px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .wantantray { top: 2500px; left: 20%; width: 300px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .wantantray { top: 2200px; left: 5%; width: 350px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .wantantray { top: 2700px; left: 5%; width: 400px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .wantantray { top: 3100px; left: 5%; width: 540px; }
}


#sectionIntro .subtitle03 { position: absolute; width: 70%; top: 3000px; left: 15%; }
@media only screen and (min-width: 400px) {
  #sectionIntro .subtitle03 { top: 3250px; left: 20%; width: 60%; }
}
@media only screen and (min-width: 520px) {
  #sectionIntro .subtitle03 { top: 3050px; left: 27%; width: 46%; }
}
@media only screen and (min-width: 601px) {
  #sectionIntro .subtitle03 { top: 2750px; left: 30%; width: 40%; }
}
@media only screen and (min-width: 993px) {
  #sectionIntro .subtitle03 { top: 3340px; left: 30%; width: 40%; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .subtitle03 { top: 3900px; left: 30%; width: 40%; }
}

#sectionIntro .chef_inner { position: absolute; top: 3100px; left: -60px; width: 150px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .chef_inner { top: 3230px; left: -70px;  width: 160px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .chef_inner { top: 3050px; left: -70px;  width: 200px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .chef_inner { top: 2750px; left: -120px;  width: 260px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .chef_inner { top: 3350px; left: -140px;  width: 360px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .chef_inner { top: 3900px; left: -140px;  width: 420px; }
}

#sectionIntro .chef { position: absolute; top: 3080px; right: -60px; width: 160px; }
@media only screen and (min-width: 400px) {
  #sectionIntro .chef { top: 3220px; right: -50px;  width: 160px;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .chef { top: 3020px; right: -50px;  width: 200px;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .chef { top: 2700px; right: -50px;  width: 270px;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .chef { top: 3300px; right: -120px;  width: 360px; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .chef { top: 3850px; right: -120px;  width: 440px; }
}

#sectionIntro .video {margin-top: 250px; background: rgba(0, 0, 0, 0); color: #000;}
@media only screen and (min-width: 400px) {
  #sectionIntro .video {margin-top: 300px; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .video {margin-top: 220px; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .video {margin-top: 620px; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .video {margin-top: 980px; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .video {margin-top: 1050px; background: rgba(0, 0, 0, 0);}
}


#sectionIntro .subtitle04 { position: absolute; width: 70%; top: 3670px; left: 15%; }
@media only screen and (min-width: 400px) {
  #sectionIntro .subtitle04 { top: 3980px; left: 20%; width: 60%; }
}
@media only screen and (min-width: 420px) {
  #sectionIntro .subtitle04 { top: 3940px; left: 20%; width: 60%; }
}
@media only screen and (min-width: 520px) {
  #sectionIntro .subtitle04 { top: 3740px; left: 27%; width: 46%; }
}
@media only screen and (min-width: 601px) {
  #sectionIntro .subtitle04 { top: 3600px; left: 30%; width: 40%; }
}
@media only screen and (min-width: 993px) {
  #sectionIntro .subtitle04 { top: 4200px; left: 30%; width: 40%; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .subtitle04 { top: 4950px; left: 30%; width: 40%; }
}


#sectionIntro .appetite { position: absolute; top: 3760px; left: 0; width: 100%; padding-bottom: 400px; background: #f6f6f6; }
@media only screen and (min-width: 400px) {
  #sectionIntro .appetite { top: 4060px; left: 0;  width: 100%;}
}
@media only screen and (min-width: 420px) {
  #sectionIntro .appetite { top: 4040px; left: 0;  width: 100%;}
}
@media only screen and (min-width: 520px) {
  #sectionIntro .appetite { top: 3820px; left: 0;  width: 100%;}
}
@media only screen and (min-width: 601px) {
  #sectionIntro .appetite { top: 3700px; left: 0;  width: 100%;}
}
@media only screen and (min-width: 993px) {
  #sectionIntro .appetite { top: 4320px; left: 0;  width: 100%; }
}
@media only screen and (min-width: 1025px) {
  #sectionIntro .appetite { top: 5100px; left: 0;  width: 100%; }
}



.list { margin: 40px 0 40px 0;}
@media only screen and (min-width: 601px) {
  .list { margin: 40px 0 40px 0; }
}
@media only screen and (min-width: 993px) {
  .list { margin: 40px 0 40px 0; }
}


/*** #section_end ***/
#section_end .subtitle { position: absolute; top: 50px; left: 120px; color: #6f848d;}
#section_end .subtitle h2 { font-weight: 300; font-size: 3em; margin: 0; padding: 0; }
#section_end .subtitle p { font-weight: 300; font-size: 1.2em; margin: 0; padding: 0; }
@media only screen and (min-width: 601px) {
  #section_end .subtitle { top: 80px; left: 30%;}
  #section_end .subtitle h2 { font-weight: 300; font-size: 4em; margin: 0; padding: 0; }
}
@media only screen and (min-width: 993px) {
  #section_end .subtitle { top: 100px; left: 20%;}
  #section_end .subtitle h2 { font-weight: 300; font-size: 5.5em; margin: 0; padding: 0; }
}
#section_end .number { position: absolute; top: 1.5rem; left: 1rem; width: 100px;}
@media only screen and (min-width: 601px) {
  #section_end .number { top: 2rem; left: 1.5rem; width: 145px;}
}
@media only screen and (min-width: 993px) {
  #section_end .number { top: 3rem; left: 2rem; width: 190px;}
}
#section_end .text01 {margin-top: 100px; background: rgba(0, 0, 0, 0); color: #000;}
@media only screen and (min-width: 601px) {
  #section_end .text01 {margin-top: 20px; padding-right: 2em; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 993px) {
  #section_end .text01 {margin-top: 30px; background: rgba(0, 0, 0, 0);}
}
#section_end .video {margin-top: 280px; background: rgba(0, 0, 0, 0); color: #000;}
@media only screen and (min-width: 601px) {
  #section_end .video {margin-top: 280px; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 993px) {
  #section_end .video {margin-top: 280px; background: rgba(0, 0, 0, 0);}
}
  

.plyr input[type=range]::-ms-fill-lower {
	background:#ed7320;
}
.plyr input[type=range]:active::-webkit-slider-thumb {
	background:#ed7320;
}
.plyr input[type=range]:active::-moz-range-thumb {
	background:#ed7320;
}
.plyr input[type=range]:active::-ms-thumb {
	background:#ed7320;
}
.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover {
	background:#ed7320;
}
.plyr--audio .plyr__controls {
	padding:10px;
	border-radius:inherit;
	background:#fff;
	border:1px solid #ed7320;
	color:#ed7320;
}
.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover,.plyr__play-large {
	background:#ed7320;
}
.plyr__progress--played,.plyr__volume--display {
	color:#ed7320;
}
.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display {
	background: rgba(237, 115, 32, 0.66);
}

.plyr--audio .plyr__progress--buffer {
	color: rgba(237, 115, 32, 0.66);
}
.plyr--audio.plyr--loading .plyr__progress--buffer {
	background-color:rgba(237, 115, 32, 0.66);
}