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

.yt-hoshizorabbq-jagabee {
  /*キービジュアル&リード背景*/
  /*イントロ*/
  /*キービジュアル*/
  /*リード*/
  /*カルーセルアニメ*/
  /*アレンジレシピ*/
  /*ジャガビー*/
  /*プライズ＆商品背景*/
  /*プライズ*/
  /*対象商品*/
  /*yeah!*/
  /*レシピ詳細*/
  /*アニメーション*/
}
.yt-hoshizorabbq-jagabee h1,
.yt-hoshizorabbq-jagabee h2,
.yt-hoshizorabbq-jagabee h3,
.yt-hoshizorabbq-jagabee h4,
.yt-hoshizorabbq-jagabee div,
.yt-hoshizorabbq-jagabee p,
.yt-hoshizorabbq-jagabee ul,
.yt-hoshizorabbq-jagabee li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.yt-hoshizorabbq-jagabee li {
  list-style: none;
}
.yt-hoshizorabbq-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-hoshizorabbq-jagabee a img {
    transition: all 0.3s ease;
  }
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee a:hover img {
    opacity: 0.7;
  }
}
.yt-hoshizorabbq-jagabee sup {
  font-size: 0.7em;
}
.yt-hoshizorabbq-jagabee .pcOnly {
  display: none;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .pcOnly {
    display: inline;
  }
}
.yt-hoshizorabbq-jagabee .spOnly {
  display: inline;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .spOnly {
    display: none;
  }
}
.yt-hoshizorabbq-jagabee .fast-wrap {
  position: relative;
  width: 100vw;
  padding-top: 143.8vw;
  background-image: url("../img/bg_orange_sp.png");
  background-position: top center;
  background-repeat: repeat-y;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .fast-wrap {
    width: 100%;
    padding-top: 925.2px;
    background-image: url("../img/bg_orange_texture_pc.png");
    background-repeat: repeat;
    background-size: auto;
  }
}
.yt-hoshizorabbq-jagabee .intro {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 143.8vw;
  background-image: url("../img/bg_kv01_sp.webp");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .intro {
    width: 100%;
    height: 925.2px;
    background-image: url("../img/bg_kv01_pc.webp");
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .intro {
    height: 85.6666666667vw;
    background-size: auto 85.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .intro {
    background-image: url("../img/bg_kv01_pcl.webp");
    height: 1028px;
    background-size: auto 1028px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .intro {
    height: inherit;
    background-size: 100% auto, auto;
  }
}
.yt-hoshizorabbq-jagabee .intro--inner {
  position: relative;
  width: 100vw;
  height: 143.8vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .intro--inner {
    width: 1080px;
    height: 925.2px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .intro--inner {
    width: 100vw;
    height: 85.6666666667vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .intro--inner {
    width: 1200px;
    height: 1028px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .intro--inner {
    width: 60%;
    height: 51.4vw;
  }
}
.yt-hoshizorabbq-jagabee .intro--inner--logo {
  position: absolute;
  width: 73.46vw;
  top: 49.33vw;
  left: 13.27vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .intro--inner--logo {
    width: 630px;
    top: 320.4px;
    left: 225px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .intro--inner--logo {
    width: 58.3333333333vw;
    top: 29.6666666667vw;
    left: 20.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .intro--inner--logo {
    width: 700px;
    top: 356px;
    left: 250px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .intro--inner--logo {
    width: 58.3333333333%;
    top: 29.6666666667%;
    left: 20.8333333333%;
  }
}
.yt-hoshizorabbq-jagabee .kv {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 143.8vw;
  background-image: url("../img/bg_kv02_sp.webp");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .kv {
    width: 100%;
    height: 925.2px;
    background-image: url("../img/bg_kv02_pc.webp");
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .kv {
    height: 85.6666666667vw;
    background-size: auto 85.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv {
    background-image: url("../img/bg_kv02_pcl.webp");
    height: 1028px;
    background-size: auto 1028px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .kv {
    height: inherit;
    background-size: 100% auto;
  }
}
.yt-hoshizorabbq-jagabee .kv--inner {
  position: relative;
  width: 100vw;
  height: 143.8vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .kv--inner {
    width: 1080px;
    height: 925.2px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .kv--inner {
    width: 100vw;
    height: 85.6666666667vw;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv--inner {
    width: 1200px;
    height: 1028px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .kv--inner {
    width: 60%;
    height: 51.4vw;
  }
}
.yt-hoshizorabbq-jagabee .kv--inner--logo {
  position: absolute;
  width: 67.2vw;
  top: 11.06vw;
  left: 16.4vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .kv--inner--logo {
    width: 453.6px;
    top: 51.3px;
    left: 313.2px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .kv--inner--logo {
    width: 42vw;
    top: 4.75vw;
    left: 29vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv--inner--logo {
    width: 504px;
    top: 57px;
    left: 348px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .kv--inner--logo {
    width: 42%;
    top: 4.75%;
    left: 29%;
  }
}
.yt-hoshizorabbq-jagabee .kv--inner--title {
  position: absolute;
  width: 88.93vw;
  top: 23.33vw;
  left: 4.6vw;
  overflow: hidden;
  transition: all 0.75s linear;
  clip-path: inset(0 100% 0 0);
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .kv--inner--title {
    width: 619.2px;
    top: 144px;
    left: 230.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .kv--inner--title {
    width: 57.3333333333vw;
    top: 13.3333333333vw;
    left: 21.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv--inner--title {
    width: 688px;
    top: 160px;
    left: 256px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .kv--inner--title {
    width: 57.3333333333%;
    top: 13.3333333333%;
    left: 21.3333333333%;
  }
}
.yt-hoshizorabbq-jagabee .kv--inner--title.active {
  clip-path: inset(0 0 0 0);
}
.yt-hoshizorabbq-jagabee .kv--inner--prod1 {
  position: absolute;
  width: 11.73vw;
  top: 40.26vw;
  right: 31.2vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .kv--inner--prod1 {
    width: 74.7px;
    top: 66.6px;
    left: 143.1px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .kv--inner--prod1 {
    width: 6.9166666667vw;
    top: 6.1666666667vw;
    left: 13.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv--inner--prod1 {
    width: 83px;
    top: 74px;
    left: 159px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .kv--inner--prod1 {
    width: 6.9166666667%;
    top: 6.1666666667%;
    left: 13.25%;
  }
}
.yt-hoshizorabbq-jagabee .kv--inner--prod2 {
  position: absolute;
  width: 22.66vw;
  top: 39.6vw;
  right: 9.33vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .kv--inner--prod2 {
    width: 143.1px;
    top: 111.6px;
    right: 84.6px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .kv--inner--prod2 {
    width: 13.25vw;
    top: 10.3333333333vw;
    right: 7.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv--inner--prod2 {
    width: 159px;
    top: 124px;
    right: 94px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .kv--inner--prod2 {
    width: 13.25%;
    top: 10.3333333333%;
    right: 7.8333333333%;
  }
}
.yt-hoshizorabbq-jagabee .kv--inner--catch {
  position: absolute;
  width: 43.06vw;
  top: 44.53vw;
  left: 11.2vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .kv--inner--catch {
    width: 261.9px;
    top: inherit;
    bottom: 119.7px;
    left: inherit;
    right: 90px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .kv--inner--catch {
    width: 24.25vw;
    top: inherit;
    bottom: 11.0833333333vw;
    right: 8.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv--inner--catch {
    width: 291px;
    top: inherit;
    bottom: 133px;
    right: 100px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .kv--inner--catch {
    width: 24.25%;
    bottom: 11.0833333333%;
    right: 8.3333333333%;
  }
}
.yt-hoshizorabbq-jagabee .kv--inner--pockey {
  position: absolute;
  top: 6.933vw;
  left: 14vw;
  width: 15.466vw;
  opacity: 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .kv--inner--pockey {
    top: 243.9px;
    left: 324px;
    width: 98.1px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .kv--inner--pockey {
    top: 22.5833333333vw;
    left: 30vw;
    width: 9.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv--inner--pockey {
    top: 271px;
    left: 360px;
    width: 109px;
  }
}
.yt-hoshizorabbq-jagabee .kv--inner--pockey.active {
  animation: upin 0.3s ease-out 1.75s forwards;
}
.yt-hoshizorabbq-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-hoshizorabbq-jagabee .kv--inner--muddler {
    top: 40.5px;
    right: 352.8px;
    width: 89.1px;
    height: 135.9px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .kv--inner--muddler {
    top: 3.75vw;
    right: 32.6666666667vw;
    width: 8.25vw;
    height: 12.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv--inner--muddler {
    top: 45px;
    right: 392px;
    width: 99px;
    height: 151px;
  }
}
.yt-hoshizorabbq-jagabee .kv--inner--muddler.active {
  animation: upin 0.3s ease-out 2s forwards;
}
.yt-hoshizorabbq-jagabee .kv--inner--copy {
  display: none;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-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-hoshizorabbq-jagabee .kv--inner--copy {
    bottom: 1.1666666667vw;
    right: 5.5833333333vw;
    width: 32.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv--inner--copy {
    bottom: 14px;
    right: 67px;
    width: 386px;
  }
}
.yt-hoshizorabbq-jagabee .kv--inner--credit {
  display: none;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .kv--inner--credit {
    display: block;
    position: absolute;
    bottom: 0;
    left: 81px;
    width: 250.2px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .kv--inner--credit {
    left: 7.5vw;
    width: 23.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .kv--inner--credit {
    left: 90px;
    width: 278px;
  }
}
.yt-hoshizorabbq-jagabee .lead {
  width: 100vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .lead {
    width: 100%;
  }
}
.yt-hoshizorabbq-jagabee .lead--inner {
  position: relative;
  width: 100%;
  padding-top: 13.33vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .lead--inner {
    width: 1080px;
    margin: 0 auto;
    padding-top: 153px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .lead--inner {
    width: 100vw;
    padding-top: 14.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .lead--inner {
    width: 1200px;
    padding-top: 170px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .lead--inner {
    padding-top: 14.1666666667vw;
  }
}
.yt-hoshizorabbq-jagabee .lead--inner--title {
  width: 92vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .lead--inner--title {
    width: 815.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .lead--inner--title {
    width: 75.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .lead--inner--title {
    width: 906px;
  }
}
.yt-hoshizorabbq-jagabee .lead--inner--wrap {
  width: 100vw;
  height: 224.93vw;
  position: relative;
  margin: 12.93vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .lead--inner--wrap {
    width: 1080px;
    height: 684px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .lead--inner--wrap {
    width: 100vw;
    height: 63.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .lead--inner--wrap {
    width: 1200px;
    height: 760px;
  }
}
.yt-hoshizorabbq-jagabee .lead--inner--text {
  width: 63.73vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .lead--inner--text {
    width: 334.8px;
    padding-top: 140.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .lead--inner--text {
    width: 31vw;
    padding-top: 13vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .lead--inner--text {
    width: 372px;
    padding-top: 156px;
  }
}
.yt-hoshizorabbq-jagabee .lead--inner--ph {
  position: absolute;
  width: 100vw;
  top: 100vw;
  left: 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .lead--inner--ph {
    width: 1080px;
    top: 31.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .lead--inner--ph {
    width: 100vw;
    top: 2.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .lead--inner--ph {
    width: 1200px;
    top: 35px;
  }
}
.yt-hoshizorabbq-jagabee .lead--inner--illust01 {
  position: absolute;
  width: 30.93vw;
  top: 102.8vw;
  right: 6.4vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust01 {
    width: 156.6px;
    top: 18px;
    right: 162px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust01 {
    width: 14.5vw;
    top: 1.6666666667vw;
    right: 15vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust01 {
    width: 174px;
    top: 20px;
    right: 180px;
  }
}
.yt-hoshizorabbq-jagabee .lead--inner--illust02 {
  position: absolute;
  width: 14.93vw;
  top: 131.2vw;
  right: 7.46vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust02 {
    width: 156.6px;
    top: 518.4px;
    right: 131.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust02 {
    width: 14.5vw;
    top: 48vw;
    right: 12.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust02 {
    width: 102px;
    top: 576px;
    right: 146px;
  }
}
.yt-hoshizorabbq-jagabee .lead--inner--illust03 {
  position: absolute;
  width: 22.4vw;
  top: 155.73vw;
  left: 10.53vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust03 {
    width: 117px;
    top: 306px;
    left: 148.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust03 {
    width: 10.8333333333vw;
    top: 28.3333333333vw;
    left: 13.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust03 {
    width: 130px;
    top: 340px;
    left: 165px;
  }
}
.yt-hoshizorabbq-jagabee .lead--inner--illust04 {
  position: absolute;
  width: 21.33vw;
  top: 182.5vw;
  left: 21.6vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust04 {
    width: 124.2px;
    top: 477px;
    left: 90px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust04 {
    width: 11.5vw;
    top: 44.1666666667vw;
    left: 8.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .lead--inner--illust04 {
    width: 138px;
    top: 530px;
    left: 100px;
  }
}
.yt-hoshizorabbq-jagabee .carousel {
  position: relative;
  width: 100vw;
  height: 61.73vw;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .carousel {
    width: 100%;
    height: 416.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .carousel {
    height: 38.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .carousel {
    height: 463px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .carousel {
    height: 38.5833333333vw;
    max-height: 600px;
  }
}
.yt-hoshizorabbq-jagabee .carousel--wrap {
  display: flex;
  width: 483.44vw;
  height: 61.73vw;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap {
    width: 3263.4px;
    height: 416.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap {
    width: 302.1666666667vw;
    height: 38.5833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap {
    width: 3626px;
    height: 463px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap {
    width: 302.1666666667%;
    height: 38.5833333333vw;
    max-height: 600px;
  }
}
.yt-hoshizorabbq-jagabee .carousel--wrap .carousel--ph {
  width: 241.72vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap .carousel--ph {
    width: 1631.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap .carousel--ph {
    width: 151.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap .carousel--ph {
    width: 1813px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap .carousel--ph {
    width: 151.0833333333%;
    max-width: 3000px;
  }
}
.yt-hoshizorabbq-jagabee .carousel--wrap .carousel--ph img {
  width: 241.72vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap .carousel--ph img {
    width: 1631.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap .carousel--ph img {
    width: 151.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap .carousel--ph img {
    width: 1813px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .carousel--wrap .carousel--ph img {
    width: 151.0833333333%;
    max-width: 3000px;
  }
}
.yt-hoshizorabbq-jagabee .carousel .carousel--top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  line-height: 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .carousel .carousel--top {
    width: 100%;
  }
}
.yt-hoshizorabbq-jagabee .carousel .carousel--btm {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100vw;
  line-height: 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .carousel .carousel--btm {
    width: 100%;
  }
}
.yt-hoshizorabbq-jagabee .infinity-scroll-right {
  animation: infinity-scroll-right 70s infinite linear 0.5s both;
}
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
.yt-hoshizorabbq-jagabee .arrange {
  position: relative;
  margin: 0 auto;
  padding: 22.26vw 0 24.66vw;
  width: 100vw;
  background-color: #edb600;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange {
    margin: -2.7px 0 0;
    padding: 171px 0 140.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange {
    margin: -0.25vw auto 0;
    padding: 15.8333333333vw 0 13vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange {
    margin: -3px auto 0;
    padding: 190px 0 156px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner {
  width: 100vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner {
    width: 1080px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner {
    width: 100vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner {
    width: 1200px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--title {
  position: relative;
  width: 68.66vw;
  height: 24.66vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title {
    width: 582.3px;
    height: 105.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title {
    width: 53.9166666667vw;
    height: 9.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title {
    width: 674px;
    height: 117px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--title div img {
  position: absolute;
  z-index: 1;
  display: block;
}
.yt-hoshizorabbq-jagabee .arrange--inner--title--01 {
  position: relative;
  width: 68.66vw;
  height: 6.26vw;
  overflow-x: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--01 {
    width: 463.5px;
    height: 42.3px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--01 {
    width: 42.9166666667vw;
    height: 3.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--01 {
    width: 515px;
    height: 47px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--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-hoshizorabbq-jagabee .arrange--inner--title--01 .mrk {
    width: 463.5px;
    height: 42.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--01 .mrk {
    width: 42.9166666667vw;
    height: 3.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--01 .mrk {
    width: 515px;
    height: 47px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--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-hoshizorabbq-jagabee .arrange--inner--title--02 {
    width: 606.6px;
    height: 42.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--02 {
    width: 56.1666666667vw;
    height: 3.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--02 {
    width: 674px;
    height: 47px;
    margin: 23px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .arrange--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-hoshizorabbq-jagabee .arrange--inner--title--02 .mrk {
    width: 606.6px;
    height: 42.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--02 .mrk {
    width: 56.1666666667vw;
    height: 3.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--02 .mrk {
    width: 674px;
    height: 47px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--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-hoshizorabbq-jagabee .arrange--inner--title--03 {
    display: none;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--title--03 .mrk {
  position: absolute;
  top: 0;
  left: -2px;
  width: 25.86vw;
  height: 6.26vw;
  background-color: #fff;
}
.yt-hoshizorabbq-jagabee .arrange--inner--title--deco {
  position: absolute;
  width: 12vw;
  top: -11.2vw;
  right: -9.46vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--deco {
    width: 88.2px;
    top: -63.9px;
    right: 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--deco {
    width: 8.1666666667vw;
    top: -5.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--title--deco {
    width: 98px;
    top: -71px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--logo {
  width: 63vw;
  margin: 6.13vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--logo {
    width: 725.4px;
    top: 67.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--logo {
    width: 67.1666666667vw;
    top: 6.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--logo {
    width: 806px;
    margin: 75px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--intro {
  width: 71.86vw;
  margin: 11.73vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro {
    display: flex;
    justify-content: space-between;
    width: 713.7px;
    margin: 115.2px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro {
    width: 66.0833333333vw;
    margin: 10.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro {
    width: 793px;
    margin: 128px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--intro--01, .yt-hoshizorabbq-jagabee .arrange--inner--intro--02 {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01 {
    width: 328.5px;
    padding-left: 7.2px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01 {
    width: 30.4166666667vw;
    padding-left: 0.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01 {
    width: 365px;
    padding-left: 8px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--intro--01--title {
  width: 55.6vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01--title {
    width: 261.9px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01--title {
    width: 24.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01--title {
    width: 291px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--intro--01--cont {
  margin-top: 2.8vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01--cont {
    margin-top: 12.6px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01--cont {
    margin-top: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01--cont {
    margin-top: 14px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--intro--01--deco {
  position: absolute;
  width: 9.73vw;
  top: -10.4vw;
  left: -0.26vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01--deco {
    width: 65.7px;
    top: 194.4px;
    left: -62.1px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01--deco {
    width: 6.0833333333vw;
    top: 18vw;
    left: -5.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--01--deco {
    width: 73px;
    top: 216px;
    left: -69px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--intro--02 {
  margin-top: 14.4vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02 {
    margin-top: 0;
    width: 326.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02 {
    width: 30.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02 {
    width: 363px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--intro--02--title {
  width: 55.6vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02--title {
    width: 261.9px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02--title {
    width: 24.25vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02--title {
    width: 291px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--intro--02--cont {
  margin-top: 2.8vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02--cont {
    margin-top: 12.6px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02--cont {
    margin-top: 1.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02--cont {
    margin-top: 14px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--intro--02--deco {
  position: absolute;
  width: 16.4vw;
  top: -10.8vw;
  right: -7.33vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02--deco {
    width: 94.5px;
    top: 213.3px;
    right: -113.4px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02--deco {
    width: 8.75vw;
    top: 19.75vw;
    right: -10.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--intro--02--deco {
    width: 105px;
    top: 237px;
    right: -126px;
  }
}
.yt-hoshizorabbq-jagabee .arrange--inner--arrow {
  width: 3.5vw;
  margin: 12vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--arrow {
    width: 15.3px;
    margin: 94.5px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--arrow {
    width: 1.4166666667vw;
    margin: 8.75vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .arrange--inner--arrow {
    width: 17px;
    margin: 105px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--cocktail, .yt-hoshizorabbq-jagabee .recipe--jagabee {
  margin: -1.46vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail, .yt-hoshizorabbq-jagabee .recipe--jagabee {
    margin: 90px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail, .yt-hoshizorabbq-jagabee .recipe--jagabee {
    margin: 8.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail, .yt-hoshizorabbq-jagabee .recipe--jagabee {
    margin: 100px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--subtitle, .yt-hoshizorabbq-jagabee .recipe--jagabee--subtitle {
  width: 78.66vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--subtitle, .yt-hoshizorabbq-jagabee .recipe--jagabee--subtitle {
    width: 530.1px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--subtitle, .yt-hoshizorabbq-jagabee .recipe--jagabee--subtitle {
    width: 49.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--subtitle, .yt-hoshizorabbq-jagabee .recipe--jagabee--subtitle {
    width: 589px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--title {
  position: relative;
  width: 79.46vw;
  height: 8.93vw;
  margin: 3.46vw auto 0;
  overflow-x: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--title {
    width: 487.8px;
    height: 54.9px;
    margin: 39.6px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--title {
    width: 45.1666666667vw;
    height: 5.0833333333vw;
    margin: 3.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--title {
    width: 542px;
    height: 61px;
    margin: 44px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--title img, .yt-hoshizorabbq-jagabee .recipe--jagabee--title img {
  display: block;
  position: relative;
  z-index: 1;
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--title .mrk, .yt-hoshizorabbq-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-hoshizorabbq-jagabee .recipe--cocktail--title .mrk, .yt-hoshizorabbq-jagabee .recipe--jagabee--title .mrk {
    width: 487.8px;
    height: 54.9px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--title .mrk, .yt-hoshizorabbq-jagabee .recipe--jagabee--title .mrk {
    width: 45.1666666667vw;
    height: 5.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--title .mrk, .yt-hoshizorabbq-jagabee .recipe--jagabee--title .mrk {
    width: 542px;
    height: 61px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--index, .yt-hoshizorabbq-jagabee .recipe--jagabee--index {
  height: 225.33vw;
  margin: 5.2vw auto 0;
  padding: 12vw 0 0;
  background-image: url("../img/bg_recipe_index_b_sp.jpg");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index, .yt-hoshizorabbq-jagabee .recipe--jagabee--index {
    height: inherit;
    margin: 64.8px auto 0;
    padding: 0;
    background-image: none;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index, .yt-hoshizorabbq-jagabee .recipe--jagabee--index {
    margin: 6vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index, .yt-hoshizorabbq-jagabee .recipe--jagabee--index {
    margin: 72px auto 0;
  }
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 743.4px;
    padding: 90px 0 0;
    background-image: url("../img/bg_recipe01_pcl.webp");
    background-size: auto 100%;
    background-position: top center;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 68.8333333333vw;
    padding: 8.3333333333vw 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 826px;
    padding: 100px 0 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--index01--title, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--title {
  width: 67.2vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--title, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--title {
    width: 528.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--title, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--title {
    width: 48.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--title, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--title {
    width: 587px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--index01--ph, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--ph {
  width: 72.8vw;
  margin: 2.53vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--ph, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--ph {
    width: 508.5px;
    margin: 28.8px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--ph, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--ph {
    width: 47.0833333333vw;
    margin: 2.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--ph, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--ph {
    width: 565px;
    margin: 32px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--index01--name, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--name {
  width: 76.53vw;
  margin: 4.4vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--name, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--name {
    width: 516.6px;
    margin: 25.2px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--name, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--name {
    width: 47.8333333333vw;
    margin: 2.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--name, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--name {
    width: 574px;
    margin: 28px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--index01--btn, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--btn {
  width: 39.33vw;
  margin: 3.6vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--btn, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--btn {
    width: 186.3px;
    margin: 14.4px auto 0;
    cursor: pointer;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--btn, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--btn {
    width: 17.25vw;
    margin: 1.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index01--btn, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--btn {
    width: 207px;
    margin: 16px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--index01--btn:hover, .yt-hoshizorabbq-jagabee .recipe--cocktail--index02--btn:hover, .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--btn:hover, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--btn:hover {
  opacity: 0.8;
}
.yt-hoshizorabbq-jagabee .recipe--cocktail--index02, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
  margin-top: 11.2vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index02, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 743.4px;
    padding: 90px 0 0;
    background-image: url("../img/bg_recipe02_pcl.webp");
    background-size: auto 100%;
    background-position: top center;
    margin-top: 58.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index02, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 68.8333333333vw;
    padding: 8.3333333333vw 0 0;
    margin-top: 5.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--cocktail--index02, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 826px;
    padding: 100px 0 0;
    margin-top: 65px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--jagabee {
  margin: 6.76vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee {
    margin: 115.2px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee {
    margin: 10.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee {
    margin: 128px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--jagabee--subtitle {
  width: 74.13vw;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--subtitle {
    width: 638.1px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--subtitle {
    width: 59.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--subtitle {
    width: 709px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--jagabee--title {
  position: relative;
  width: 79.46vw;
  height: 8.93vw;
  margin: 1.66vw auto 0;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--title {
    position: relative;
    width: 489.6px;
    height: 54.9px;
    margin: -2.7px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--title {
    width: 45.3333333333vw;
    height: 5.0833333333vw;
    margin: -0.25vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--title {
    width: 544px;
    height: 61px;
    margin: -3px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--jagabee--title img {
  display: block;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--title img {
    width: 507.6px;
    left: -4.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--title img {
    width: 47vw;
    left: -0.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--title img {
    width: 564px;
    left: -5px;
  }
}
.yt-hoshizorabbq-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-hoshizorabbq-jagabee .recipe--jagabee--title .mrk {
    width: 487.8px;
    height: 54.9px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--title .mrk {
    width: 45.1666666667vw;
    height: 5.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--title .mrk {
    width: 542px;
    height: 61px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--jagabee--index {
  height: 225.06vw;
  margin: 5.2vw auto 0;
  padding: 12.53vw 0 0;
  background-image: url("../img/bg_recipe_index_g_sp.jpg");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index {
    height: inherit;
    margin: 72px auto 0;
    padding: 0;
    background-image: none;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index {
    margin: 6.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index {
    margin: 80px auto 0;
  }
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 743.4px;
    padding: 90px 0 0;
    background-image: url("../img/bg_recipe03_pcl.webp");
    background-size: auto 100%;
    background-position: top center;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 68.8333333333vw;
    padding: 8.3333333333vw 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 826px;
    padding: 100px 0 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--jagabee--index01--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--title {
  width: 67.2vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--title {
    width: 504px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--title {
    width: 46.6666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--title, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--title {
    width: 560px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--jagabee--index01--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--ph {
  width: 72.8vw;
  margin: 3.86vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--ph {
    width: 508.5px;
    margin: 20.7px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--ph {
    width: 47.0833333333vw;
    margin: 1.9166666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--ph, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--ph {
    width: 565px;
    margin: 23px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--jagabee--index01--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--name {
  width: 76.53vw;
  margin: 4.4vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--name {
    width: 516.6px;
    margin: 25.2px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--name {
    width: 47.8333333333vw;
    margin: 2.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--name, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--name {
    width: 574px;
    margin: 28px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--jagabee--index01--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--btn {
  width: 39.33vw;
  margin: 3.6vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--btn {
    width: 185.4px;
    margin: 14.4px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--btn {
    width: 17.1666666667vw;
    margin: 1.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index01--btn, .yt-hoshizorabbq-jagabee .recipe--jagabee--index02--btn {
    width: 206px;
    margin: 16px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
  margin-top: 11.2vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 743.4px;
    padding: 90px 0 0;
    background-image: url("../img/bg_recipe04_pcl.webp");
    background-size: auto 100%;
    background-position: top center;
    margin-top: 58.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 68.8333333333vw;
    padding: 8.3333333333vw 0 0;
    margin-top: 5.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .recipe--jagabee--index02 {
    height: 826px;
    padding: 100px 0 0;
    margin-top: 65px;
  }
}
.yt-hoshizorabbq-jagabee .jagabee {
  position: relative;
  margin: -2px auto 0;
  padding: 19.2vw 0 13.06vw;
  width: 100vw;
  background-color: #8ab638;
  background-image: url("../img/bg_jagabee_t_sp.png");
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .jagabee {
    width: 100%;
    padding: 177.3px 0 108.9px;
    background-image: url("../img/bg_jagabee_t_pc.png");
    background-size: auto;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .jagabee {
    padding: 16.4166666667vw 0 10.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .jagabee {
    background-image: url("../img/bg_jagabee_t_pcl.png");
    padding: 197px 0 121px;
    background-size: auto;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .jagabee {
    background-size: 100% auto;
  }
}
.yt-hoshizorabbq-jagabee .jagabee--inner {
  position: relative;
  width: 87.6vw;
  margin: 0 auto;
  padding: 11.46vw 0 0 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner {
    width: 903.6px;
    padding: 75.6px 0 0 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner {
    width: 83.6666666667vw;
    padding: 7vw 0 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner {
    width: 1004px;
    padding: 84px 0 0 0;
  }
}
.yt-hoshizorabbq-jagabee .jagabee--inner--bk {
  position: absolute;
  top: 0;
  left: 0;
  width: 87.6vw;
  height: 179.06vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--bk {
    width: 903.6px;
    height: 685.8px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--bk {
    width: 83.6666666667vw;
    height: 63.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--bk {
    width: 1004px;
    height: 762px;
  }
}
.yt-hoshizorabbq-jagabee .jagabee--inner--title {
  position: relative;
  width: 46.93vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--title {
    width: 295.2px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--title {
    width: 27.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--title {
    width: 328px;
  }
}
.yt-hoshizorabbq-jagabee .jagabee--inner--prod {
  position: relative;
  width: 61.73vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--prod {
    width: 811.8px;
    margin: 36px auto 0;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--prod {
    width: 75.1666666667vw;
    margin: 3.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--prod {
    width: 902px;
    margin: 40px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .jagabee--inner--prod li {
  margin: 5vw 0 0;
  width: 26.13vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--prod li {
    width: 165.6px;
    margin: 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--prod li {
    width: 15.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--prod li {
    width: 184px;
  }
}
.yt-hoshizorabbq-jagabee .jagabee--inner--lead {
  position: relative;
  width: 75.06vw;
  margin: 4vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--lead {
    width: 793.8px;
    margin: 18px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--lead {
    width: 73.5vw;
    margin: 1.6666666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--lead {
    width: 882px;
    margin: 20px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .jagabee--inner--note {
  position: relative;
  width: 70vw;
  margin: 4vw auto 0;
  text-align: center;
  font-size: 2.66vw;
  line-height: 1.25;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--note {
    width: 794.7px;
    margin: 21.6px auto 0;
    font-size: 14.4px;
    line-height: 1;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--note {
    width: 73.5833333333vw;
    margin: 2vw auto 0;
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--note {
    width: 883px;
    margin: 24px auto 0;
    font-size: 1.6rem;
  }
}
.yt-hoshizorabbq-jagabee .jagabee--inner--potato {
  position: absolute;
  top: -6vw;
  right: 0.4vw;
  width: 22.66vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--potato {
    width: 231.3px;
    top: -90px;
    right: -1.8px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--potato {
    width: 21.4166666667vw;
    top: -8.3333333333vw;
    right: -0.1666666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .jagabee--inner--potato {
    width: 257px;
    top: -100px;
    right: -2px;
  }
}
.yt-hoshizorabbq-jagabee .jagabee--coordinator {
  width: 72.13vw;
  margin: 17.5vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .jagabee--coordinator {
    width: 571.5px;
    margin: 108.9px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .jagabee--coordinator {
    width: 52.9166666667vw;
    margin: 10.0833333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .jagabee--coordinator {
    width: 635px;
    margin: 121px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .prize-prod-wrap {
  position: relative;
  background-image: url("../img/bg_jagabee_b_sp.png"), url("../img/bg_orange_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;
  margin-top: -2px;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prize-prod-wrap {
    width: 100%;
    background-image: url("../img/bg_jagabee_pc.png"), url("../img/bg_orange_texture_pc.png");
    background-size: auto, auto;
    background-repeat: no-repeat, repeat;
    padding: 114.3px 0 47.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prize-prod-wrap {
    padding: 10.5833333333vw 0 4.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prize-prod-wrap {
    background-image: url("../img/bg_jagabee_pcl.png"), url("../img/bg_orange_texture_pcl.png");
    background-size: auto, auto;
    padding: 127px 0 53px;
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .prize-prod-wrap {
    background-size: 100% auto, auto;
  }
}
.yt-hoshizorabbq-jagabee .prize--inner {
  width: 100vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prize--inner {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prize--inner {
    width: 1200px;
    margin: 0 auto;
  }
}
.yt-hoshizorabbq-jagabee .prize--inner--title {
  width: 65vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prize--inner--title {
    width: 724.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prize--inner--title {
    width: 67.0833333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prize--inner--title {
    width: 805px;
  }
}
.yt-hoshizorabbq-jagabee .prize--inner--rd {
  width: 14.66vw;
  margin: 8.8vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prize--inner--rd {
    width: 75.6px;
    margin: 59.4px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prize--inner--rd {
    width: 7vw;
    margin: 5.5vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prize--inner--rd {
    width: 84px;
    margin: 66px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .prize--inner--name {
  position: relative;
  width: 79.6vw;
  height: 8.93vw;
  margin: 2.66vw auto 0;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prize--inner--name {
    width: 369px;
    height: 40.5px;
    margin: 15.3px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prize--inner--name {
    width: 34.1666666667vw;
    height: 3.75vw;
    margin: 1.4166666667vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prize--inner--name {
    width: 410px;
    height: 45px;
    margin: 17px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .prize--inner--name img {
  position: relative;
  display: block;
  z-index: 1;
}
.yt-hoshizorabbq-jagabee .prize--inner--name .mrk {
  position: absolute;
  width: 79.6vw;
  height: 8.93vw;
  top: 0;
  left: 0;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prize--inner--name .mrk {
    width: 369px;
    height: 40.5px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prize--inner--name .mrk {
    width: 34.1666666667vw;
    height: 3.75vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prize--inner--name .mrk {
    width: 410px;
    height: 45px;
  }
}
.yt-hoshizorabbq-jagabee .prize--inner--ph {
  width: 89.06vw;
  margin: 4vw auto 0 4.53vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prize--inner--ph {
    width: 590.4px;
    margin: 76.5px auto 0 219.6px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prize--inner--ph {
    width: 54.6666666667vw;
    margin: 7.0833333333vw auto 0 20.3333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prize--inner--ph {
    width: 656px;
    margin: 85px auto 0 244px;
  }
}
.yt-hoshizorabbq-jagabee .prize--inner--note {
  width: 90vw;
  margin: -0.8vw auto 0;
  font-size: 2.66vw;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prize--inner--note {
    width: 815.4px;
    margin: 7.2px auto 0;
    font-size: 15.3px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prize--inner--note {
    width: 75.5vw;
    margin: 0.6666666667vw auto 0;
    font-size: 1.4166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prize--inner--note {
    width: 906px;
    margin: 8px auto 0;
    font-size: 16px;
  }
}
.yt-hoshizorabbq-jagabee .prod--inner {
  width: 100vw;
  margin-top: 10.4vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prod--inner {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prod--inner {
    width: 1200px;
  }
}
.yt-hoshizorabbq-jagabee .prod--inner--title {
  width: 53.73vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prod--inner--title {
    width: 324.9px;
    margin: 79.2px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prod--inner--title {
    width: 30.0833333333vw;
    margin: 7.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prod--inner--title {
    width: 361px;
    margin: 88px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .prod--inner--prod {
  width: 87.06vw;
  height: 131.1vw;
  margin: 3.33vw auto 0;
  padding: 7.86vw 0 0;
  background-image: url("../img/bg_prod_sp.png");
  background-size: cover;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod {
    width: 703.8px;
    height: 354.6px;
    padding: 36px 0 0;
    background-image: url("../img/bg_prod_pc.png");
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod {
    width: 65.1666666667vw;
    height: 32.8333333333vw;
    padding: 3.3333333333vw 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod {
    width: 782px;
    height: 394px;
    padding: 40px 0 0;
  }
}
.yt-hoshizorabbq-jagabee .prod--inner--prod ul {
  width: 66.26vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod ul {
    width: 615.6px;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod ul {
    width: 57vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod ul {
    margin: 0 56px;
    width: 684px;
  }
}
.yt-hoshizorabbq-jagabee .prod--inner--prod ul li {
  width: 20vw;
  margin-bottom: 11vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod ul li {
    width: auto;
    margin-bottom: 0;
    height: 290.7px;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod ul li {
    height: 26.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod ul li {
    height: 323px;
  }
}
.yt-hoshizorabbq-jagabee .prod--inner--prod ul li:nth-child(4) {
  margin-left: 9vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod ul li:nth-child(4) {
    margin-left: 0;
  }
}
.yt-hoshizorabbq-jagabee .prod--inner--prod ul li:nth-child(5) {
  margin-right: 9vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod ul li:nth-child(5) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prod--inner--prod ul li img {
    height: 100%;
    width: auto;
  }
}
.yt-hoshizorabbq-jagabee .prod--inner--btn {
  width: 44.4vw;
  margin: 5.33vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .prod--inner--btn {
    width: 234px;
    margin: 36px auto 0;
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .prod--inner--btn {
    width: 21.6666666667vw;
    margin: 3.3333333333vw auto 0;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .prod--inner--btn {
    width: 260px;
    margin: 40px auto 0;
  }
}
.yt-hoshizorabbq-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-hoshizorabbq-jagabee .yeah {
    width: 100%;
    background-image: url("../img/end_image_pc.jpg");
  }
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .yeah {
    width: 100%;
    height: 71.9166666667vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .yeah {
    width: 100%;
    height: 863px;
    background-image: url("../img/end_image_pcl.jpg");
  }
}
@media only screen and (min-width: 2000px) {
  .yt-hoshizorabbq-jagabee .yeah {
    height: 71.9166666667vw;
    max-height: 1000px;
  }
}
.yt-hoshizorabbq-jagabee .yeah--inner {
  position: relative;
  width: 100vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .yeah--inner {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .yeah--inner {
    width: 1200px;
  }
}
.yt-hoshizorabbq-jagabee .yeah--inner--logo {
  position: absolute;
  width: 28.13vw;
  top: -6.93vw;
  right: 7.33vw;
}
@media only screen and (min-width: 1080px) {
  .yt-hoshizorabbq-jagabee .yeah--inner--logo {
    width: 19.5vw;
    top: 3.8333333333vw;
    right: 13.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  .yt-hoshizorabbq-jagabee .yeah--inner--logo {
    width: 234px;
    top: 46px;
    right: 166px;
  }
}
.yt-hoshizorabbq-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-hoshizorabbq-jagabee .modal--wrap.active {
  display: block;
  z-index: 9999;
}
.yt-hoshizorabbq-jagabee .modal--wrap .modal--closer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -2;
}
.yt-hoshizorabbq-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-hoshizorabbq-jagabee .modal--bk.active {
  display: block;
  z-index: 9998;
}
.yt-hoshizorabbq-jagabee .recipe--detail {
  display: none;
  position: relative;
  opacity: 1;
  width: 84vw;
  margin: 8vw auto 30vw;
  z-index: 150;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail {
    width: 800px;
    margin: 50px auto;
    padding: 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail.active {
  display: block;
  animation: fadeIn 0.5s ease both;
}
.yt-hoshizorabbq-jagabee .recipe--detail--title {
  width: 71.2vw;
  margin: 0 auto;
  padding-top: 9vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--title {
    width: 458px;
    padding-top: 33px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail--wrap {
  position: relative;
  display: block;
  padding-top: 3.46vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--wrap {
    padding-top: 0;
    display: flex;
    justify-content: space-between;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail--visual {
  width: 66.66vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--visual {
    width: 380px;
    margin: 24px 0 0 34px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail--block {
  width: 84vw;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--block {
    width: 386px;
    margin: 24px 0 0 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail--lead {
  width: 65vw;
  margin: 0 auto;
  padding-top: 3.86vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--lead {
    width: 330px;
    padding-top: 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail--cont {
  position: relative;
  width: 84vw;
  height: 70vw;
  margin: -1vw auto 0;
  padding: 12vw 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--cont {
    width: 386px;
    height: 355px;
    margin: -5px auto 0;
    padding: 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail--cont--note {
  position: absolute;
  width: 31.73vw;
  bottom: -2vw;
  left: 10.93vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--cont--note {
    width: 160px;
    bottom: 10px;
    left: 450px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail--mate--ti {
  width: 52.4vw;
  margin: 0 auto;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--mate--ti {
    width: 270px;
    padding-top: 60px;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail--mate--cont {
  width: 52.4vw;
  margin: 2.66vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--mate--cont {
    width: 270px;
    margin: 13px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail--how--ti {
  width: 52.4vw;
  line-height: 1;
  margin: 3.73vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--how--ti {
    width: 270px;
    margin: 14px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail--how--cont {
  width: 52.4vw;
  margin: 2vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail--how--cont {
    width: 270px;
    margin: 8px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .recipe--detail .close--btn {
  position: absolute;
  width: 16.66vw;
  top: 3.86vw;
  right: 3.86vw;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .recipe--detail .close--btn {
    width: 90px;
    top: 21px;
    right: 20px;
    cursor: pointer;
  }
}
.yt-hoshizorabbq-jagabee #recipe_detail_01 {
  background-image: url("../img/bg_recipe_b_sp.jpg");
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_01 {
    background-image: url("../img/bg_recipe_b_pc.jpg");
  }
}
.yt-hoshizorabbq-jagabee #recipe_detail_01 .recipe--detail--cont {
  background-image: url("../img/bg_paper01_sp.svg");
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_01 .recipe--detail--cont {
    background-image: url("../img/bg_paper01_pc.svg");
  }
}
.yt-hoshizorabbq-jagabee #recipe_detail_02 {
  background-image: url("../img/bg_recipe_b_sp.jpg");
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_02 {
    background-image: url("../img/bg_recipe_b_pc.jpg");
  }
}
.yt-hoshizorabbq-jagabee #recipe_detail_02 .recipe--detail--cont {
  background-image: url("../img/bg_paper02_sp.svg");
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_02 .recipe--detail--cont {
    background-image: url("../img/bg_paper02_pc.svg");
  }
}
.yt-hoshizorabbq-jagabee #recipe_detail_03 {
  background-image: url("../img/bg_recipe_g_sp.jpg");
  background-size: cover;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_03 {
    background-image: url("../img/bg_recipe_g_pc.jpg");
  }
}
.yt-hoshizorabbq-jagabee #recipe_detail_03 .recipe--detail--cont {
  padding-top: 10vw;
  background-image: url("../img/bg_paper03_sp.svg");
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_03 .recipe--detail--cont {
    padding-top: 0;
    background-image: url("../img/bg_paper03_pc.svg");
  }
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_03 .recipe--detail--mate--ti {
    padding-top: 50px;
  }
}
.yt-hoshizorabbq-jagabee #recipe_detail_04 {
  background-image: url("../img/bg_recipe_g_sp.jpg");
  background-size: cover;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_04 {
    background-image: url("../img/bg_recipe_g_pc.jpg");
  }
}
.yt-hoshizorabbq-jagabee #recipe_detail_04 .recipe--detail--cont {
  background-image: url("../img/bg_paper04_sp.svg");
  padding-top: 10.25vw;
  height: 97vw;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_04 .recipe--detail--cont {
    background-image: url("../img/bg_paper04_pc.svg");
    padding-top: 0;
    height: 480px;
  }
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_04 .recipe--detail--visual {
    margin: 85px 0 0 34px;
  }
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_04 .recipe--detail--mate--ti {
    padding-top: 50px;
  }
}
.yt-hoshizorabbq-jagabee #recipe_detail_04 .recipe--detail--how--ti {
  margin: 1.2vw auto 0;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee #recipe_detail_04 .recipe--detail--how--ti {
    margin: 6px auto 0;
  }
}
.yt-hoshizorabbq-jagabee .intro {
  opacity: 0;
}
.yt-hoshizorabbq-jagabee .intro.active {
  animation: fadeIn 0.5s ease-out forwards;
}
.yt-hoshizorabbq-jagabee .intro--inner--logo {
  opacity: 0;
}
.yt-hoshizorabbq-jagabee .intro--inner--logo.active {
  animation: fadeIn 0.5s ease 0.75s forwards;
}
.yt-hoshizorabbq-jagabee .kv {
  display: none;
  opacity: 0;
}
.yt-hoshizorabbq-jagabee .kv.active {
  display: block;
  animation: fadeIn 0.5s ease-out 2.75s forwards;
}
.yt-hoshizorabbq-jagabee .fadeLeftIn {
  opacity: 0;
}
.yt-hoshizorabbq-jagabee .fadeLeftIn.active {
  animation: fadeLeftIn 0.5s ease-out forwards;
}
.yt-hoshizorabbq-jagabee .fadeIn {
  opacity: 0;
}
.yt-hoshizorabbq-jagabee .fadeIn.active {
  animation: fadeIn 0.5s ease-out 0.5s forwards;
}
.yt-hoshizorabbq-jagabee .fadeIn-sp {
  opacity: 0;
}
.yt-hoshizorabbq-jagabee .fadeIn-sp.active {
  animation: fadeIn 0.5s ease-out 0.5s forwards;
}
@media only screen and (min-width: 769px) {
  .yt-hoshizorabbq-jagabee .fadeIn-sp {
    opacity: 1;
  }
  .yt-hoshizorabbq-jagabee .fadeIn-sp.active {
    animation: none;
  }
}
.yt-hoshizorabbq-jagabee .upin {
  opacity: 0;
}
.yt-hoshizorabbq-jagabee .upin.active {
  animation: upin 0.3s ease-out 0.5s forwards;
}
.yt-hoshizorabbq-jagabee .effect-fadeup-in {
  opacity: 0;
  transform: translateY(20%);
}
.yt-hoshizorabbq-jagabee .effect-fadeup-in.active {
  animation: fadeUpIn 0.75s ease 0.25s forwards;
}
.yt-hoshizorabbq-jagabee .effect-fadeup-in-d {
  opacity: 0;
  transform: translateY(20%);
}
.yt-hoshizorabbq-jagabee .effect-fadeup-in-d.active {
  animation: fadeUpIn 0.75s ease 0.5s forwards;
}
.yt-hoshizorabbq-jagabee .anime-jagabee {
  opacity: 0;
  transform: translateY(100%) rotate(-45deg);
  transition: all 0.5s ease-out;
}
.yt-hoshizorabbq-jagabee .anime-jagabee.active {
  opacity: 1;
  transform: translateY(0) rotate(0);
}
.yt-hoshizorabbq-jagabee .anime-jagabee {
  opacity: 0;
  transform: translateY(100%) rotate(-45deg);
  transition: all 0.5s ease-out;
}
.yt-hoshizorabbq-jagabee .anime-jagabee.active {
  opacity: 1;
  transform: translateY(0) rotate(0);
}
.yt-hoshizorabbq-jagabee .anime-shardonnay {
  opacity: 0;
  transform: translateY(30%) translateX(20%);
  transition: all 0.5s ease-out 0.5s;
}
.yt-hoshizorabbq-jagabee .anime-shardonnay.active {
  opacity: 1;
  transform: translateY(0) translateY(0);
}
.yt-hoshizorabbq-jagabee .anime-cabernet {
  opacity: 0;
  transform: translateY(40%) translateX(-20%);
  transition: all 0.5s ease-out 0.25s;
}
.yt-hoshizorabbq-jagabee .anime-cabernet.active {
  opacity: 1;
  transform: translateY(0) translateY(0);
}
.yt-hoshizorabbq-jagabee .anime-kangaroo {
  opacity: 0;
  transform: translateY(100%) translateX(-70%);
  transition: all 0.5s ease-out 0.5s;
}
.yt-hoshizorabbq-jagabee .anime-kangaroo.active {
  opacity: 1;
  transform: translateY(0) translateY(0);
}
.yt-hoshizorabbq-jagabee .anime-mrk {
  transform: translateX(-100%);
  transition: all 0.5s linear;
}
.yt-hoshizorabbq-jagabee .anime-mrk.active {
  transform: translateX(0);
}
.yt-hoshizorabbq-jagabee .anime-mrk-d1 {
  transform: translateX(-100%);
  transition: all 0.5s linear 0.4s;
}
.yt-hoshizorabbq-jagabee .anime-mrk-d1.active {
  transform: translateX(0);
}
.yt-hoshizorabbq-jagabee .anime-mrk-d2 {
  transform: translateX(-100%);
  transition: all 0.3s linear 0.8s;
}
.yt-hoshizorabbq-jagabee .anime-mrk-d2.active {
  transform: translateX(0);
}
.yt-hoshizorabbq-jagabee .fadeInlist li {
  opacity: 0;
}
.yt-hoshizorabbq-jagabee .fadeInlist li:nth-child(1) {
  transition: all 0.4s ease-in;
}
.yt-hoshizorabbq-jagabee .fadeInlist li:nth-child(2) {
  transition: all 0.4s ease-in 0.3s;
}
.yt-hoshizorabbq-jagabee .fadeInlist li:nth-child(3) {
  transition: all 0.4s ease-in 0.7s;
}
.yt-hoshizorabbq-jagabee .fadeInlist li:nth-child(4) {
  transition: all 0.4s ease-in 1.1s;
}
.yt-hoshizorabbq-jagabee .fadeInlist li:nth-child(5) {
  transition: all 0.4s ease-in 1.5s;
}
.yt-hoshizorabbq-jagabee .fadeInlist.active li {
  opacity: 1;
}
.yt-hoshizorabbq-jagabee .yure.active {
  animation: yure 1s linear 1 1s forwards;
}
.yt-hoshizorabbq-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);
  }
}/*# sourceMappingURL=yt-hoshizorabbq-jagabee.css.map */