@charset "utf-8";

/************************************************************************************************************************
共通CSS
************************************************************************************************************************/

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media screen and (min-width: 751px) {
  .u-hide-pc-tb {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .u-hide-sp {
    display: none;
  }
}

.content-wrapper .inner {
  width: 87.847%;
  min-width: 740px;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}

.developer .inner {
  width: 87.847%;
  min-width: 740px;
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 60px;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}

.u-hide-txt {
  display: none;
}

#container {
  overflow: hidden;
  line-height: 1.5;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.08em;
}
#container img {
  width: auto;
  max-width: 100%;
}

.u-disp-pc {
  display: block !important;
}

.u-disp-sp {
  display: none !important;
}

.u-disp-pc--inline {
  display: inline !important;
}

.u-disp-sp--inline {
  display: none !important;
}

@media screen and (max-width: 750px) {
  .content-wrapper .inner {
    width: 93.333%;
    min-width: initial;
    min-width: auto;
    margin-top: 0;
  }

  .u-disp-pc {
    display: none !important;
  }

  .u-disp-sp {
    display: block !important;
  }

  .u-disp-pc--inline {
    display: none !important;
  }

  .u-disp-sp--inline {
    display: inline !important;
  }
}

/************************************************************
footer
************************************************************/
footer .ftTop {
  margin: 0;
}

/************************************************************
content-wrapper
************************************************************/
.content-wrapper {
  background-image: url(../img/common/bg/bg_pattern.jpg);
  background-repeat: repeat;
  background-position: center;
}

@media screen and (max-width: 750px) {
  .content-wrapper {
    background-image: url(../img/common/bg/bg_pattern_sp.jpg);
  }
}

/************************************************************
c-btn
************************************************************/
.c-btnWrap {
  position: relative;
}

.recipe .c-btnWrap {
  margin-top: 45px;
}

.c-btn {
  display: block;
  position: relative;
  width: 390px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  border: 2px solid #542c21;
  transition: all 0.3s;
}

.c-btn:hover {
  opacity: 1;
  border-color: #3e664b;
}

.c-btn__txt {
  color: #542c21;
  font-size: 18px;
}

.c-btn:hover .c-btn__txt {
  color: #3e664b;
}

.c-btn__icon svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 38px;
  margin: auto 40px auto 0;
}

.c-btn:hover .c-btn__icon svg .cls-1 {
  transition: all 0.3s;
}

.c-btn:hover .c-btn__icon svg .cls-1 {
  stroke: #3e664b;
}

/* c-btn--back
---------------------------------------------------------- */
.c-btn--back .c-btn__icon svg {
  left: 0;
  right: auto;
  margin: auto 0 auto 40px;
}

@media screen and (max-width: 750px) {
  .recipe .c-btnWrap {
    margin-top: 50px;
  }

  .c-btn {
    width: 195px;
    padding: 12px 0;
    border-width: 1px;
  }

  .c-btn__txt {
    font-size: 12px;
  }

  .c-btn__icon svg {
    width: 13px;
    height: 11px;
    margin: auto 15px auto 0;
  }
}

/************************************************************************************************************************
TOP
************************************************************************************************************************/

