@charset "UTF-8";
body {
  width: 100%;
  overflow-x: hidden;
}

.yt-aozorapicnic-jagabee {
  /*スプラッシュ*/
  /*キービジュアル&リード背景*/
  /*キービジュアル*/
  /*リード*/
  /*レシピ*/
  /*ジャガビー*/
  /*プライズ＆商品背景*/
  /*プライズ*/
  /*対象商品*/
  /*yeah!*/
  /*レシピ詳細*/
  /*アニメーション*/
}
.yt-aozorapicnic-jagabee h1,
.yt-aozorapicnic-jagabee h2,
.yt-aozorapicnic-jagabee h3,
.yt-aozorapicnic-jagabee h4,
.yt-aozorapicnic-jagabee div,
.yt-aozorapicnic-jagabee p,
.yt-aozorapicnic-jagabee ul,
.yt-aozorapicnic-jagabee li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.yt-aozorapicnic-jagabee li {
  list-style: none;
}
.yt-aozorapicnic-jagabee img {
  width: 100%;
  height: auto;
  max-height: inherit;
  max-width: inherit;
  line-height: 0;
  vertical-align: bottom;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee a img {
    transition: all 0.3s ease;
  }
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee a:hover img {
    opacity: 0.7;
  }
}
.yt-aozorapicnic-jagabee sup {
  font-size: 0.7em;
}
.yt-aozorapicnic-jagabee .pcOnly {
  display: none;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .pcOnly {
    display: inline;
  }
}
.yt-aozorapicnic-jagabee .spOnly {
  display: inline;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .spOnly {
    display: none;
  }
}
.yt-aozorapicnic-jagabee .splash {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  transition: all 0.5s ease-in 2.5s;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .splash {
    width: 100%;
  }
}
.yt-aozorapicnic-jagabee .splash.fadeout {
  opacity: 0;
}
.yt-aozorapicnic-jagabee .splash--bg {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(../img/bg_intro01_sp.jpg);
  background-size: cover;
  opacity: 0;
  transition: all 0.75s ease-in;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .splash--bg {
    width: 100%;
    background-image: url(../img/bg_intro01_pc.jpg);
  }
}
.yt-aozorapicnic-jagabee .splash--bg.active {
  opacity: 1;
}
.yt-aozorapicnic-jagabee .splash--logo {
  opacity: 0;
  width: 73.66vw;
  transition: all 0.5s ease-in 1s;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .splash--logo {
    width: 749px;
  }
}
.yt-aozorapicnic-jagabee .splash--logo.active {
  opacity: 1;
}
.yt-aozorapicnic-jagabee .kv-lead-wrap {
  position: relative;
  width: 100vw;
  background-image: url("../img/bg_yellow_texture_sp.png");
  background-position: top center;
  background-repeat: repeat-y;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv-lead-wrap {
    width: 100%;
    background-image: url("../img/bg_yellow_texture_pc.png");
    background-repeat: repeat;
    background-size: auto;
  }
}
.yt-aozorapicnic-jagabee .kv {
  position: relative;
  width: 100vw;
  height: 172.933vw;
  background-image: url("../img/bg_kv_sp.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv {
    width: 100%;
    height: 925.2px;
    background-image: url("../img/bg_kv_pcm.webp");
    background-size: auto 925.2px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv {
    height: 85.6666666667vw;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv {
    height: 1028px;
    background-image: url("../img/bg_kv_pc.webp");
    background-size: auto 1028px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-aozorapicnic-jagabee .kv {
    height: inherit;
    background-size: 100% auto, auto;
  }
}
.yt-aozorapicnic-jagabee .kv--inner {
  position: relative;
  width: 100vw;
  height: 172.93vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv--inner {
    width: 1080px;
    height: 925.2px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv--inner {
    width: 100vw;
    height: 85.6666666667vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv--inner {
    width: 1200px;
    height: 1028px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-aozorapicnic-jagabee .kv--inner {
    width: 60%;
    height: 51.4vw;
  }
}
.yt-aozorapicnic-jagabee .kv--inner--logo {
  position: absolute;
  width: 71.73vw;
  top: 12vw;
  left: 12.93vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv--inner--logo {
    width: 485.1px;
    top: 50.4px;
    left: 298.8px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv--inner--logo {
    width: 44.9166666667vw;
    top: 4.6666666667vw;
    left: 27.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv--inner--logo {
    width: 539px;
    top: 56px;
    left: 332px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-aozorapicnic-jagabee .kv--inner--logo {
    width: 44.9166666667%;
    top: 4.6666666667%;
    left: 27.6666666667%;
  }
}
.yt-aozorapicnic-jagabee .kv--inner--title {
  position: absolute;
  width: 91.73vw;
  top: 21.73vw;
  left: 3.06vw;
  overflow: hidden;
  transition: all 0.75s linear;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv--inner--title {
    width: 619.2px;
    top: 128.7px;
    left: 231.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv--inner--title {
    width: 57.3333333333vw;
    top: 11.9166666667vw;
    left: 21.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv--inner--title {
    width: 688px;
    top: 143px;
    left: 257px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-aozorapicnic-jagabee .kv--inner--title {
    width: 57.3333333333%;
    top: 11.9166666667%;
    left: 21.4166666667%;
  }
}
.yt-aozorapicnic-jagabee .kv--inner--title.active {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
.yt-aozorapicnic-jagabee .kv--inner--prod1 {
  position: absolute;
  width: 10.13vw;
  top: 43.73vw;
  left: 8.53vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv--inner--prod1 {
    width: 86.4px;
    top: 61.2px;
    left: 138.6px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv--inner--prod1 {
    width: 8vw;
    top: 5.6666666667vw;
    left: 12.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv--inner--prod1 {
    width: 96px;
    top: 68px;
    left: 154px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-aozorapicnic-jagabee .kv--inner--prod1 {
    width: 8%;
    top: 5.6666666667%;
    left: 12.8333333333%;
  }
}
.yt-aozorapicnic-jagabee .kv--inner--prod2 {
  position: absolute;
  width: 16.53vw;
  top: 46.93vw;
  right: 7.33vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv--inner--prod2 {
    width: 141.3px;
    top: 112.5px;
    right: 85.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv--inner--prod2 {
    width: 13.0833333333vw;
    top: 10.4166666667vw;
    right: 7.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv--inner--prod2 {
    width: 157px;
    top: 125px;
    right: 95px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-aozorapicnic-jagabee .kv--inner--prod2 {
    width: 13.0833333333%;
    top: 10.4166666667%;
    right: 7.9166666667%;
  }
}
.yt-aozorapicnic-jagabee .kv--inner--catch {
  position: absolute;
  width: 55.86vw;
  top: 50vw;
  left: 19vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv--inner--catch {
    width: 302.4px;
    top: inherit;
    bottom: 180px;
    left: 92.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv--inner--catch {
    width: 28vw;
    top: inherit;
    bottom: 8.3333333333vw;
    left: 8.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv--inner--catch {
    width: 336px;
    top: inherit;
    bottom: 100px;
    left: 103px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-aozorapicnic-jagabee .kv--inner--catch {
    width: 28%;
    bottom: 8.3333333333%;
    left: 8.5833333333%;
  }
}
.yt-aozorapicnic-jagabee .kv--inner--pockey {
  position: absolute;
  top: 6.933vw;
  left: 14vw;
  width: 15.466vw;
  opacity: 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv--inner--pockey {
    top: 243.9px;
    left: 324px;
    width: 98.1px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv--inner--pockey {
    top: 22.5833333333vw;
    left: 30vw;
    width: 9.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv--inner--pockey {
    top: 271px;
    left: 360px;
    width: 109px;
  }
}
.yt-aozorapicnic-jagabee .kv--inner--pockey.active {
  animation: upin 0.3s ease-out 1.75s forwards;
}
.yt-aozorapicnic-jagabee .kv--inner--muddler {
  position: absolute;
  top: 6.93vw;
  right: 21.33vw;
  width: 14.4vw;
  opacity: 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv--inner--muddler {
    top: 40.5px;
    right: 352.8px;
    width: 89.1px;
    height: 135.9px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv--inner--muddler {
    top: 3.75vw;
    right: 32.6666666667vw;
    width: 8.25vw;
    height: 12.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv--inner--muddler {
    top: 45px;
    right: 392px;
    width: 99px;
    height: 151px;
  }
}
.yt-aozorapicnic-jagabee .kv--inner--muddler.active {
  animation: upin 0.3s ease-out 2s forwards;
}
.yt-aozorapicnic-jagabee .kv--inner--copy {
  display: none;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv--inner--copy {
    display: block;
    position: absolute;
    bottom: 12.6px;
    right: 60.3px;
    width: 347.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv--inner--copy {
    bottom: 1.1666666667vw;
    right: 5.5833333333vw;
    width: 32.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv--inner--copy {
    bottom: 14px;
    right: 67px;
    width: 386px;
  }
}
.yt-aozorapicnic-jagabee .kv--inner--credit {
  display: none;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .kv--inner--credit {
    display: block;
    position: absolute;
    bottom: 0;
    left: 81px;
    width: 250.2px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .kv--inner--credit {
    left: 7.5vw;
    width: 23.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .kv--inner--credit {
    left: 90px;
    width: 278px;
  }
}
.yt-aozorapicnic-jagabee .lead {
  width: 100vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead {
    width: 100%;
  }
}
.yt-aozorapicnic-jagabee .lead--inner {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner {
    width: 1080px;
    margin: 0 auto;
    padding-top: 36px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner {
    width: 100vw;
    padding-top: 3.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner {
    width: 1200px;
    padding-top: 40px;
  }
}
.yt-aozorapicnic-jagabee .lead--inner--title {
  width: 92.933vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner--title {
    width: 848.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner--title {
    width: 78.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner--title {
    width: 943px;
  }
}
.yt-aozorapicnic-jagabee .lead--inner--text {
  position: relative;
  width: 68.26vw;
  margin: 7.066vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner--text {
    width: 410.4px;
    margin-top: 54px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner--text {
    width: 38vw;
    margin-top: 5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner--text {
    width: 456px;
    margin: 145px auto 0;
  }
}
.yt-aozorapicnic-jagabee .lead--inner--text .lead--inner--ph01 {
  position: absolute;
  width: 43.6vw;
  bottom: -55.33vw;
  left: -8.8vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner--text .lead--inner--ph01 {
    bottom: inherit;
    width: 267.3px;
    top: -23.4px;
    left: -267.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner--text .lead--inner--ph01 {
    width: 24.75vw;
    top: -2.1666666667vw;
    left: -24.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner--text .lead--inner--ph01 {
    width: 297px;
    top: -26px;
    left: -297px;
  }
}
.yt-aozorapicnic-jagabee .lead--inner--text .lead--inner--ph02 {
  position: absolute;
  width: 42.93vw;
  bottom: -77.33vw;
  right: -10.13vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner--text .lead--inner--ph02 {
    bottom: inherit;
    width: 263.7px;
    bottom: -143.1px;
    right: -259.2px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner--text .lead--inner--ph02 {
    width: 24.4166666667vw;
    bottom: -13.25vw;
    right: -24vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner--text .lead--inner--ph02 {
    width: 293px;
    bottom: -159px;
    right: -288px;
  }
}
.yt-aozorapicnic-jagabee .lead--inner--basket {
  position: relative;
  width: 74.4vw;
  height: 56vw;
  margin: 97.33vw 0 0 5.6vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket {
    width: 456.3px;
    height: 343.8px;
    margin: 243px 0 0 285.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket {
    width: 42.25vw;
    height: 31.8333333333vw;
    margin: 22.5vw 0 0 26.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket {
    width: 507px;
    height: 382px;
    margin: 270px 0 0 317px;
  }
}
.yt-aozorapicnic-jagabee .lead--inner--basket div {
  position: absolute;
}
.yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust01 {
  width: 74.4vw;
  height: 56vw;
  top: -1vw;
  left: 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust01 {
    width: 456.3px;
    height: 343.8px;
    top: -9px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust01 {
    width: 42.25vw;
    height: 31.8333333333vw;
    top: -0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust01 {
    width: 507px;
    height: 382px;
    top: -10px;
  }
}
.yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust02 {
  width: 18.93vw;
  top: 4.8vw;
  left: 19.6vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust02 {
    width: 116.1px;
    top: 29.7px;
    left: 120.6px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust02 {
    width: 10.75vw;
    top: 2.75vw;
    left: 11.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust02 {
    width: 129px;
    top: 33px;
    left: 134px;
  }
}
.yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust03 {
  width: 21.2vw;
  top: -22.66vw;
  left: 25.2vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust03 {
    width: 130.5px;
    top: -139.5px;
    left: 154.8px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust03 {
    width: 12.0833333333vw;
    top: -12.9166666667vw;
    left: 14.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust03 {
    width: 145px;
    top: -155px;
    left: 172px;
  }
}
.yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust04 {
  width: 15.86vw;
  top: -11.2vw;
  left: 51.2vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust04 {
    width: 97.2px;
    top: -68.4px;
    left: 309.6px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust04 {
    width: 9vw;
    top: -6.3333333333vw;
    left: 28.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust04 {
    width: 108px;
    top: -76px;
    left: 344px;
  }
}
.yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust05 {
  width: 18.8vw;
  top: -4.5vw;
  left: 67.86vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust05 {
    width: 127.8px;
    top: -30.6px;
    left: 416.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust05 {
    width: 9vw;
    top: -2.8333333333vw;
    left: 38.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .lead--inner--basket .lead--inner--illust05 {
    width: 108px;
    top: -34px;
    left: 463px;
  }
}
.yt-aozorapicnic-jagabee .scene--picnic {
  position: relative;
  width: 100vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .scene--picnic {
    width: 1080px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .scene--picnic {
    width: 100%;
  }
}
.yt-aozorapicnic-jagabee .scene--picnic--inner {
  position: relative;
  z-index: 1;
  width: 100vw;
  margin: -9.6vw auto 0;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .scene--picnic--inner {
    width: auto;
    height: 630px;
    margin: -72px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .scene--picnic--inner {
    height: 58.3333333333vw;
    margin: -6.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .scene--picnic--inner {
    height: 700px;
    margin: -80px auto 0;
  }
}
.yt-aozorapicnic-jagabee .scene--picnic--inner img {
  width: 100vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .scene--picnic--inner img {
    height: 630px;
    width: auto;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .scene--picnic--inner img {
    height: 58.3333333333vw;
    width: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .scene--picnic--inner img {
    height: 700px;
  }
}
.yt-aozorapicnic-jagabee .recipe {
  position: relative;
  margin: -2vw auto 0;
  padding: 22.26vw 0 24.66vw;
  width: 100vw;
  background-color: #f9c200;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe {
    margin: -2.7px 0 0;
    padding: 171px 0 140.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe {
    margin: -0.25vw auto 0;
    padding: 15.8333333333vw 0 13vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe {
    margin: -3px auto 0;
    padding: 190px 0 156px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner {
  width: 100vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner {
    width: 1080px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner {
    width: 100vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner {
    width: 1200px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--title {
  position: relative;
  width: 68.66vw;
  height: 24.66vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title {
    width: 582.3px;
    height: 105.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title {
    width: 53.9166666667vw;
    height: 9.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title {
    width: 674px;
    height: 117px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--title div img {
  position: absolute;
  z-index: 1;
  display: block;
}
.yt-aozorapicnic-jagabee .recipe--inner--title--01 {
  position: relative;
  width: 68.66vw;
  height: 6.26vw;
  overflow-x: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--01 {
    width: 463.5px;
    height: 42.3px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--01 {
    width: 42.9166666667vw;
    height: 3.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--01 {
    width: 515px;
    height: 47px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--title--01 .mrk {
  position: absolute;
  top: 0;
  left: -2px;
  width: 68.66vw;
  height: 6.26vw;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--01 .mrk {
    width: 463.5px;
    height: 42.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--01 .mrk {
    width: 42.9166666667vw;
    height: 3.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--01 .mrk {
    width: 515px;
    height: 47px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--title--02 {
  position: relative;
  margin-top: 2.93vw;
  width: 68.66vw;
  height: 6.26vw;
  overflow-x: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--02 {
    width: 606.6px;
    height: 42.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--02 {
    width: 56.1666666667vw;
    height: 3.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--02 {
    width: 674px;
    height: 47px;
    margin: 23px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--title--02 .mrk {
  position: absolute;
  top: 0;
  left: -2px;
  width: 68.66vw;
  height: 6.26vw;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--02 .mrk {
    width: 606.6px;
    height: 42.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--02 .mrk {
    width: 56.1666666667vw;
    height: 3.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--02 .mrk {
    width: 674px;
    height: 47px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--title--03 {
  position: relative;
  margin: 2.93vw auto 0;
  width: 25.86vw;
  height: 6.26vw;
  overflow-x: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--03 {
    display: none;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--title--03 .mrk {
  position: absolute;
  top: 0;
  left: -2px;
  width: 25.86vw;
  height: 6.26vw;
  background-color: #fff;
}
.yt-aozorapicnic-jagabee .recipe--inner--title--deco {
  position: absolute;
  width: 12vw;
  top: -11.2vw;
  right: -9.46vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--deco {
    width: 88.2px;
    top: -63.9px;
    right: 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--deco {
    width: 8.1666666667vw;
    top: -5.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--title--deco {
    width: 98px;
    top: -71px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--logo {
  width: 63vw;
  margin: 6.13vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--logo {
    width: 725.4px;
    top: 67.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--logo {
    width: 67.1666666667vw;
    top: 6.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--logo {
    width: 806px;
    margin: 75px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--intro {
  width: 71.86vw;
  margin: 11.73vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro {
    display: flex;
    justify-content: space-between;
    width: 723.6px;
    margin: 115.2px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro {
    width: 67vw;
    margin: 10.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro {
    width: 804px;
    margin: 128px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--intro--01, .yt-aozorapicnic-jagabee .recipe--inner--intro--02 {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--01 {
    width: 332.1px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--01 {
    width: 30.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--01 {
    width: 369px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--intro--01--cont {
  margin-top: 2.8vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--01--cont {
    margin-top: 12.6px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--01--cont {
    margin-top: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--01--cont {
    margin-top: 14px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--intro--01--deco {
  position: absolute;
  width: 8.53vw;
  top: -9.33vw;
  left: -0.8vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--01--deco {
    width: 79.2px;
    top: 130.5px;
    left: -81px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--01--deco {
    width: 7.3333333333vw;
    top: 12.0833333333vw;
    left: -7.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--01--deco {
    width: 88px;
    top: 145px;
    left: -90px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--intro--02 {
  margin-top: 14.4vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--02 {
    margin-top: 0;
    width: 332.1px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--02 {
    width: 30.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--02 {
    width: 369px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--intro--02--cont {
  margin-top: 2.8vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--02--cont {
    margin-top: 12.6px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--02--cont {
    margin-top: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--02--cont {
    margin-top: 14px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--intro--02--deco {
  position: absolute;
  width: 14vw;
  top: -8.53vw;
  right: -8vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--02--deco {
    width: 130.5px;
    top: 84.6px;
    right: -131.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--02--deco {
    width: 12.0833333333vw;
    top: 7.8333333333vw;
    right: -12.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--intro--02--deco {
    width: 145px;
    top: 94px;
    right: -146px;
  }
}
.yt-aozorapicnic-jagabee .recipe--inner--arrow {
  width: 10.13vw;
  margin: 10vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--inner--arrow {
    width: 41.4px;
    margin: 94.5px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--inner--arrow {
    width: 3.8333333333vw;
    margin: 8.75vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--inner--arrow {
    width: 46px;
    margin: 105px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--cocktail, .yt-aozorapicnic-jagabee .recipe--jagabee {
  margin: -1.46vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail, .yt-aozorapicnic-jagabee .recipe--jagabee {
    margin: 54px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail, .yt-aozorapicnic-jagabee .recipe--jagabee {
    margin: 5vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail, .yt-aozorapicnic-jagabee .recipe--jagabee {
    margin: 60px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--cocktail--subtitle, .yt-aozorapicnic-jagabee .recipe--jagabee--subtitle {
  width: 78.93vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--subtitle, .yt-aozorapicnic-jagabee .recipe--jagabee--subtitle {
    width: 602.1px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--subtitle, .yt-aozorapicnic-jagabee .recipe--jagabee--subtitle {
    width: 55.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--subtitle, .yt-aozorapicnic-jagabee .recipe--jagabee--subtitle {
    width: 669px;
  }
}
.yt-aozorapicnic-jagabee .recipe--cocktail--title, .yt-aozorapicnic-jagabee .recipe--jagabee--title {
  position: relative;
  width: 79.46vw;
  height: 8.93vw;
  margin: 3.33vw auto 0;
  overflow-x: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--title, .yt-aozorapicnic-jagabee .recipe--jagabee--title {
    width: 487.8px;
    height: 54.9px;
    margin: 12.6px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--title, .yt-aozorapicnic-jagabee .recipe--jagabee--title {
    width: 45.1666666667vw;
    height: 5.0833333333vw;
    margin: 1.1666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--title, .yt-aozorapicnic-jagabee .recipe--jagabee--title {
    width: 542px;
    height: 61px;
    margin: 14px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--cocktail--title img, .yt-aozorapicnic-jagabee .recipe--jagabee--title img {
  display: block;
  position: relative;
  z-index: 1;
}
.yt-aozorapicnic-jagabee .recipe--cocktail--title .mrk, .yt-aozorapicnic-jagabee .recipe--jagabee--title .mrk {
  position: absolute;
  width: 79.46vw;
  height: 8.93vw;
  top: 0;
  left: 0;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--title .mrk, .yt-aozorapicnic-jagabee .recipe--jagabee--title .mrk {
    width: 487.8px;
    height: 54.9px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--title .mrk, .yt-aozorapicnic-jagabee .recipe--jagabee--title .mrk {
    width: 45.1666666667vw;
    height: 5.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--title .mrk, .yt-aozorapicnic-jagabee .recipe--jagabee--title .mrk {
    width: 542px;
    height: 61px;
  }
}
.yt-aozorapicnic-jagabee .recipe--cocktail--index, .yt-aozorapicnic-jagabee .recipe--jagabee--index {
  height: 224.66vw;
  margin: 4.66vw auto 0;
  padding: 9.6vw 0 0;
  background-image: url("../img/bg_index01_sp.jpg");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index, .yt-aozorapicnic-jagabee .recipe--jagabee--index {
    height: inherit;
    margin: 72px auto 0;
    padding: 0;
    background-image: none;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index, .yt-aozorapicnic-jagabee .recipe--jagabee--index {
    margin: 6.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index, .yt-aozorapicnic-jagabee .recipe--jagabee--index {
    margin: 80px auto 0;
  }
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01, .yt-aozorapicnic-jagabee .recipe--cocktail--index02, .yt-aozorapicnic-jagabee .recipe--jagabee--index01, .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 743.4px;
    padding: 90px 0 0;
    background-image: url("../img/bg_recipe01_pcl.png");
    background-size: auto 100%;
    background-position: top center;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01, .yt-aozorapicnic-jagabee .recipe--cocktail--index02, .yt-aozorapicnic-jagabee .recipe--jagabee--index01, .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 68.8333333333vw;
    padding: 8.3333333333vw 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01, .yt-aozorapicnic-jagabee .recipe--cocktail--index02, .yt-aozorapicnic-jagabee .recipe--jagabee--index01, .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 826px;
    padding: 100px 0 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--cocktail--index01--title, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--title {
  width: 72.8vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--title, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--title {
    width: 671.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--title, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--title {
    width: 62.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--title, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--title {
    width: 746px;
  }
}
.yt-aozorapicnic-jagabee .recipe--cocktail--index01--ph, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--ph {
  width: 72.8vw;
  margin: 2.53vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--ph, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--ph {
    width: 495px;
    margin: 28.8px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--ph, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--ph {
    width: 45.8333333333vw;
    margin: 2.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--ph, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--ph {
    width: 550px;
    margin: 32px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--cocktail--index01--name, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--name {
  width: 72.8vw;
  margin: 1.6vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--name, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--name {
    width: 495px;
    margin: 11.7px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--name, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--name {
    width: 45.8333333333vw;
    margin: 1.0833333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--name, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--name {
    width: 550px;
    margin: 13px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--cocktail--index01--btn, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--btn {
  width: 39.2vw;
  margin: 3.46vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--btn, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--btn {
    width: 185.4px;
    margin: 14.4px auto 0;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--btn, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--btn {
    width: 17.1666666667vw;
    margin: 1.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index01--btn, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--btn {
    width: 206px;
    margin: 16px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--cocktail--index01--btn:hover, .yt-aozorapicnic-jagabee .recipe--cocktail--index02--btn:hover, .yt-aozorapicnic-jagabee .recipe--jagabee--index01--btn:hover, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--btn:hover {
  opacity: 0.8;
}
.yt-aozorapicnic-jagabee .recipe--cocktail--index02, .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
  margin-top: 11.2vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index02, .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 743.4px;
    padding: 90px 0 0;
    background-image: url("../img/bg_recipe02_pcl.png");
    background-size: auto 100%;
    background-position: top center;
    margin-top: 58.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index02, .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 68.8333333333vw;
    padding: 8.3333333333vw 0 0;
    margin-top: 5.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--cocktail--index02, .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 826px;
    padding: 100px 0 0;
    margin-top: 65px;
  }
}
.yt-aozorapicnic-jagabee .recipe--jagabee {
  margin: 6.76vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee {
    margin: 115.2px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee {
    margin: 10.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee {
    margin: 128px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--jagabee--subtitle {
  width: 80.8vw;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--subtitle {
    width: 755.1px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--subtitle {
    width: 69.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--subtitle {
    width: 839px;
  }
}
.yt-aozorapicnic-jagabee .recipe--jagabee--title {
  position: relative;
  width: 79.46vw;
  height: 8.93vw;
  margin: 2.66vw auto 0;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--title {
    position: relative;
    width: 487.8px;
    height: 54.9px;
    margin: -35.1px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--title {
    width: 45.1666666667vw;
    height: 5.0833333333vw;
    margin: -3.25vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--title {
    width: 542px;
    height: 61px;
    margin: -39px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--jagabee--title img {
  display: block;
  position: relative;
  z-index: 1;
}
.yt-aozorapicnic-jagabee .recipe--jagabee--title .mrk {
  position: absolute;
  width: 79.46vw;
  height: 8.93vw;
  top: 0;
  left: 0;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--title .mrk {
    width: 487.8px;
    height: 54.9px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--title .mrk {
    width: 45.1666666667vw;
    height: 5.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--title .mrk {
    width: 542px;
    height: 61px;
  }
}
.yt-aozorapicnic-jagabee .recipe--jagabee--index {
  height: 224.66vw;
  margin: 4.66vw auto 0;
  padding: 9.6vw 0 0;
  background-image: url("../img/bg_index03_sp.jpg");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index {
    height: inherit;
    margin: 72px auto 0;
    padding: 0;
    background-image: none;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index {
    margin: 6.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index {
    margin: 80px auto 0;
  }
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01, .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 743.4px;
    padding: 90px 0 0;
    background-image: url("../img/bg_recipe03_pcl.png");
    background-size: auto 100%;
    background-position: top center;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01, .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 68.8333333333vw;
    padding: 8.3333333333vw 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01, .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 826px;
    padding: 100px 0 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--jagabee--index01--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--title {
  width: 72.8vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--title {
    width: 671.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--title {
    width: 62.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--title, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--title {
    width: 746px;
  }
}
.yt-aozorapicnic-jagabee .recipe--jagabee--index01--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--ph {
  width: 72.8vw;
  margin: 2.53vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--ph {
    width: 495px;
    margin: 28.8px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--ph {
    width: 45.8333333333vw;
    margin: 2.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--ph, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--ph {
    width: 550px;
    margin: 32px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--jagabee--index01--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--name {
  width: 72.8vw;
  margin: 1.6vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--name {
    width: 495px;
    margin: 11.7px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--name {
    width: 45.8333333333vw;
    margin: 1.0833333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--name, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--name {
    width: 550px;
    margin: 13px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--jagabee--index01--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--btn {
  width: 39.2vw;
  margin: 3.46vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--btn {
    width: 185.4px;
    margin: 14.4px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--btn {
    width: 17.1666666667vw;
    margin: 1.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index01--btn, .yt-aozorapicnic-jagabee .recipe--jagabee--index02--btn {
    width: 206px;
    margin: 16px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
  margin-top: 11.2vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 743.4px;
    padding: 90px 0 0;
    background-image: url("../img/bg_recipe04_pcl.png");
    background-size: auto 100%;
    background-position: top center;
    margin-top: 58.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 68.8333333333vw;
    padding: 8.3333333333vw 0 0;
    margin-top: 5.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .recipe--jagabee--index02 {
    height: 826px;
    padding: 100px 0 0;
    margin-top: 65px;
  }
}
.yt-aozorapicnic-jagabee .jagabee {
  position: relative;
  margin: 0 auto;
  padding: 0 0 13.06vw;
  width: 100vw;
  background-color: #95c140;
  background-image: url("../img/bg_green_t_sp.png");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee {
    width: 100%;
    padding: 0 0 57.6px;
    background-image: url("../img/bg_green_t_pc.png");
    background-size: auto;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee {
    padding: 0 0 5.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee {
    background-image: url("../img/bg_green_t_pcl.png");
    padding: 0 0 64px;
    background-size: auto;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-aozorapicnic-jagabee .jagabee {
    background-size: 100% auto;
  }
}
.yt-aozorapicnic-jagabee .jagabee--inner {
  position: relative;
  width: 89.33vw;
  margin: 0 auto;
  padding: 24.2vw 0 0 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner {
    width: 914.4px;
    padding: 189px 0 0 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--inner {
    width: 84.6666666667vw;
    padding: 17.5vw 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--inner {
    width: 1016px;
    padding: 210px 0 0 0;
  }
}
.yt-aozorapicnic-jagabee .jagabee--inner--bk {
  position: absolute;
  top: -9vw;
  left: 0;
  width: 89.33vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--bk {
    top: 31.5px;
    width: 914.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--bk {
    top: 2.9166666667vw;
    width: 84.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--bk {
    top: 35px;
    width: 1016px;
  }
}
.yt-aozorapicnic-jagabee .jagabee--inner--title {
  position: relative;
  width: 46.93vw;
  margin: 4vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--title {
    width: 294.3px;
    margin: 27px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--title {
    width: 27.25vw;
    margin: 2.5vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--title {
    width: 327px;
    margin: 30px auto 0;
  }
}
.yt-aozorapicnic-jagabee .jagabee--inner--prod {
  position: relative;
  width: 67.06vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod {
    width: 814.5px;
    margin: -36px auto 0;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod {
    width: 75.4166666667vw;
    margin: -3.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod {
    width: 905px;
    margin: -40px auto 0;
  }
}
.yt-aozorapicnic-jagabee .jagabee--inner--prod li {
  margin: 1vw 0 2vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li {
    margin: 0;
  }
}
.yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(1),
.yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(3) {
  width: 34.66vw;
}
.yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(2),
.yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(4) {
  width: 32.4vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(1) {
    width: 199.8px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(1) {
    width: 18.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(1) {
    width: 222px;
  }
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(2) {
    width: 212.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(2) {
    width: 19.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(2) {
    width: 236px;
  }
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(3) {
    width: 230.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(3) {
    width: 21.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(3) {
    width: 265px;
  }
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(4) {
    width: 163.8px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(4) {
    width: 15.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--prod li:nth-child(4) {
    width: 182px;
  }
}
.yt-aozorapicnic-jagabee .jagabee--inner--lead {
  position: relative;
  width: 70.66vw;
  margin: 1vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--lead {
    width: 794.7px;
    margin: 18px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--lead {
    width: 73.5833333333vw;
    margin: 1.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--lead {
    width: 883px;
    margin: 20px auto 0;
  }
}
.yt-aozorapicnic-jagabee .jagabee--inner--note {
  position: relative;
  width: 70vw;
  margin: 2.5vw auto 0;
  text-align: center;
  font-size: 2.66vw;
  line-height: 1.25;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--note {
    width: 794.7px;
    margin: 24.3px auto 0;
    font-size: 14.4px;
    line-height: 1;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--note {
    width: 73.5833333333vw;
    margin: 2.25vw auto 0;
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--inner--note {
    width: 883px;
    margin: 27px auto 0;
    font-size: 1.6rem;
  }
}
.yt-aozorapicnic-jagabee .jagabee--coordinator {
  width: 72vw;
  margin: 18.26vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .jagabee--coordinator {
    width: 571.5px;
    margin: 108px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .jagabee--coordinator {
    width: 52.9166666667vw;
    margin: 10vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .jagabee--coordinator {
    width: 635px;
    margin: 120px auto 0;
  }
}
.yt-aozorapicnic-jagabee .prize-prod-wrap {
  position: relative;
  background-image: url("../img/bg_green_b_sp.png"), url("../img/bg_yellow_texture_sp.png");
  background-position: top center, top center;
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto, 100% auto;
  padding: 14.66vw 0 9.33vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prize-prod-wrap {
    width: 100%;
    background-image: url("../img/bg_green_b_pc.png"), url("../img/bg_yellow_texture_pc.png");
    background-size: auto, auto;
    background-repeat: no-repeat, repeat;
    padding: 40.5px 0 47.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prize-prod-wrap {
    padding: 3.75vw 0 4.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prize-prod-wrap {
    background-image: url("../img/bg_green_b_pcl.png"), url("../img/bg_yellow_texture_pc.png");
    background-size: auto, auto;
    padding: 45px 0 53px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-aozorapicnic-jagabee .prize-prod-wrap {
    background-size: 100% auto, auto;
  }
}
.yt-aozorapicnic-jagabee .prize--inner {
  width: 100vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prize--inner {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prize--inner {
    width: 1200px;
    margin: 0 auto;
  }
}
.yt-aozorapicnic-jagabee .prize--inner--title {
  width: 65vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prize--inner--title {
    width: 724.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prize--inner--title {
    width: 67.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prize--inner--title {
    width: 805px;
  }
}
.yt-aozorapicnic-jagabee .prize--inner--rd {
  width: 14.66vw;
  margin: 8.8vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prize--inner--rd {
    width: 75.6px;
    margin: 59.4px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prize--inner--rd {
    width: 7vw;
    margin: 5.5vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prize--inner--rd {
    width: 84px;
    margin: 66px auto 0;
  }
}
.yt-aozorapicnic-jagabee .prize--inner--name {
  position: relative;
  width: 79.46vw;
  height: 8.93vw;
  margin: 2.66vw auto 0;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prize--inner--name {
    width: 369px;
    height: 40.5px;
    margin: 15.3px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prize--inner--name {
    width: 34.1666666667vw;
    height: 3.75vw;
    margin: 1.4166666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prize--inner--name {
    width: 410px;
    height: 45px;
    margin: 17px auto 0;
  }
}
.yt-aozorapicnic-jagabee .prize--inner--name img {
  position: relative;
  display: block;
  z-index: 1;
}
.yt-aozorapicnic-jagabee .prize--inner--name .mrk {
  position: absolute;
  top: 0;
  left: 0;
  width: 79.46vw;
  height: 8.93vw;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prize--inner--name .mrk {
    width: 369px;
    height: 40.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prize--inner--name .mrk {
    width: 34.1666666667vw;
    height: 3.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prize--inner--name .mrk {
    width: 410px;
    height: 45px;
  }
}
.yt-aozorapicnic-jagabee .prize--inner--ph {
  width: 100vw;
  margin: 2.6vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prize--inner--ph {
    width: 815.4px;
    margin: 40.5px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prize--inner--ph {
    width: 75.5vw;
    margin: 3.75vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prize--inner--ph {
    width: 906px;
    margin: 45px auto 0;
  }
}
.yt-aozorapicnic-jagabee .prize--inner--note {
  width: 90vw;
  margin: 8vw auto 0;
  font-size: 2.66vw;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prize--inner--note {
    width: 815.4px;
    margin: 27px auto 0;
    font-size: 15.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prize--inner--note {
    width: 75.5vw;
    margin: 2.5vw auto 0;
    font-size: 1.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prize--inner--note {
    width: 906px;
    margin: 30px auto 0;
    font-size: 16px;
  }
}
.yt-aozorapicnic-jagabee .prod--inner {
  width: 100vw;
  margin-top: 12vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prod--inner {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prod--inner {
    width: 1200px;
  }
}
.yt-aozorapicnic-jagabee .prod--inner--title {
  width: 65vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prod--inner--title {
    width: 326.7px;
    margin: 79.2px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prod--inner--title {
    width: 30.25vw;
    margin: 7.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prod--inner--title {
    width: 363px;
    margin: 88px auto 0;
  }
}
.yt-aozorapicnic-jagabee .prod--inner--prod {
  width: 86.4vw;
  height: 134.66vw;
  margin: 3.33vw auto 0;
  padding: 7.73vw 0 0;
  background-image: url("../img/bg_prod_sp.png");
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prod--inner--prod {
    width: 704.7px;
    height: 372.6px;
    padding: 28.8px 0 0;
    background-image: url("../img/bg_prod_pc.png");
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prod--inner--prod {
    width: 65.25vw;
    height: 34.5vw;
    padding: 2.6666666667vw 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prod--inner--prod {
    width: 783px;
    height: 414px;
    padding: 32px 0 0;
  }
}
.yt-aozorapicnic-jagabee .prod--inner--prod ul {
  width: 70.4vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prod--inner--prod ul {
    width: 622.8px;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prod--inner--prod ul {
    width: 57.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prod--inner--prod ul {
    width: 692px;
  }
}
.yt-aozorapicnic-jagabee .prod--inner--prod ul li {
  width: 21.33vw;
  margin-bottom: 11vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prod--inner--prod ul li {
    width: 105.3px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prod--inner--prod ul li {
    width: 9.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prod--inner--prod ul li {
    width: 117px;
  }
}
.yt-aozorapicnic-jagabee .prod--inner--prod ul li:nth-child(4) {
  margin-right: 5vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prod--inner--prod ul li:nth-child(4) {
    margin-right: 0;
  }
}
.yt-aozorapicnic-jagabee .prod--inner--btn {
  width: 44.4vw;
  margin: 5.33vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .prod--inner--btn {
    width: 234px;
    margin: 36px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .prod--inner--btn {
    width: 21.6666666667vw;
    margin: 3.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .prod--inner--btn {
    width: 260px;
    margin: 40px auto 0;
  }
}
.yt-aozorapicnic-jagabee .yeah {
  width: 100vw;
  height: 101.2vw;
  background-image: url("../img/end_image_sp.jpg");
  background-size: cover;
  background-position: top center;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .yeah {
    width: 100%;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .yeah {
    width: 100%;
    height: 71.9166666667vw;
    background-image: url("../img/end_image_pcl.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .yeah {
    width: 100%;
    height: 863px;
  }
}
.yt-aozorapicnic-jagabee .yeah--inner {
  position: relative;
  width: 100vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .yeah--inner {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .yeah--inner {
    width: 1200px;
  }
}
.yt-aozorapicnic-jagabee .yeah--inner--logo {
  position: absolute;
  width: 28.13vw;
  top: -6.93vw;
  right: 7.33vw;
}
@media only screen and (min-width: 1080px) {
  .yt-aozorapicnic-jagabee .yeah--inner--logo {
    width: 19.5vw;
    top: 3.8333333333vw;
    right: 13.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-aozorapicnic-jagabee .yeah--inner--logo {
    width: 234px;
    top: 46px;
    right: 166px;
  }
}
.yt-aozorapicnic-jagabee .modal--wrap {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: -1;
}
.yt-aozorapicnic-jagabee .modal--wrap.active {
  display: block;
  z-index: 9999;
}
.yt-aozorapicnic-jagabee .modal--wrap .modal--closer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -2;
}
.yt-aozorapicnic-jagabee .modal--bk {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100vh;
  background: rgba(240, 240, 240, 0.7);
  -webkit-backdrop-filter: blur(15px) brightness(100%);
  backdrop-filter: blur(15px) brightness(100%);
}
.yt-aozorapicnic-jagabee .modal--bk.active {
  display: block;
  z-index: 9998;
}
.yt-aozorapicnic-jagabee .recipe--detail {
  display: none;
  position: relative;
  opacity: 0;
  width: 84vw;
  height: 168vw;
  margin: 8vw auto 30vw;
  z-index: 150;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail {
    width: 800px;
    height: 500px;
    margin: 50px auto;
    padding: 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail.active {
  display: block;
  animation: fadeIn 0.5s ease both;
}
.yt-aozorapicnic-jagabee .recipe--detail--wrap {
  position: relative;
  display: block;
  padding-top: 8.26vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail--wrap {
    padding-top: 0;
    display: flex;
    justify-content: space-between;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail--visual {
  width: 71.86vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail--visual {
    width: 431px;
    margin: 30px 0 0 8px;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail--block {
  width: 65vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail--block {
    width: 336px;
    margin: 65px 20px 0 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail--lead {
  width: 65vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail--lead {
    width: 336px;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail--cont {
  position: relative;
  width: 64.26vw;
  height: 61.73vw;
  margin: 1.33vw auto 0;
  padding: 7.2vw 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail--cont {
    width: 331px;
    height: 317px;
    margin: 25px auto 0;
    padding: 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail--cont--note {
  position: absolute;
  width: 31.73vw;
  bottom: -2vw;
  left: 10.93vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail--cont--note {
    width: 160px;
    bottom: 10px;
    left: 450px;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail--mate--ti {
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail--mate--ti {
    padding-top: 36px;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail--mate--cont {
  margin: 2.66vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail--mate--cont {
    margin: 13px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail--how--ti {
  line-height: 1;
  margin: 3.73vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail--how--ti {
    margin: 14px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail--how--cont {
  margin: 2vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail--how--cont {
    margin: 8px auto 0;
  }
}
.yt-aozorapicnic-jagabee .recipe--detail .close--btn {
  position: absolute;
  width: 16.66vw;
  top: 2.26vw;
  right: 2.53vw;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .recipe--detail .close--btn {
    width: 90px;
    top: 21px;
    right: 20px;
    cursor: pointer;
  }
}
.yt-aozorapicnic-jagabee #recipe_detail_01, .yt-aozorapicnic-jagabee #recipe_detail_02 {
  background-image: url("../img/bg_recipe_b_sp.jpg");
  background-size: cover;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee #recipe_detail_01, .yt-aozorapicnic-jagabee #recipe_detail_02 {
    background-image: url("../img/bg_recipe_b_pc.jpg");
  }
}
.yt-aozorapicnic-jagabee #recipe_detail_01 .recipe--detail--cont, .yt-aozorapicnic-jagabee #recipe_detail_02 .recipe--detail--cont {
  background-image: url("../img/recipe_memo.png");
}
.yt-aozorapicnic-jagabee #recipe_detail_03, .yt-aozorapicnic-jagabee #recipe_detail_04 {
  background-image: url("../img/bg_recipe_y_sp.jpg");
  background-size: cover;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee #recipe_detail_03, .yt-aozorapicnic-jagabee #recipe_detail_04 {
    background-image: url("../img/bg_recipe_y_pc.jpg");
  }
}
.yt-aozorapicnic-jagabee #recipe_detail_03 .recipe--detail--cont, .yt-aozorapicnic-jagabee #recipe_detail_04 .recipe--detail--cont {
  background-image: url("../img/recipe_memo_y.png");
}
.yt-aozorapicnic-jagabee #recipe_detail_01 .recipe--detail--cont--deco {
  position: absolute;
  width: 23.2vw;
  bottom: -4.8vw;
  right: -2.53vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee #recipe_detail_01 .recipe--detail--cont--deco {
    width: 128px;
    bottom: -23px;
    right: -14px;
  }
}
.yt-aozorapicnic-jagabee #recipe_detail_02 .recipe--detail--cont--deco {
  position: absolute;
  width: 22.9vw;
  bottom: -3.73vw;
  right: 0.93vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee #recipe_detail_02 .recipe--detail--cont--deco {
    width: 126px;
    bottom: -17px;
    right: 2px;
  }
}
.yt-aozorapicnic-jagabee #recipe_detail_03 .recipe--detail--cont--deco {
  position: absolute;
  width: 24.93vw;
  bottom: -6.1vw;
  right: -3.2vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee #recipe_detail_03 .recipe--detail--cont--deco {
    width: 126px;
    bottom: -20px;
    right: -16px;
  }
}
.yt-aozorapicnic-jagabee #recipe_detail_04 .recipe--detail--cont--deco {
  position: absolute;
  width: 24.13vw;
  bottom: -4.13vw;
  right: -1.66vw;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee #recipe_detail_04 .recipe--detail--cont--deco {
    width: 122px;
    bottom: -16px;
    right: -9px;
  }
}
.yt-aozorapicnic-jagabee .fadeLeftIn {
  opacity: 0;
}
.yt-aozorapicnic-jagabee .fadeLeftIn.active {
  animation: fadeLeftIn 0.5s ease-out forwards;
}
.yt-aozorapicnic-jagabee .fadeIn {
  opacity: 0;
}
.yt-aozorapicnic-jagabee .fadeIn.active {
  animation: fadeIn 0.5s ease-out 0.5s forwards;
}
.yt-aozorapicnic-jagabee .fadeIn-sp {
  opacity: 0;
}
.yt-aozorapicnic-jagabee .fadeIn-sp.active {
  animation: fadeIn 0.5s ease-out 0.5s forwards;
}
@media only screen and (min-width: 769px) {
  .yt-aozorapicnic-jagabee .fadeIn-sp {
    opacity: 1;
  }
  .yt-aozorapicnic-jagabee .fadeIn-sp.active {
    animation: none;
  }
}
.yt-aozorapicnic-jagabee .upin {
  opacity: 0;
}
.yt-aozorapicnic-jagabee .upin.active {
  animation: upin 0.3s ease-out 0.5s forwards;
}
.yt-aozorapicnic-jagabee .effect-fadeup-in {
  opacity: 0;
  transform: translateY(20%);
}
.yt-aozorapicnic-jagabee .effect-fadeup-in.active {
  animation: fadeUpIn 0.75s ease 0.25s forwards;
}
.yt-aozorapicnic-jagabee .effect-fadeup-in-d {
  opacity: 0;
  transform: translateY(20%);
}
.yt-aozorapicnic-jagabee .effect-fadeup-in-d.active {
  animation: fadeUpIn 0.75s ease 0.5s forwards;
}
.yt-aozorapicnic-jagabee .anime-jagabee {
  opacity: 0;
  transform: translateY(100%) rotate(-45deg);
  transition: all 0.5s ease-out;
}
.yt-aozorapicnic-jagabee .anime-jagabee.active {
  opacity: 1;
  transform: translateY(0) rotate(0);
}
.yt-aozorapicnic-jagabee .anime-jagabee {
  opacity: 0;
  transform: translateY(100%) rotate(-45deg);
  transition: all 0.5s ease-out;
}
.yt-aozorapicnic-jagabee .anime-jagabee.active {
  opacity: 1;
  transform: translateY(0) rotate(0);
}
.yt-aozorapicnic-jagabee .anime-shardonnay {
  opacity: 0;
  transform: translateY(30%) translateX(20%);
  transition: all 0.5s ease-out 0.5s;
}
.yt-aozorapicnic-jagabee .anime-shardonnay.active {
  opacity: 1;
  transform: translateY(0) translateY(0);
}
.yt-aozorapicnic-jagabee .anime-cabernet {
  opacity: 0;
  transform: translateY(40%) translateX(-20%);
  transition: all 0.5s ease-out 0.25s;
}
.yt-aozorapicnic-jagabee .anime-cabernet.active {
  opacity: 1;
  transform: translateY(0) translateY(0);
}
.yt-aozorapicnic-jagabee .anime-kangaroo {
  opacity: 0;
  transform: translateY(100%) translateX(-70%);
  transition: all 0.5s ease-out 0.5s;
}
.yt-aozorapicnic-jagabee .anime-kangaroo.active {
  opacity: 1;
  transform: translateY(0) translateY(0);
}
.yt-aozorapicnic-jagabee .anime-mrk {
  transform: translateX(-100%);
  transition: all 0.5s linear;
}
.yt-aozorapicnic-jagabee .anime-mrk.active {
  transform: translateX(0);
}
.yt-aozorapicnic-jagabee .anime-mrk-d1 {
  transform: translateX(-100%);
  transition: all 0.5s linear 0.4s;
}
.yt-aozorapicnic-jagabee .anime-mrk-d1.active {
  transform: translateX(0);
}
.yt-aozorapicnic-jagabee .anime-mrk-d2 {
  transform: translateX(-100%);
  transition: all 0.3s linear 0.8s;
}
.yt-aozorapicnic-jagabee .anime-mrk-d2.active {
  transform: translateX(0);
}
.yt-aozorapicnic-jagabee .fadeInlist li {
  opacity: 0;
}
.yt-aozorapicnic-jagabee .fadeInlist li:nth-child(1) {
  transition: all 0.4s ease-in;
}
.yt-aozorapicnic-jagabee .fadeInlist li:nth-child(2) {
  transition: all 0.4s ease-in 0.3s;
}
.yt-aozorapicnic-jagabee .fadeInlist li:nth-child(3) {
  transition: all 0.4s ease-in 0.7s;
}
.yt-aozorapicnic-jagabee .fadeInlist li:nth-child(4) {
  transition: all 0.4s ease-in 1.1s;
}
.yt-aozorapicnic-jagabee .fadeInlist li:nth-child(5) {
  transition: all 0.4s ease-in 1.5s;
}
.yt-aozorapicnic-jagabee .fadeInlist.active li {
  opacity: 1;
}
.yt-aozorapicnic-jagabee .yure.active {
  animation: yure 1s linear 1 1s forwards;
}
.yt-aozorapicnic-jagabee .yure2.active {
  animation: yure 1s linear 1 1s forwards;
}
@keyframes yure {
  0% {
    transform: rotate(0);
  }
  30% {
    transform: rotate(12deg);
  }
  55% {
    transform: rotate(0);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes upin {
  from {
    opacity: 0;
    transform: scale(0.25);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInout {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeUpIn {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeLeftIn {
  0% {
    opacity: 0;
    transform: translateX(-20%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}