@charset "UTF-8";

.content-container {
  background: #f5efd8 url(../img/common/bg_paper.jpg) 0 0;
  width: 100%;
  overflow: hidden;
}

/* ==========================================================================
   localheader
   ======================================================================= */
.local-header {
  background: #ff8d8d;
}

@media all and (min-width: 768px) {
  .local-header__title {
    background: url(../img/special/local_header.png) 50% 0 no-repeat;
    background-size: cover;
  }
}

@media all and (max-width: 767px) {
  .local-header__title {
    background: url(../img/special/local_header_sp.png) 50% 0 no-repeat;
    background-size: 320px 64px;
  }
}

/* ==========================================================================
   hero
   ======================================================================= */



/* ==========================================================================
   text
   ======================================================================= */
.content-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media all and (min-width: 768px) {
  .content-wrapper {
    padding: 90px 0 80px;
  }

  .flag__left {
    width: 207px;
    height: 113px;
    background: url(../img/special/flag_l.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    left: -35px;
    top: 0px;
  }

  .flag__right {
    width: 195px;
    height: 113px;
    background: url(../img/special/flag_r.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    right: -35px;
    top: 0px;
  }
}

@media all and (min-width: 960px) {
  .flag__left {
    width: 307px;
    height: 167px;
    left: 0;
    top: 0;
  }

  .flag__right {
    width: 288px;
    height: 167px;
    right: 0;
    top: 0;
  }
}

@media all and (max-width: 767px) {
  .content-wrapper {
    padding: 45px 0 80px 0;
  }

  .flag__left {
    width: 67px;
    height: 45px;
    background: url(../img/special/flag_l_sp.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
  }

  .flag__right {
    width: 67px;
    height: 45px;
    background: url(../img/special/flag_r_sp.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.sp-only {
  display: none !important;
}

.pc-only {
  display: block !important;
}

.section-content03 .content__body {
  max-width: 473px;
  width: 53.75%;
  margin: 0 auto 75px;
  position: relative;
}

.emphasis_text {
  display: block;
  margin: 3.8em 0;
}


.content__body p {
  font-size: 26px;
  line-height: 1.7;
  font-weight: bold;
  margin-top: 2.23em;
}

.content__body strong {
  font-size: 1.346em;
  line-height: 1.1;
  color: #e60012;
}

.section-last .content__body {
  height: 542px;
  position: relative;
}

.section-last span {
  display: inline-block;
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
}

.section-last__btn {
  width: 510px;
  height: 123px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: url(../img/special/btn_recipepage.png) no-repeat;
  background-size: contain;
}

.section-last__chara {
  width: 1298px;
  height: 420px;
  background: url(../img/special/special_05.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: 122px;
  transform: translateX(-50%);
}

.section-last__chara {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  display: block;
}

.deco {
  display: block;
  position: absolute;
  z-index: 1;
}

.deco01 {
  top: 241px;
  left: -331px;
  width: 246px;
  height: 204px;
  background: url(../img/special/special_01.png) 0 0 no-repeat;
  background-size: contain;
}

.deco02 {
  top: 615px;
  left: -340px;
  width: 209px;
  height: 447px;
  background: url(../img/special/special_02.png) 0 0 no-repeat;
  background-size: contain;
}

.deco03 {
  top: 358px;
  right: -388px;
  width: 345px;
  height: 614px;
  background: url(../img/special/special_03.png) 0 0 no-repeat;
  background-size: contain;
}


@media all and (max-width: 1400px) {
  .section-content03 .content__body {
    width: 33.79vw;
    margin: 0 auto 5.36vw;
  }

  .content__body p {
    font-size: clamp(15px, 1.86vw, 26px);
  }

  .section-last .content__body {
    height: 38.71vw;
  }

  .section-last__btn {
    width: 36.43vw;
    height: 8.79vw;
  }

  .section-last__chara {
    width: 92.71vw;
    height: 30vw;
    bottom: 8.71vw;
  }

  .deco01 {
    top: 17.21vw;
    left: -23.64vw;
    width: 17.57vw;
    height: 14.57vw;
  }

  .deco02 {
    top: 43.93vw;
    left: -24.29vw;
    width: 14.93vw;
    height: 31.93vw;
  }

  .deco03 {
    top: 25.57vw;
    right: -27.71vw;
    width: 24.64vw;
    height: 43.86vw;
  }

}

@media all and (max-width: 767px) {
  .sp-only {
    display: block !important;
  }

  .pc-only {
    display: none !important;
  }

  .section-content03 .content__body {
    max-width: none;
    width: 87.5vw;
    margin: 0 auto 3.91vw;
  }

  .content__body p {
    font-size: 3.52vw;
    text-align: justify;
    text-justify: inter-ideograph;
  }

  .content__body p span.ls01 {
    letter-spacing: -0.04em;
  }

  .content__body p:nth-child(n+2) {
    width: 57.89vw;
    margin-left: auto;
    margin-right: auto;
  }

  .content__body p.u-ml90-sp {
    margin-top: 0;
    margin-left: 29.34vw;
  }

  .emphasis_text {
    margin: 3.8em 0 3.55em;
  }

  .deco01 {
    top: 8.21vw;
    left: -0.52vw;
    width: 27.77vw;
    height: 23.08vw;
  }

  .deco02 {
    position: static;
    width: 73.01vw;
    height: 28.42vw;
    background: url(../img/special/special_03_sp.png) 0 0 no-repeat;
    background-size: contain;
    margin: 13.43vw auto 10.82vw;
  }

  .deco03 {
    position: static;
    width:70.4vw;
    height:43.68vw;
    background: url(../img/special/special_04.png) 0 0 no-repeat;
    background-size: contain;
    margin: 0 auto;
  }

  .section-last .content__body {
    height: 58.12vw;
  }

  .section-last__btn {
    width: 66.49vw;
    height: 15.91vw;
    background: url(../img/special/btn_recipepage_sp.png);
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
  }

  .section-last__chara {
    width: 88.92vw;
    height: 41.85vw;
    background: url(../img/special/special_05_sp.png) 0 0 no-repeat;
    background-size: contain;
    bottom: 15.91vw;
  }

}


/* @media all and (min-width: 768px) {

  .section-content01 .content__body,
  .section-content02 .content__body {
    padding: 0 0 130px 120px;
  }

  .content__body p {
    font-size: 17px;
    line-height: 1.9;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-top: 2em;
  }

  .content__body p:first-child {
    margin-top: 0;
  }

  .content__body strong {
    font-size: 26px;
    line-height: 1.1;
    color: #e60012;
  }
} */

/* @media all and (min-width: 960px) {

  .section-content01 .content__body,
  .section-content02 .content__body {
    padding: 0 0 130px 210px;
  }
}

@media all and (max-width: 767px) {

  .section-content01 .content__body,
  .section-content02 .content__body {
    width: 240px;
    margin: 0 auto;
    padding-bottom: 140px;
  }

  .content__body p {
    font-size: 13px;
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-top: 1em;
  }

  .content__body p:first-child {
    margin-top: 0;
  }

  .content__body strong {
    font-size: 16px;
    line-height: 1.1;
    color: #e60012;
  }

  .content__body p.u-mt160-sp {
    margin-top: 160px;
  }

  .content__body p.u-mt175-sp {
    margin-top: 175px;
  }

  .content__body p.u-ml90-sp {
    margin-left: 90px;
  }
} */


/* @media all and (min-width: 768px) { */
/* } */

/* @media all and (max-width: 767px) {
  .section-last .content__body {
    height: 150px;
    position: relative;
  }

  .section-last span {
    display: inline-block;
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
  }

  .section-last__btn {
    width: 250px;
    height: 60px;
    background: url(../img/special/btn_recipepage_sp.png);
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
  }

  .section-last__chara {
    width: 219px;
    height: 113px;
    background: url(../img/special/undoukai_char_05_sp.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    margin-left: -110px;
    bottom: 60px;
  }
} */






.char__01 {
  display: inline-block;
  position: absolute;
}

@media all and (min-width: 768px) {
  .char__01 {
    background: url(../img/special/char_01.png) 0 0 no-repeat;
    background-size: cover;
    width: 17%;
    left: 50%;
    margin-left: -50%;
    top: 12.9%;
  }

  .char__01::before {
    content: "";
    display: block;
    padding-top: 170%;
  }
}

@media all and (min-width: 1280px) {
  .char__01 {
    width: 23.96%;
    margin-left: -55.8%;
    top: 15.9%;
  }
}

@media all and (max-width: 767px) {
  .char__01 {
    background: url(../img/special/char_01_sp.png) 0 0 no-repeat;
    background-size: cover;
    width: 65px;
    height: 109px;
    left: 50%;
    margin-left: -112px;
    top: -24px;
  }
}

.karaage__01 {
  display: inline-block;
  position: absolute;
}

@media all and (min-width: 768px) {
  .karaage__01 {
    background: url(../img/special/karaage.png) 0 0 no-repeat;
    background-size: cover;
    width: 10%;
    left: 50%;
    margin-left: 33.2%;
    top: 47%;
  }

  .karaage__01::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
}

@media all and (min-width: 1280px) {
  .karaage__01 {
    width: 13.334%;
  }
}

@media all and (max-width: 767px) {
  .karaage__01 {
    background: url(../img/special/karaage_sp.png) 0 0 no-repeat;
    background-size: cover;
    width: 64px;
    height: 36px;
    left: 50%;
    margin-left: -115px;
    top: 476px;
  }
}

.char__02 {
  display: inline-block;
  position: absolute;
}

@media all and (min-width: 768px) {
  .char__02 {
    background: url(../img/special/char_02.png) 0 0 no-repeat;
    background-size: cover;
    width: 28%;
    left: 50%;
    margin-left: 11.2%;
    top: -20.3%;
  }

  .char__02::before {
    content: "";
    display: block;
    padding-top: 75.85%;
  }
}

@media all and (min-width: 1280px) {
  .char__02 {
    width: 37.084%;
  }
}

@media all and (max-width: 767px) {
  .char__02 {
    background: url(../img/special/char_02_sp.png) 0 0 no-repeat;
    background-size: cover;
    width: 148px;
    height: 102px;
    left: 50%;
    margin-left: -40px;
    top: -145px;
  }
}

.char__02 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  display: block;
}

.char__03 {
  display: inline-block;
  position: absolute;
}

@media all and (min-width: 768px) {
  .char__03 {
    background: url(../img/special/char_03.png) 0 0 no-repeat;
    background-size: cover;
    width: 21%;
    left: 50%;
    margin-left: -44.8%;
    top: -25.3%;
  }

  .char__03::before {
    content: "";
    display: block;
    padding-top: 68.78%;
  }
}

@media all and (min-width: 1280px) {
  .char__03 {
    width: 31.355%;
    margin-left: -64.8%;
    top: 6.7%;
  }
}

@media all and (max-width: 767px) {
  .char__03 {
    background: url(../img/special/char_03_sp.png) 0 0 no-repeat;
    background-size: cover;
    width: 179px;
    height: 124px;
    left: 50%;
    margin-left: -92px;
    top: 119px;
  }
}

.char__04 {
  display: inline-block;
  position: absolute;
}

@media all and (min-width: 768px) {
  .char__04 {
    background: url(../img/special/char_04.png) 0 0 no-repeat;
    background-size: cover;
    width: 22%;
    left: 50%;
    margin-left: 28.2%;
    top: 28.7%;
  }

  .char__04::before {
    content: "";
    display: block;
    padding-top: 116.55%;
  }
}

@media all and (min-width: 1280px) {
  .char__04 {
    width: 30.21%;
    margin-left: 38.2%;
    top: 36.7%;
  }
}

@media all and (max-width: 767px) {
  .char__04 {
    background: url(../img/special/char_04_sp.png) 0 0 no-repeat;
    background-size: cover;
    width: 117px;
    height: 136px;
    left: 50%;
    margin-left: -21px;
    top: 419px;
  }
}

.photo__karaage {
  display: inline-block;
  position: absolute;
}

@media all and (min-width: 768px) {
  .photo__karaage {
    background: url(../img/special/photo_karaage.png) 0 0 no-repeat;
    background-size: cover;
    width: 28%;
    left: 50%;
    margin-left: -51.8%;
    top: 69.7%;
  }

  .photo__karaage::before {
    content: "";
    display: block;
    padding-top: 71.89%;
  }
}

@media all and (min-width: 1280px) {
  .photo__karaage {
    width: 39.27%;
    margin-left: -62.8%;
    top: 60.7%;
  }
}

@media all and (max-width: 767px) {
  .photo__karaage {
    background: url(../img/special/photo_karaage_sp.png) 0 0 no-repeat;
    background-size: cover;
    width: 157px;
    height: 113px;
    left: 50%;
    margin-left: -10px;
    top: 681px;
  }
}

.karaage__02 {
  display: inline-block;
  position: absolute;
}

@media all and (min-width: 768px) {
  .karaage__02 {
    background: url(../img/special/karaage.png) 0 0 no-repeat;
    background-size: cover;
    width: 10%;
    left: 50%;
    margin-left: -48.2%;
    top: 111%;
  }

  .karaage__02::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
}

@media all and (min-width: 1280px) {
  .karaage__02 {
    width: 13.334%;
    margin-left: -43.8%;
    top: 118%;
  }
}

@media all and (max-width: 767px) {
  .karaage__02 {
    background: url(../img/special/karaage_sp.png) 0 0 no-repeat;
    background-size: cover;
    width: 64px;
    height: 36px;
    left: 50%;
    margin-left: -107px;
    top: 508px;
  }
}