/************************************************************
mainVisual
************************************************************/
.mainVisual {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50.43vw;
  background-image: url(../img/top/mainVisual/bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.mainVisual__titWrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 69.69vw;
  height: 0;
  margin: 4.5vw auto 0;
  padding-top: 39.01vw;
}

.mainVisual__tit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  height: 0;
  padding-top: 39.01vw;
  background-image: url(../img/top/mainVisual/main_tit.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.mainVisual__item_01 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 14.86vw;
  height: 0;
  margin: 0 0 8.8vw 6.73vw;
  padding-top: 17.57vw;
  background-image: url(../img/top/mainVisual/main_item_01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.mainVisual__item_02 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 15.47vw;
  height: 0;
  margin: 0 4vw 8.36vw 0;
  padding-top: 13.66vw;
  background-image: url(../img/top/mainVisual/main_item_02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 750px) {
  .mainVisual {
    padding-top: 134%;
    background-image: url(../img/top/mainVisual/bg_sp.jpg);
  }

  .mainVisual__titWrap {
    width: 100%;
    margin: 0 auto;
    padding-top: 61.6%;
  }

  .mainVisual__tit {
    width: 100%;
    margin: 24vw auto 0;
    padding-top: 61.6%;
    background-image: url(../img/top/mainVisual/main_tit_sp.png);
  }

  .mainVisual__item_01,
  .mainVisual__item_02 {
    display: none;
  }
}

/************************************************************
about
************************************************************/
.about {
  position: relative;
}

.about-bg {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -12.005%;
  right: 0;
  width: 124.597%;
  margin: -46px auto 0;
  padding-top: 225px;
  border-radius: 100%;
  background-image: url(../img/common/bg/bg_pattern.jpg);
  background-repeat: repeat;
  background-position: center;
}

.about .outer {
  overflow: hidden;
}

.about-contents {
  position: relative;
}

.about .contents__inner {
  position: relative;
  z-index: 1;
}

.about-titWrap {
  padding: 82px 0 76px;
  padding-top: calc(122 / 1200 * 100vw);
}

.about-tit {
  position: relative;
  width: 502px;
  height: 0;
  margin: 0 auto;
  padding-top: 53px;
  background-image: url(../img/top/about/tit_about.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.about-tit::before {
  position: absolute;
  top: -67px;
  right: 0;
  left: 0;
  display: block;
  width: 75px;
  height: 30px;
  margin: 0 auto;
  background-image: url(../img/top/about/icon_tit_brown.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.about-tit--en {
  width: 334px;
  height: 0;
  margin: 26px auto 0;
  padding-top: 12px;
  background-image: url(../img/top/about/tit_about_en.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 334px 12px;
}

@media screen and (max-width: 750px) {
  .about-bg {
    left: -9%;
    right: 0;
    width: 118%;
    margin: -23px auto 0;
    padding-top: 100px;
    border-radius: 100%;
    background-image: url(../img/common/bg/bg_pattern_sp.jpg);
  }

  .about-titWrap {
    /* padding-top: 51px; */
    padding-top: calc(151 / 750 * 100%);
    padding-bottom: 0;
  }

  .about-tit {
    width: 64.93%;
    margin: 0 auto;
    padding-top: 12%;
  }

  .about-tit::before {
    width: 37px;
    top: -34px;
  }

  .about-tit--en {
    width: 61.6%;
    margin: 4px auto 0;
    padding-top: 8%;
    background-size: contain;
  }
}

/* aboutInfo
---------------------------------------------------------- */
.aboutInfo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto 76px;
}

.about .inner {
  width: 100%;
}

.aboutInfo-txt {
  width: 100%;
  height: auto;
}

.about-mainHead {
  position: relative;
  width: 90%;
  height: 0;
  margin: 30px 0 0;
  background-repeat: no-repeat;
  background-position: left 18.5% top;
  background-size: contain;
}

.info01 .about-mainHead {
  padding-top: 124px;
  background-image: url(../img/top/about/txt_about_01.png);
}

.info02 .about-mainHead {
  margin: 0 0 0 auto;
  padding-top: 80px;
  background-image: url(../img/top/about/txt_about_02.png);
  background-position: left 74.5% top;
}

@media screen and (max-width: 1000px) {
  .info02 .about-mainHead {
    padding-top: 8%;
  }
}

.aboutMovie .about-mainHead {
  position: relative;
  width: 594px;
  margin: 92px auto 0;
  padding-top: 49px;
  background-image: url(../img/top/about/txt_about_03.png);
  background-position: center top;
}

.aboutMovie .about-mainHead::before,
.aboutMovie .about-mainHead::after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 29px;
  height: 46px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.aboutMovie .about-mainHead::before {
  left: 0;
  background-image: url(../img/top/about/icon_about.svg);
  transform: scale(-1, 1);
}

.aboutMovie .about-mainHead::after {
  right: 0;
  background-image: url(../img/top/about/icon_about.svg);
}

.about-mainHead .mainHead__icon {
  display: block;
  position: absolute;
  bottom: 0;
  width: 27px;
  height: 0;
  margin: 0 0 23px calc(18.5% + 124px);
  padding-top: 26px;
  background-image: url(../img/top/about/icon_point.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.info02 .about-mainHead .mainHead__icon {
  margin: 0 135px 41px 0;
  left: 85%;
}

.aboutTit-line {
  position: relative;
  display: block;
  width: 81.5%;
  height: 0;
  margin: 30px auto 0;
  border-bottom: 1px solid #542c21;
}

.info02 .aboutTit-line {
  width: 86.5%;
  margin-top: 46px;
}

.aboutTit-line::before {
  position: absolute;
  bottom: -3px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #542c21;
  border-radius: 50%;
  content: "";
}

.info01 .aboutTit-line::before {
  left: 0;
}

.info02 .aboutTit-line::before {
  right: 0;
}

.about-mainTxt {
  color: #542c21;
  font-size: 20px;
  line-height: calc(32 / 20);
}

.info01 .about-mainTxt {
  width: 41%;
  margin: 65px 0 0 11.2%;
  letter-spacing: 0;
}

.info02 .about-mainTxt {
  width: 41%;
  margin: 83px 0 0 56%;
  letter-spacing: 0;
}

.about-annotation {
  color: #542c21;
  font-size: 12px;
  margin: 27px 0 0 137px;
  letter-spacing: 0.02em;
  text-indent: -1.2em;
  padding-left: 1.2em;
}

.mainVisual_about-annotation {
  color: #542c21;
  font-size: 12px;
  /* margin: 0 0 0 65px; */
  letter-spacing: 0.02em;
  text-indent: -1.2em;
  padding-left: 1.2em;
  /* padding-bottom: 5.2em; */
  text-align: center;
}

.aboutInfo-img {
  position: absolute;
  top: 0;
  width: calc((490 / 1366) * 100vw);
  height: calc((367 / 1366) * 100vw);
  max-width: 490px;
  max-height: 367px;
}

.info01 .aboutInfo-img {
  right: 0;
}

.info02 .aboutInfo-img {
  left: 109px;
}

.aboutInfo-img img {
  position: absolute;
  top: 0;
  width: calc((490 / 1366) * 100vw);
  height: calc((367 / 1366) * 100vw);
  max-width: 490px;
  max-height: 367px;
  z-index: 1;
}

.info01 .aboutInfo-img img {
  right: 64px;
}

.info02 .aboutInfo-img img {
  left: 0;
}

.aboutInfo-img::before {
  position: absolute;
  top: 59px;
  right: 34px;
  content: "";
  display: block;
  width: calc((500 / 1366) * 100vw);
  height: calc((337 / 1366) * 100vw);
  max-width: 500px;
  max-height: 337px;
  background-color: #fff;
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
}

.info01 .aboutInfo-img::before {
  top: 59px;
  right: 34px;
}

.info02 .aboutInfo-img::before {
  top: 59px;
  left: -32px;
}

.aboutMovie {
  padding: 0 0 90px;
}

.aboutMovie-body {
  width: 65.88vw;
  max-width: 900px;
  height: 37vw;
  max-height: 506px;
  margin: 43px auto 0;
}

.aboutMovie-body iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1200px) {
  .about-mainTxt br {
    display: none;
  }

  .about-mainTxt br.u-tb-fix {
    display: none !important;
  }
}

@media screen and (max-width: 750px) {
  .about {
    padding-bottom: 0;
  }
  .aboutMovie {
    padding: 0 0 calc(97 / 750 * 100vw);
  }
  .aboutInfo {
    display: block;
    width: 100%;
    margin: 25px auto 0;
  }

  .aboutInfo-txt {
    padding-top: calc(540 / 750 * 100vw);
  }

  .about-mainHead {
    margin: 0 auto 0;
    padding-top: 13.572%;
  }

  .info01 .about-mainHead {
    width: 100%;
    padding-top: 8.11%;
    background-image: url(../img/top/about/txt_about_01_sp.png);
    background-position: center;
  }

  .info02 .about-mainHead {
    width: 100%;
    margin: 0 0 0;
    padding-top: 11.11%;
    background-image: url(../img/top/about/txt_about_02_sp.png);
    background-position: center;
  }

  .aboutMovie .about-mainHead {
    background-size: calc(475 / 750 * 100vw) auto;
    width: calc(570 / 750 * 100vw);
    margin: calc(100 / 750 * 100vw) auto 0;
    padding-top: calc(50 / 750 * 100vw);
  }

  .aboutMovie .about-mainHead::before,
  .aboutMovie .about-mainHead::after {
    width: 14px;
    height: 23px;
    top: 0;
  }

  .about-mainHead .mainHead__icon {
    width: 3.6vw;
    height: 0;
    margin: 0 0 3.46vw 82.66vw;
    padding-top: 3.6vw;
  }

  .info02 .about-mainHead .mainHead__icon {
    width: 3.6vw;
    height: 0;
    margin: 0 0 5.46vw 71.66vw;
    padding-top: 3.6vw;
    left: auto;
  }

  .aboutTit-line,
  .info02 .aboutTit-line {
    width: 79%;
    margin-top: 15px;
  }

  .aboutTit-line::before {
    width: 3px;
    height: 3px;
    bottom: -2px;
  }

  .aboutTit-line::after,
  .info02 .aboutTit-line::after {
    position: absolute;
    right: 0;
    bottom: -2px;
    display: block;
    width: 3px;
    height: 3px;
    background-color: #542c21;
    border-radius: 50%;
    content: "";
  }

  .info02 .aboutTit-line::after {
    right: auto;
    left: 0;
  }

  .info01 .about-mainTxt,
  .info02 .about-mainTxt {
    width: 100%;
    margin: 45px auto 0;
    margin-top: calc(90 / 750 * 100vw);
    font-size: 15px;
    line-height: calc(48 / 30);
    text-align: center;
  }

  .info01 .about-mainTxt br,
  .info02 .about-mainTxt br {
    display: block;
  }

  .about-annotation {
    width: 77.77%;
    margin: 19px auto 0;
    font-size: 10px;
    line-height: 1.3;
  }

  .mainVisual_about-annotation-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .mainVisual_about-annotation {
    font-size: 10px;
    line-height: 1.3;
    text-align: left;
    letter-spacing: 0;
    margin-top: 5px;
  }

  .aboutInfo-img {
    width: calc(600 / 750 * 100vw);
    height: calc(450 / 750 * 100vw);
    left: 0;
    margin: auto;
  }

  .aboutInfo-img img {
    width: 100%;
    height: 100%;
  }

  .info01 .aboutInfo-img img {
    right: 0;
  }

  .info01 .aboutInfo-img::before,
  .info02 .aboutInfo-img::before {
    width: calc(600 / 750 * 100vw);
    height: calc(420 / 750 * 100vw);
    top: calc(60 / 750 * 100vw);
  }

  .info01 .aboutInfo-img::before {
    right: -4.53vw;
  }

  .info02 .aboutInfo-img::before {
    left: -4.53vw;
  }

  .info02 .aboutInfo-img {
    left: 0;
    right: 0;
  }

  .info02 {
    margin-top: 36px;
  }

  .aboutMovie {
    padding-bottom: 48px;
  }

  .aboutMovie-body {
    width: 84vw;
    height: 47.2vw;
    margin-top: 21px;
  }
}

/* about bg
---------------------------------------------------------- */
.about .bg {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.about .bg_fork {
  /* top: 26px; */
  top: 273px;
  right: 0;
  width: 11.63vw;
  max-width: 159px;
  height: 0;
  padding-top: 27.52vw;
  background-image: url(../img/top/about/bg_fork.png);
}

.about .bg_spoon {
  bottom: 254px;
  left: 0;
  width: 15.08vw;
  max-width: 206px;
  height: 0;
  padding-top: 27.45vw;
  background-image: url(../img/top/about/bg_spoon.png);
}

@media screen and (max-width: 750px) {
  .about .bg_fork {
    /* top: 49px; */
    top: calc(121 / 750 * 100vw);
    right: -16px;
    width: 19vw;
    padding-top: 45vw;
  }

  .about .bg_spoon {
    bottom: calc(673 / 750 * 100vw);
    width: 20vw;
    padding-top: 41vw;
  }
}

@media screen and (min-width: 1366px) {
  .about .bg_pizza {
    width: 369px;
    padding-top: 260px;
  }

  .about .bg_plant {
    width: 375px;
    padding-top: 274px;
  }
}

/************************************************************
lineup
************************************************************/
.lineup {
  position: relative;
}

.lineup:before{
  content:"";
  display: block;
  width:100%;
  height:827px;
  background-image: url(../img/common/bg/bg_pattern_02.jpg);
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
  position: absolute;
  top:0;
  left:0;
}

.lineup .inner{
  margin-top: 80px;
}

.lineup-titWrap {
  padding: 125px 0 45px;
}

.lineup-tit {
  position: relative;
  width: 392px;
  height: 0;
  margin: 0 auto;
  padding-top: 55px;
  background-image: url(../img/top/lineup/tit_lineup.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.lineup-tit::before {
  position: absolute;
  top: -57px;
  right: 0;
  left: 0;
  display: block;
  width: 75px;
  height: 30px;
  margin: 0 auto;
  background-image: url(../img/top/lineup/icon_tit_brown.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.lineup-tit--en {
  width: 79px;
  height: 0;
  margin: 38px auto 0;
  padding-top: 12px;
  background-image: url(../img/top/lineup/tit_lineup_en.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 79px 12px;
}

.lineup-leadTxt {
  color: #542c21;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.66;
  text-align: center;
}

.lineup-itemWrap {
  display: flex;
  justify-content: center;
  padding: 200px 0 0;
}

.lineup-itemInfo {
  position: relative;
  flex: 0 1 467px;
  display: flex;
  flex-direction: column;
  margin: 0 11px;
  padding: 157px 0 54px;
  background-color: #fff;
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
}

.lineupItem-img {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}

.shred .lineupItem-img {
  top: -153px;
  width: 207px;
  height: 227px;
}

.slice .lineupItem-img {
  top: -70px;
  width: 267px;
  height: 191px;
}

/* .slice .lineupItem-img::before {
  content: '';
  display: block;
  position: absolute;
  top: -44px;
  right: -44px;
  width: 67px;
  height: 67px;
  background-image: url(../img/top/lineup/icon_new.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  z-index: -1;
} */
.lineupInfo-tit {
  color: #542c21;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.lineupInfo-txt {
  margin: 20px 0 29px;
  color: #542c21;
  font-size: 14px;
  line-height: calc(26 / 14);
  text-align: center;
}

.lineup .c-btnWrap {
  margin-top: auto;
}

.lineup .c-btn {
  width: 276px;
  padding: 17px 0 16px;
  border-width: 1px;
}

.lineup .c-btn__txt {
  font-size: 16px;
}

.lineup .c-btn__icon svg {
  width: 23px;
  margin: auto 14px auto 0;
}

.lineup .c-btn .cls-1 {
  stroke: #542c21;
}

@media screen and (max-width: 1200px) {
  .lineup-leadTxt br.u-tb-fix {
    display: block !important;
  }
}

@media screen and (max-width: 750px) {
  .lineup {
    height:auto;
    /* height: calc(2030 / 750 * 100vw); */
    /* max-height: calc(2006 / 750 * 100vw); */
    margin-top:calc(50 / 750 * 100vw);
    background: none;
    box-shadow:none;
  }
  
  .lineup:before{
    content:"";
    display: block;
    width:100%;
    height:calc(2030 / 750 * 100vw);
    background-image: url(../img/common/bg/bg_pattern_02.jpg);
    box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
    position: absolute;
    top:0;
    left:0;
  }

  .lineup .inner {
    margin-top: 45px;
  }

  .lineup-bg {
    left: -9%;
    right: 0;
    width: 118%;
    margin: -23px auto 0;
    padding-top: 100px;
    border-radius: 100%;
    background-image: url(../img/common/bg/bg_pattern_sp.jpg);
  }

  .lineup-titWrap {
    padding: 79px 0 25px;
  }

  .lineup-tit {
    width: 82.861%;
    margin: 0 auto;
    padding-top: 8.571%;
  }

  .lineup-tit::before {
    width: 37px;
    top: -34px;
  }

  .lineup-tit--en {
    width: 50.717%;
    margin: 18px auto 0;
    padding-top: 2.5%;
    background-size: contain;
  }

  .lineup-leadTxt {
    font-size: calc(28 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.75;
  }

  .lineup-itemWrap {
    flex-direction: column;
    padding:0;
    padding-top: calc(260 / 750 * 100vw);
  }
  .shred .lineupItem-img::before {
    top: calc(-115 / 750 * 100vw);
    left: calc(-184 / 750 * 100vw);
    width: calc(290 / 750 * 100vw);
    height: calc(140 / 750 * 100vw);
  }

  .lineup-itemInfo {
    flex-basis: auto;
    width: 80vw;
    margin: 0 auto calc(260 / 750 * 100vw);
    padding: calc(260 / 750 * 100vw) calc(50 / 750 * 100vw) calc(65 / 750 * 100vw);
  }

  .lineup-itemInfo img {
    display: block;
    width: 100%;
    margin: auto;
  }

  .slice.lineup-itemInfo {
    padding-top: 27.73vw;
    margin-bottom: 0;
  }

  .shred .lineupItem-img {
    top: -24.26vw;
    width: 38.53vw;
    height: calc(372 / 750 * 100vw);
  }

  .slice .lineupItem-img {
    top: -15.26vw;
    width: 51.06vw;
    height: calc(260 / 750 * 100vw);
  }

  .shred .lineupInfo-tit {
    width: 100%;
    font-size: calc(40 / 750 * 100vw);
    line-height: 1.2;
  }

  .slice .lineupInfo-tit {
    width: 100%;
    font-size: calc(40 / 750 * 100vw);
    line-height: 1.2;
  }

  .lineupInfo-txt {
    margin: calc(50 / 750 * 100vw) 0 calc(50 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    text-align:left;
    letter-spacing: -0.015em;
    line-height: calc(47 / 26);
  }

  /*.lineupInfo-txt br {
    display: none;
  }*/
  .lineup .c-btn {
    width: calc(430 / 750 * 100vw);
    padding: calc(30 / 750 * 100vw) 0;
  }

  .lineup .c-btn__icon svg {
    width: calc(30 / 750 * 100vw);
    margin: auto 11px auto 0;
  }
  .lineup .c-btn__txt {
    font-size: calc(26 / 750 * 100vw);
  }
  .slice .lineupItem-img::before {
    width: 12.8vw;
    height: 12.8vw;
    top: -8vw;
    right: -6.93vw;
  }
}

/* lineup bg
---------------------------------------------------------- */
.lineup .bg {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 3;
}

.lineup .bg_slice {
  top: 174px;
  right: 0;
  width: 10.98vw;
  max-width: 150px;
  height: 0;
  padding-top: 16.61vw;
  background-image: url(../img/top/lineup/bg_slice.png);
}

.lineup .bg_shred {
  top: 496px;
  left: 0;
  width: 11.2vw;
  max-width: 153px;
  height: 0;
  padding-top: 17.13vw;
  background-image: url(../img/top/lineup/bg_shred.png);
}

@media screen and (max-width: 750px) {
  .lineup .bg_slice {
    top: 179px;
    width: 19%;
    margin: calc(85 / 750 * 100vw) 0 0 0;
    padding-top: 32%;
    background-image: url(../img/top/lineup/bg_shred_sp.png);
  }

  .lineup .bg_shred {
    top: calc(1070 / 750 * 100vw);
    width: 21%;
    margin: 64.003% 0 0 0;
    padding-top: 33%;
    background-image: url(../img/top/lineup/bg_slice_sp.png);
  }
}

@media screen and (min-width: 1366px) {
  .lineup .bg_slice {
    width: 369px;
    padding-top: 260px;
  }

  .lineup .bg_shred {
    width: 375px;
    padding-top: 274px;
  }
}

/************************************************************
recipe
************************************************************/
.recipe {
  position: relative;
  padding-bottom: 165px;
}

.recipe .inner{
  max-width:calc(1045 / 1336 * 100vw);
  width:100%;
  margin-top: 0;
}

.recipe--main {
  position: relative;
  padding-bottom: 0;
}

.recipe--main::before {
  content: "";
  display: block;
  position: absolute;
  right: -1.39%;
  bottom: -121px;
  width: 11.63vw;
  max-width: 159px;
  height: 0;
  padding-top: 27.52vw;
  background-image: url(../img/top/about/bg_fork.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.recipeArticleWrap {
  padding: 0 0 106px;
}

.recipeArticle {
  position: relative;
  width: 100%;
  /* min-width: 740px;
  max-width: 1200px; */
  margin: 0 auto;
  padding: 0 0 137px;
  background-color: #262626;
  background-image: url(../img/detail/bg/bg_board_top.png), url(../img/detail/bg/bg_board_bottom.png), url(../img/top/recipe/bg_board_03.jpg);
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: center top 45px, center bottom 45px, center;
  background-size: 93% auto, 93% auto, auto;
}

.recipe--main .recipeArticle {
  padding: 0 0 80px;
  background-image: url(../img/top/recipe/bg_board_02.jpg);
  background-repeat: no-repeat;
  background-position: center 15px;
  background-size: 986px auto;
  max-width:1045px;
  margin-left: auto;
  margin-right: auto;
}

.recipe--main .recipeArticle::before {
  display: none;
}

/* .recipe--main .recipeArticle .inner {
  width: 83.8%;
  min-width: initial;
  min-width: auto;
  max-width: 875px;
} */

.recipe-titWrap {
  padding: 134px 0 40px;
}

.recipe-tit {
  position: relative;
  max-width: 152px;
  width:152px;
  height: 0;
  margin: 0 auto;
  padding-top: 50px;
  background-image: url(../img/top/recipe/tit_recipe.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.recipe-tit::before {
  position: absolute;
  top: -60px;
  right: 0;
  left: 0;
  display: block;
  width: 75px;
  height: 30px;
  margin: 0 auto;
  background-image: url(../img/top/recipe/icon_tit_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.recipe-tit--en {
  width: 284px;
  height: 0;
  margin: 30px auto 0;
  padding-top: 12px;
  background-image: url(../img/top/recipe/tit_recipe_en.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 284px 12px;
}

.recipe-leadTxt {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  line-height: calc(40 / 18);
  text-align: center;
}

.recipe-leadTxt__inner{
  display:flex;
  align-items:center;
  justify-content:center;
}

.recipe-leadTxt .txt_soycheese {
  display: block;
  position: relative;
  line-height: 1;
  width: 120px;
  height: 35px;
  background-image: url(../img/top/recipe/txt_soycheese.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent;
  text-align: center;
  margin:0 5px;
}

.recipe--main {
  max-width:1366px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
}
.recipe--main .c-btnWrap {
  margin-top: 50px;
}

.recipe--main .c-btn {
  display:flex;
  align-items:center;
  justify-content:center;
  width:430px;
  height:90px;
  border-color: #fff;
}

.recipe--main .c-btn:hover {
  border-color: #3e664b;
}

.recipe--main .c-btn__txt {
  color: #fff;
  font-size:18px;
}

.recipe--main .c-btn__icon svg {
  width:36px;
  margin: auto 26px auto 0;
}

.recipe--main .list__item:nth-of-type(1) .item__info {
  padding-bottom: 22px;
}

.recipe--main .list__item:nth-of-type(2) .item__info {
  padding: 25px 30px 30px;
}

@media screen and (max-width: 750px) {
  .recipe {
    margin-top: 0;
  }

  .recipe .inner{
    width: 93.333%;
    max-width:none;
  }

  .recipe--main {
    margin-top: calc(0 / 750 * 100vw);
  }

  .recipe--main .recipeArticleWrap {
    padding-bottom: 52px;
  }

  .recipe--main .recipeArticle {
    width: 100%;
    padding: 0;
    background-image: url(../img/top/recipe/bg_board_03_sp.png);
    background-repeat: repeat;
    background-position: center top;
    background-size: contain;
  }

  .recipe--main .recipeArticle .inner {
    width: 100%;
    background-image: url(../img/top/recipe/bg_board_02_sp.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }

  .recipe--main .recipeArticle .inner .c-btnWrap {
    width: 100%;
    padding: 0 0 50px;
    background-image: url(../img/top/recipe/bg_board_04_sp.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }

  .recipe--main .recipeArticle .inner .c-btnWrap .c-btn{
    width:250px;
  }

  .recipe--main .c-btn{
    height:auto;
  }
  .recipe--main .c-btn__txt {
    font-size:12px;
  }
  .recipe-titWrap {
    padding: 70px 0 18px;
  }

  .recipe-tit {
    width: 18vw;
    padding-top: 8.8vw;
  }

  .recipe-tit::before {
    width: 37px;
    top: -29px;
  }

  .recipe-tit--en {
    width: calc(300 / 750 * 100vw);
    margin-top: calc(15 / 750 * 100vw);
    background-size: contain;
  }

  .recipe-leadTxt {
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
    line-height: calc(48 / 26);
    letter-spacing: -0.015em;
  }
  
  .recipe-leadTxt__inner{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .recipe-leadTxt .txt_soycheese {
    width: 70px;
    height: 23.5px;
    background-image: url(../img/top/recipe/txt_soycheese_sp.png);
  }

  .txt_soycheese img {
    vertical-align: middle;
  }

  .recipe--main .list__item:nth-of-type(1) .item__info {
    padding-bottom: 22px;
  }

  .recipe--main .recipeMain-list .info__icon,
  .recipe--main .recipeMain-list .list__item:nth-child(2n) .info__icon {
    top: 11px;
    bottom: auto;
    right: 11px;
    width: 55px;
    height: 55px;
    margin: 0;
    padding: 0;
    background-size: 26px auto;
  }

  .recipe--main .recipeMain-list .list__item:nth-child(2n) .info__icon {
    background-size: 35px auto;
  }

  .recipe--main .recipeMain-list .info__des {
    margin-top: 14px;
    line-height: 1.625;
  }

  .recipe--main .list__item:nth-of-type(1) .item__info {
    background-position: right 5px bottom 3px;
  }

  .recipe--main .list__item:nth-of-type(2) .item__info {
    background-position: right 5px bottom 7px;
    background-size: 22px auto;
  }

  .recipe--main .recipeMain-list .list__item:nth-child(2n) {
    margin-top: 15px;
  }

  .recipe--main .c-btnWrap {
    margin-top: 33px;
  }

  .recipe--main .c-btn__icon svg {
    width: 13px;
    height: 11px;
    margin: auto 15px auto 0;
  }

  .recipe--main::before {
    right: 0;
    bottom: -132px;
    width: 24.66vw;
    padding-top: 44.93vw;
    background-image: url(../img/top/about/bg_fork_sp.png);
    display: none;
  }
}

/* bg_frame
---------------------------------------------------------- */
.recipeArticle .bg_frame {
  display: block;
  position: absolute;
}

.recipeArticle .bg_frame--top {
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-top: 23px;
  background-image: url(../img/detail/bg/bg_frame_top_02.jpg);
  background-repeat: repeat-x;
  background-size: 100% 23px;
}

.recipeArticle .bg_frame--bottom {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-top: 23px;
  background-image: url(../img/detail/bg/bg_frame_bottom_02.jpg);
  background-repeat: repeat-x;
  background-size: 100% 23px;
}

.recipeArticle .bg_frame--left {
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 27px;
  height: 100%;
  margin: auto 0 auto 0;
  background-image: url(../img/detail/bg/bg_frame_left_02.jpg);
  background-position: center top;
  background-repeat: repeat-y;
}

.recipeArticle .bg_frame--right {
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 27px;
  height: 100%;
  margin: auto 0 auto 0;
  background-image: url(../img/detail/bg/bg_frame_right_02.jpg);
  background-position: center top;
  background-repeat: repeat-y;
}

@media screen and (max-width: 750px) {
  .recipeArticle .bg_frame--top {
    padding-top: 12px;
    background-image: url(../img/detail/bg/bg_frame_top_02_sp.jpg);
    background-size: 100% 12px;
  }

  .recipeArticle .bg_frame--bottom {
    padding-top: 12px;
    background-image: url(../img/detail/bg/bg_frame_bottom_02_sp.jpg);
    background-size: 100% 12px;
  }

  .recipeArticle .bg_frame--left {
    width: 13px;
    background-image: url(../img/detail/bg/bg_frame_left_02_sp.jpg);
  }

  .recipeArticle .bg_frame--right {
    width: 13px;
    background-image: url(../img/detail/bg/bg_frame_right_02_sp.jpg);
  }
}

/* recipeMain-list
---------------------------------------------------------- */
.recipeMain-listWrap {
  position: relative;
}

.recipeMain-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 48px 0 0;
}

.recipeMain-list .list__item {
  width: 47.65%;
  box-shadow: 3.776px 4.663px 10.68px 1.32px rgba(0, 0, 0, 0.14);
}

.recipeMain-list .item__link {
  display: block;
  width: 100%;
  transition: opacity 0.3s;
}

.recipeMain-list .item__link:hover,
.recipeMain-list .item__link:hover img {
  opacity: 1;
}

.recipeMain-list .item__photoWrap {
  position: relative;
}

.recipeMain-list .item__photoWrap img {
  object-fit: cover;
  width: 100%;
  height: auto;
}

.recipeMain-list .item__link .item__photo {
  transition: transform;
  transition-duration: 0.65s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.recipeMain-list .item__link:hover .item__photo {
  transform: scale(1.08);
}

.recipeMain-list .item__icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 39.31%;
  height: 0;
  margin: 2.758% -6.034% 0 0;
  padding-top: 17.068%;
  background-image: url(../img/common/icon/icon_pickup.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.recipeMain-list .item__infoWrap {
  background-image: url(../img/common/bg/bg_pattern_02.jpg);
  background-position: center;
  background-repeat: repeat;
}

.recipeMain-list .item__info {
  position: relative;
  padding: 29px 30px 36px;
}

.list__item:nth-of-type(1) .item__info {
  background-image: url(../img/common/icon/icon_bottle.svg);
  background-repeat: no-repeat;
  background-position: right 10px bottom 9px;
  background-size: 32px auto;
}

.list__item:nth-of-type(2) .item__info {
  background-image: url(../img/common/icon/icon_fork.svg);
  background-repeat: no-repeat;
  background-position: right 9px bottom 15px;
  background-size: 26px auto;
}

.recipeMain-list .info__name {
  position: relative;
  display: flex;
  align-items: center;
  height: 2.75em;
  color: #542c21;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.41;
}

.recipeMain-list .info__des {
  margin: 10px 0 0;
  color: #542c21;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.75;
}

.recipeMain-list .info__icon {
  display: block;
  position: absolute;
  top: -8px;
  right: -3px;
  z-index: 1;
  width: 75px;
  height: 75px;
  background-color: #fff;
  background-image: url(../img/top/recipe/ico_recipe_01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 36px auto;
  border-radius: 50%;
}

.recipeMain-list .list__item:nth-child(2n) .info__icon {
  background-image: url(../img/top/recipe/ico_recipe_02.png);
  background-size: 50px auto;
}

@media screen and (max-width: 750px) {
  .recipeMain-list {
    display: block;
    margin: 30px 0 0;
  }

  .recipeMain-list .list__item {
    width: 82.861%;
    margin: 27px auto 0;
  }

  .recipeMain-list .list__item:first-child {
    margin-top: 0;
  }

  .recipeMain-list .list__item:nth-child(2n) {
    margin-left: auto;
  }

  .recipeMain-list .item__infoWrap {
    position: relative;
  }

  .recipeMain-list .item__info {
    padding: 19px 12px 25px 25px;
  }

  .recipeMain-list .item__link:hover .item__photo {
    transform: none;
  }

  .recipeMain-list .item__icon {
    width: 39.31%;
    margin: 2.758% -5.172% 0 0;
    padding-top: 17.068%;
  }

  .recipeMain-list .info__name {
    font-size: 16px;
  }

  .recipeMain-list .info__des {
    margin: 7px 0 0;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-align: left;
  }

  .recipeMain-list .info__icon {
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    width: 10.172%;
    margin: 0 3.448% 1.724% 0;
    padding-top: 10.172%;
  }

  .recipeMain-list .list__item:nth-child(2n) .info__icon {
    width: 9.137%;
    margin: 0 4.137% 3.448% 0;
    padding-top: 10.689%;
  }
}

@media screen and (max-width: 320px) {
  .recipeMain-list .info__name {
    font-size: 14px;
  }

  .recipeMain-list .info__des {
    font-size: 11px;
  }
}

/* recipe-list
---------------------------------------------------------- */
.recipe-list {
  margin: 40px 0 0;
}

.recipe-list .list__item {
  width: 31%;
  margin-left: 3.5%;
  box-shadow: 3.776px 4.663px 10.68px 1.32px rgba(0, 0, 0, 0.14);
}

.recipe-list .list__item:nth-child(3n + 1) {
  margin-left: 0;
}

.recipe-list .list__item:nth-child(n + 4) {
  margin-top: 3.333%;
}

.recipe-list .item__link {
  display: block;
  width: 100%;
  transition: opacity 0.3s;
}

.recipe-list .item__link:focus {
  outline: none;
}

.recipe-list .item__link:hover,
.recipe-list .item__link:hover img {
  opacity: 1;
}

.recipe-list .item__photoWrap {
  position: relative;
  overflow: hidden;
}

.recipe-list .item__link .item__photo {
  transition: transform;
  transition-duration: 0.65s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.recipe-list .item__link:hover .item__photo {
  transform: scale(1.08);
}

.recipe-list .item__icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 39.31%;
  height: 0;
  margin: 2.758% -6.034% 0 0;
  padding-top: 17.068%;
  background-image: url(../img/common/icon/icon_pickup.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.recipe-list .item__infoWrap {
  background-image: url(../img/common/bg/bg_recipe_s.jpg);
  background-position: center;
  background-repeat: repeat;
}

.recipe-list .item__info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 6.72% 5.376%;
}

.recipe-list .info__name {
  color: #542c21;
  font-size: 24px;
  font-size: 1.756vw;
  font-weight: bold;
  line-height: 1.666;
  text-align: center;
}

.recipe-list .info__name__inner {
  position: relative;
}

.recipe-list .info__icon {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 11.559%;
  height: 0;
  margin: 0 5.376% 2.688% 0;
  padding-top: 12.635%;
  background-image: url(../img/common/icon/icon_bottle_s.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.recipe-list .list__item.slice .info__icon {
  width: 9.946%;
  margin: 0 5.376% 4.301% 0;
  padding-top: 11.828%;
  background-image: url(../img/common/icon/icon_fork_s.svg);
}

.recipe-list .list__item .info__icon_s {
  width: 7.946%;
  margin: 0 2.376% 0.5% 0;
}

.recipe-listWrap .recipe-list .list__item--honeyLemonMuffin .info__icon {
  margin: 0 2.688% 2.419% 0;
}

@media screen and (max-width: 750px) {
  .recipe-list {
    margin: 20px 0 0;
  }

  .recipe-list .list__item {
    position: relative;
    width: 47.859%;
    margin-left: 0;
  }

  .recipe-list .list__item:nth-child(2n) {
    margin-left: 4.285%;
  }

  .recipe-list .list__item:nth-child(n + 3) {
    margin-top: 3.857%;
  }

  .recipe-list .item__info {
    padding: 22px 7px;
  }

  .recipe-list .info__name {
    font-size: 13px;
    line-height: 1.461;
  }

  .recipe-list .item__link:hover .item__photo {
    transform: none;
  }

  .recipe-list .info__icon {
    width: 13.434%;
    padding-top: 14.628%;
  }

  .recipe-list .list__item .info__icon_s {
    width: 13.434%;
    margin: 0 5.376% 2.688% 0;
  }

  .recipe-list .list__item .info__icon {
    width: 22px;
    height: 20px;
    margin-right: 5px;
    background-image: url(../img/common/icon/icon_bottle_s.svg);
    background-size: contain;
  }

  .recipe-list .list__item.slice .info__icon {
    width: 22px;
    height: 20px;
    margin-right: 5px;
    background-image: url(../img/common/icon/icon_fork_s.svg);
    background-size: contain;
  }

  .recipe-listWrap .recipe-list .list__item--honeyLemonMuffin .info__icon {
    display: none;
  }
}

@media screen and (max-width: 320px) {
  .recipe-list .item__info {
    padding: 18px 7px;
  }

  .recipe-list .info__name {
    font-size: 10px;
  }
}

@media screen and (min-width: 1366px) {
  .recipe-list .info__name {
    font-size: 24px;
  }
}

/************************************************************
developer
************************************************************/

.developer {
  padding-top: 95px;
  padding-bottom: 220px;
  background-color: #fff;
  position: relative;
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
}

.developer .bg {
  width: 78.47%;
  max-width: 1200px;
  height: 1245px;
  margin: 0 auto 0 0;
  background-image: url(../img/common/bg/bg_pattern_02.jpg);
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
}

.developer .inner {
  width: 100%;
  height: 100%;
  /* margin-top: -1245px; */
}

@media screen and (min-width: 751px) and (max-width: 1200px) {
  .developer {
    padding-left: 30px;
    padding-right: 30px;
  }
  .developer .bg {
    /* height: 1300px; */
  }

  .developer .inner {
    /* margin-top: -1300px; */
  }
}


@media screen and (max-width: 900px) {
  .developer .bg {
    height: 1500px;
  }

  .developer .inner {
    /* margin-top: -1500px; */
  }
}

.developer-imgWrap {
  float: right;
  position: relative;
  margin: 100px 10% 97px auto;
}

.developer-titWrap {
  /* float: left; */
  width: 33%;
  max-width: 450px;
  margin: 0 0 0 120px;
  padding: 55px 0 45px;
  margin-left: auto;
  margin-right: auto;
}

.developer-txtWrap {
  /* float: left; */
  /* margin: 0 0 0 120px; */
  /* padding: 0 0 30px; */
}

.developer-txtWrap + .developer-txtWrap {
  margin-top: 30px;
}

/* .developer-txtWrap:nth-of-type(3) {
  width: 37.5%;
  max-width: 450px;
}

.developer-txtWrap:nth-of-type(4) {
  width: 55.33%;
  max-width: 664px;
}

.developer-txtWrap:nth-of-type(5) {
  width: 54.66%;
  max-width: 656px;
} */

.developer-copyTxt {
  color: #542c21;
  text-align: center;
}

.developer-copyTxt + .developer-copyTxt {
  margin-top: 10px;
}

.developer-copyTxt .text-01 {
  font-size: 14px;
}

.developer-copyTxt .text-02 {
  font-size: 24px;
  margin-left: 20px;
}

.developer-tit {
  position: relative;
  width: 292px;
  height: 0;
  margin: 0 auto;
  padding-top: 60px;
  background-image: url(../img/top/develop/tit_develop.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.developer-tit::before {
  position: absolute;
  top: -57px;
  right: 0;
  left: 0;
  display: block;
  width: 75px;
  height: 30px;
  margin: 0 auto;
  background-image: url(../img/top/develop/icon_tit_brown.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.developer-tit--en {
  width: 219px;
  height: 0;
  margin: 38px auto 0;
  padding-top: 14px;
  background-image: url(../img/top/develop/tit_develop_en.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 219px 13px;
}

.developer-contents-wrap + .developer-contents-wrap {
  margin-top: 70px;
}

.developer-subTitWrap {
  padding: 0 0 13px;
}

.developer-subTit {
  padding-bottom: 7px;
  color: #542c21;
  font-size: 22px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.subTit-01 {
  background-image: url(../img/top/develop/border_01_pc.png);
  background-size: 169px auto;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.subTit-02 {
  background-image: url(../img/top/develop/border_02_pc.png);
  background-size: 245px auto;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.subTit-03 {
  background-image: url(../img/top/develop/border_03_pc.png);
  background-size: 300px auto;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.subTit-04 {
  background-image: url(../img/top/develop/border_04_pc.png);
  background-size: 531px auto;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.subTit-05 {
  background-image: url(../img/top/develop/border_05_pc.png);
  background-size: 300px auto;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.developer-name {
  color: #542c21;
  font-size: 16px;
  padding-bottom: 15px;
}

.developer-name span {
  font-size: 1.625em;
}

.developer-Txt {
  color: #542c21;
  font-size: 14px;
  letter-spacing: 0.015em;
  line-height: 1.88;
}

.developer-Txt .strong {
  font-weight: 600;
}

.attention-text {
  padding-left: 20px;
  color: #542c21;
  font-size: 12px;
  line-height: 1.583;
  letter-spacing: 0.015em;
  position: relative;
  margin-top: 10px;
}

.attention-text:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.developer .bg_spoon {
  position: absolute;
  top: 795px;
  left: 0;
  display: block;
  width: 14.42vw;
  max-width: 250px;
  height: 0;
  padding-top: 35.62vw;
  background-image: url(../img/top/customer/bg_spoon_02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 3;
}

.developer .bg_fork {
  position: absolute;
  top: 1731px;
  right: 0;
  display: block;
  width: 14.42vw;
  max-width: 250px;
  height: 0;
  padding-top: 17.62vw;
  background-image: url(../img/top/develop/bg_develop_01_pc.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 3;
}

@media screen and (min-width: 751px) and (max-width: 1424px) {
  .developer .bg_spoon{
    top:118px;
  }
}

@media screen and (min-width: 751px) and (max-width: 1169px) {
  .developer .bg_fork {
    top: 1770px;
  }
}

.img-l {
  /* width: 20vw;
  height: 20vw;
  max-width: 400px;
  max-height: 400px; */
  width: calc(439.83 / 1366 * 100vw);
  height: calc(321.21 / 1366 * 100vw);
  max-width: 439.83px;
  max-height: 321.21px;

  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
}

.img-r {
  position: absolute;
  /* right: -7.97vw;
  bottom: -6.88vw; */
  right: calc(-95 / 1366 * 100vw);
  bottom: unset;
  margin-top: calc(48 / 1366 * 100vw);
  width: 24.15vw;
  height: 17.64vw;
  max-width: 330px;
  max-height: 241px;
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
}

@media screen and (min-width: 751px) {
  .developer-contents-wrap {
    display: flex;
    /* flex-wrap: wrap; */
  }
  .developer-photo-contents-wrap {
    width: 446px;
    margin-top: 12px;
  }
  .developer-photo-contents-wrap__text {
    color: #542c21;
    margin-left: 50px;
    margin-bottom: 5px;
  }
  .developer-text-contents-wrap {
    width: 563px;
    margin-left: 40px;
  }
  .developer-contents-wrap:nth-child(2n) {
    flex-direction: row-reverse;
  }
  .developer-contents-wrap:nth-child(2n) .developer-text-contents-wrap {
    margin-left: 0;
    margin-right: 50px;
  }
  .developer-contents-wrap.contents-02 .developer-photo-contents-wrap {
    width: 482px;
  }
  .developer-contents-wrap.contents-02 .developer-text-contents-wrap {
    width: 568px;
  }
  .developer-contents-wrap.contents-02 .developer-txtWrap + .developer-txtWrap {
    margin-top: 50px;
  }
  .developer-contents-wrap.contents-02 .developer-photo-contents-wrap {
    margin-top: 30px;
  }
  .developer-txtWrap.wrap-last {
    max-width: 953px;
    margin-top: 55px;
  }
  .develop-tit-bottom-photo {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  .developer-Txt br {
    /* display: none; */
  }
}

@media screen and (max-width: 1000px) {
  .developer-name span {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .developer {
    padding-top: 50px;
    padding-bottom: 40px;
    box-shadow: none;
  }
  .developer .bg {
    width: 93.33vw;
    height: 330.4vw;
    max-height: 1239px;
  }

  .developer .inner {
    /* margin-top: -330.4vw; */
    margin-top: 0;
  }

  .developer-titWrap {
    float: none;
    margin: 0 auto 0;
    padding: 18px 0 23px;
    width: 100%;
  }

  .developer-tit {
    padding-top: 45px;
    width: 35.2vw;
  }

  .developer-tit::before {
    width: 37px;
    top: -23px;
  }

  .developer-tit--en {
    width: 40.93vw;
    margin: 3px auto 0;
    background-size: contain;
  }

  .developer-imgWrap {
    float: none;
    margin: 0 auto 0;
  }

  .developer-txtWrap {
    float: none;
    margin: 0 auto 0;
    /* padding: 20.26vw 0 0; */
    width: 100%;
  }
  /* .developer-txtWrap:nth-of-type(3) {
    padding-top: calc(176 / 750 * 100vw);
  }

  .developer-txtWrap:nth-of-type(4),
  .developer-txtWrap:nth-of-type(5) {
    padding-top: 10.66vw;
  } */

  .img-l {
    /* width: 51.6vw;
    height: 59.73vw; 
    margin-left: 17.06vw;
    */
    width: calc(507.85 / 750 * 100vw);
    height: calc(370.89 / 750 * 100vw);
    margin-left: calc(62 / 750 * 100vw);
  }

  .img-r {
    /* width: 40.4vw;
    height: 27.46vw;
    right: 17.06vw;
    bottom: -12vw; */
    width: calc(303 / 750 * 100vw);
    height: calc(206 / 750 * 100vw);
    right: calc(80 / 750 * 100vw);
    bottom: calc(-97 / 750 * 100vw);
  }

  .developer-subTitWrap {
    padding: 0 0 4vw;
  }

  .developer-subTit {
    /* width: 100%; */
    padding: 0 0 1vw;
    /* font-size: 20px; */
    font-size: 5.333vw;
    text-align: center;
    width: 87.066vw;
    margin: 0 auto;
  }

  .subTit-01 {
    background-image: url(../img/top/develop/border_01_pc.png);
    background-position: bottom center;
    background-size: 119px auto;
  }
  .subTit-02 {
    background-image: url(../img/top/develop/border_02_pc.png);
    background-position: bottom center;
    background-size: 193.5px auto;
    position: relative;
  }

  .subTit-02:before {
    content: "";
    background-image: url(../img/top/develop/bg_spoon_02_sp.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    width: 17.333vw;
    height: 19vw;
    /* width: 21.333vw;
    height: 25vw; */
    display: block;
    position: absolute;
    top: -6vw;
    left: -7vw;
  }

  .subTit-03 {
    background-image: url(../img/top/develop/border_03_pc.png);
    background-position: bottom center;
    background-size: 232.5px auto;
  }
  .subTit-04 {
    background-image: url(../img/top/develop/border_04_pc.png);
    background-position: bottom center;
    background-size: 287px auto;
  }
  .subTit-05 {
    background-image: url(../img/top/develop/border_05_pc.png);
    background-position: bottom center;
    background-size: 202px auto;
  }

  .developer-txtWrap.wrap-last {
    margin-top: 30px;
  }

  .attention-text {
    color: #542c21;
    font-size: 11px;
    line-height: 1.7272;
    width: 87.066vw;
    margin: 0 auto;
    margin-top: 10px;
  }

  .developer-name {
    text-align: center;
    font-size: 12px;
    padding-bottom: 30px;
  }

  .developer-name span {
    display: inline-block;
  }

  .developer-Txt {
    width: 87.066vw;
    margin: 0 auto;
    font-size: 13px;
    line-height: 1.807;
  }
  .developer-photo-contents-wrap__text {
    color: #542c21;
    margin-bottom: 5px;
  }

  .developer-contents-wrap.contents-02 {
    margin-top: 40px;
  }
  .develop-tit-bottom-photo,
  .developer-contents-wrap.contents-02 .developer-photo-contents-wrap {
    width: 87.066vw;
    margin: 0 auto;
  }
  .developer-contents-wrap.contents-01 .developer-photo-contents-wrap {
    display: none;
  }
  .developer-contents-wrap.contents-01 .developer-text-contents-wrap {
    margin-top: 20px;
  }
  .developer-contents-wrap.contents-02 .developer-text-contents-wrap {
    margin-top: 20px;
  }
  .developer-copyWrap {
    margin-top: 20px;
  }
  .developer-copyTxt .text-01,
  .developer-copyTxt .text-02 {
    margin-left: 0;
  }
  .developer-copyTxt .text-01 {
    font-size: 12px;
  }
  .developer-copyTxt .text-02 {
    font-size: 16px;
  }
  /* .developer .bg_spoon{
    background-image: url(../img/top/develop/bg_spoon_02_sp.png);
    padding: 0;
    width: 21.333vw;
    height: 25vw;
    top: 955px;
  } */
  .developer .bg_spoon {
    display: none;
  }
  .developer .bg_fork {
    background-image: url(../img/top/develop/bg_develop_01_sp.png);
    width: 35.333vw;
    height: 41.733vw;
    top: -10vw;
    right: 0;
    display: none;
  }
}

/************************************************************
customer
************************************************************/
.customer {
  position: relative;
  margin-top: -90px;
}

.customer .bgBox {
  /* width: 78.47%;
  max-width: 1072px; */
  height: 647px;
  margin: 0 0 0 auto;
  background-image: url(../img/top/customer/bg_customer.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
  position: relative;
  z-index: 3;
  margin-left: calc(420 / 1366 * 100%);
}

.customer .inner {
  position: relative;
  height: 100%;
  margin-top: -647px;
}

.customer-titWrap {
  display: inline-block;
  margin: 0 0 0 60.8%;
  padding: 153px 0 117px;
}

.customer-tit {
  position: relative;
  width: 288px;
  height: 0;
  margin: 0 auto;
  padding-top: 61px;
  background-image: url(../img/top/customer/tit_customer.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.customer-tit::before {
  position: absolute;
  top: -54px;
  right: 0;
  left: 0;
  display: block;
  width: 75px;
  height: 30px;
  margin: 0 auto;
  background-image: url(../img/top/customer/icon_tit_brown.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.customer-tit--en {
  width: 212px;
  height: 0;
  margin: 38px auto 0;
  padding-top: 14px;
  background-image: url(../img/top/customer/tit_customer_en.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 212px 13px;
}

.customer-listWrap {
  width: 100%;
  max-width: 1122px;
  margin: 0 auto 0;
  padding-bottom: 170px;
}

.customer-list .list__item {
  width: 84.13%;
  height: 100%;
  margin: 0 0 83px;
  background-color: #fff;
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
}

.customer-list .list__item:nth-of-type(2n) {
  margin-left: auto;
}

.customer-list .list__item.item_01 {
  margin-left: 2.31%;
}

.customer-list .list__item.item_02,
.customer-list .list__item.item_04 {
  margin-right: 2.22%;
}

.customer-list .item__contentsWrap {
  position: relative;
  width: 100%;
  height: 100%;
  margin: -68px 0;
  padding: 34px 0;
  overflow: hidden;
  z-index: 2;
}

.customer-list .list__item .frame-body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 60px;
  background-color: #fff;
}

.customer-list .item__photo {
  position: absolute;
  top: -19px;
  width: 18%;
  max-height: 250px;
}

.customer-list .list__item:nth-of-type(2n) .item__photo {
  right: 30px;
}

.customer-list .item__infoWrap {
  width: 78%;
  margin: 0 0 0 auto;
  padding: 10px 0 0;
  color: #542c21;
  font-size: 16px;
}

.customer-list .list__item:nth-of-type(2n) .item__infoWrap {
  margin: 0 auto 0 0;
}

.customer-list .item__infoWrap .info__des {
  font-size: 14px;
  line-height: calc(27 / 14);
}

.customer-list .item_01 .info__des,
.customer-list .item_02 .info__des {
  display: inline;
}

.customer-list .item__infoWrap .info__name {
  margin-top: 15px;
  font-size: 0.875em;
  text-align: left;
  letter-spacing: 0;
}

.customer-list .list__item:nth-of-type(2n) .item__infoWrap .info__name {
  text-align: right;
}

.customer-list .list__item .frame-top {
  position: relative;
  top: -34px;
  display: block;
  width: calc(100% - 34px);
  height: 34px;
}

.customer-list .list__item .frame-bottom {
  position: relative;
  bottom: -34px;
  display: block;
  width: calc(100% - 34px);
  height: 34px;
}

.customer-list .list__item .frame-top::before,
.customer-list .list__item .frame-top::after,
.customer-list .list__item .frame-bottom::before,
.customer-list .list__item .frame-bottom::after {
  display: block;
  height: 34px;
  content: "";
  background-color: #fff;
  position: absolute;
}

.customer-list .list__item .frame-top::before,
.customer-list .list__item .frame-bottom::before {
  bottom: 0;
  width: 100%;
  background-color: #fff;
}

.customer-list .list__item .frame-top::before {
  transform: skew(-45deg) translateX(17px);
}

.customer-list .list__item .frame-bottom::before {
  transform: skew(-45deg) translateX(17px);
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
}

.customer-list .list__item .frame-top::after,
.customer-list .list__item .frame-bottom::after {
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
}

.customer-list .list__item .frame-top::after {
  top: 0;
  right: -34px;
}

.customer-list .list__item .frame-bottom::after {
  top: 0;
  left: 0;
}

@media screen and (max-width: 1320px) {
  .customer .bg_spoon {
    left: -5vw;
  }
}

@media screen and (max-width: 750px) {
  .customer {
    padding-top: 90px;
    background-color: #fff;
    /* margin-top: 28px; */
  }

  .customer .bgBox {
    width: 93.33vw;
    height: 86.26vw;
    background-image: url(../img/top/customer/bg_customer_sp.jpg);
    margin-left: auto;
  }

  .customer .inner {
    margin-top: -71.46vw;
  }

  .customer-titWrap {
    display: block;
    margin: 0 auto;
    padding: 0 0 95px;
  }

  .customer-tit {
    width: 35.2vw;
    padding-top: 13vw;
  }

  .customer-tit::before {
    width: 37px;
    top: -34px;
  }

  .customer-tit--en {
    width: 28.8vw;
    margin-top: 2px;
    background-size: contain;
  }

  .customer-listWrap {
    padding-bottom: 28px;
  }

  .customer-list .item__contentsWrap {
    margin: -34px 0;
    padding: 17px 0;
  }

  .customer-list .list__item .frame-body {
    padding: 0 18px;
  }

  .customer-list .item__infoWrap {
    width: 100%;
    margin: 0 auto 0 0;
    padding-top: 0;
    font-size: 13px;
    line-height: 1.8;
  }

  .customer-list .item_02 .item__infoWrap,
  .customer-list .item_03 .item__infoWrap {
    width: 71%;
  }

  .customer-list .list__item:nth-of-type(2n) .item__infoWrap {
    margin: 0 0 0 auto;
  }

  .customer-list .list__item {
    width: 100%;
    margin-bottom: 49px;
  }

  .customer-list .item__photo {
    width: 25%;
    max-width: 100px;
    top: auto;
    right: 12px;
  }

  .customer-list .list__item.item_01 .item__photo {
    width: 23%;
    bottom: -22px;
  }

  .customer-list .list__item.item_02 .item__photo {
    top: 18px;
    left: 12px;
    right: auto;
  }

  .customer-list .list__item.item_04 .item__photo {
    width: 23%;
    bottom: -8px;
    right: 12px;
  }

  .customer-list .list__item .frame-top {
    background-color: #fff;
    top: -17px;
    width: calc(100% - 17px);
    height: 17px;
  }

  .customer-list .list__item .frame-bottom {
    bottom: -17px;
    width: calc(100% - 17px);
    height: 17px;
  }

  .customer-list .list__item .frame-top::before,
  .customer-list .list__item .frame-top::after,
  .customer-list .list__item .frame-bottom::before,
  .customer-list .list__item .frame-bottom::after {
    height: 17px;
  }

  .customer-list .list__item .frame-top::before {
    transform: skew(-45deg) translateX(8px);
  }

  .customer-list .list__item .frame-bottom::before {
    transform: skew(-45deg) translateX(8px);
  }

  .customer-list .list__item .frame-top::after {
    right: -17px;
  }

  .customer .bg_spoon {
    top: -124vw;
    left: 0;
    width: 20.8vw;
    padding-top: 26.66vw;
    background: url("../img/top/customer/bg_spoon_03.png") no-repeat center;
    background-size: 100% auto;
  }

  .customer .bg_hukin {
    position: absolute;
    top: 0;
    right: 0;
    width: 17.866vw;
    padding-top: 46.66vw;
    background: url("../img/top/customer/bg_hukin_01.png") no-repeat center;
    background-size: 100% auto;
    z-index: 3;
  }

  .customer-list .list__item .info__des {
    font-size:13px;
    letter-spacing: 0.015em;
    line-height: calc(47 / 26);
  }

  .customer-list .item_01 .info__des,
  .customer-list .item_02 .info__des {
    display: block;
  }

  .customer-list .item_01 .info__des:nth-of-type(2) {
    width: 81%;
  }

  .customer-list .item_04 .info__des:nth-of-type(2) {
    width: 79%;
  }

  .customer-list .list__item:nth-of-type(2n) .item__infoWrap .info__name {
    text-align: left;
  }
}

/************************************************************************************************************************
レシピ詳細
************************************************************************************************************************/

/************************************************************
content-wrapper
************************************************************/
.tounyu_cheese_detail .content-wrapper__inner {
  background-image: url(../img/common/bg/bg_pattern.jpg);
  background-repeat: repeat;
  background-position: center;
}

/* inner
---------------------------------------------------------- */
.recipeArticle .inner {
  width: 100%;
  min-width: initial;
  min-width: auto;
}

@media screen and (max-width: 750px) {
  .recipeArticle .inner {
    width: 82.861%;
  }
}

/************************************************************
header
************************************************************/
.tounyu_cheese_detail .header {
  z-index: 4;
}

.tounyu_cheese_detail .header .logo {
  margin: 62px 0 0 62px;
}

.tounyu_cheese_detail .header .logo__link {
  background-image: url(../img/detail/header/logo.png);
}

@media screen and (max-width: 750px) {
  .tounyu_cheese_detail .header .logo {
    margin: 7.714% 0 0 7.714%;
  }
}

/************************************************************
recipeArticle
************************************************************/
@media screen and (max-width: 750px) {
  .recipeArticleWrap {
    padding: 11px 0 45px;
  }

  .recipeArticle {
    width: 93.333%;
    min-width: initial;
    min-width: auto;
    padding: 0 0 90px;
    background-image: url(../img/detail/bg/bg_board_top_sp.png), url(../img/detail/bg/bg_board_bottom_sp.png), url(../img/detail/bg/bg_board_sp.jpg);
    background-position: center top 20px, center bottom 24px, center;
    background-size: 90% auto, 90% auto, auto;
  }

  .recipeArticle::before {
    width: 30.001%;
    margin: 0 0 -1.714% -3.714%;
    padding-top: 28.715%;
    background-image: url(../img/detail/bg/bg_plant_03_sp.png);
  }
}

/* recipeArticle-tit
---------------------------------------------------------- */
.recipeArticle-titWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 47.292%;
  margin: 0 auto;
  padding: 60px 0 0;
}

.recipeArticle-tit {
  width: 63.03%;
  height: 0;
  margin: 0 auto;
  padding-top: 17.3%;
  background-image: url(../img/detail/tit/tit_main_02.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 750px) {
  .recipeArticle-titWrap {
    justify-content: center;
    width: 60.689%;
    padding: 11.758% 0 0;
  }

  .recipeArticle-tit {
    width: 88.1%;
    margin: 0;
    padding-top: 24.356%;
  }
}

/* recipeArticle-titImg
---------------------------------------------------------- */
.recipeArticle-titImg {
  width: 17.621%;
  height: 0;
  margin: 0 0 0 3.744%;
  padding-top: 23.789%;
  background-image: url(../img/detail/tit/tit_item.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (max-width: 750px) {
  .recipeArticle-titImg {
    width: 28.98%;
    margin: 0 0 0 4.545%;
    padding-top: 38.64%;
    background-image: url(../img/detail/tit/tit_item_sp.png);
  }
}

/* recipeArticle-name
---------------------------------------------------------- */
.recipeArticle-nameWrap {
  position: relative;
  margin: 35px 0 0;
  text-align: center;
}

.recipeArticle-nameWrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 34.81%;
  height: 0;
  margin: -22% 0 0 -23%;
  padding-top: 36.64%;
  background-image: url("../img/tounyu_cheese/detail/bg/bg_spoon_01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.recipeArticle-name {
  display: inline-block;
  position: relative;
}

.recipeArticle-name .name__txt {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.428;
}

.recipeArticle-name .name__icon {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 0;
  margin: auto 0 auto 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.recipeArticle-name .name__icon--fork {
  left: 0;
  width: 56px;
  margin-top: -20px;
  margin-left: -70px;
  padding-top: 98px;
  background-image: url(../img/detail/tit/icon_fork.svg);
}

.recipeArticle-name .name__icon--spoon {
  right: 0;
  width: 55px;
  margin-top: -20px;
  margin-right: -70px;
  padding-top: 98px;
  background-image: url(../img/detail/tit/icon_spoon.svg);
}

@media screen and (max-width: 750px) {
  .recipeArticle-nameWrap {
    margin: 20px 0 0;
  }

  .recipeArticle-nameWrap::before {
    width: 44.83%;
    margin: -37.8% 0 0 -30.5%;
    padding-top: 46.9%;
  }

  .recipeArticle-name {
    width: 100%;
  }

  .recipeArticle-name .name__txt {
    font-size: 20px;
    line-height: 1.5;
  }

  .recipeArticle-name .name__icon--fork {
    left: 0;
    width: 9.31%;
    margin: auto 0 auto 1.379%;
    padding-top: 17.931%;
  }

  .recipeArticle-name .name__icon--spoon {
    right: 0;
    width: 10.344%;
    margin: auto 1.379% auto 0;
    padding-top: 17.931%;
  }
}

/* recipeArticle-mainImg
---------------------------------------------------------- */
.recipeArticle-mainImg {
  width: 89.43%;
  margin: 42px auto 0;
}

@media screen and (max-width: 750px) {
  .recipeArticle-mainImg {
    width: 100%;
    margin: 5.206% auto 0;
  }
}

/* recipeArticle-lead
---------------------------------------------------------- */
.recipeArticle-leadWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 89.43%;
  margin: 47px auto 0;
}

.recipeArticle-lead {
  flex: 1;
  color: #fff;
  font-size: 24px;
  line-height: 1.79;
  text-align: center;
}

.recipeArticle-btn {
  width: 24%;
  margin: 0 0 0 5.376%;
}

@media screen and (max-width: 750px) {
  .recipeArticle-leadWrap {
    display: block;
    width: 89.65%;
    margin: 22px auto 0;
  }

  .recipeArticle-lead {
    width: 100%;
    margin: 0 auto 8%;
    font-size: 13px;
    line-height: 1.576;
    text-align: left;
  }

  .recipeArticle-btn {
    width: 100%;
    margin: 0;
  }
}

/* recipeArticle-calorie
---------------------------------------------------------- */
.recipeArticle-calorieWrap {
  margin-top: 33px;
}

.recipeArticle-calorie {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.recipeArticle-calorie .calorie__tag {
  width: 100px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  border: 1px solid #fff;
}

.recipeArticle-calorie .calorie__txt {
  margin-left: 23px;
}

.recipeArticle-calorie .calorie__txt-num {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.recipeArticle-calorie .calorie__txt-for {
  margin: 0 0 0 -9px;
  color: #fff;
  font-size: 18px;
}

@media screen and (max-width: 750px) {
  .recipeArticle-calorieWrap {
    margin-top: 23px;
  }

  .recipeArticle-calorie .calorie__tag {
    width: 90px;
    font-size: 15px;
  }

  .recipeArticle-calorie .calorie__txt {
    margin-left: 9px;
  }

  .recipeArticle-calorie .calorie__txt-num {
    font-size: 14px;
    font-weight: bold;
  }

  .recipeArticle-calorie .calorie__txt-for {
    margin: 0 0 0 -8px;
    font-size: 12px;
  }
}

/************************************************************
recipeArticle-contents
************************************************************/

/* recipeArticle-contents
---------------------------------------------------------- */
.recipeArticle-contents {
  position: relative;
  width: 100%;
  margin: 80px auto 0;
  padding: 30px 0;
  background-image: url(../img/detail/bg/bg_center_02.png);
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100% auto;
}

.recipeArticle-contents::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 374px;
  height: 0;
  margin: -372px -342px 0 0;
  padding-top: 338px;
  background-image: url("../img/tounyu_cheese/detail/bg/bg_fork_01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.recipeArticle-contents__inner {
  position: relative;
  z-index: 1;
  width: 88.543%;
  max-width: 850px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .recipeArticle-contents {
    margin-top: 60px;
    padding: 0;
    background-image: url(../img/detail/bg/bg_center_02_sp.png);
    background-size: 100% auto;
  }

  .recipeArticle-contents::before {
    width: 50.7%;
    margin: -62% -44% 0 0;
    padding-top: 47.3%;
  }
}

/* recipeArticle-contents-bg
---------------------------------------------------------- */
.recipeArticle-contents-bg {
  position: absolute;
}

.recipeArticle-contents-bg--top {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: -30px auto 0;
  padding-top: 30px;
  background-image: url(../img/detail/bg/bg_top_02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 30px;
}

.recipeArticle-contents-bg--bottom {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto -30px;
  padding-top: 30px;
  background-image: url(../img/detail/bg/bg_bottom_02.png);
  background-position: center;
  background-repeat: repeat-x;
  background-size: 100% 30px;
}

@media screen and (max-width: 750px) {
  .recipeArticle-contents-bg--top {
    width: 100%;
    margin: -30px 0 0;
    padding-top: 30px;
    background-image: url(../img/detail/bg/bg_top_02_sp.png);
    background-size: 100% 30px;
  }

  .recipeArticle-contents-bg--bottom {
    width: 100%;
    margin: 0 0 -30px;
    padding-top: 30px;
    background-image: url(../img/detail/bg/bg_bottom_02_sp.png);
    background-size: 100% 30px;
  }
}

/* recipeArticle-contents contents__tit
---------------------------------------------------------- */
.recipeArticle-contents .contents__titWrap {
  margin: 0 0 45px;
  text-align: center;
}

.recipeArticle-contents .contents__tit {
  display: inline-block;
  position: relative;
}

.recipeArticle-contents .contents__tit .contents__tit_l {
  display: block;
  width: 85px;
  height: 32px;
  margin: 0 0 10px;
  text-indent: -9999px;
  background: url("../img/tounyu_cheese/top/recipe/ttl_zairyo.png") no-repeat center;
}

.recipeArticle-contents .contents__materialWrap + .contents__titWrap .contents__tit .contents__tit_l {
  width: 117px;
  height: 33px;
  margin: 0;
  background: url("../img/tounyu_cheese/top/recipe/ttl_make.png") no-repeat center;
}

.recipeArticle-contents .contents__tit .contents__tit_s {
  display: block;
  color: #542c21;
  font-size: 20px;
}

.recipeArticle-contents .contents__tit .contents__tit-icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.recipeArticle-contents .contents__tit .contents__tit-icon--pot {
  width: 50px;
  margin: auto -56px auto 0;
  padding-top: 41px;
  background-image: url(../img/detail/icon/icon_pot.svg);
}

.recipeArticle-contents .contents__tit .contents__tit-icon--whip {
  width: 35px;
  margin: auto -53px auto 0;
  padding-top: 64px;
  background-image: url(../img/detail/icon/icon_whip.svg);
}

@media screen and (max-width: 750px) {
  .recipeArticle-contents .contents__titWrap {
    margin: 0 0 6px;
  }

  .recipeArticle-contents .contents__tit .contents__tit_l {
    width: 45px;
    height: 17px;
    margin: 0 0 6px;
    background: url("../img/tounyu_cheese/top/recipe/ttl_zairyo.png") no-repeat center;
    background-size: 100% auto;
  }

  .recipeArticle-contents .contents__materialWrap + .contents__titWrap .contents__tit .contents__tit_l {
    width: 62px;
    height: 18px;
    background: url("../img/tounyu_cheese/top/recipe/ttl_make.png") no-repeat center;
    background-size: 100% auto;
  }

  .recipeArticle-contents .contents__tit .contents__tit_s {
    font-size: 11px;
  }

  .recipeArticle-contents .contents__tit .contents__tit-icon--pot {
    width: 29px;
    margin: auto -30px auto 0;
    padding-top: 23px;
  }

  .recipeArticle-contents .contents__tit .contents__tit-icon--whip {
    width: 18px;
    margin: auto -25px auto 0;
    padding-top: 32px;
  }
}

/* recipeArticle-contents contents__material
---------------------------------------------------------- */
.contents__material {
  margin: 0 0 54px;
}

/* recipeArticle-contents contents__material-listBlock
---------------------------------------------------------- */
.recipeArticle-contents .contents__material-listBlockWrap {
  display: flex;
  flex-wrap: wrap;
}

.recipeArticle-contents .contents__material-listBlock {
  width: 47.53%;
}

.contents__material-listBlockWrap .contents__material-listBlock:nth-child(2n) {
  margin-left: 4.705%;
}

.recipeArticle-contents .contents__material-list {
  display: flex;
  flex-wrap: wrap;
}

.recipeArticle-contents .contents__material-list .list__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 14px 0;
  border-bottom: 2px dotted #5c362b;
}

.recipeArticle-contents .contents__material-list .item__name {
  color: #542c21;
  font-size: 18px;
  font-size: 1.317vw;
}

.recipeArticle-contents .contents__material-list .item__quantity {
  color: #542c21;
  font-size: 18px;
  font-size: 1.317vw;
}

.recipeArticle-contents .contents__material-list .quantity__unit {
  margin: 0 0 0 -4px;
}

@media screen and (max-width: 750px) {
  .recipeArticle-contents .contents__material-listBlock {
    width: 100%;
  }

  .recipeArticle-contents .contents__material-list .list__item {
    padding: 7px 0 8px;
  }

  .contents__material-listBlockWrap .contents__material-listBlock:nth-child(2n) {
    margin-left: 0;
  }

  .recipeArticle-contents .contents__material-list .item__name {
    font-size: 12px;
  }

  .recipeArticle-contents .contents__material-list .item__quantity {
    font-size: 12px;
  }
}

@media screen and (min-width: 1366px) {
  .recipeArticle-contents .contents__material-list .item__name {
    font-size: 18px;
  }

  .recipeArticle-contents .contents__material-list .item__quantity {
    font-size: 18px;
  }
}

/* recipeArticle-contents contents__make-listBlock
---------------------------------------------------------- */
.contents__make-list .list__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 18px 0;
  border-bottom: 2px dotted #5d382c;
}

.contents__make-list .item__stepWrap {
  position: relative;
  width: 70px;
  height: 70px;
}

.contents__make-list .item__step {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 6px 0 0;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contents__make-list .item__step .item__step-tit {
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: ten-mincho, serif;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.contents__make-list .item__step .item__step-num {
  display: block;
  color: #fff;
  font-size: 30px;
  font-family: ten-mincho, serif;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.contents__make-list .item__des {
  width: calc(100% - 70px - 40px);
  margin-left: 40px;
  color: #542c21;
  font-size: 18px;
  line-height: 1.888;
}

@media screen and (max-width: 750px) {
  .contents__make-list .list__item {
    padding: 10px 0;
  }

  .contents__make-list .item__stepWrap {
    width: 43px;
    padding-top: 43px;
  }

  .contents__make-list .item__step {
    padding: 3px 0 0;
  }

  .contents__make-list .item__step .item__step-tit {
    font-size: 10px;
    line-height: 10px;
  }

  .contents__make-list .item__step .item__step-num {
    font-size: 18px;
    line-height: 18px;
  }

  .contents__make-list .item__des {
    width: calc(100% - 43px - 10px);
    margin-left: 10px;
    font-size: 13px;
    line-height: 1.538;
  }
}

/* recipeArticle-contents contents__make-tips
---------------------------------------------------------- */
.contents__make-tips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 16px 0;
}

.contents__make-tips .tips__tit {
  width: 73px;
  padding: 0;
  color: #fff;
  font-size: 16px;
  font-family: ten-mincho, serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  background-color: #006514;
}

.contents__make-tips .tips__des {
  width: calc(100% - 73px - 38px);
  margin-left: 38px;
  color: #542c21;
  font-size: 18px;
  line-height: 1.888;
}

@media screen and (max-width: 750px) {
  .contents__make-tipsWrap {
    margin: 3px 0 0;
  }

  .contents__make-tips {
    padding: 10px 0;
  }

  .contents__make-tips .tips__tit {
    width: 46px;
    padding: 3px 0;
    font-size: 11px;
  }

  .contents__make-tips .tips__des {
    width: calc(100% - 46px - 8px);
    margin-left: 8px;
    font-size: 13px;
    line-height: 1.538;
  }
}

/************************************************************
otherecipe
************************************************************/

.otherecipe {
  padding-bottom: 153px;
}

@media screen and (max-width: 750px) {
  .otherecipe {
    padding-bottom: 16vw;
  }
}

/* otherecipe-tit
---------------------------------------------------------- */
.otherecipe-tit--jp {
  display: block;
  width: 390px;
  height: 100px;
  margin: 0 auto 20px;
  text-indent: -9999px;
  background: url("../img/tounyu_cheese/top/recipe/ttl_other.png") no-repeat center;
  text-align: center;
}

.otherecipe-tit--en {
  display: block;
  width: 160px;
  height: 0;
  margin: 0 auto;
  padding-top: 13px;
  background-image: url(../img/detail/tit/tit_otherecipe_en.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 160px 13px;
}

@media screen and (max-width: 750px) {
  .otherecipe-tit--jp {
    width: 195px;
    height: 51px;
    margin: 0 auto 10px;
    background: url("../img/tounyu_cheese/top/recipe/ttl_other.png") no-repeat center;
    background-size: 100% auto;
  }

  .otherecipe-tit--en {
    width: 110px;
    background-size: contain;
  }
}

/* otherecipe recipe-list
---------------------------------------------------------- */
.otherecipe .slick-list {
  padding: 0 0 30px;
}

.otherecipe .recipe-listWrap {
  position: relative;
  width: 90.001%;
  max-width: 1080px;
  margin: 0 auto;
}

.otherecipe .recipe-list .list__item {
  width: 31.019%;
  margin-left: 12px;
  margin-right: 12px;
  box-shadow: 3.776px 4.663px 10.68px 1.32px rgba(0, 0, 0, 0.14);
}

.otherecipe .recipe-list .list__item:nth-child(n + 4) {
  margin-top: 0;
}

.otherecipe .recipe-list .list__item:focus {
  outline: none;
}

.otherecipe .recipe-list .info {
  padding: 5.952% 7.44%;
}

.otherecipe .recipe-list .info__name {
  font-size: 21px;
  font-size: 1.537vw;
}

.recipe-listWrap .slick-prev,
.recipe-listWrap .slick-next {
  width: 60px;
  height: 0;
  padding-top: 60px;
  border-radius: 100%;
  background-color: #fff;
  transition: opacity 0.3s;
}

.recipe-listWrap .slick-prev:hover,
.recipe-listWrap .slick-next:hover {
  opacity: 0.8;
}

.recipe-listWrap .slick-prev {
  margin-left: -48px;
}

.recipe-listWrap .slick-next {
  margin-right: -48px;
}

.recipe-listWrap .slick-next::before,
.recipe-listWrap .slick-prev::before {
  content: "";
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  height: 32px;
  margin: auto;
}

.recipe-listWrap .slick-prev::before {
  background: url(../img/detail/icon/icon_prev.svg) no-repeat center;
  background-size: contain;
}

.recipe-listWrap .slick-next::before {
  background: url(../img/detail/icon/icon_next.svg) no-repeat center;
  background-size: contain;
}

@media screen and (max-width: 750px) {
  .otherecipe .recipe-listWrap {
    width: 100%;
  }

  .otherecipe .recipe-listWrap::before {
    width: 13%;
    margin: 0 -3.714% -8.571% 0;
    padding-top: 14.429%;
    background-image: url(../img/detail/bg/bg_plant_04_sp.png);
  }

  .otherecipe .recipe-list {
    margin: 20px 0 0;
  }

  .otherecipe .recipe-list .list__item {
    width: 44.288%;
    margin-left: 0.85%;
    margin-right: 0.85%;
  }

  .otherecipe .recipe-list .list__item:nth-child(n + 3) {
    margin-top: 0;
  }

  .otherecipe .recipe-list .item__info {
    padding: 12px 7px;
  }

  .otherecipe .recipe-list .info__name {
    font-size: 13px;
    letter-spacing: 0;
  }

  .recipe-listWrap .slick-prev,
  .recipe-listWrap .slick-next {
    z-index: 1;
    width: 8.571%;
    padding-top: 8.571%;
  }

  .recipe-listWrap .slick-prev:hover,
  .recipe-listWrap .slick-next:hover {
    opacity: 1;
  }

  .recipe-listWrap .slick-prev {
    margin-left: 6.714%;
  }

  .recipe-listWrap .slick-next {
    margin-right: 6.714%;
  }

  .recipe-listWrap .slick-next::before,
  .recipe-listWrap .slick-prev::before {
    width: 26.684%;
    height: 43.362%;
  }
}

@media screen and (min-width: 1366px) {
  .otherecipe .recipe-list .info__name {
    font-size: 21px;
  }
}

/* otherecipe c-btnWrap
---------------------------------------------------------- */
.otherecipe .c-btnWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 87.847%;
  min-width: 740px;
  max-width: 1200px;
  margin: 46px auto 0;
}

.otherecipe .c-btnWrap .c-btn {
  width: 32.5%;
  margin: 0;
  padding: 2.5% 0;
}

.otherecipe .c-btnWrap .c-btn:nth-child(2n) {
  margin-left: 15px;
}

.otherecipe .c-btn__txt {
  font-size: 1.317vw;
}

.otherecipe .c-btn__icon svg {
  width: 9.743%;
}

@media screen and (max-width: 750px) {
  .otherecipe .c-btnWrap {
    display: block;
    width: 93.333%;
    min-width: initial;
    min-width: auto;
    margin: 22px auto 0;
  }

  .otherecipe .c-btnWrap .c-btn {
    width: 55.717%;
    margin: 0 auto;
    padding: 3.5% 0;
  }

  .otherecipe .c-btnWrap .c-btn:nth-child(2n) {
    margin-top: 15px;
    margin-left: auto;
  }

  .otherecipe .c-btn__txt {
    font-size: 12px;
  }

  .otherecipe .c-btn__icon svg {
    width: 18px;
    height: 6px;
    margin: auto 13px auto 0;
  }

  .otherecipe .c-btn--back svg {
    margin: auto 0 auto 5px;
  }
}

@media screen and (min-width: 1366px) {
  .otherecipe .c-btn__txt {
    font-size: 18px;
  }
}

/************************************************************
Recipe List
************************************************************/
.tonyucheese_recipe .mainVisual {
  padding-top: 29.5vw;
  background-image: url(../img/recipe/bg.jpg);
}

.tonyucheese_recipe .mainVisual__titWrap {
  width: 52.7vw;
  margin-top: 4vw;
  padding-top: 20vw;
}

.tonyucheese_recipe .mainVisual__tit {
  margin: 0;
  padding-top: 20vw;
  background-image: url(../img/recipe/title.png);
}

@media screen and (max-width: 1000px) {
  .tonyucheese_recipe .mainVisual__tit {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .tonyucheese_recipe .mainVisual {
    padding-top: 76.13vw;
    background-image: url(../img/recipe/bg_sp.jpg);
  }

  .tonyucheese_recipe .mainVisual__titWrap {
    width: 87.46vw;
    margin-top: 4vw;
    padding-top: 32.26vw;
  }

  .tonyucheese_recipe .mainVisual__tit {
    margin: 15.46vw 0 0;
    padding-top: 32.26vw;
    background-image: url(../img/recipe/title.png);
  }
}

/* pickup
---------------------------------------------------------- */
.tonyucheese_recipe .pickup {
  position: relative;
}

.tonyucheese_recipe .pickup .outer {
  overflow: hidden;
}

.tonyucheese_recipe .pickup-contents {
  position: relative;
}

.tonyucheese_recipe .pickup .contents__inner {
  position: relative;
  z-index: 1;
}

.tonyucheese_recipe .pickup-titWrap {
  padding: 114px 0 63px;
}

.tonyucheese_recipe .pickup-tit {
  position: relative;
  width: 422px;
  height: 0;
  margin: 0 auto;
  padding-top: 49px;
  background-image: url(../img/recipe/tit_pickup.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.tonyucheese_recipe .pickup-tit::before {
  position: absolute;
  top: -57px;
  right: 0;
  left: 0;
  display: block;
  width: 75px;
  height: 30px;
  margin: 0 auto;
  background-image: url(../img/recipe/icon_tit_brown.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.tonyucheese_recipe .pickup-tit--en {
  width: 85px;
  height: 0;
  margin: 43px auto 0;
  padding-top: 12px;
  background-image: url(../img/recipe/tit_pickup_en.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 85px 12px;
}

.tonyucheese_recipe .pickup .inner {
  width: 100%;
  max-width: 1283px;
}

.tonyucheese_recipe .pickup .list__item {
  position: relative;
  width: 97.2%;
  max-width: 1246px;
  margin-bottom: 123px;
  margin-right: auto;
}

.tonyucheese_recipe .pickup .list__item:nth-of-type(2n) {
  margin-right: 0;
  margin-left: auto;
}

.tonyucheese_recipe .pickup .list__item:nth-of-type(2n) .item__photo {
  text-align: right;
}

.tonyucheese_recipe .pickup .item__infoWrap {
  position: absolute;
  top: 65px;
  right: 0;
  width: 45%;
  min-width: 450px;
  max-width: 551px;
  min-height: 434px;
  background-image: url(../img/common/bg/bg_pattern_02.jpg);
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
}

.tonyucheese_recipe .pickup .list__item .item__infoInner {
  width: 100%;
  height: 100%;
  padding: 78px 0 90px;
  background-image: url(../img/recipe/icon_apron.png);
  background-repeat: no-repeat;
  background-position: right 18px bottom 16px;
  background-size: 74px auto;
}

.tonyucheese_recipe .pickup .list__item:nth-of-type(2n) .item__infoInner {
  width: 100%;
  height: 100%;
  padding: 85px 0 90px;
  background-image: url(../img/recipe/icon_fork.png);
  background-repeat: no-repeat;
  background-position: right 27px bottom 28px;
  background-size: 74px auto;
}

.tonyucheese_recipe .pickup .list__item:nth-of-type(2n) .item__infoWrap {
  right: auto;
  left: 0;
}

.tonyucheese_recipe .pickup .info__name {
  width: 80.1%;
  max-width: 441px;
  margin: 0 auto 20px;
  color: #542c21;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}

.tonyucheese_recipe .pickup .info__des {
  width: 80.1%;
  max-width: 441px;
  margin: 0 auto 37px;
  color: #542c21;
  font-size: 18px;
  line-height: 2;
}

.tonyucheese_recipe .pickup .c-btn {
  width: 276px;
  padding: 16px 0 14px;
  background-color: #542c21;
}

.tonyucheese_recipe .pickup .c-btn:hover {
  background-color: #3e664b;
}

.tonyucheese_recipe .pickup .c-btn__txt {
  color: #fff;
  font-size: 16px;
}

.tonyucheese_recipe .pickup .c-btn__icon svg {
  width: 20px;
  margin: auto 20px auto 0;
}

.tonyucheese_recipe .pickup .cls-1 {
  stroke: #fff;
}

.tonyucheese_recipe .pickup .c-btn:hover .cls-1 {
  stroke: #fff;
}

.tonyucheese_recipe .list__item:nth-of-type(1) .item__info,
.tonyucheese_recipe .list__item:nth-of-type(2) .item__info {
  background-image: none;
}

.tonyucheese_recipe .pickup .item__photoWrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.tonyucheese_recipe .pickup .item__icon {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.tonyucheese_recipe .pickup .item__icon.ribbon {
  top: -16px;
  width: 221px;
  height: 86px;
  background-image: url(../img/recipe/icon_pickup.png);
}

.tonyucheese_recipe .pickup .list__item:nth-of-type(1) .ribbon {
  left: 10px;
}

.tonyucheese_recipe .pickup .list__item:nth-of-type(2) .ribbon {
  right: -16px;
}

.tonyucheese_recipe .pickup .item__icon.circle {
  bottom: 30px;
  width: 140px;
  height: 140px;
}

.tonyucheese_recipe .pickup .list__item:nth-of-type(1) .circle {
  left: 30px;
  background-image: url(../img/recipe/icon_shred.png);
}

.tonyucheese_recipe .pickup .list__item:nth-of-type(2) .circle {
  right: 521px;
  background-image: url(../img/recipe/icon_slice.png);
}

@media screen and (max-width: 1280px) {
  .tonyucheese_recipe .pickup .list__item:nth-of-type(2) .circle {
    right: 346px;
  }
}

@media screen and (max-width: 1000px) {
  .tonyucheese_recipe .pickup .list__item {
    position: relative;
    width: 100%;
    margin: 0 0 48px;
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(2n) {
    margin: 0;
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(2n) .item__photo {
    text-align: center;
  }

  .tonyucheese_recipe .pickup .item__photo img {
    display: block;
    margin: 0 auto;
  }

  .tonyucheese_recipe .pickup .item__infoWrap {
    position: relative;
    top: 0;
    left: 0;
    margin: -15px auto 0;
    width: 80vw;
    min-width: 0;
    min-height: 0;
  }

  .tonyucheese_recipe .pickup .list__item .item__infoInner {
    padding: 27px 0 39px;
    background-size: 30px auto;
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(2n) .item__infoInner {
    padding: 27px 0 39px;
    background-size: 30px auto;
    background-position: right 17px bottom 13px;
  }

  .tonyucheese_recipe .pickup .item__icon.ribbon {
    top: -20px;
    right: 15px;
    transform: rotate(16deg);
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(1) .ribbon {
    left: auto;
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(2) .ribbon {
    right: 15px;
  }

  .tonyucheese_recipe .pickup .item__icon.circle {
    bottom: 26px;
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(1) .circle,
  .tonyucheese_recipe .pickup .list__item:nth-of-type(2) .circle {
    left: 14px;
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(2) .circle {
    right: auto;
  }
}

@media screen and (max-width: 750px) {
  .tonyucheese_recipe .pickup-titWrap {
    padding-top: 74px;
    padding-bottom: 41px;
  }

  .tonyucheese_recipe .pickup-tit {
    width: 56.53vw;
    margin: 0 auto;
    padding-top: 8vw;
  }

  .tonyucheese_recipe .pickup-tit::before {
    width: 37px;
    top: -31px;
  }

  .tonyucheese_recipe .pickup-tit--en {
    width: 16.53vw;
    margin: 5px auto 0;
    padding-top: 5.6vw;
    background-size: contain;
  }

  .tonyucheese_recipe .pickup .info__name {
    width: 86.83%;
    font-size: 16px;
    margin-bottom: 10px;
  }

  .tonyucheese_recipe .pickup .info__des {
    width: 86.83%;
    font-size: 12px;
    line-height: 1.75;
    margin-bottom: 15px;
  }

  .tonyucheese_recipe .pickup .c-btn {
    width: 48vw;
    padding: 9px 0;
  }

  .tonyucheese_recipe .pickup .c-btn__txt {
    font-size: 11px;
  }

  .tonyucheese_recipe .pickup .c-btn__icon svg {
    width: 12px;
    margin: auto 12px auto 0;
  }

  .tonyucheese_recipe .pickup .item__icon.ribbon {
    width: 29vw;
    height: 13.33vw;
    top: -20px;
    right: 15px;
    transform: rotate(16deg);
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(1) .ribbon {
    left: auto;
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(2) .ribbon {
    right: 15px;
  }

  .tonyucheese_recipe .pickup .item__icon.circle {
    width: 23.2vw;
    height: 23.2vw;
    bottom: 26px;
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(1) .circle,
  .tonyucheese_recipe .pickup .list__item:nth-of-type(2) .circle {
    left: 14px;
  }

  .tonyucheese_recipe .pickup .list__item:nth-of-type(2) .circle {
    right: auto;
  }
}

/* pickup bg
---------------------------------------------------------- */
.tonyucheese_recipe .pickup .bg {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 3;
}

.tonyucheese_recipe .pickup .bg_fork {
  top: 100px;
  right: 0;
  width: 11.63vw;
  height: 0;
  padding-top: 27.52vw;
  background-image: url(../img/recipe/bg_fork.png);
}

.tonyucheese_recipe .pickup .bg_spoon {
  bottom: 145px;
  left: 0;
  width: 15.08vw;
  height: 0;
  padding-top: 27.45vw;
  background-image: url(../img/recipe/bg_spoon.png);
}

@media screen and (max-width: 750px) {
  .tonyucheese_recipe .pickup .bg_fork {
    top: 13px;
    width: 20vw;
    padding-top: 46vw;
    background-image: url(../img/recipe/bg_fork_sp.png);
  }

  .tonyucheese_recipe .pickup .bg_spoon {
    bottom: -33.33vw;
    left: 0;
    width: 23vw;
    padding-top: 50vw;
    background-image: url(../img/recipe/bg_spoon_sp.png);
  }
}

@media screen and (min-width: 1366px) {
  .tonyucheese_recipe .pickup .bg_fork {
    top: 232px;
    width: 232px;
    padding-top: 336px;
  }

  .tonyucheese_recipe .pickup .bg_spoon {
    width: 281px;
    padding-top: 375px;
  }
}

/* recipe
---------------------------------------------------------- */
.tonyucheese_recipe .recipe {
  position: relative;
  margin-top: 0;
  padding-bottom: 200px;
}

.tonyucheese_recipe .recipe .bg_pizza {
  display: block;
  position: absolute;
  right: 0;
  top: -30px;
  width: 21.52%;
  height: 0;
  padding-top: 24.963%;
  background-image: url(../img/recipe/bg_pizza.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.tonyucheese_recipe .recipe-titWrap {
  padding: 132px 0 46px;
}

.tonyucheese_recipe .recipe-tit {
  position: relative;
  width: 245px;
  height: 0;
  margin: 0 auto;
  padding-top: 60px;
  background-image: url(../img/recipe/tit_recipe.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.tonyucheese_recipe .recipe-tit::before {
  position: absolute;
  top: -55px;
  right: 0;
  left: 0;
  display: block;
  width: 75px;
  height: 30px;
  margin: 0 auto;
  background-image: url(../img/recipe/icon_tit_brown.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
}

.tonyucheese_recipe .recipe-tit--en {
  width: 132px;
  height: 0;
  margin: 38px auto 0;
  padding-top: 12px;
  background-image: url(../img/recipe/tit_recipe_en.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 132px 12px;
}

.tonyucheese_recipe .recipe-cateWrap .recipe-cateList {
  display: flex;
  justify-content: center;
}

.tonyucheese_recipe .recipe-cateWrap .recipe-cateList .cate-Item {
  flex: 0 1 200px;
  margin: 0 13px;
}

.tonyucheese_recipe .recipe-cateWrap .cate-Item span {
  display: inline-block;
  width: 100%;
  padding: 7px 0;
  background-color: #542c21;
  border-radius: 100px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}

.tonyucheese_recipe .recipe-cateWrap .cate-Item span:hover {
  background-color: #225b2b;
}

.tonyucheese_recipe .recipe-cateWrap .cate-Item.current span {
  background-color: #225b2b;
}

.tonyucheese_recipe .recipe-list {
  margin-top: 49px;
  justify-content: space-between;
}

.tonyucheese_recipe .recipe-list::after {
  content: "";
  display: block;
  width: 31%;
}

.tonyucheese_recipe .recipe-list .list__item {
  margin-left: 0;
  margin-bottom: 3.333%;
}

.recipe-list .list__item:nth-child(n + 4) {
  margin-top: 0;
}

.tonyucheese_recipe .recipe-list .list__item.hide {
  display: none;
}

.recipe-listWrap .item__infoWrap,
.otherecipe .recipe-listWrap .item__infoWrap {
  position: relative;
  background-image: url(../img/common/bg/bg_pattern_02.jpg);
}

.recipe-listWrap .item__info {
  min-height: 128px;
}

.otherecipe .recipe-listWrap .item__info {
  min-height: 115px;
}

.recipe-listWrap .item__info {
  justify-content: flex-start;
  padding: 27px 4% 27px 6%;
}

.otherecipe .recipe-listWrap .item__info {
  justify-content: flex-start;
  padding: 27px 8% 27px 8%;
}

.recipe-listWrap .info__name {
  text-align: left;
  font-weight: bold;
  font-size: 1.46vw;
}

.otherecipe .recipe-listWrap .info__name {
  text-align: left;
  font-weight: bold;
  font-size: 18px;
}

.recipe-listWrap .recipe-list .type__icon,
.otherecipe .recipe-listWrap .recipe-list .type__icon {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: auto;
  left: 4%;
  z-index: 1;
  width: 5.12vw;
  height: 5.12vw;
  max-width: 70px;
  max-height: 70px;
  margin: auto 0;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 3px 4px 6px rgba(40, 21, 9, 0.1);
}

.recipe-listWrap .recipe-list .type__icon.icon-shred,
.otherecipe .recipe-listWrap .recipe-list .type__icon.icon-shred {
  background-image: url(../img/recipe/ico_recipe_shred.png);
  background-size: 51.42% auto;
}

.recipe-listWrap .recipe-list .type__icon.icon-slice,
.otherecipe .recipe-listWrap .recipe-list .type__icon.icon-slice {
  background-image: url(../img/recipe/ico_recipe_slice.png);
  background-size: 71.42% auto;
}

@media screen and (min-width: 1366px) {
  .recipe-listWrap .info__name {
    font-size: 22px;
    letter-spacing: 0;
  }

  .otherecipe .recipe-listWrap .info__name {
    font-size: 18px;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 1000px) {
  .tonyucheese_recipe .recipe-list {
    justify-content: space-between;
  }

  .tonyucheese_recipe .recipe-list .list__item:nth-child(2n) {
    margin-left: 0;
    margin-bottom: 4vw;
  }

  .recipe-listWrap .item__info {
    min-height: 10px;
  }
}
@media screen and (max-width: 767px) {
  .mc-breadcrumb {
    margin-top: -70px;
  }
}
@media screen and (max-width: 750px) {
  .tonyucheese_recipe .recipe {
    padding-bottom: 24vw;
  }

  .tonyucheese_recipe .recipe-titWrap {
    padding: 71px 0 23px;
  }

  .tonyucheese_recipe .recipe-tit {
    width: 33.86vw;
    padding-top: 9vw;
  }

  .tonyucheese_recipe .recipe-tit::before {
    width: 37px;
    top: -29px;
  }

  .tonyucheese_recipe .recipe-tit--en {
    width: 25.06vw;
    height: 5.6vw;
    margin-top: 4px;
    background-size: contain;
  }

  .tonyucheese_recipe .recipe-list {
    margin-top: 37px;
  }

  .recipe-listWrap .list__item,
  .otherecipe .recipe-listWrap .list__item {
    width: 44.66vw;
    margin: 0 2vw;
  }

  .recipe-listWrap .list__item,
  .tonyucheese_recipe .recipe-list .list__item:nth-child(n + 3),
  .tonyucheese_recipe .recipe-list .list__item:nth-child(3n + 1) {
    margin: 0 0 4vw;
  }

  .recipe-listWrap .info__name {
    font-size: 13px;
  }

  .otherecipe .recipe-listWrap .info__name {
    font-size: 14px;
    text-align: center;
  }

  .recipe-listWrap .item__info {
    min-height: 79px;
    padding: 13px 10% 15px 10%;
  }

  .otherecipe .recipe-listWrap .item__info {
    padding: 7.46vw 8px 7.46vw;
    justify-content: center;
  }

  .tonyucheese_recipe .recipe-listWrap .recipe-list .type__icon {
    width: 9.33vw;
    height: 9.33vw;
    left: 2vw;
  }

  .otherecipe .recipe-listWrap .recipe-list .type__icon {
    width: 12vw;
    height: 12vw;
    top: 2vw;
    bottom: auto;
    right: 0;
    left: 0;
    margin: 0 auto;
  }

  .tonyucheese_recipe .recipe-cateWrap .recipe-cateList .cate-Item {
    flex: 0 0 29.33vw;
    margin: 0 5px;
  }

  .tonyucheese_recipe .recipe-cateWrap .cate-Item span {
    font-size: 12px;
  }

  .tonyucheese_recipe .recipe .bg_pizza {
    top: 15px;
    width: 25.06%;
    background-image: url(../img/recipe/bg_pizza_sp.png);
  }

  .tonyucheese_recipe .recipe .c-btnWrap {
    margin-top: 27px;
  }

  .tonyucheese_recipe .c-btn--back .c-btn__icon svg {
    width: 16px;
    margin: auto 0 auto 15px;
  }
}

/* cpバナーtwitter */
.cp-bnr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 573px;
  width: calc(573 / 1200 * 100%);
  margin-top: calc(40 / 1200 * 100%);
  /* margin-bottom: calc(87 / 1200 * 100%); */
  position: relative;
}
.cp-bnr a {
  display: block;
  transition: 0.15s ease-out;
}
.cp-bnr__ttl {
  text-align: center;
  width: 100%;
}
.cp-bnr__ttl img {
  width: calc(243 / 1200 * 100vw);
  max-width: 243px;
}
.cp-bnr__item {
  margin-top: calc(7 / 573 * 100%);
}
@media screen and (max-width: 750px) {
  .cp-bnr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    margin: 0;
    max-width: unset;
    width: 100%;
    margin-top: calc(58 / 750 * 100%);
    /* margin-bottom: calc(188 / 750 * 100%); */
    padding-right: calc(80 / 750 * 100%);
    padding-left: calc(80 / 750 * 100%);
    position: relative;
  }
  .cp-bnr__ttl img {
    max-width: unset;
    width: calc(303 / 750 * 100vw);
    margin: 0 auto;
  }
  .cp-bnr__item {
    width: 100%;
    margin: calc(16 / 750 * 100vw) auto 0;
  }
  /* .lead {
    margin: 0 0 calc(171 / 750 * 100vw);
  } */
}

@media screen and (min-width: 768px) {
  .gfooter__inner {
    margin-top: 0;
  }
}

/** 2025/06/05 */

.aboutDaizu {
  margin-top: 92px;
}

.aboutDaizu .about-mainHead {
  position: relative;
  max-width: 1032px;
  width: 100%;
  margin: 0 auto 0;
  padding-top: 67px;
  background-image: url(../img/top/about/txt_about_04.png);
  background-position: center top;
}

.aboutDaizu .about-mainTxt {
  text-align: center;
  margin-top: 80px;
}

.aboutDaizu .aboutTit-line::after {
    position: absolute;
    bottom: -3px;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #542c21;
    border-radius: 50%;
    content: "";
    right:0;
}

.aboutDaizu .about-mainImage {
  max-width: 660px;
  width: 100%;
  box-shadow: 5px 3px 6px rgba(40, 21, 9, 0.1);
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .aboutDaizu {
    margin-top: calc(80 / 750 * 100vw);
  }
  .aboutDaizu .about-mainHead {
    background-image: url(../img/top/about/txt_about_04_sp.png);
    padding-top: 8.11%;
  }
  .aboutDaizu .about-mainTxt {
    font-size: 15px;
    line-height: calc(48 / 30);
    margin-top: calc(90 / 750 * 100vw);
  }
  .aboutDaizu .aboutTit-line::after {
    width: 3px;
    height: 3px;
    bottom: -2px;
  }
  .aboutDaizu .about-mainImage {
    max-width: calc(660 / 750 * 100vw);
    margin-top: calc(50 / 750 * 100vw);
  }
}

.recipe-content-wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  .recipe-content {
    height: 440px;
    margin-top: 30px;
  }
  .recipe-content-txt {
    margin-bottom: calc(52 / var(--font-size) * 1em);
  }
  .recipe-leadTxt{
    letter-spacing: -0.015em;
  }
  .recipe-list__outer {
    position: relative;
    overflow:hidden;
    left:-160px;
    width:1366px;
    margin-left: auto;
    margin-right: auto;
  }
  .recipe-list__container {
    position: relative;
    margin-left: -160px;
  }
  .recipe-list {
    align-items: end;
    margin-top: 0;
  }
  .recipe-list-item {
  }
  .swiper-slide-active {
  }
  .recipe-list-item {
    min-height: 440px;
    display: flex;
    align-items: end;
  }
  .recipe-list-item.swiper-slide-active.swiper-slide {
    width: 490px !important;
  }
  .recipe-list-item.swiper-slide-active .recipe-card-img {
    height:367px;
  }
  .recipe-card {
    width: 100%;
    position: relative;
    box-shadow: calc(6 / 1336 * 100vw) calc(9 / 1336 * 100vw) calc(6 / 1336 * 100vw) rgba(40, 21, 9, 0.1);
  }
  .recipe-list-item.--pickup .recipe-card:before {
    content: "";
    background-image: url(../img/top/recipe/txt_recipe_pickup_pc.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 164px;
    height: 72px;
    position: absolute;
    top: 10px;
    right: -25px;
    z-index: 10;
  }
  .recipe-list-item.--pickup .recipe-card:before {
    width: 124px;
    height: 72px;
    top: 5px;
    right: -15px;
  }
  .recipe-card__in {
  }
  a.recipe-card__in:hover {
    opacity: 1;
  }
  a.recipe-card__in img {
  }
  .recipe-card__body {
    position: relative;
  }
  .recipe-card-img__container {
  }
  .recipe-card-img {
    position: relative;
    height:271px;
    overflow:hidden;
  }
  .recipe-card-img img{
    /* width:100%;
    height:100%;
    max-width:none !important; */
    width:100% !important;;
    height:100% !important;;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  .recipe-list-item--new .recipe-card-img::before {
    content: "";
    display: block;
    background: #eaaa58;
    width: 80px;
    padding-top: 36px;
    border-radius: 0 0 20px 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .recipe-card-img::before,
  .recipe-card-img::after {
    z-index: 1;
  }
  .recipe-list-item--new .recipe-card-img::after {
    content: "";
    background: url("../img/recipe_ico_new.svg") no-repeat center / contain;
    display: block;
    width: 41px;
    padding-top: 22px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 7px;
    margin-left: 20px;
  }
  .recipe-card .recipe-card-img-ico {
    background: #fff;
    width: 37px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 8px;
    transition: all 0.3s ease;
  }
  .recipe-card .recipe-card-img-ico:hover {
    opacity: 0.7;
  }
  .recipe-card-img-ico::before {
    content: "";
    display: block;
    width: 22px;
    padding-top: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 2px;
    margin-left: 0.5px;
    transform: translate(-50%, -50%);
  }
  .i-fav[data-fav="off"].recipe-card-img-ico::before {
    background: url("../img/recipes_ico_favorite.png") no-repeat center / contain;
  }
  .i-fav[data-fav="on"].recipe-card-img-ico::before {
    background: url("../img/recipes_ico_favorite_current.png") no-repeat center / contain;
  }
  .recipe-card-read {
    padding:10px 30px;
    background-color: #fff;
    min-height: 70px;
    display:flex;
    align-items:center;
  }
  .recipe-card-read-txt {
  }
  .recipe-card-read-txt__label {
    color: #542c21;
    font-size: 15px;
    font-weight: bold;
    line-height: calc(28.8 / 18);
    letter-spacing: -0.015em;
  }
  /* .recipe-card-img{
    height:271px;
    overflow:hidden;
  }
  .recipe-card-img img{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
  } */
  .swiper-slide-active .recipe-card-read-txt__label {
    font-size: 20px;
  }
  .swiper-slide-active .recipe-card-read-txt {
  }
  /* .swiper-slide-active .recipe-card-img{
    height:367px;
  } */
  .recipe-swiper-btn__container {
    width: 127px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: absolute;
    top: 0;
    left:0;
    right: -800px;
    margin:0 auto;
  }
  .recipe-swiper-btn-next,
  .recipe-swiper-btn-prev {
    background: #fff;
    border: 1px solid #542c21;
    width: 50px;
    height: 100%;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    position: relative;
    margin-top: 0;
    left: auto;
    right: auto;
    transition: all 0.3s ease;
  }
  .recipe-swiper-btn-next:hover,
  .recipe-swiper-btn-prev:hover {
    opacity: 0.7;
  }
  .recipe-swiper-btn-next::after,
  .recipe-swiper-btn-prev::after {
    content: "";
    display: block;
    -webkit-mask-image: url("../img/ico_arrow.svg");
    mask-image: url("../img/ico_arrow.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: #542c21;
    width: 20px;
    height: 8px;
    padding-top: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .recipe-swiper-btn-prev::after {
    transform: translate(-50%, -50%) scale(-1, 1);
  }
  .recipe-swiper-btn-next {
  }
  .recipe-swiper-btn-prev {
  }
}
@media screen and (min-width: 1025px) and (max-width: 1060px) {
  .recipe--main{
    position: relative;
    left:-45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .recipe--main{
    position: relative;
    left:-12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1336px) {
  .recipe--main{
  }
  .recipe .inner{
    max-width:none;
    width:1045px;
  }
  .recipe-list__outer {
  }
  .recipe-list__container {
  }
}

@media all and (max-width: 767px) {
  :root {
    --font-size: 24;
  }
  .recipe-content {
    min-height: 280px;
  }
  .recipe-content-txt {
    margin-bottom: calc(36 / var(--font-size) * 1em);
  }
  .recipe-list__outer {
    position: relative;
  }
  .recipe-list__container {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw + (60 / var(--font-size) * 1em));
    margin-left: calc(-85 / var(--font-size) * 1em);
  }
  .recipe-list {
    align-items: end;
  }
  .recipe-list-item {
    min-height: 280px;
  }
  .swiper-slide-active {
  }
  .recipe-list-item {
    transition: all .5s ease;
    display: flex;
    align-items: end;
  }
  .recipe-list-item.swiper-slide-active {
    width: calc(400 / var(--font-size) * 1em) !important;
  }
  .recipe-list-item.--pickup .recipe-card:before {
      content: "";
      background-image: url(../img/top/recipe/txt_recipe_pickup_pc.png);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      display: block;
      width: calc(164 / 750 * 100vw);
      height: calc(72 / 750 * 100vw);
      position: absolute;
      top: calc(10 / 750 * 100vw);
      right: calc(-25 / 750 * 100vw);
      z-index: 10;
  }
  .recipe-list-item.--pickup.swiper-slide-active .recipe-card:before {
      width: calc(228 / 750 * 100vw);
      height: calc(99 / 750 * 100vw);
      top: calc(12 / 750 * 100vw);
      right: calc(-23 / 750 * 100vw);
  }
  .recipe-card {
    position: relative;
  }
  .recipe-card__in {
    display: block;
  }
  .recipe-card__body {
    position: relative;
  }
  .recipe-card-img__container {
  }
  .recipe-card-img {
  }
  .recipe-card-img {
    position: relative;
  }
  .recipe-list-item--new .recipe-card-img::before {
    content: "";
    display: block;
    background: #eaaa58;
    width: calc(80 / var(--font-size) * 1em);
    padding-top: calc(36 / var(--font-size) * 1em);
    border-radius: 0 0 calc(20 / var(--font-size) * 1em) 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .recipe-list-item--new .recipe-card-img::after {
    content: "";
    background: url("../img/recipe_ico_new.svg") no-repeat center / contain;
    display: block;
    width: calc(41 / var(--font-size) * 1em);
    padding-top: calc(22 / var(--font-size) * 1em);
    position: absolute;
    top: 0;
    left: 0;
    margin-top: calc(7 / var(--font-size) * 1em);
    margin-left: calc(20 / var(--font-size) * 1em);
  }
  .recipe-card .recipe-card-img-ico {
    background: #fff;
    width: calc(37 / var(--font-size) * 1em);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: calc(8 / var(--font-size) * 1em);
    margin-right: calc(8 / var(--font-size) * 1em);
  }
  .recipe-card-img-ico::before {
    content: "";
    display: block;
    width: calc(27 / var(--font-size) * 1em);
    padding-top: calc(18 / var(--font-size) * 1em);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: calc(1 / var(--font-size) * 1em);
    transform: translate(-50% , -50%);
  }
  .i-fav[data-fav="off"].recipe-card-img-ico::before {
    background: url("../img/recipes_ico_favorite.png") no-repeat center / contain;
  }
  .i-fav[data-fav="on"].recipe-card-img-ico::before {
    background: url("../img/recipes_ico_favorite_current.png") no-repeat center / contain;
  }
  .recipe-card-read {
    padding:calc(20 / 750 * 100vw) calc(35 / 750 * 100vw);
    background-color: #fff;
    min-height: calc(145 / 750 * 100vw);
    display:flex;
    align-items:center;
  }
  .recipe-card-read-txt {
  }
  .recipe-card-read-txt__label {
    color: #542c21;
    font-size: calc(22 / 750 * 100vw);
    font-weight: bold;
    line-height: calc(47 / 26);
    letter-spacing: calc(60 / 1000 * 1em);
  }
   .swiper-slide-active .recipe-card-read-txt__label{
    font-size: calc(26 / var(--font-size) * 1em);
    line-height: calc(52.5 / 32);
   }
  .recipe-swiper-btn__container {
    display: none;
  }
  .mc-breadcrumb {
    margin-top: calc(-70 / var(--font-size) * 1em);
  }
}

.c-banners {
  justify-content: center;
}