@charset "utf-8";

button:focus-visible {
  outline: auto;
}
a:focus-visible {
  outline: 2px solid dodgerblue;
}
.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}

/*---------------------------
estherbunny
---------------------------*/
.estherbunny {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc((15 / 16) * 1rem);
  line-height: 1.333;
  text-align: left;
}
.estherbunny .inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 10px;
}
@media screen and (max-width: 1100px) {
  .estherbunny {
    font-size: 1.364vw;
  }
  .estherbunny .inner {
    max-width: 101.818vw;
    padding: 0 0.909vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny {
    font-size: 3.333vw;
  }
  .estherbunny .inner {
    max-width: 100%;
    padding: 0;
  }
}

/*---------------------------
mvArea
---------------------------*/
.estherbunny .mvArea {
  background-color: #f6c5da;
  padding-top: 30px;
}

html.js .estherbunny .mvArea .mv,
html.js .estherbunny .mvArea .flowerL,
html.js .estherbunny .mvArea .flowerR,
html.js .estherbunny .mvArea .papillonL,
html.js .estherbunny .mvArea .papillonR,
html.js .estherbunny .mvArea .ribbon01,
html.js .estherbunny .mvArea .ribbon02,
html.js .estherbunny .mvArea .ribbon03,
html.js .estherbunny .mvArea .ribbon04,
html.js .estherbunny .mvArea .mainCopy,
html.js .estherbunny .mvArea .copy,
html.js .estherbunny .mvArea .ttlArea h1 {
  opacity: 0;
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  html.js .estherbunny .mvArea .mv,
  html.js .estherbunny .mvArea .flowerL,
  html.js .estherbunny .mvArea .flowerR,
  html.js .estherbunny .mvArea .papillonL,
  html.js .estherbunny .mvArea .papillonR,
  html.js .estherbunny .mvArea .ribbon01,
  html.js .estherbunny .mvArea .ribbon02,
  html.js .estherbunny .mvArea .ribbon03,
  html.js .estherbunny .mvArea .ribbon04,
  html.js .estherbunny .mvArea .mainCopy,
  html.js .estherbunny .mvArea .copy,
  html.js .estherbunny .mvArea .ttlArea h1 {
    opacity: 1;
    visibility: visible;
  }
}

.estherbunny .mvArea .mvPicBox {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.estherbunny .mvArea .mv {
  width: 660px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.estherbunny .mvArea .mainCopy {
  width: 75px;
  position: absolute;
  top: 135px;
  right: 75px;
}
.estherbunny .mvArea .flowerL {
  width: 126px;
  position: absolute;
  bottom: 105px;
  left: 200px;
}
.estherbunny .mvArea .flowerR {
  width: 125px;
  position: absolute;
  bottom: 105px;
  right: 200px;
}
.estherbunny .mvArea .papillonL {
  width: 85px;
  position: absolute;
  bottom: 210px;
  left: 110px;
}
.estherbunny .mvArea .papillonR {
  width: 93px;
  position: absolute;
  top: 55px;
  right: 105px;
}
.estherbunny .mvArea .ribbon01 {
  width: 65px;
  position: absolute;
  top: -5px;
  left: 35px;
}
.estherbunny .mvArea .ribbon02 {
  width: 65px;
  position: absolute;
  top: -5px;
  right: 35px;
}
.estherbunny .mvArea .ttlArea {
  margin-top: -58px;
  background-color: #fff;
  padding: 45px 0 30px;
  position: relative;
}
.estherbunny .mvArea .ttlArea::before {
  content: "";
  width: 100%;
  height: 38px;
  background: url("../../img/contents/common/wave.png") repeat-x center;
  position: absolute;
  top: -37px;
  left: 0;
}
.estherbunny .mvArea .ttlArea .ttlInner {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.estherbunny .mvArea .ttlArea h1 {
  width: 573px;
  margin: -30px auto 0;
  position: relative;
  z-index: 10;
}
.estherbunny .mvArea .ttlArea .copy {
  width: 127px;
  position: absolute;
  bottom: 0;
  right: 115px;
}
.estherbunny .mvArea .ribbon03 {
  width: 65px;
  position: absolute;
  bottom: 0;
  left: 35px;
}
.estherbunny .mvArea .ribbon04 {
  width: 65px;
  position: absolute;
  bottom: 0;
  right: 35px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .mvArea {
    padding-top: 2.727vw;
  }
  .estherbunny .mvArea .mvPicBox {
    max-width: 100vw;
  }
  .estherbunny .mvArea .mv {
    width: 60vw;
  }
  .estherbunny .mvArea .mainCopy {
    width: 6.818vw;
    top: 12.273vw;
    right: 6.818vw;
  }
  .estherbunny .mvArea .flowerL {
    width: 11.455vw;
    bottom: 9.545vw;
    left: 18.182vw;
  }
  .estherbunny .mvArea .flowerR {
    width: 11.364vw;
    bottom: 9.545vw;
    right: 18.182vw;
  }
  .estherbunny .mvArea .papillonL {
    width: 7.727vw;
    bottom: 19.091vw;
    left: 10vw;
  }
  .estherbunny .mvArea .papillonR {
    width: 8.455vw;
    top: 5vw;
    right: 9.545vw;
  }
  .estherbunny .mvArea .ribbon01 {
    width: 5.909vw;
    top: -0.455vw;
    left: 3.182vw;
  }
  .estherbunny .mvArea .ribbon02 {
    width: 5.909vw;
    top: -0.455vw;
    right: 3.182vw;
  }
  .estherbunny .mvArea .ttlArea {
    margin-top: -5.273vw;
    padding: 4.091vw 0 2.727vw;
  }
  .estherbunny .mvArea .ttlArea::before {
    height: 3.455vw;
    top: -3.364vw;
  }
  .estherbunny .mvArea .ttlArea .ttlInner {
    max-width: 100vw;
  }
  .estherbunny .mvArea .ttlArea h1 {
    width: 52.091vw;
    margin: -2.727vw auto 0;
  }
  .estherbunny .mvArea .ttlArea .copy {
    width: 11.545vw;
    right: 10.455vw;
  }
  .estherbunny .mvArea .ribbon03 {
    width: 5.909vw;
    left: 3.182vw;
  }
  .estherbunny .mvArea .ribbon04 {
    width: 5.909vw;
    right: 3.182vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .mvArea {
    padding-top: 4.4vw;
  }
  .estherbunny .mvArea .mvPicBox {
    max-width: 100%;
  }
  .estherbunny .mvArea .mv {
    width: 88vw;
  }
  .estherbunny .mvArea .mainCopy {
    width: 86.133vw;
    top: auto;
    bottom: 26.667vw;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .estherbunny .mvArea .flowerL {
    width: 16.8vw;
    bottom: 13.6vw;
    left: 4vw;
  }
  .estherbunny .mvArea .flowerR {
    width: 16.667vw;
    bottom: 13.6vw;
    right: 4vw;
  }
  .estherbunny .mvArea .papillonL {
    width: 8vw;
    bottom: 29.867vw;
    left: 0.667vw;
  }
  .estherbunny .mvArea .papillonR {
    width: 9.733vw;
    top: -1.867vw;
    right: 9.333vw;
  }
  .estherbunny .mvArea .ribbon01 {
    width: 8.667vw;
    top: -2.133vw;
    left: 2.667vw;
  }
  .estherbunny .mvArea .ribbon02 {
    width: 8.667vw;
    top: -2.133vw;
    right: 2.667vw;
  }
  .estherbunny .mvArea .copy {
    width: 16.933vw;
    position: absolute;
    bottom: 13.733vw;
    right: 2.667vw;
  }
  .estherbunny .mvArea .ttlArea {
    margin-top: -9.067vw;
    padding: 7.333vw 0 5.333vw;
  }
  .estherbunny .mvArea .ttlArea::before {
    width: 100%;
    height: 4.533vw;
    background: url("../../img/contents/common/wave_sp.png") repeat-x center;
    background-size: contain;
    top: -4.4vw;
  }
  .estherbunny .mvArea .ttlArea .ttlInner {
    max-width: 100%;
  }
  .estherbunny .mvArea .ttlArea h1 {
    width: 76.4vw;
    margin: -0.667vw auto 0;
  }
  .estherbunny .mvArea .ribbon03 {
    width: 8.667vw;
    position: absolute;
    bottom: -3.333vw;
    left: 2.667vw;
  }
  .estherbunny .mvArea .ribbon04 {
    width: 8.667vw;
    position: absolute;
    bottom: -3.333vw;
    right: 2.667vw;
  }
}

/*---------------------------
ancArea
---------------------------*/
.estherbunny .ancArea {
  background-color: #f6c5da;
  padding: 50px 0 100px;
}
.estherbunny .ancArea .inner {
  position: relative;
}
.estherbunny .ancArea .mainLead {
  font-size: calc((27 / 16) * 1rem);
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  color: #e966a0;
  text-align: center;
}
.estherbunny .ancArea .lead {
  margin-top: 20px;
  font-size: calc((16 / 16) * 1rem);
  font-weight: 800;
  line-height: 1.938;
  letter-spacing: 0.17em;
  text-align: center;
}
.estherbunny .ancArea .ancList {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px 20px;
  position: relative;
  z-index: 5;
}
.estherbunny .ancArea .ancList li {
  width: 28.545%;
  transition: all 0.3s ease;
}
.estherbunny .ancArea .ancList li:hover {
  transform: translate(5px, 5px);
}
.estherbunny .ancArea .ancList li a {
  display: block;
  background-color: #fff;
  border-radius: 17px;
  border: solid 1px #000;
  padding: 12px 7px 12px 120px;
  font-size: calc((28 / 16) * 1rem);
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  line-height: 1.212;
  letter-spacing: 0.04em;
  color: #e966a0;
  position: relative;
}
.estherbunny .ancArea .ancList li a:hover {
  opacity: 1;
}
.estherbunny .ancArea .ancList li a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: -5px;
  bottom: -5px;
  border-radius: 17px;
  background-color: #e966a0;
  border: solid 1px #000;
  z-index: -1;
  transition: all 0.3s ease;
}
.estherbunny .ancArea .ancList li a:hover::before {
  transform: translate(-5px, -5px);
  border: none;
  background-color: transparent;
}
.estherbunny .ancArea .ancList li a::after {
  content: "";
  width: 35px;
  height: 35px;
  background: url("../../img/contents/anc/arrow.png") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.estherbunny .ancArea .ancList li a span {
  display: block;
  position: relative;
}
.estherbunny .ancArea .ancList li:first-child a span::before {
  content: "";
  width: 88px;
  height: 146px;
  background: url("../../img/contents/anc/img01.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -23px;
  left: -100px;
}
.estherbunny .ancArea .ancList li:nth-child(2) a span::before {
  content: "";
  width: 89px;
  height: 182px;
  background: url(../../img/contents/anc/img02.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -47px;
  left: -110px;
}
.estherbunny .ancArea .ancList li:nth-child(3) a span::before {
  content: "";
  width: 90px;
  height: 163px;
  background: url("../../img/contents/anc/img03.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -42px;
  left: -100px;
}
.estherbunny .ancArea .ancList li:nth-child(4) a span::before {
  content: "";
  width: 92px;
  height: 122px;
  background: url("../../img/contents/anc/img04.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 1px;
  left: -108px;
}
.estherbunny .ancArea .ancList li:last-child a span::before {
  content: "";
  width: 91px;
  height: 191px;
  background: url("../../img/contents/anc/img05.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -45px;
  left: -111px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .ancArea {
    padding: 4.545vw 0 9.091vw;
  }
  .estherbunny .ancArea .mainLead {
    font-size: 2.455vw;
  }
  .estherbunny .ancArea .lead {
    margin-top: 1.818vw;
    font-size: 1.455vw;
  }
  .estherbunny .ancArea .ancList {
    margin-top: 5.455vw;
    gap: 4.545vw 1.818vw;
  }
  .estherbunny .ancArea .ancList li:hover {
    transform: translate(0.455vw, 0.455vw);
  }
  .estherbunny .ancArea .ancList li a {
    border-radius: 1.545vw;
    padding: 1.091vw 0.636vw 1.091vw 10.909vw;
    font-size: 2.545vw;
  }
  .estherbunny .ancArea .ancList li a::before {
    right: -0.455vw;
    bottom: -0.455vw;
    border-radius: 1.545vw;
  }
  .estherbunny .ancArea .ancList li a:hover::before {
    transform: translate(-0.455vw, -0.455vw);
  }
  .estherbunny .ancArea .ancList li a::after {
    width: 3.182vw;
    height: 3.182vw;
    bottom: 0.455vw;
    right: 0.455vw;
  }
  .estherbunny .ancArea .ancList li:first-child a span::before {
    width: 8vw;
    height: 13.273vw;
    top: -2.091vw;
    left: -9.091vw;
  }
  .estherbunny .ancArea .ancList li:nth-child(2) a span::before {
    width: 8.091vw;
    height: 16.545vw;
    top: -4.273vw;
    left: -10vw;
  }
  .estherbunny .ancArea .ancList li:nth-child(3) a span::before {
    width: 8.182vw;
    height: 14.818vw;
    top: -3.818vw;
    left: -9.091vw;
  }
  .estherbunny .ancArea .ancList li:nth-child(4) a span::before {
    width: 8.364vw;
    height: 11.091vw;
    top: 0.091vw;
    left: -9.818vw;
  }
  .estherbunny .ancArea .ancList li:last-child a span::before {
    width: 8.273vw;
    height: 17.364vw;
    top: -4.091vw;
    left: -10.091vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .ancArea {
    padding: 8vw 0 10.667vw;
  }
  .estherbunny .ancArea .mainLead {
    font-size: 6vw;
    line-height: 1.359;
  }
  .estherbunny .ancArea .lead {
    margin-top: 4.667vw;
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
  .estherbunny .ancArea .ancList {
    margin-top: 10.667vw;
    gap: 8vw 4vw;
  }
  .estherbunny .ancArea .ancList li {
    width: 44.62%;
  }
  .estherbunny .ancArea .ancList li:hover {
    transform: translate(7px, 7px);
  }
  .estherbunny .ancArea .ancList li a {
    border-radius: 2.4vw;
    border: solid 0.267vw #000;
    padding: 1.6vw 0.933vw 1.6vw 16vw;
    font-size: 4vw;
    line-height: 1.2;
    letter-spacing: 0.04em;
  }
  .estherbunny .ancArea .ancList li a::before {
    right: -0.933vw;
    bottom: -0.933vw;
    border-radius: 2.4vw;
    border: solid 0.267vw #000;
  }
  .estherbunny .ancArea .ancList li a:hover::before {
    transform: translate(-0.933vw, -0.933vw);
  }
  .estherbunny .ancArea .ancList li a::after {
    width: 4.933vw;
    height: 4.933vw;
    bottom: 0.667vw;
    right: 0.667vw;
  }
  .estherbunny .ancArea .ancList li:first-child a span::before {
    width: 12.667vw;
    height: 20.933vw;
    top: -3.6vw;
    left: -13.733vw;
  }
  .estherbunny .ancArea .ancList li:nth-child(2) a span::before {
    width: 12.667vw;
    height: 25.867vw;
    top: -6.933vw;
    left: -13.6vw;
  }
  .estherbunny .ancArea .ancList li:nth-child(3) a span::before {
    width: 13.2vw;
    height: 23.733vw;
    top: -6.133vw;
    left: -14.4vw;
  }
  .estherbunny .ancArea .ancList li:nth-child(4) a span::before {
    width: 13.333vw;
    height: 17.333vw;
    top: -0.133vw;
    left: -14.4vw;
  }
  .estherbunny .ancArea .ancList li:last-child a span::before {
    width: 12.4vw;
    height: 25.6vw;
    top: -5.467vw;
    left: -14.533vw;
  }
}

/* heart */
.estherbunny .ancArea .heart01 {
  width: 78px;
  position: absolute;
  top: 4%;
  left: 8%;
}
.estherbunny .ancArea .heart02 {
  width: 37px;
  position: absolute;
  top: 18%;
  left: 7%;
}
.estherbunny .ancArea .heart03 {
  width: 21px;
  position: absolute;
  bottom: 20%;
  left: 17%;
}
.estherbunny .ancArea .heart04 {
  width: 27px;
  position: absolute;
  bottom: 1%;
  right: 15%;
}
.estherbunny .ancArea .heart05 {
  width: 46px;
  position: absolute;
  bottom: 14%;
  right: 6%;
}

@media screen and (max-width: 1100px) {
  .estherbunny .ancArea .heart01 {
    width: 7.091vw;
    top: 4%;
    left: 8%;
  }
  .estherbunny .ancArea .heart02 {
    width: 3.364vw;
    top: 18%;
    left: 7%;
  }
  .estherbunny .ancArea .heart03 {
    width: 1.909vw;
    bottom: 20%;
    left: 17%;
  }
  .estherbunny .ancArea .heart04 {
    width: 2.455vw;
    bottom: 1%;
    right: 15%;
  }
  .estherbunny .ancArea .heart05 {
    width: 4.182vw;
    bottom: 14%;
    right: 6%;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .ancArea .heart01 {
    width: 13.6vw;
    top: -4.667vw;
    left: 4.667vw;
  }
  .estherbunny .ancArea .heart02 {
    width: 6.533vw;
    top: 2.133vw;
    left: 2.8vw;
  }
  .estherbunny .ancArea .heart03 {
    width: 4.8vw;
    bottom: 11.333vw;
    left: 14vw;
  }
  .estherbunny .ancArea .heart04 {
    width: 4.8vw;
    bottom: -1.467vw;
    right: 18.4vw;
  }
  .estherbunny .ancArea .heart05 {
    width: 8.133vw;
    top: 39.333vw;
    bottom: auto;
    right: 7.333vw;
  }
}

/*---------------------------
gourmet
---------------------------*/
.estherbunny .gourmet {
  position: relative;
  padding: 60px 0 50px;
}
.estherbunny .gourmet::before {
  content: "";
  width: 100%;
  height: 38px;
  background: url("../../img/contents/common/wave.png") repeat-x center;
  position: absolute;
  top: -37px;
  left: 0;
}
.estherbunny .gourmet .ttlArea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 30px;
}
.estherbunny .gourmet .ttlArea .pic {
  width: 264px;
}
.estherbunny .gourmet .ttlArea .txtBox {
  width: 35%;
  position: relative;
}
.estherbunny .gourmet .ttlArea h2 {
  font-size: calc((28 / 16) * 1rem);
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  color: #F09CC0;
  -webkit-text-stroke: 1.5px #000;
}
.estherbunny .gourmet .ttlArea .txt {
  margin-top: 15px;
  font-size: calc((16 / 16) * 1rem);
  line-height: 1.535;
  letter-spacing: 0.1em;
}
.estherbunny .gourmet .ttlArea .heart01 {
  width: 68px;
  position: absolute;
  top: 80px;
  right: -80px;
}
.estherbunny .gourmet .contBox {
  margin: 0 auto;
  max-width: 1100px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
}
.estherbunny .gourmet .contBox .heart01 {
  width: 31px;
  position: absolute;
  top: 10px;
  left: 95px;
}
.estherbunny .gourmet .contBox .heart02 {
  width: 37px;
  position: absolute;
  top: 70px;
  left: 120px;
}
.estherbunny .gourmet .contBox .heart03 {
  width: 86px;
  position: absolute;
  top: 100px;
  left: 75px;
}
.estherbunny .gourmet .contBox .heart04 {
  width: 49px;
  position: absolute;
  bottom: 40px;
  left: 80px;
}
.estherbunny .gourmet .contBox .parts01 {
  width: 129px;
  position: absolute;
  top: 35px;
  left: 30px;
}
.estherbunny .gourmet .gourmetTxt {
  position: relative;
  /* overflow: hidden; */
  width: 24%;
  padding-bottom: 95px;
}
.estherbunny .gourmet .gourmetTxt .ttl {
  font-size: calc((27 / 16) * 1rem);
  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  line-height: 1.362;
  margin-right: -4%;
}
.estherbunny .gourmet .gourmetTxt .shop {
  margin-top: 15px;
  font-size: calc((20 / 16) * 1rem);
  font-weight: 800;
  line-height: 1.2;
}
.estherbunny .gourmet .gourmetTxt .shop span {
  font-size: calc((15 / 16) * 1rem);
}
.estherbunny .gourmet .gourmetTxt .name {
  margin-top: 3px;
  font-size: calc((20 / 16) * 1rem);
  font-weight: 800;
  line-height: 1.2;
  color: #e966a0;
}
.estherbunny .gourmet .gourmetTxt .name span {
  font-size: calc((15 / 16) * 1rem);
}
.estherbunny .gourmet .gourmetTxt .txt {
  margin-top: 5px;
  font-weight: 400;
}
.estherbunny .gourmet .gourmetSwiperWrapper {
  width: 57.605%;
  position: relative;
}
.estherbunny .gourmet .gourmetSwiper {
  padding: 60px 0 95px 25px;
}
.estherbunny .gourmet .gourmetCont + .gourmetCont .gourmetSwiper {
  padding-top: 120px;
}
.estherbunny .gourmetBox a {
  border: solid 1px #231815;
  border-radius: 27px;
  padding: 10px;
  display: block;
  position: relative;
}
.estherbunny .gourmet .type {
  font-weight: 900;
  color: #F09CC0;
  -webkit-text-stroke: 1px #000;
  position: absolute;
  top: -43px;
  right: 80px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.estherbunny .gourmet .gourmetBox.swiper-slide-active .type {
  opacity: 1;
}
.estherbunny .gourmet .gourmetBox.box10 .type {
  right: 118px;
}
.estherbunny .gourmetBox .num {
  position: absolute;
  top: -48px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.estherbunny .gourmet .gourmetBox.swiper-slide-active .num {
  opacity: 1;
}
.estherbunny .gourmetBox.box01 .num {
  width: 39px;
  right: 25px;
}
.estherbunny .gourmetBox.box02 .num {
  width: 52px;
  right: 20px;
}
.estherbunny .gourmetBox.box03 .num {
  width: 49px;
  right: 20px;
}
.estherbunny .gourmetBox.box04 .num {
  width: 61px;
  right: 7px;
}
.estherbunny .gourmetBox.box05 .num {
  width: 49px;
  right: 22px;
}
.estherbunny .gourmetBox.box06 .num {
  width: 52px;
  top: -45px;
  right: 18px;
}
.estherbunny .gourmetBox.box07 .num {
  width: 56px;
  right: 18px;
}
.estherbunny .gourmetBox.box08 .num {
  width: 49px;
  right: 18px;
}
.estherbunny .gourmetBox.box09 .num {
  width: 49px;
  right: 23px;
}
.estherbunny .gourmetBox.box10 .num {
  width: 87px;
  right: 23px;
}
.estherbunny .gourmetBox .label {
  width: 106px;
  position: absolute;
  top: -30px;
  left: -25px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.estherbunny .gourmet .gourmetBox.swiper-slide-active .label {
  opacity: 1;
}

@media screen and (max-width: 1100px) {
  .estherbunny .gourmet {
    position: relative;
    padding: 5.455vw 0 4.545vw;
  }
  .estherbunny .gourmet::before {
    width: 100%;
    height: 3.455vw;
    top: -3.364vw;
  }
  .estherbunny .gourmet .ttlArea {
    gap: 0 2.727vw;
  }
  .estherbunny .gourmet .ttlArea .pic {
    width: 24vw;
  }
  .estherbunny .gourmet .ttlArea .txtBox {
    width: 35%;
  }
  .estherbunny .gourmet .ttlArea h2 {
    font-size: 2.545vw;
    -webkit-text-stroke: 0.136vw #000;
  }
  .estherbunny .gourmet .ttlArea .txt {
    margin-top: 1.364vw;
    font-size: 1.455vw;
  }
  .estherbunny .gourmet .ttlArea .heart01 {
    width: 6.182vw;
    top: 7.273vw;
    right: -7.273vw;
  }
  .estherbunny .gourmet .contBox {
    max-width: 100vw;
  }
  .estherbunny .gourmet .contBox .heart01 {
    width: 2.818vw;
    top: 0.909vw;
    left: 8.636vw;
  }
  .estherbunny .gourmet .contBox .heart02 {
    width: 3.364vw;
    top: 6.364vw;
    left: 10.909vw;
  }
  .estherbunny .gourmet .contBox .heart03 {
    width: 7.818vw;
    top: 9.091vw;
    left: 6.818vw;
  }
  .estherbunny .gourmet .contBox .heart04 {
    width: 4.455vw;
    bottom: 3.636vw;
    left: 7.273vw;
  }
  .estherbunny .gourmet .contBox .parts01 {
    width: 11.727vw;
    top: 3.182vw;
    left: 1.909vw;
  }
  .estherbunny .gourmet .gourmetTxt {
    width: 24%;
    padding-bottom: 8.636vw;
  }
  .estherbunny .gourmet .gourmetTxt .ttl {
    font-size: 2.455vw;
    margin-right: -4%;
  }
  .estherbunny .gourmet .gourmetTxt .shop {
    margin-top: 1.364vw;
    font-size: 1.818vw;
  }
  .estherbunny .gourmet .gourmetTxt .shop span {
    font-size: 1.364vw;
  }
  .estherbunny .gourmet .gourmetTxt .name {
    margin-top: 0.273vw;
    font-size: 1.818vw;
  }
  .estherbunny .gourmet .gourmetTxt .name span {
    font-size: 1.364vw;
  }
  .estherbunny .gourmet .gourmetTxt .txt {
    margin-top: 0.455vw;
  }
  .estherbunny .gourmet .gourmetSwiperWrapper {
    width: 57.605%;
  }
  .estherbunny .gourmet .gourmetSwiper {
    padding-top: 5.455vw;
    padding-bottom: 8.636vw;
    padding: 5.455vw 0 8.636vw 2.273vw;
  }
  .estherbunny .gourmet .gourmetCont + .gourmetCont .gourmetSwiper {
    padding-top: 10.909vw;
  }
  .estherbunny .gourmetBox a {
    border: solid 0.091vw #231815;
    border-radius: 2.455vw;
    padding: 0.909vw;
  }
  .estherbunny .gourmet .type {
    -webkit-text-stroke: 0.091vw #000;
    top: -3.909vw;
    right: 7.273vw;
  }
  .estherbunny .gourmet .gourmetBox.box10 .type {
    right: 10.727vw;
  }
  .estherbunny .gourmetBox .num {
    top: -4.364vw;
  }
  .estherbunny .gourmetBox.box01 .num {
    width: 3.545vw;
    right: 2.273vw;
  }
  .estherbunny .gourmetBox.box02 .num {
    width: 4.727vw;
    right: 1.818vw;
  }
  .estherbunny .gourmetBox.box03 .num {
    width: 4.455vw;
    right: 1.818vw;
  }
  .estherbunny .gourmetBox.box04 .num {
    width: 5.545vw;
    right: 0.636vw;
  }
  .estherbunny .gourmetBox.box05 .num {
    width: 4.455vw;
    right: 2vw;
  }
  .estherbunny .gourmetBox.box06 .num {
    width: 4.727vw;
    top: -4.091vw;
    right: 1.636vw;
  }
  .estherbunny .gourmetBox.box07 .num {
    width: 5.091vw;
    right: 1.636vw;
  }
  .estherbunny .gourmetBox.box08 .num {
    width: 4.455vw;
    right: 1.636vw;
  }
  .estherbunny .gourmetBox.box09 .num {
    width: 4.455vw;
    right: 2.091vw;
  }
  .estherbunny .gourmetBox.box10 .num {
    width: 7.909vw;
    right: 2.091vw;
  }
  .estherbunny .gourmetBox .label {
    width: 9.636vw;
    top: -2.727vw;
    left: -2.273vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .gourmet {
    padding: 6.667vw 0 20vw;
  }
  .estherbunny .gourmet::before {
    width: 100%;
    height: 4.533vw;
    background: url("../../img/contents/common/wave_sp.png") repeat-x center;
    background-size: contain;
    top: -4.4vw;
  }
  .estherbunny .gourmet .ttlArea {
    display: block;
  }
  .estherbunny .gourmet .ttlArea .pic {
    width: 50.933vw;
    margin: 4vw auto 0;
  }
  .estherbunny .gourmet .ttlArea .txtBox {
    width: 100%;
  }
  .estherbunny .gourmet .ttlArea h2 {
    font-size: 6vw;
    -webkit-text-stroke: 0.2vw #000;
    text-align: center;
  }
  .estherbunny .gourmet .ttlArea .txt {
    margin-top: 4vw;
    font-size: 3.333vw;
    line-height: 1.48;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .estherbunny .gourmet .ttlArea .heart01 {
    width: 9.067vw;
    position: absolute;
    top: 10.667vw;
    right: -10.667vw;
  }
  .estherbunny .gourmet .ttlArea .heart02 {
    width: 4.133vw;
    position: absolute;
    top: -40vw;
    left: 13.333vw;
  }
  .estherbunny .gourmet .ttlArea .heart03 {
    width: 13.733vw;
    position: absolute;
    top: -7.733vw;
    right: 6.667vw;
  }
  .estherbunny .gourmet .ttlArea .heart04 {
    width: 3.733vw;
    position: absolute;
    top: -24vw;
    right: 5.333vw;
  }
  .estherbunny .gourmet .ttlArea .heart05 {
    width: 7.867vw;
    position: absolute;
    top: -16vw;
    left: 6.667vw;
  }
  .estherbunny .gourmet .contBox {
    max-width: 100%;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .estherbunny .gourmet .contBox .heart03 {
    width: 11.467vw;
    top: 0.667vw;
    left: 3.333vw;
  }
  .estherbunny .gourmet .contBox .heart04 {
    width: 8.267vw;
    bottom: auto;
    top: 8vw;
    left: auto;
    right: 5.333vw;
  }
  .estherbunny .gourmet .contBox .parts01 {
    width: 17.2vw;
    top: 6.133vw;
    left: 5.467vw;
  }
  .estherbunny .gourmet .gourmetTxt {
    margin-top: -24vw;
    width: 100%;
    padding: 0 12.667vw 6.667vw;
  }
  .estherbunny .gourmet .gourmetTxt .ttl {
    font-size: 5.333vw;
    line-height: 1.22;
    margin-right: 0;
  }
  .estherbunny .gourmet .gourmetTxt .shop {
    margin-top: 2vw;
    font-size: 4vw;
  }
  .estherbunny .gourmet .gourmetTxt .shop span {
    font-size: 3.333vw;
  }
  .estherbunny .gourmet .gourmetTxt .name {
    margin-top: 0.4vw;
    font-size: 4vw;
  }
  .estherbunny .gourmet .gourmetTxt .name span {
    font-size: 3.333vw;
  }
  .estherbunny .gourmet .gourmetTxt .txt {
    margin-top: 1.333vw;
  }
  .estherbunny .gourmet .gourmetSwiperWrapper {
    width: 100%;
  }
  .estherbunny .gourmet .gourmetSwiper {
    padding-top: 13.333vw;
    padding-bottom: 28.667vw;
  }
  .estherbunny .gourmet .gourmetCont + .gourmetCont .gourmetSwiper {
    padding-top: 18vw;
  }
  .estherbunny .gourmetBox a {
    border: solid 0.267vw #231815;
    border-radius: 4.933vw;
    padding: 1.733vw;
  }
  .estherbunny .gourmet .type {
    font-size: 2.533vw;
    -webkit-text-stroke: 0.133vw #000;
    top: -7.6vw;
    right: 12vw;
  }
  .estherbunny .gourmet .gourmetBox.box10 .type {
    right: 16.533vw;
  }
  .estherbunny .gourmetBox .num {
    top: -8vw;
  }
  .estherbunny .gourmetBox.box01 .num {
    width: 6.133vw;
    right: 4.667vw;
  }
  .estherbunny .gourmetBox.box02 .num {
    width: 8.4vw;
    right: 2.4vw;
  }
  .estherbunny .gourmetBox.box03 .num {
    width: 7.867vw;
    right: 3.333vw;
  }
  .estherbunny .gourmetBox.box04 .num {
    width: 9.867vw;
    top: -8.267vw;
    right: 1.333vw;
  }
  .estherbunny .gourmetBox.box05 .num {
    width: 7.867vw;
    right: 2.667vw;
  }
  .estherbunny .gourmetBox.box06 .num {
    width: 8.667vw;
    top: -8.267vw;
    right: 2.267vw;
  }
  .estherbunny .gourmetBox.box07 .num {
    width: 9.867vw;
    top: -8.267vw;
    right: 1.467vw;
  }
  .estherbunny .gourmetBox.box08 .num {
    width: 8.133vw;
    top: -8.267vw;
    right: 3.2vw;
  }
  .estherbunny .gourmetBox.box09 .num {
    width: 8.533vw;
    right: 319x;
  }
  .estherbunny .gourmetBox.box10 .num {
    width: 13.6vw;
    right: 2.133vw;
  }
  .estherbunny .gourmetBox .label {
    width: 18.267vw;
    top: -2.273vw;
    left: -2.273vw;
  }
}

/* character */
.estherbunny .gourmetBox .character {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.estherbunny .gourmet .gourmetBox.swiper-slide-active .character {
  opacity: 1;
}
.estherbunny .gourmetBox a:hover .character {
  opacity: 1;
}

/* fraction */
.estherbunny .gourmetSwiper .fraction {
  width: 102px;
  margin: 0 auto;
  padding: 10px 19px 0;
  position: absolute;
  bottom: 103px;
  left: 25%;
  z-index: 5;
  background: url("../../img/contents/gourmet/bg.png") no-repeat center;
  background-size: contain;
}
.estherbunny .gourmetSwiper .fraction .current {
  font-size: calc((21 / 16) * 1rem);
  margin-right: -4px;
}
.estherbunny .gourmetSwiper .fraction .total {
  font-size: calc((21 / 16) * 1rem);
  color: #ef94bb;
}
.estherbunny .gourmetSwiper .fraction .total:before {
  content: "/";
}
.estherbunny .gourmetSwiperWrapper .navigation {
  display: flex;
  justify-content: center;
  gap: 0 10px;
  position: absolute;
  bottom: 50px;
  left: 26.5%;
  z-index: 5;
}
.estherbunny .gourmetSwiperWrapper .swiper-prev ,
.estherbunny .gourmetSwiperWrapper .swiper-next {
  width: 35px;
  cursor: pointer;
}

@media screen and (max-width: 1100px) {
  .estherbunny .gourmetSwiper .fraction {
    width: 9.273vw;
    padding: 0.909vw 1.727vw 0;
    bottom: 9.364vw;
    left: 25%;
  }
  .estherbunny .gourmetSwiper .fraction .current {
    font-size: 1.909vw;
    margin-right: -0.364vw;
  }
  .estherbunny .gourmetSwiper .fraction .total {
    font-size: 1.909vw;
  }
  .estherbunny .gourmetSwiperWrapper .navigation {
    gap: 0 0.909vw;
    bottom: 4.545vw;
    left: 26.5%;
  }
  .estherbunny .gourmetSwiperWrapper .swiper-prev ,
  .estherbunny .gourmetSwiperWrapper .swiper-next {
    width: 3.182vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .gourmetSwiper .fraction {
    width: 18.933vw;
    padding: 2vw 3.2vw 0;
    bottom: auto;
    top: 65.5vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .estherbunny .cont02 .gourmetSwiper .fraction ,
  .estherbunny .cont03 .gourmetSwiper .fraction {
    top: 70.1vw;
  }
  .estherbunny .gourmetSwiper .fraction .current {
    font-size: 4vw;
    margin-right: -0.533vw;
  }
  .estherbunny .gourmetSwiper .fraction .total {
    font-size: 4vw;
  }
  .estherbunny .gourmetSwiperWrapper .navigation {
    display: block;
    position: static;
  }
  .estherbunny .gourmetSwiperWrapper .swiper-prev ,
  .estherbunny .gourmetSwiperWrapper .swiper-next {
    width: 10.8vw;
    position: absolute;
    top: 38.933vw;
    z-index: 5;
  }
  .estherbunny .cont02 .gourmetSwiperWrapper .swiper-prev ,
  .estherbunny .cont02 .gourmetSwiperWrapper .swiper-next ,
  .estherbunny .cont03 .gourmetSwiperWrapper .swiper-prev ,
  .estherbunny .cont03 .gourmetSwiperWrapper .swiper-next {
    top: 43.333vw;
  }
  .estherbunny .gourmetSwiperWrapper .swiper-prev {
    left: 8vw;
  }
  .estherbunny .gourmetSwiperWrapper .swiper-next {
    right: 5.6vw;
  }
}

/* cont01 */
.estherbunny .gourmetBox .character01 {
  width: 117px;
  bottom: -55px;
  right: 14px;
}
.estherbunny .gourmetBox .character02 {
  width: 116px;
  bottom: -65px;
  right: 17px;
}
.estherbunny .gourmetBox .character03 {
  width: 81px;
  bottom: -70px;
  right: 21px;
}
.estherbunny .gourmetBox .character04 {
  width: 72px;
  bottom: -73px;
  right: 35px;
}
.estherbunny .gourmetBox .character05 {
  width: 86px;
  bottom: -69px;
  right: 23px;
}
.estherbunny .gourmetBox .character06 {
  width: 100px;
  bottom: -60px;
  right: 10px;
}
.estherbunny .gourmetBox .character07 {
  width: 78px;
  bottom: -70px;
  right: 22px;
}
.estherbunny .gourmetBox .character08 {
  width: 68px;
  bottom: -69px;
  right: 31px;
}
.estherbunny .gourmetBox .character09 {
  width: 69px;
  bottom: -69px;
  right: 30px;
}
.estherbunny .gourmetBox .character10 {
  width: 137px;
  bottom: -70px;
  right: -14px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .gourmetBox .character01 {
    width: 10.636vw;
    bottom: -5vw;
    right: 1.273vw;
  }
  .estherbunny .gourmetBox .character02 {
    width: 10.545vw;
    bottom: -5.909vw;
    right: 1.545vw;
  }
  .estherbunny .gourmetBox .character03 {
    width: 7.364vw;
    bottom: -6.364vw;
    right: 1.909vw;
  }
  .estherbunny .gourmetBox .character04 {
    width: 6.545vw;
    bottom: -6.636vw;
    right: 3.182vw;
  }
  .estherbunny .gourmetBox .character05 {
    width: 7.818vw;
    bottom: -6.273vw;
    right: 2.091vw;
  }
  .estherbunny .gourmetBox .character06 {
    width: 9.091vw;
    bottom: -5.455vw;
    right: 0.909vw;
  }
  .estherbunny .gourmetBox .character07 {
    width: 7.091vw;
    bottom: -6.364vw;
    right: 2vw;
  }
  .estherbunny .gourmetBox .character08 {
    width: 6.182vw;
    bottom: -6.273vw;
    right: 2.818vw;
  }
  .estherbunny .gourmetBox .character09 {
    width: 6.273vw;
    bottom: -6.273vw;
    right: 2.727vw;
  }
  .estherbunny .gourmetBox .character10 {
    width: 12.455vw;
    bottom: -6.364vw;
    right: -1.273vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .gourmetBox .character01 {
    width: 22.4vw;
    bottom: -25.067vw;
    right: -2.267vw;
  }
  .estherbunny .gourmetBox .character02 {
    width: 23.067vw;
    bottom: -17.533vw;
    right: -0.667vw;
  }
  .estherbunny .gourmetBox .character03 {
    width: 16.133vw;
    bottom: -24.267vw;
    right: -2.867vw;
  }
  .estherbunny .gourmetBox .character04 {
    width: 14.267vw;
    bottom: -23.533vw;
    right: 3.667vw;
  }
  .estherbunny .gourmetBox .character05 {
    width: 15.867vw;
    bottom: -17.667vw;
    right: 3.6vw;
  }
  .estherbunny .gourmetBox .character06 {
    width: 18.667vw;
    bottom: -16.8vw;
    right: 1.733vw;
  }
  .estherbunny .gourmetBox .character07 {
    width: 15.333vw;
    bottom: -25.6vw;
    right: 0.933vw;
  }
  .estherbunny .gourmetBox .character08 {
    width: 14.8vw;
    bottom: -27.333vw;
    right: -1.333vw;
  }
  .estherbunny .gourmetBox .character09 {
    width: 15.333vw;
    bottom: -28vw;
    right: -1.467vw;
  }
  .estherbunny .gourmetBox .character10 {
    width: 29.6vw;
    bottom: -23.667vw;
    right: -1.8vw;
  }
}

/* cont02 */
.estherbunny .gourmet .cont02 {
  background-color: #fffdec;
}
.estherbunny .cont02 .gourmetBox a {
  background-color: #fbe8f1;
}
.estherbunny .gourmet .cont02 .type {
  color: #fff;
}
.estherbunny .cont02 .gourmetSwiper .fraction {
  background: url("../../img/contents/gourmet/bg02.png") no-repeat center;
  background-size: contain;
}
.estherbunny .gourmetBox .character11 {
  width: 121px;
  bottom: -66px;
  right: 19px;
}
.estherbunny .gourmetBox .character12 {
  width: 106px;
  bottom: -58px;
  right: 14px;
}
.estherbunny .gourmetBox .character13 {
  width: 120px;
  bottom: -46px;
  right: -2px;
}
.estherbunny .gourmetBox .character14 {
  width: 79px;
  bottom: -72px;
  right: 44px;
}
.estherbunny .gourmetBox .character15 {
  width: 104px;
  bottom: -61px;
  right: -5px;
}
.estherbunny .gourmetBox .character16 {
  width: 72px;
  bottom: -55px;
  right: 35px;
}
.estherbunny .gourmetBox .character17 {
  width: 118px;
  bottom: -53px;
  right: 18px;
}
.estherbunny .gourmetBox .character18 {
  width: 87px;
  bottom: -53px;
  right: 31px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .gourmetBox .character11 {
    width: 11vw;
    bottom: -6vw;
    right: 1.727vw;
  }
  .estherbunny .gourmetBox .character12 {
    width: 9.636vw;
    bottom: -5.273vw;
    right: 1.273vw;
  }
  .estherbunny .gourmetBox .character13 {
    width: 10.909vw;
    bottom: -4.182vw;
    right: -0.182vw;
  }
  .estherbunny .gourmetBox .character14 {
    width: 7.182vw;
    bottom: -6.545vw;
    right: 4vw;
  }
  .estherbunny .gourmetBox .character15 {
    width: 9.455vw;
    bottom: -5.545vw;
    right: -0.455vw;
  }
  .estherbunny .gourmetBox .character16 {
    width: 6.545vw;
    bottom: -5vw;
    right: 3.182vw;
  }
  .estherbunny .gourmetBox .character17 {
    width: 10.727vw;
    bottom: -4.818vw;
    right: 1.636vw;
  }
  .estherbunny .gourmetBox .character18 {
    width: 7.909vw;
    bottom: -4.818vw;
    right: 2.818vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .gourmetBox .character11 {
    width: 24.933vw;
    bottom: -21.467vw;
    right: -1.2vw;
  }
  .estherbunny .gourmetBox .character12 {
    width: 19.867vw;
    bottom: -19.733vw;
    right: -0.267vw;
  }
  .estherbunny .gourmetBox .character13 {
    width: 25.067vw;
    bottom: -19.867vw;
    right: -3.067vw;
  }
  .estherbunny .gourmetBox .character14 {
    width: 14.8vw;
    bottom: -20.267vw;
    right: 6vw;
  }
  .estherbunny .gourmetBox .character15 {
    width: 18.4vw;
    bottom: -20.533vw;
    right: -0.267vw;
  }
  .estherbunny .gourmetBox .character16 {
    width: 15.2vw;
    bottom: -20.933vw;
    right: 0.933vw;
  }
  .estherbunny .gourmetBox .character17 {
    width: 21.6vw;
    bottom: -16.8vw;
    right: 2.4vw;
  }
  .estherbunny .gourmetBox .character18 {
    width: 18.267vw;
    bottom: -15.267vw;
    right: 4.733vw;
  }
}

/* cont03 */
.estherbunny .gourmetBox .character19 {
  width: 75px;
  bottom: -56px;
  right: 24px;
}
.estherbunny .gourmetBox .character20 {
  width: 96px;
  bottom: -72px;
  right: 40px;
}
.estherbunny .gourmetBox .character21 {
  width: 82px;
  bottom: -75px;
  right: 21px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .gourmetBox .character19 {
    width: 6.818vw;
    bottom: -5.091vw;
    right: 2.182vw;
  }
  .estherbunny .gourmetBox .character20 {
    width: 8.727vw;
    bottom: -6.545vw;
    right: 3.636vw;
  }
  .estherbunny .gourmetBox .character21 {
    width: 7.455vw;
    bottom: -6.818vw;
    right: 1.909vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .gourmetBox .character19 {
    width: 15.6vw;
    bottom: -25.467vw;
    right: -1.2vw;
  }
  .estherbunny .gourmetBox .character20 {
    width: 18vw;
    bottom: -21.333vw;
    right: 2.8vw;
  }
  .estherbunny .gourmetBox .character21 {
    width: 16.133vw;
    bottom: -21.067vw;
    right: -2.333vw;
  }
}

/*---------------------------
gift
---------------------------*/
.estherbunny .gift {
  margin-top: 30px;
  position: relative;
  background-color: #d2ecfa;
  padding: 20px 0 115px;
}
.estherbunny .gift::before {
  content: "";
  width: 100%;
  height: 38px;
  background: url("../../img/contents/gift/wave.png") repeat-x center;
  position: absolute;
  top: -37px;
  left: 0;
}
.estherbunny .gift .ttlArea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 30px;
  position: relative;
}
.estherbunny .gift .ttlArea .txtBox {
  width: 312px;
  padding-top: 80px;
  position: relative;
}
.estherbunny .gift .ttlArea .txtBox::before {
  content: "";
  width: 312px;
  height: 55px;
  background: url("../../img/contents/gift/ribbon.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.estherbunny .gift .ttlArea h2 {
  font-size: calc((28 / 16) * 1rem);
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  color: #fff;
  -webkit-text-stroke: 1.5px #000;
  text-align: center;
}
.estherbunny .gift .ttlArea .txt {
  margin-top: 10px;
  font-size: calc((16 / 16) * 1rem);
  line-height: 1.535;
  letter-spacing: 0.1em;
  text-align: center;
}
.estherbunny .gift .ttlArea .pic {
  width: 268px;
}
.estherbunny .gift .ttlArea .flower {
  width: 91px;
  position: absolute;
  bottom: -65px;
  right: 140px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .gift {
    margin-top: 2.727vw;
    padding: 1.818vw 0 10.455vw;
  }
  .estherbunny .gift::before {
    width: 100%;
    height: 3.455vw;
    top: -3.364vw;
  }
  .estherbunny .gift .ttlArea {
    gap: 0 2.727vw;
  }
  .estherbunny .gift .ttlArea .txtBox {
    width: 28.364vw;
    padding-top: 7.273vw;
  }
  .estherbunny .gift .ttlArea .txtBox::before {
    width: 28.364vw;
    height: 5vw;
  }
  .estherbunny .gift .ttlArea h2 {
    font-size: 2.545vw;
    -webkit-text-stroke: 0.136vw #000;
  }
  .estherbunny .gift .ttlArea .txt {
    margin-top: 0.909vw;
    font-size: 1.455vw;
  }
  .estherbunny .gift .ttlArea .pic {
    width: 24.364vw;
  }
  .estherbunny .gift .ttlArea .flower {
    width: 8.273vw;
    bottom: -5.909vw;
    right: 12.727vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .gift {
    margin-top: 4vw;
    padding: 20vw 0 20vw;
  }
  .estherbunny .gift::before {
    width: 100%;
    height: 4.533vw;
    background: url("../../img/contents/gift/wave_sp.png") repeat-x center;
    background-size: contain;
    top: -4.4vw;
  }
  .estherbunny .gift .ttlArea {
    display: block;
  }
  .estherbunny .gift .ttlArea::before {
    content: "";
    width: 77.2vw;
    height: 14vw;
    background: url("../../img/contents/gift/ribbon.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -16vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .estherbunny .gift .ttlArea .txtBox {
    width: 100%;
    padding-top: 0;
  }
  .estherbunny .gift .ttlArea .txtBox::before {
    content: none;
  }
  .estherbunny .gift .ttlArea h2 {
    font-size: 6vw;
    -webkit-text-stroke: 0.2vw #000;
  }
  .estherbunny .gift .ttlArea .txt {
    margin-top: 4vw;
    font-size: 3.333vw;
    line-height: 1.48;
    letter-spacing: 0.1em;
  }
  .estherbunny .gift .ttlArea .pic {
    width: 48.533vw;
    margin: 2.667vw 22.667vw 0 auto;
  }
  .estherbunny .gift .ttlArea .heart01 {
    width: 6.933vw;
    position: absolute;
    top: 20.667vw;
    left: 14.667vw;
  }
  .estherbunny .gift .ttlArea .parts01 {
    width: 15.333vw;
    position: absolute;
    top: -26.133vw;
    left: -2.8vw;
  }
  .estherbunny .gift .ttlArea .flower {
    width: 15.467vw;
    bottom: 18vw;
    right: 9.333vw;
  }
  .estherbunny .gift .ttlArea .flower02 {
    width: 14.533vw;
    position: absolute;
    bottom: 19.467vw;
    left: 10.267vw;
  }
}

/* giftCont */
.estherbunny .gift .giftCont {
  margin: 0 auto;
  max-width: 1100px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0 35px;
  position: relative;
  z-index: 5;
}
.estherbunny .gift .giftTxt {
  margin-top: 125px;
  width: 228px;
  height: 299px;
  background-color: #fff;
  border-radius: 18px;
  border: solid 1px #000;
  padding: 15px 5px;
  position: relative;
}
.estherbunny .gift .giftTxt::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 18px;
  border: solid 1px #000;
  position: absolute;
  bottom: -5px;
  right: -5px;
  z-index: -1;
}
.estherbunny .gift .giftTxt .ttl {
  margin-top: 8px;
  font-size: calc((27 / 16) * 1rem);
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  line-height: 1.259;
  text-align: center;
}
.estherbunny .gift .giftTxt .txt {
  margin-top: 5px;
  font-size: calc((16 / 16) * 1rem);
  line-height: 1.234;
  text-align: center;
}

.estherbunny .gift .giftSwiperWrapper {
  width: 57.605%;
  position: relative;
}
.estherbunny .gift .giftSwiper {
  padding: 50px 0;
}
.estherbunny .gift .giftBox {
  width: 451px;
  height: 444px;
  background: url("../../img/contents/gift/bg.png") no-repeat center;
  background-size: contain;
}
.estherbunny .gift .giftBox a {
  display: block;
  position: relative;
}
.estherbunny .gift .place {
  font-size: calc((20 / 16) * 1rem);
  font-weight: 800;
}
.estherbunny .gift .detailTxt {
  margin-top: 3px;
  line-height: 1.333;
}
.estherbunny .gift .detailTxt sup {
  font-size: calc((9 / 16) * 1rem);
  vertical-align: super;
}
.estherbunny .gift .detailTxt span {
  font-size: calc((13 / 16) * 1rem);
}
.estherbunny .gift .item {
  margin-top: 3px;
  font-weight: 400;
  line-height: 1.333;
}
.estherbunny .gift .note {
  font-size: calc((13 / 16) * 1rem);
  font-weight: 400;
  line-height: 1.518;
}
.estherbunny .gift .pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  position: absolute;
  bottom: 28px;
  left: 22%;
  z-index: 5;
}
.estherbunny .gift .swiper-prev ,
.estherbunny .gift .swiper-next {
  width: 35px;
  cursor: pointer;
}
.estherbunny .gift .fraction .current {
  font-size: calc((20 / 16) * 1rem);
  margin-right: -3px;
}
.estherbunny .gift .fraction .total {
  font-size: calc((20 / 16) * 1rem);
}
.estherbunny .gift .fraction .total:before {
  content: "/";
}

@media screen and (max-width: 1100px) {
  .estherbunny .gift .giftCont {
    max-width: 100vw;
    gap: 0 3.182vw;
  }
  .estherbunny .gift .giftTxt {
    margin-top: 11.364vw;
    width: 20.727vw;
    height: 27.182vw;
    border-radius: 1.636vw;
    border: solid 0.091vw #000;
    padding: 1.364vw 0.455vw;
  }
  .estherbunny .gift .giftTxt::after {
    border-radius: 1.636vw;
    border: solid 0.091vw #000;
    bottom: -0.455vw;
    right: -0.455vw;
  }
  .estherbunny .gift .giftTxt .ttl {
    margin-top: 0.727vw;
    font-size: 2.455vw;
  }
  .estherbunny .gift .giftTxt .txt {
    margin-top: 0.455vw;
    font-size: 1.455vw;
  }
  
  .estherbunny .gift .giftSwiperWrapper {
    width: 57.605%;
  }
  .estherbunny .gift .giftSwiper {
    padding: 4.545vw 0;
  }
  .estherbunny .gift .giftBox {
    width: 41vw;
    height: 40.364vw;
  }
  .estherbunny .gift .place {
    font-size: 1.818vw;
  }
  .estherbunny .gift .detailTxt {
    margin-top: 0.273vw;
    line-height: 1.333;
  }
  .estherbunny .gift .detailTxt sup {
    font-size: 0.818vw;
  }
  .estherbunny .gift .detailTxt span {
    font-size: 1.182vw;
  }
  .estherbunny .gift .item {
    margin-top: 0.273vw;
  }
  .estherbunny .gift .note {
    font-size: 1.182vw;
  }
  .estherbunny .gift .pager {
    gap: 0 0.909vw;
    bottom: 2.545vw;
  }
  .estherbunny .gift .swiper-prev ,
  .estherbunny .gift .swiper-next {
    width: 3.182vw;
  }
  .estherbunny .gift .fraction .current {
    font-size: 1.818vw;
    margin-right: -0.273vw;
  }
  .estherbunny .gift .fraction .total {
    font-size: 1.818vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .gift .giftCont {
    margin-top: 20vw;
    max-width: 100%;
    display: block;
  }
  .estherbunny .gift .giftTxt {
    margin: 0 auto 0;
    width: 68.933vw;
    height: 26.267vw;
    border-radius: 2.4vw;
    border: solid 0.267vw #000;
    padding: 2.667vw 0;
    display: flex;
  }
  .estherbunny .gift .giftTxt::after {
    border-radius: 2.4vw;
    border: solid 0.267vw #000;
    bottom: -0.933vw;
    right: -0.933vw;
  }
  .estherbunny .gift .giftTxt .txtBox {
    width: 66%;
  }
  .estherbunny .gift .giftTxt .ttl {
    margin-top: 0;
    font-size: 4.667vw;
    line-height: 1.543;
    text-align: left;
  }
  .estherbunny .gift .giftTxt .txt {
    margin-top: 0.667vw;
    font-size: 3.333vw;
    line-height: 1.19;
    text-align: left;
  }
  
  .estherbunny .gift .giftSwiperWrapper {
    width: 100%;
    padding: 0 6vw;
  }
  .estherbunny .gift .giftSwiper {
    padding: 3.333vw 0 11.333vw;
  }
  .estherbunny .gift .giftBox {
    width: 86vw;
    height: 84.667vw;
  }
  .estherbunny .gift .place {
    font-size: 4vw;
  }
  .estherbunny .gift .detailTxt {
    margin-top: 0.667vw;
    line-height: 1.4;
  }
  .estherbunny .gift .detailTxt sup {
    font-size: 2vw;
  }
  .estherbunny .gift .detailTxt span {
    font-size: 2.667vw;
  }
  .estherbunny .gift .item {
    margin-top: 0.4vw;
    line-height: 1.36
  }
  .estherbunny .gift .item span {
    display: inline;
    font-size: 2.667vw;
  }
  .estherbunny .gift .note {
    font-size: 2.667vw;
    line-height: 1.7;
  }
  .estherbunny .gift .pager {
    gap: 0 1.333vw;
    bottom: 3.733vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .estherbunny .gift .swiper-prev ,
  .estherbunny .gift .swiper-next {
    width: 11.067vw;
  }
  .estherbunny .gift .fraction .current {
    font-size: 4vw;
    margin-right: -0.533vw;
  }
  .estherbunny .gift .fraction .total {
    font-size: 4vw;
  }
}

/* cont01 */
.estherbunny .gift .cont01 .giftTxt .parts {
  width: 24px;
  position: absolute;
  top: 30px;
  left: 30px;
}
.estherbunny .gift .cont01 .giftTxt .heart01 {
  width: 37px;
  position: absolute;
  top: -40px;
  left: -20px;
}
.estherbunny .gift .cont01 .giftTxt .heart02 {
  width: 34px;
  position: absolute;
  bottom: 55px;
  left: -50px;
}
.estherbunny .gift .cont01 .giftTxt::after {
  background-color: #9cce8c;
}
.estherbunny .gift .cont01 .giftTxt .pic {
  width: 99px;
  margin: -70px auto 0;
}
.estherbunny .gift .cont01 .giftTxt .ttl {
  color: #74b769;
}
.estherbunny .gift .cont01 .flower {
  width: 68px;
  position: absolute;
  top: 80px;
  left: -10px;
}
.estherbunny .gift .cont01 .parts {
  width: 46px;
  position: absolute;
  bottom: 30px;
  right: 220px;
}
.estherbunny .gift .cont01 .box01 .detail {
  padding: 50px 112px 0 90px;
}
.estherbunny .gift .cont01 .box02 .detail {
  padding: 50px 120px 0 120px;
}
.estherbunny .gift .cont01 .box03 .detail {
  padding: 50px 145px 0 60px;
}
.estherbunny .gift .cont01 .box04 .detail {
  padding: 56px 65px 0 80px;
}
.estherbunny .gift .cont01 .box01 .pic {
  width: 190px;
  margin: 5px auto 0;
}
.estherbunny .gift .cont01 .box02 .pic {
  width: 231px;
  margin: 20px auto 0;
}
.estherbunny .gift .cont01 .box03 .pic {
  width: 375px;
  margin: -30px 0 0 auto;
}
.estherbunny .gift .cont01 .box04 .pic {
  width: 435px;
  margin: 30px auto 0;
}
.estherbunny .gift .cont01 .box02 .parts02 {
  width: 90px;
  position: absolute;
  top: 170px;
  right: 60px;
}
.estherbunny .gift .cont01 .box03 .heart03 {
  width: 37px;
  position: absolute;
  top: 172px;
  right: 30px;
}
.estherbunny .gift .cont01 .box04 .heart04 {
  width: 45px;
  position: absolute;
  top: 140px;
  right: 57px;
}
.estherbunny .gift .cont01 .detailTxt {
  color: #74b769;
}
.estherbunny .gift .cont01 .box01 .label {
  width: 106px;
  position: absolute;
  top: 164px;
  right: 30px;
}
.estherbunny .gift .cont01 .box03 .label {
  width: 106px;
  position: absolute;
  top: 47px;
  right: 30px;
}
.estherbunny .gift .cont01 .fraction .total {
  color: #74b769;
}

@media screen and (max-width: 1100px) {
  .estherbunny .gift .cont01 .giftTxt .parts {
    width: 2.182vw;
    top: 2.727vw;
    left: 2.727vw;
  }
  .estherbunny .gift .cont01 .giftTxt .heart01 {
    width: 3.364vw;
    top: -3.636vw;
    left: -1.818vw;
  }
  .estherbunny .gift .cont01 .giftTxt .heart02 {
    width: 3.091vw;
    bottom: 5vw;
    left: -4.545vw;
  }
  .estherbunny .gift .cont01 .giftTxt .pic {
    width: 9vw;
    margin: -6.364vw auto 0;
  }
  .estherbunny .gift .cont01 .flower {
    width: 6.182vw;
    top: 7.273vw;
    left: -0.909vw;
  }
  .estherbunny .gift .cont01 .parts {
    width: 4.182vw;
    bottom: 2.727vw;
    right: 20vw;
  }
  .estherbunny .gift .cont01 .box01 .detail {
    padding: 4.545vw 10.182vw 0 8.182vw;
  }
  .estherbunny .gift .cont01 .box02 .detail {
    padding: 4.545vw 10.909vw 0 10.909vw;
  }
  .estherbunny .gift .cont01 .box03 .detail {
    padding: 4.545vw 13.182vw 0 5.455vw;
  }
  .estherbunny .gift .cont01 .box04 .detail {
    padding: 5.091vw 5.909vw 0 7.273vw;
  }
  .estherbunny .gift .cont01 .box01 .pic {
    width: 17.273vw;
    margin: 0.455vw auto 0;
  }
  .estherbunny .gift .cont01 .box02 .pic {
    width: 21vw;
    margin: 1.818vw auto 0;
  }
  .estherbunny .gift .cont01 .box03 .pic {
    width: 34.091vw;
    margin: -2.727vw 0 0 auto;
  }
  .estherbunny .gift .cont01 .box04 .pic {
    width: 39.545vw;
    margin: 2.727vw auto 0;
  }
  .estherbunny .gift .cont01 .box02 .parts02 {
    width: 8.182vw;
    top: 15.455vw;
    right: 5.455vw;
  }
  .estherbunny .gift .cont01 .box03 .heart03 {
    width: 3.364vw;
    top: 15.636vw;
    right: 2.727vw;
  }
  .estherbunny .gift .cont01 .box04 .heart04 {
    width: 4.091vw;
    top: 12.727vw;
    right: 5.182vw;
  }
  .estherbunny .gift .cont01 .box01 .label {
    width: 9.636vw;
    top: 14.909vw;
    right: 2.727vw;
  }
  .estherbunny .gift .cont01 .box03 .label {
    width: 9.636vw;
    top: 4.273vw;
    right: 2.727vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .gift .cont01 .giftTxt .parts {
    width: 5.2vw;
    top: 8.667vw;
    left: 1.333vw;
  }
  .estherbunny .gift .cont01 .giftTxt .heart02 {
    width: 7.6vw;
    bottom: -7.333vw;
    left: -4vw;
  }
  .estherbunny .gift .cont01 .giftTxt .pic {
    width: 19.6vw;
    margin: -12.4vw 0 0 4.267vw;
  }
  .estherbunny .gift .cont01 .flower {
    width: 10.4vw;
    top: auto;
    bottom: -6.667vw;
    left: auto;
    right: 20.4vw;
  }
  .estherbunny .gift .cont01 .parts {
    width: 11.2vw;
    bottom: 11.067vw;
    right: 9.333vw;
  }
  .estherbunny .gift .cont01 .box01 .detail {
    padding: 10vw 14vw 0 17.333vw;
  }
  .estherbunny .gift .cont01 .box02 .detail {
    padding: 8.933vw 21.467vw 0 24.4vw;
  }
  .estherbunny .gift .cont01 .box03 .detail {
    padding: 8.267vw 20.667vw 0 10vw;
  }
  .estherbunny .gift .cont01 .box04 .detail {
    padding: 8.667vw 24.667vw 0 21.6vw;
  }
  .estherbunny .gift .cont01 .box01 .pic {
    width: 34.267vw;
    margin: 0.4vw auto 0;
  }
  .estherbunny .gift .cont01 .box02 .pic {
    width: 53.733vw;
    margin: 1.333vw auto 0;
  }
  .estherbunny .gift .cont01 .box03 .pic {
    width: 68.133vw;
    margin: -5.6vw 4vw 0 auto;
  }
  .estherbunny .gift .cont01 .box04 .pic {
    width: 79.467vw;
    margin: -2.4vw auto 0;
  }
  .estherbunny .gift .cont01 .box02 .parts02 {
    width: 16.533vw;
    top: 32vw;
    right: 4.533vw;
  }
  .estherbunny .gift .cont01 .box03 .heart03 {
    width: 6.8vw;
    top: 38.667vw;
    right: 5.733vw;
  }
  .estherbunny .gift .cont01 .box04 .heart04 {
    width: 8.267vw;
    top: 31.6vw;
    right: 11.067vw;
  }
  .estherbunny .gift .cont01 .box01 .label {
    width: 18.667vw;
    top: 40.933vw;
    right: 6.4vw;
  }
  .estherbunny .gift .cont01 .box03 .label {
    width: 14.133vw;
    top: 22.667vw;
    right: 6.667vw;
  }
}

/* cont02 */
.estherbunny .gift .cont02 .giftTxt .parts01 {
  width: 33px;
  position: absolute;
  top: 15px;
  left: 25px;
}
.estherbunny .gift .cont02 .giftTxt .parts02 {
  width: 35px;
  position: absolute;
  top: 100px;
  right: 40px;
}
.estherbunny .gift .cont02 .giftTxt .parts03 {
  width: 32px;
  position: absolute;
  top: -50px;
  left: -25px;
}
.estherbunny .gift .cont02 .giftTxt .flower01 {
  width: 59px;
  position: absolute;
  bottom: -75px;
  left: 55px;
}
.estherbunny .gift .cont02 .giftTxt .heart01 {
  width: 45px;
  position: absolute;
  bottom: -35px;
  right: -75px;
}
.estherbunny .gift .cont02 .giftTxt::after {
  background-color: #ffef99;
}
.estherbunny .gift .cont02 .giftTxt .pic {
  width: 79px;
  margin: -65px auto 0;
}
.estherbunny .gift .cont02 .giftTxt .ttl {
  color: #f3ca00;
}
.estherbunny .gift .cont02 .flower02 {
  width: 58px;
  position: absolute;
  top: 79px;
  left: -3px;
}
.estherbunny .gift .cont02 .parts04 {
  width: 70px;
  position: absolute;
  bottom: 35px;
  right: 185px;
}
.estherbunny .gift .cont02 .parts05 {
  width: 79px;
  position: absolute;
  top: 72px;
  right: 135px;
}
.estherbunny .gift .cont02 .parts06 {
  width: 68px;
  position: absolute;
  top: 200px;
  right: 32px;
}
.estherbunny .gift .cont02 .box01 .detail {
  padding: 44px 57px 0 70px;
}
.estherbunny .gift .cont02 .box02 .detail {
  padding: 50px 90px 0 80px;
}
.estherbunny .gift .cont02 .detailTxt {
  color: #d69d00;
}
.estherbunny .gift .cont02 .box01 .pic {
  width: 220px;
  margin: 5px auto 0;
}
.estherbunny .gift .cont02 .box02 > a {
  min-height: 100%;
  transition: 0.6s;
}
.estherbunny .gift .cont02 .box02 .giftPicClip {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  pointer-events: none;
}
.estherbunny .gift .cont02 .box02.open .giftPicClip {
  -webkit-mask-image: url("../../img/contents/gift/bg02.png");
  mask-image: url("../../img/contents/gift/bg02.png");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.estherbunny .gift .cont02 .box02 .giftPicClip .pic {
  width: 349px;
  margin: 0 auto 19px;
}
.estherbunny .gift .cont02 .tapBtn {
  width: 35px;
  position: absolute;
  bottom: 127px;
  right: 47px;
  z-index: 5;
}
.estherbunny .gift .giftBox.open .detail {
  opacity: 0;
  pointer-events: none;
}
.estherbunny .gift .giftEvent {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: url("../../img/contents/gift/bg02.png") no-repeat center;
  background-size: contain;
  padding: 120px 125px 80px 115px;
  opacity: 0;
  transition: 0.6s;
  z-index: -1;
}
.estherbunny .gift .giftEvent.show {
  opacity: 1;
  z-index: 1;
}
.estherbunny .gift .giftEvent .giftEventTtl {
  font-size: calc((20 / 16) * 1rem);
  font-weight: 800;
  color: #fff;
}
.estherbunny .gift .giftEvent .period {
  font-weight: 800;
  color: #fff;
}
.estherbunny .gift .giftEvent .giftEventTxt {
  margin-top: 5px;
  line-height: 1.6;
  text-align: justify;
  color: #fff;
}
.estherbunny .gift .giftEvent .giftEventTxt span {
  border-bottom: dashed 1px #91d2ff;
}
.estherbunny .gift .cont02 .flower03 {
  width: 40px;
  position: absolute;
  top: 185px;
  right: 55px;
}
.estherbunny .gift .cont02 .fraction .total {
  color: #d69d00;
}

@media screen and (max-width: 1100px) {
  .estherbunny .gift .cont02 .giftTxt .parts01 {
    width: 3vw;
    top: 1.364vw;
    left: 2.273vw;
  }
  .estherbunny .gift .cont02 .giftTxt .parts02 {
    width: 3.182vw;
    top: 9.091vw;
    right: 3.636vw;
  }
  .estherbunny .gift .cont02 .giftTxt .parts03 {
    width: 2.909vw;
    top: -4.545vw;
    left: -2.273vw;
  }
  .estherbunny .gift .cont02 .giftTxt .flower01 {
    width: 5.364vw;
    bottom: -6.818vw;
    left: 5vw;
  }
  .estherbunny .gift .cont02 .giftTxt .heart01 {
    width: 4.091vw;
    bottom: -3.182vw;
    right: -6.818vw;
  }
  .estherbunny .gift .cont02 .giftTxt .pic {
    width: 7.182vw;
    margin: -5.909vw auto 0;
  }
  .estherbunny .gift .cont02 .flower02 {
    width: 5.273vw;
    top: 7.182vw;
    left: -0.273vw;
  }
  .estherbunny .gift .cont02 .parts04 {
    width: 6.364vw;
    bottom: 3.182vw;
    right: 16.818vw;
  }
  .estherbunny .gift .cont02 .parts05 {
    width: 7.182vw;
    top: 6.545vw;
    right: 12.273vw;
  }
  .estherbunny .gift .cont02 .parts06 {
    width: 6.182vw;
    top: 18.182vw;
    right: 2.909vw;
  }
  .estherbunny .gift .cont02 .box01 .detail {
    padding: 4vw 5.182vw 0 6.364vw;
  }
  .estherbunny .gift .cont02 .box02 .detail {
    padding: 4.545vw 8.182vw 0 7.273vw;
  }
  .estherbunny .gift .cont02 .box01 .pic {
    width: 20vw;
    margin: 0.455vw auto 0;
  }
  .estherbunny .gift .cont02 .box02 .giftPicClip .pic {
    width: 31.727vw;
    margin: 0 auto 1.727vw;
  }
  .estherbunny .gift .cont02 .tapBtn {
    width: 3.182vw;
    bottom: 11.545vw;
    right: 4.273vw;
  }
  .estherbunny .gift .giftEvent {
    padding: 10.909vw 11.364vw 7.273vw 10.455vw;
  }
  .estherbunny .gift .giftEvent .giftEventTtl {
    font-size: 1.818vw;
  }
  .estherbunny .gift .giftEvent .giftEventTxt {
    margin-top: 0.455vw;
  }
  .estherbunny .gift .giftEvent .giftEventTxt span {
    border-bottom: dashed 0.091vw #91d2ff;
  }
  .estherbunny .gift .cont02 .flower03 {
    width: 3.636vw;
    top: 16.818vw;
    right: 5vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .gift .cont02 .giftTxt .parts01 {
    width: 6.4vw;
    top: 7.467vw;
    left: -3.733vw;
  }
  .estherbunny .gift .cont02 .giftTxt .parts02 {
    width: 5.467vw;
    top: 19.067vw;
    right: 0.4vw;
  }
  .estherbunny .gift .cont02 .giftTxt .parts03 {
    width: 5.867vw;
    top: -12vw;
    left: -4.8vw;
  }
  .estherbunny .gift .cont02 .giftTxt .pic {
    width: 15.467vw;
    margin: -11.333vw 2.667vw 0 auto;
  }
  .estherbunny .gift .cont02 .flower02 {
    width: 9.067vw;
    top: 15.333vw;
    left: 5.4vw;
  }
  .estherbunny .gift .cont02 .parts04 {
    width: 14.133vw;
    bottom: 11.867vw;
    right: 4.267vw;
  }
  .estherbunny .gift .cont02 .parts05 {
    width: 12.667vw;
    top: 2.667vw;
    right: 4.667vw;
  }
  .estherbunny .gift .cont02 .parts06 {
    width: 12.667vw;
    top: 46vw;
    right: 12.667vw;
  }
  .estherbunny .gift .cont02 .box01 .detail {
    padding: 4.533vw 12vw 0 14.933vw;
  }
  .estherbunny .gift .cont02 .box02 .detail {
    padding: 9.6vw 10vw 0 10.667vw;
  }
  .estherbunny .gift .cont02 .box01 .pic {
    width: 32.4vw;
    margin: 1.333vw auto 0;
  }
  .estherbunny .gift .cont02 .box02 > a {
    min-height: 100%;
    transition: 0.6s;
  }
  .estherbunny .gift .cont02 .box02 .giftPicClip .pic {
    width: 58.133vw;
    margin: 0px auto 3.867vw 12.267vw;
  }
  .estherbunny .gift .cont02 .tapBtn {
    width: 11.067vw;
    bottom: 15.733vw;
    right: 5.333vw;
  }
  .estherbunny .gift .giftEvent {
    padding: 22vw 19.6vw 10.667vw 21.6vw;
  }
  .estherbunny .gift .giftEvent .giftEventTtl {
    font-size: 4vw;
  }
  .estherbunny .gift .giftEvent .period {
    font-size: 2.667vw;
  }
  .estherbunny .gift .giftEvent .giftEventTxt {
    margin-top: 1.333vw;
    line-height: 1.4;
  }
  .estherbunny .gift .giftEvent .giftEventTxt span {
    border-bottom: dashed 0.133vw #91d2ff;
  }
  .estherbunny .gift .cont02 .flower03 {
    width: 5.333vw;
    top: 27.467vw;
    right: 9.333vw;
  }
}

/* cont03 */
.estherbunny .gift .cont03 .giftTxt .flower01 {
  width: 70px;
  position: absolute;
  top: -50px;
  left: -65px;
}
.estherbunny .gift .cont03 .giftTxt .parts01 {
  width: 45px;
  position: absolute;
  top: 15px;
  left: 15px;
}
.estherbunny .gift .cont03 .giftTxt .parts02 {
  width: 29px;
  position: absolute;
  top: 97px;
  right: 42px;
}
.estherbunny .gift .cont03 .giftTxt .parts03 {
  width: 44px;
  position: absolute;
  bottom: -56px;
  right: 35px;
}
.estherbunny .gift .cont03 .giftTxt::after {
  background-color: #f09cc0;
}
.estherbunny .gift .cont03 .giftTxt .pic {
  width: 85px;
  margin: -72px auto 0;
}
.estherbunny .gift .cont03 .giftTxt .ttl {
  color: #f09cc0;
}
.estherbunny .gift .cont03 .parts04 {
  width: 45px;
  position: absolute;
  bottom: 135px;
  left: -5px;
}
.estherbunny .gift .cont03 .parts05 {
  width: 69px;
  position: absolute;
  top: 55px;
  right: 120px;
}
.estherbunny .gift .cont03 .heart01 {
  width: 36px;
  position: absolute;
  bottom: 140px;
  right: 185px;
}
.estherbunny .gift .cont03 .flower02 {
  width: 91px;
  position: absolute;
  bottom: 45px;
  left: 184px;
}
.estherbunny .gift .cont03 .heart02 {
  width: 39px;
  position: absolute;
  top: 190px;
  right: 60px;
}
.estherbunny .gift .cont03 .box01 .detail {
  padding: 50px 146px 0 35px;
}
.estherbunny .gift .cont03 .box02 .detail {
  padding: 50px 100px 0 90px;
}
.estherbunny .gift .cont03 .box03 .detail {
  padding: 50px 110px 0 115px;
}
.estherbunny .gift .cont03 .detailTxt {
  color: #df75a3;
}
.estherbunny .gift .cont03 .box01 .label {
  width: 106px;
  position: absolute;
  top: 85px;
  right: 30px;
}
.estherbunny .gift .cont03 .box01 .pic {
  width: 337px;
  margin: -12px auto 0 36px;
}
.estherbunny .gift .cont03 .box02 .pic {
  width: 437px;
  margin: -79px auto 0;
}
.estherbunny .gift .cont03 .box03 .pic {
  width: 283px;
  margin: -20px auto 0 113px;
}
.estherbunny .gift .cont03 .fraction .total {
  color: #f09cc0;
}

@media screen and (max-width: 1100px) {
  .estherbunny .gift .cont03 .giftTxt .flower01 {
    width: 6.364vw;
    top: -4.545vw;
    left: -5.909vw;
  }
  .estherbunny .gift .cont03 .giftTxt .parts01 {
    width: 4.091vw;
    top: 1.364vw;
    left: 1.364vw;
  }
  .estherbunny .gift .cont03 .giftTxt .parts02 {
    width: 2.636vw;
    top: 8.818vw;
    right: 3.818vw;
  }
  .estherbunny .gift .cont03 .giftTxt .parts03 {
    width: 4vw;
    bottom: -5.091vw;
    right: 3.182vw;
  }
  .estherbunny .gift .cont03 .giftTxt .pic {
    width: 7.727vw;
    margin: -72px auto 0;
  }
  .estherbunny .gift .cont03 .parts04 {
    width: 4.091vw;
    bottom: 12.273vw;
    left: -0.455vw;
  }
  .estherbunny .gift .cont03 .parts05 {
    width: 6.273vw;
    top: 5vw;
    right: 10.909vw;
  }
  .estherbunny .gift .cont03 .heart01 {
    width: 3.273vw;
    bottom: 12.727vw;
    right: 16.818vw;
  }
  .estherbunny .gift .cont03 .flower02 {
    width: 8.273vw;
    bottom: 4.091vw;
    left: 16.727vw;
  }
  .estherbunny .gift .cont03 .heart02 {
    width: 3.545vw;
    top: 17.273vw;
    right: 5.455vw;
  }
  .estherbunny .gift .cont03 .box01 .detail {
    padding: 4.545vw 13.273vw 0 3.182vw;
  }
  .estherbunny .gift .cont03 .box02 .detail {
    padding: 4.545vw 9.091vw 0 8.182vw;
  }
  .estherbunny .gift .cont03 .box03 .detail {
    padding: 4.545vw 10vw 0 10.455vw;
  }
  .estherbunny .gift .cont03 .box01 .label {
    width: 9.636vw;
    top: 7.727vw;
    right: 2.727vw;
  }
  .estherbunny .gift .cont03 .box01 .pic {
    width: 30.636vw;
    margin: -1.091vw auto 0 3.273vw;
  }
  .estherbunny .gift .cont03 .box02 .pic {
    width: 39.727vw;
    margin: -7.182vw auto 0;
  }
  .estherbunny .gift .cont03 .box03 .pic {
    width: 25.727vw;
    margin: -1.818vw auto 0 10.273vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .gift .cont03 .giftTxt .flower01 {
    width: 12vw;
    top: -16.933vw;
    left: -6vw;
  }
  .estherbunny .gift .cont03 .giftTxt .parts01 {
    width: 6.933vw;
    top: 3.333vw;
    left: -2.267vw;
  }
  .estherbunny .gift .cont03 .giftTxt .parts02 {
    width: 6.133vw;
    top: 22.533vw;
    right: auto;
    left: 18.933vw;
  }
  .estherbunny .gift .cont03 .giftTxt .pic {
    width: 16.667vw;
    margin: -13.6vw 0 0 5.467vw;
  }
  .estherbunny .gift .cont03 .parts03 {
    width: 8.533vw;
    position: absolute;
    bottom: 26vw;
    left: 6vw;
  }
  .estherbunny .gift .cont03 .parts04 {
    width: 9.6vw;
    bottom: 4.667vw;
    left: 8vw;
  }
  .estherbunny .gift .cont03 .parts05 {
    width: 12.667vw;
    top: 2vw;
    right: 6.667vw;
  }
  .estherbunny .gift .cont03 .heart01 {
    width: 6.4vw;
    bottom: 32.8vw;
    right: 9.333vw;
  }
  .estherbunny .gift .cont03 .flower02 {
    width: 15.733vw;
    bottom: 4.8vw;
    left: 39.6vw;
  }
  .estherbunny .gift .cont03 .heart02 {
    width: 8.133vw;
    top: auto;
    right: auto;
    bottom: 14vw;
    left: 18.933vw;
  }
  .estherbunny .gift .cont03 .box01 .detail {
    padding: 8.667vw 19.333vw 0 4.667vw;
  }
  .estherbunny .gift .cont03 .box02 .detail {
    padding: 9.333vw 20vw 0 14vw;
  }
  .estherbunny .gift .cont03 .box03 .detail {
    padding: 9.333vw 19.333vw 0 15.333vw;
  }
  .estherbunny .gift .cont03 .box01 .label {
    width: 18.667vw;
    top: 20vw;
    right: 1.733vw;
  }
  .estherbunny .gift .cont03 .box01 .pic {
    width: 61.2vw;
    margin: -3.333vw auto 0 10.4vw;
  }
  .estherbunny .gift .cont03 .box02 .pic {
    width: 79.733vw;
    margin: -17.333vw 0 0 6vw;
  }
  .estherbunny .gift .cont03 .box03 .pic {
    width: 53.067vw;
    margin: -5.733vw 5.067vw 0 auto;
  }
}

/*---------------------------
sweets
---------------------------*/
.estherbunny .sweets {
  background-color: #fff9be;
  padding: 60px 0 140px;
  position: relative;
}
.estherbunny .sweets::before {
  content: "";
  width: 100%;
  height: 38px;
  background: url("../../img/contents/sweets/wave.png") repeat-x center;
  position: absolute;
  top: -37px;
  left: 0;
}
.estherbunny .sweets .sweetsCont {
  position: relative;
}
.estherbunny .sweets .parts04 {
  width: 44px;
  position: absolute;
  top: 100px;
  left: 100px;
}
.estherbunny .sweets .parts05 {
  width: 49px;
  position: absolute;
  top: 165px;
  left: 140px;
}
.estherbunny .sweets .parts06 {
  width: 72px;
  position: absolute;
  bottom: 0;
  left: 115px;
}
.estherbunny .sweets .parts07 {
  width: 64px;
  position: absolute;
  top: 40px;
  left: 70px;
}
.estherbunny .sweets .parts08 {
  width: 59px;
  position: absolute;
  bottom: 50px;
  left: 120px;
}
.estherbunny .sweets .heart02 {
  width: 68px;
  position: absolute;
  top: 75px;
  left: 70px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .sweets {
    padding: 5.455vw 0 12.727vw;
  }
  .estherbunny .sweets::before {
    height: 3.455vw;
    top: -3.364vw;
  }
  .estherbunny .sweets .parts04 {
    width: 4vw;
    top: 9.091vw;
    left: 9.091vw;
  }
  .estherbunny .sweets .parts05 {
    width: 4.455vw;
    top: 15vw;
    left: 12.727vw;
  }
  .estherbunny .sweets .parts06 {
    width: 6.545vw;
    bottom: 0;
    left: 10.455vw;
  }
  .estherbunny .sweets .parts07 {
    width: 5.818vw;
    top: 3.636vw;
    left: 6.364vw;
  }
  .estherbunny .sweets .parts08 {
    width: 5.364vw;
    bottom: 4.545vw;
    left: 10.909vw;
  }
  .estherbunny .sweets .heart02 {
    width: 6.182vw;
    top: 6.818vw;
    left: 6.364vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .sweets {
    padding: 16.667vw 0 20.667vw;
  }
  .estherbunny .sweets::before {
    width: 100%;
    height: 5.733vw;
    background: url("../../img/contents/sweets/wave_sp.png") repeat-x center;
    background-size: contain;
    position: absolute;
    top: -5.6vw;
  }
}

/* contBox */
.estherbunny .sweets .contBox {
  max-width: 1100px;
  margin: 0 auto;
}
.estherbunny .sweets .ttlArea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 65px;
}
.estherbunny .sweets .ttlArea .pic {
  margin-top: 20px;
  width: 268px;
}
.estherbunny .sweets .ttlArea .txtBox {
  width: 248px;
  padding-top: 80px;
  padding-bottom: 60px;
  position: relative;
}
.estherbunny .sweets .ttlArea .txtBox::before {
  content: "";
  width: 92px;
  height: 66px;
  background: url("../../img/contents/sweets/ttl_pic.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.estherbunny .sweets .ttlArea .txtBox .heart01 {
  width: 31px;
  position: absolute;
  top: 15px;
  left: 25px;
}
.estherbunny .sweets .ttlArea .txt {
  margin-top: 5px;
  font-size: calc((19 / 16) * 1rem);
  line-height: 1.875;
  letter-spacing: 0.1em;
  text-align: center;
}
.estherbunny .sweets .ttlArea .txt span {
  display: inline-block;
  width: 100%;
  border-bottom: solid 2px #fff;
}
.estherbunny .sweets .ttlArea .txtBox .parts01 {
  width: 59px;
  position: absolute;
  bottom: 25px;
  left: -90px;
}
.estherbunny .sweets .ttlArea .txtBox .parts02 {
  width: 72px;
  position: absolute;
  top: 20px;
  right: -105px;
}
.estherbunny .sweets .ttlArea .txtBox .parts03 {
  width: 64px;
  position: absolute;
  bottom: 47px;
  right: -100px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .sweets .contBox {
    max-width: 100vw;
  }
  .estherbunny .sweets .ttlArea {
    gap: 0 5.909vw;
  }
  .estherbunny .sweets .ttlArea .pic {
    margin-top: 1.818vw;
    width: 24.364vw;
  }
  .estherbunny .sweets .ttlArea .txtBox {
    width: 22.545vw;
    padding-top: 7.273vw;
    padding-bottom: 5.455vw;
  }
  .estherbunny .sweets .ttlArea .txtBox::before {
    width: 8.364vw;
    height: 6vw;
  }
  .estherbunny .sweets .ttlArea .txtBox .heart01 {
    width: 2.818vw;
    top: 1.364vw;
    left: 2.273vw;
  }
  .estherbunny .sweets .ttlArea .txt {
    margin-top: 0.455vw;
    font-size: 1.727vw;
  }
  .estherbunny .sweets .ttlArea .txt span {
    border-bottom: solid 0.182vw #fff;
  }
  .estherbunny .sweets .ttlArea .txtBox .parts01 {
    width: 5.364vw;
    bottom: 2.273vw;
    left: -8.182vw;
  }
  .estherbunny .sweets .ttlArea .txtBox .parts02 {
    width: 6.545vw;
    top: 1.818vw;
    right: -9.545vw;
  }
  .estherbunny .sweets .ttlArea .txtBox .parts03 {
    width: 5.818vw;
    bottom: 4.273vw;
    right: -9.091vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .sweets .contBox {
    max-width: 100%;
  }
  .estherbunny .sweets .ttlArea {
    display: block;
    position: relative;
  }
  .estherbunny .sweets .ttlArea::before {
    content: "";
    width: 15.6vw;
    height: 11.333vw;
    background: url("../../img/contents/sweets/ttl_pic.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -14vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .estherbunny .sweets .ttlArea .heart01Sp {
    width: 5.2vw;
    position: absolute;
    top: -11.067vw;
    left: 33.333vw;
  }
  .estherbunny .sweets .ttlArea h2 {
    width: 80.8vw;
    margin: 0 auto;
  }
  .estherbunny .sweets .ttlArea .pic {
    margin: -14.667vw auto 0;
    width: 49.6vw;
  }
  .estherbunny .sweets .ttlArea .txtBox {
    width: 60.133vw;
    margin: 0 auto;
    padding-top: 4vw;
    padding-bottom: 10.667vw;
  }
  .estherbunny .sweets .ttlArea .txtBox::before {
    content: none;
  }
  .estherbunny .sweets .ttlArea .txtBox .heart01 {
    width: 4.133vw;
    position: absolute;
    top: 2vw;
    left: 3.333vw;
  }
  .estherbunny .sweets .ttlArea .txt {
    margin-top: 0.667vw;
    font-size: 3.333vw;
    line-height: 1.48;
    letter-spacing: 0;
  }
  .estherbunny .sweets .ttlArea .txt span {
    border-bottom: solid 0.267vw #fff;
  }
  .estherbunny .sweets .ttlArea .txtBox .parts01 {
    width: 11.6vw;
    bottom: 35.733vw;
    left: -9.2vw;
  }
  .estherbunny .sweets .ttlArea .txtBox .parts02 {
    width: 14.133vw;
    top: -20.667vw;
    right: -6.667vw;
  }
  .estherbunny .sweets .ttlArea .txtBox .parts03 {
    width: 12.267vw;
    bottom: 6vw;
    right: -14vw;
  }
  .estherbunny .sweets .ttlArea .txtBox .parts04Sp {
    width: 10vw;
    position: absolute;
    bottom: 4vw;
    left: -14vw;
  }
}

/* sweetsCont */
.estherbunny .sweets .sweetsCont {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}
.estherbunny .sweets .sweetsCont + .sweetsCont {
  margin-top: 75px;
}
.estherbunny .sweets .sweetsTxt {
  margin-top: 20px;
  width: 315px;
  height: 315px;
  padding: 15px 0 10px;
}
.estherbunny .sweets .sweetsTxt .ttl {
  font-size: calc((16 / 16) * 1rem);
  text-align: center;
}
.estherbunny .sweets .sweetsTxt .ttl span {
  font-size: calc((25 / 16) * 1rem);
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
}

.estherbunny .sweets .sweetsSwiperWrapper {
  width: 50.6%;
  position: relative;
}
.estherbunny .sweets .sweetsSwiper {
  padding-top: 20px;
}
.estherbunny .sweets .swiper-prev ,
.estherbunny .sweets .swiper-next {
  width: 35px;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}
.estherbunny .sweets .swiper-prev {
  left: -17.5px;
}
.estherbunny .sweets .swiper-next {
  right: 218px;
}
.estherbunny .sweets .swiper-pagination {
  display: flex;
  gap: 0 15px;
  justify-content: center;
  text-align: center;
  bottom: -23px;
  left: -21%;
}
.estherbunny .sweets .swiper-pagination .swiper-pagination-bullet {
  width: 17px;
  height: 14px;
  background: url("../../img/contents/sweets/pagination.png") no-repeat;
  background-size: contain;
  background-color: transparent;
  border-radius: unset;
  opacity: 1;
  margin: 0;
}
.estherbunny .sweets .swiper-pagination .swiper-pagination-bullet-active {
  background: url("../../img/contents/sweets/pagination_active.png") no-repeat;
  background-size: contain;
  background-color: transparent;
  border-radius: unset;
}
.estherbunny .sweets .sweetsBox {
  position: relative;
}
.estherbunny .sweets .sweetsBox .pic {
  width: 315px;
  height: 315px;
}
.estherbunny .sweets .label {
  width: 105px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 5;
}
.estherbunny .sweets .sweetsBox.open .label {
  opacity: 0;
}
.estherbunny .sweets .moreBtn {
  width: 35px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 5;
  transition: 0.6s;
}
.estherbunny .sweets .detail {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: rgba(255,249,190,0.7);
  padding: 25px 22px;
  opacity: 0;
  transition: 0.6s;
  z-index: -1;
}
.estherbunny .sweets .detail.show {
  opacity: 1;
  z-index: 1;
}
.estherbunny .sweets .detail .shop {
  font-size: calc((20 / 16) * 1rem);
  font-weight: 800;
}
.estherbunny .sweets .detail .txt {
  line-height: 1.6;
}
.estherbunny .sweets .detail .item {
  font-weight: 400;
  line-height: 1.316;
}
.estherbunny .sweets .detail .note {
  font-size: calc((13 / 16) * 1rem);
  font-weight: 400;
  line-height: 1.385;
}

@media screen and (max-width: 1100px) {
  .estherbunny .sweets .sweetsCont {
    margin-top: 0.909vw;
  }
  .estherbunny .sweets .sweetsCont + .sweetsCont {
    margin-top: 6.818vw;
  }
  .estherbunny .sweets .sweetsTxt {
    margin-top: 1.818vw;
    width: 28.636vw;
    height: 28.636vw;
    padding: 1.364vw 0 0.909vw;
  }
  .estherbunny .sweets .sweetsTxt .ttl {
    font-size: 1.455vw;
  }
  .estherbunny .sweets .sweetsTxt .ttl span {
    font-size: 2.273vw;
  }
  
  .estherbunny .sweets .sweetsSwiperWrapper {
    width: 50.6%;
  }
  .estherbunny .sweets .sweetsSwiper {
    padding-top: 1.818vw;
  }
  .estherbunny .sweets .swiper-prev ,
  .estherbunny .sweets .swiper-next {
    width: 3.182vw;
  }
  .estherbunny .sweets .swiper-prev {
    left: -1.591vw;
  }
  .estherbunny .sweets .swiper-next {
    right: 19.818vw;
  }
  .estherbunny .sweets .swiper-pagination {
    gap: 0 1.364vw;
    bottom: -2.091vw;
    left: -21%;
  }
  .estherbunny .sweets .swiper-pagination .swiper-pagination-bullet {
    width: 1.545vw;
    height: 1.273vw;
  }
  .estherbunny .sweets .sweetsBox .pic {
    width: 28.636vw;
    height: 28.636vw;
  }
  .estherbunny .sweets .label {
    width: 9.545vw;
    top: -1.818vw;
    right: -1.818vw;
  }
  .estherbunny .sweets .moreBtn {
    width: 3.182vw;
    bottom: 0.909vw;
    right: 0.909vw;
  }
  .estherbunny .sweets .detail {
    padding: 2.273vw 2vw;
  }
  .estherbunny .sweets .detail .shop {
    font-size: 1.818vw;
  }
  .estherbunny .sweets .detail .note {
    font-size: 1.182vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .sweets .sweetsCont {
    margin-top: 0;
    display: block;
  }
  .estherbunny .sweets .sweetsCont + .sweetsCont {
    margin-top: 22vw;
  }
  .estherbunny .sweets .sweetsTxt {
    margin: 0 auto 0;
    width: 69.6vw;
    height: 69.6vw;
    padding: 4.667vw 0 1.333vw;
  }
  .estherbunny .sweets .sweetsTxt .ttl {
    font-size: 3.333vw;
  }
  .estherbunny .sweets .sweetsTxt .ttl span {
    font-size: 4.667vw;
  }
  
  .estherbunny .sweets .sweetsSwiperWrapper {
    width: 100%;
  }
  .estherbunny .sweets .sweetsSwiper {
    padding-top: 0;
  }
  .estherbunny .sweets .swiper-prev ,
  .estherbunny .sweets .swiper-next {
    width: 10.8vw;
    top: 52%;
  }
  .estherbunny .sweets .swiper-prev {
    left: 8.267vw;
  }
  .estherbunny .sweets .swiper-next {
    right: 8.267vw;
  }
  .estherbunny .sweets .swiper-pagination {
    display: flex;
    gap: 0 3.333vw;
    bottom: -5.733vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .estherbunny .sweets .swiper-pagination .swiper-pagination-bullet {
    width: 4.8vw;
    height: 4vw;
  }
  .estherbunny .sweets .sweetsBox .pic {
    width: 69.6vw;
    height: 69.6vw;
  }
  .estherbunny .sweets .label {
    width: 14vw;
    top: 2.667vw;
    right: 2.667vw;
  }
  .estherbunny .sweets .moreBtn {
    width: 10.8vw;
    bottom: 1.733vw;
    right: 1.733vw;
  }
  .estherbunny .sweets .detail {
    padding: 5.333vw 5.333vw 3.333vw;
  }
  .estherbunny .sweets .detail .shop {
    font-size: 4vw;
  }
  .estherbunny .sweets .detail .item {
    line-height: 1.36;
  }
  .estherbunny .sweets .detail .note {
    font-size: 2.667vw;
    line-height: 1.6;
  }
}

/* sweetsCont01 */
.estherbunny .sweets .cont01 .sweetsTxt {
  background-color: #c8e2b6;
}
.estherbunny .sweets .cont01 .sweetsTxt .pic {
  width: 241px;
  margin: 10px auto 0;
}
.estherbunny .sweets .cont01 .box01 .detail .pic {
  width: 151px;
  margin: 12px auto 0;
}
.estherbunny .sweets .cont01 .box02 .detail .pic {
  width: 99px;
  margin: -93px 8px 0 auto;
}
.estherbunny .sweets .cont01 .box03 .detail .pic {
  width: 149px;
  margin: -48px -6px 0 auto;
}

@media screen and (max-width: 1100px) {
  .estherbunny .sweets .cont01 .sweetsTxt .pic {
    width: 21.909vw;
    margin: 0.909vw auto 0;
  }
  .estherbunny .sweets .cont01 .box01 .detail .pic {
    width: 13.727vw;
    margin: 1.091vw auto 0;
  }
  .estherbunny .sweets .cont01 .box02 .detail .pic {
    width: 9vw;
    margin: -8.455vw 0.727vw 0 auto;
  }
  .estherbunny .sweets .cont01 .box03 .detail .pic {
    width: 13.545vw;
    margin: -4.364vw -0.545vw 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .sweets .cont01 .sweetsTxt .pic {
    width: 53.6vw;
    margin: 2.667vw auto 0;
  }
  .estherbunny .sweets .cont01 .box01 .detail .pic {
    width: 32.667vw;
    margin: 2.667vw auto 0;
  }
  .estherbunny .sweets .cont01 .box02 .detail .pic {
    width: 23.067vw;
    margin: -28.667vw 5.3vw 0 auto;
  }
  .estherbunny .sweets .cont01 .box03 .detail .pic {
    width: 32.933vw;
    margin: -16.067vw 0.333vw 0 auto;
  }
}

/* sweetsCont02 */
.estherbunny .sweets .cont02 .sweetsTxt {
  background-color: #f9d9e7;
}
.estherbunny .sweets .cont02 .sweetsTxt .pic {
  width: 238px;
  margin: 20px auto 0;
}
.estherbunny .sweets .cont02 .box01 .detail .pic {
  width: 118px;
  margin: 10px auto 0;
}
.estherbunny .sweets .cont02 .box02 .detail .pic {
  width: 120px;
  margin: 8px auto 0;
}
.estherbunny .sweets .cont02 .box03 .detail .pic {
  width: 120px;
  margin: -70px 5px 0 auto;
}
.estherbunny .sweets .cont02 .box04 .detail .pic {
  width: 79px;
  margin: -30px 25px 0 auto;
}
.estherbunny .sweets .cont02 .box05 .detail .pic {
  width: 156px;
  margin: 23px auto 0;
}

@media screen and (max-width: 1100px) {
  .estherbunny .sweets .cont02 .sweetsTxt .pic {
    width: 21.636vw;
    margin: 1.818vw auto 0;
  }
  .estherbunny .sweets .cont02 .box01 .detail .pic {
    width: 10.727vw;
    margin: 0.909vw auto 0;
  }
  .estherbunny .sweets .cont02 .box02 .detail .pic {
    width: 10.909vw;
    margin: 0.727vw auto 0;
  }
  .estherbunny .sweets .cont02 .box03 .detail .pic {
    width: 10.909vw;
    margin: -6.364vw 0.455vw 0 auto;
  }
  .estherbunny .sweets .cont02 .box04 .detail .pic {
    width: 7.182vw;
    margin: -2.727vw 2.273vw 0 auto;
  }
  .estherbunny .sweets .cont02 .box05 .detail .pic {
    width: 14.182vw;
    margin: 2.091vw auto 0;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .sweets .cont02 .sweetsTxt .pic {
    width: 52.8vw;
    margin: 4vw auto 0;
  }
  .estherbunny .sweets .cont02 .box01 .detail .pic {
    width: 27.733vw;
    margin-top: 0.667vw;
  }
  .estherbunny .sweets .cont02 .box02 .detail .pic {
    width: 27.067vw;
    margin-top: 1.333vw;
  }
  .estherbunny .sweets .cont02 .box03 .detail .pic {
    width: 27.067vw;
    margin: -16.667vw 0.667vw 0 auto;
  }
  .estherbunny .sweets .cont02 .box04 .detail .pic {
    width: 17.867vw;
    margin: -4.933vw 7.067vw 0 auto;
  }
  .estherbunny .sweets .cont02 .box05 .detail .pic {
    width: 37.467vw;
    margin: 4vw auto 0;
  }
}

/* sweetsCont03 */
.estherbunny .sweets .cont03 .sweetsTxt {
  background-color: #f9d9e7;
  padding: 15px 0 0;
}
.estherbunny .sweets .cont03 .sweetsTxt .pic {
  margin-top: 4px;
}
.estherbunny .sweets .cont03 .box01 .detail .note {
  width: 52.5%;
  text-align: justify;
}
.estherbunny .sweets .cont03 .box01 .detail .pic {
  width: 87px;
  margin: -130px 20px 0 auto;
}
.estherbunny .sweets .cont03 .box02 .detail .pic {
  width: 122px;
  margin: 10px auto 0;
}
.estherbunny .sweets .cont03 .box03 .detail .pic {
  width: 236px;
  margin: 6px auto 0;
}
.estherbunny .sweets .cont03 .box04 .detail .pic {
  width: 150px;
  margin: 27px auto 0;
}
.estherbunny .sweets .cont03 .box05 .detail .pic {
  width: 140px;
  margin: 5px auto 0
}

@media screen and (max-width: 1100px) {
  .estherbunny .sweets .cont03 .sweetsTxt {
    padding: 1.364vw 0 0;
  }
  .estherbunny .sweets .cont03 .sweetsTxt .pic {
    margin-top: 0.364vw;
  }
  .estherbunny .sweets .cont03 .box01 .detail .note {
    width: 52.5%;
  }
  .estherbunny .sweets .cont03 .box01 .detail .pic {
    width: 7.909vw;
    margin: -11.818vw 1.818vw 0 auto;
  }
  .estherbunny .sweets .cont03 .box02 .detail .pic {
    width: 11.091vw;
    margin: 0.909vw auto 0;
  }
  .estherbunny .sweets .cont03 .box03 .detail .pic {
    width: 21.455vw;
    margin: 0.545vw auto 0;
  }
  .estherbunny .sweets .cont03 .box04 .detail .pic {
    width: 13.636vw;
    margin: 2.455vw auto 0;
  }
  .estherbunny .sweets .cont03 .box05 .detail .pic {
    width: 12.727vw;
    margin: 0.455vw auto 0
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .sweets .cont03 .sweetsTxt {
    padding: 2.667vw 0 0;
  }
  .estherbunny .sweets .cont03 .sweetsTxt .pic {
    margin-top: 2.933vw;
  }
  .estherbunny .sweets .cont03 .box01 .detail .note {
    width: 50%;
  }
  .estherbunny .sweets .cont03 .box01 .detail .pic {
    width: 17.733vw;
    margin: -27.067vw 6.4vw 0 auto;
  }
  .estherbunny .sweets .cont03 .box02 .detail .pic {
    width: 27.333vw;
    margin: 2vw auto 0;
  }
  .estherbunny .sweets .cont03 .box03 .detail .pic {
    width: 51.333vw;
    margin: 1vw auto 0;
  }
  .estherbunny .sweets .cont03 .box04 .detail .pic {
    width: 34.667vw;
    margin: 4vw auto 0;
  }
  .estherbunny .sweets .cont03 .box05 .detail .pic {
    width: 31.867vw;
    margin: -3.067vw auto 0;
  }
}

/*---------------------------
collab
---------------------------*/
.estherbunny .collab {
  padding: 80px 0 110px;
  position: relative;
}
.estherbunny .collab::before {
  content: "";
  width: 100%;
  height: 38px;
  background: url("../../img/contents/common/wave.png") repeat-x center;
  position: absolute;
  top: -37px;
  left: 0;
}
.estherbunny .collab .collabCont {
  width: 830px;
  margin: 0 auto;
  background-color: #fbe9f1;
  border-radius: 30px;
  position: relative;
  padding: 80px 0 50px;
}
.estherbunny .collab .character01 {
  width: 140px;
  position: absolute;
  top: -65px;
  left: 20px;
}
.estherbunny .collab .character02 {
  width: 140px;
  position: absolute;
  top: -65px;
  right: 20px;
}
.estherbunny .collab .parts01 {
  width: 33px;
  position: absolute;
  top: 55px;
  left: 170px;
}
.estherbunny .collab .parts02 {
  width: 33px;
  position: absolute;
  top: 55px;
  right: 170px;
}
.estherbunny .collab h2 {
  width: 408px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.estherbunny .collab .contLead {
  font-size: calc((16 / 16) * 1rem);
  line-height: 1.91;
  letter-spacing: 0.1em;
  text-align: center;
}
.estherbunny .collab .contNote {
  font-size: calc((13 / 16) * 1rem);
  font-weight: 400;
  text-align: center;
  line-height: 1.385;
}

@media screen and (max-width: 1100px) {
  .estherbunny .collab {
    padding: 7.273vw 0 10vw;
  }
  .estherbunny .collab::before {
    width: 100%;
    height: 3.455vw;
    top: -3.364vw;
  }
  .estherbunny .collab .collabCont {
    width: 75.455vw;
    border-radius: 2.727vw;
    padding: 7.273vw 0 4.545vw;
  }
  .estherbunny .collab .character01 {
    width: 12.727vw;
    top: -5.909vw;
    left: 1.818vw;
  }
  .estherbunny .collab .character02 {
    width: 12.727vw;
    top: -5.909vw;
    right: 1.818vw;
  }
  .estherbunny .collab .parts01 {
    width: 3vw;
    top: 5vw;
    left: 15.455vw;
  }
  .estherbunny .collab .parts02 {
    width: 3vw;
    top: 5vw;
    right: 15.455vw;
  }
  .estherbunny .collab h2 {
    width: 37.091vw;
    top: -1.818vw;
  }
  .estherbunny .collab .contLead {
    font-size: 1.455vw;
  }
  .estherbunny .collab .contNote {
    font-size: 1.182vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .collab {
    padding: 11.333vw 0 13.333vw;
  }
  .estherbunny .collab::before {
    width: 100%;
    height: 4.533vw;
    background: url(../../img/contents/common/wave_sp.png) repeat-x center;
    background-size: contain;
    top: -4.4vw;
  }
  .estherbunny .collab .collabCont {
    width: 84vw;
    border-radius: 4vw;
    padding: 18vw 0 4.667vw;
  }
  .estherbunny .collab .character01 {
    width: 23.067vw;
    top: 10.267vw;
    left: -4.4vw;
  }
  .estherbunny .collab .character02 {
    width: 22.533vw;
    top: 10.267vw;
    right: -4.4vw;
  }
  .estherbunny .collab h2 {
    width: 89.067vw;
    top: -3.467vw;
  }
  .estherbunny .collab .contLead {
    font-size: 3.333vw;
    line-height: 1.51;
    letter-spacing: 0;
  }
  .estherbunny .collab .contNote {
    font-size: 2.667vw;
    line-height: 1.25;
  }
}

/* sealBox */
.estherbunny .collab .sealBox {
  padding: 45px 0 55px;
  display: flex;
  gap: 0 20px;
}
.estherbunny .collab .sealBox .picBox {
  width: 328px;
  margin-left: -20px;
}
.estherbunny .collab .sealBox .sealTtl {
  width: 271px;
  margin: 0 auto;
}
.estherbunny .collab .sealBox .sealPic {
  margin-top: -45px;
}
.estherbunny .collab .sealBox .txtBox {
  width: 60%;
}
.estherbunny .collab .sealBox .detail {
  position: relative;
}
.estherbunny .collab .sealBox .detail + .detail {
  margin-top: 10px;
  padding-top: 15px;
}
.estherbunny .collab .sealBox .detail + .detail::before {
  content: "";
  width: 420px;
  height: 2px;
  background: url("../../img/contents/collab/border.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.estherbunny .collab .sealBox .detail.detail01::after {
  content: "";
  width: 160px;
  height: 103px;
  background: url("../../img/contents/collab/img06.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -38px;
  right: 41px;
}
.estherbunny .collab .sealBox .detail.detail02::after {
  content: "";
  width: 173px;
  height: 145px;
  background: url("../../img/contents/collab/img04.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 12px;
  right: 80px;
}
.estherbunny .collab .sealBox .detail.detail03::after {
  content: "";
  width: 167px;
  height: 175px;
  background: url("../../img/contents/collab/img05.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 12px;
  right: 52px;
}
.estherbunny .collab .sealBox .collabTtl {
  display: inline-block;
  font-weight: 900;
  color: #fff;
  background-color: #e966a0;
  padding: 0 5px;
}
.estherbunny .collab .sealBox .shop {
  font-size: calc((20 / 16) * 1rem);
  font-weight: 800;
  line-height: 1.25;
}
.estherbunny .collab .sealBox .txt {
  font-weight: 400;
  line-height: 1.316;
  color: #e966a0;
}
.estherbunny .collab .sealBox .note {
  font-size: calc((13 / 16) * 1rem);
  font-weight: 400;
  line-height: 1.385;
}
.estherbunny .collab .sealBox .note span {
  font-weight: 800;
}

@media screen and (max-width: 1100px) {
  .estherbunny .collab .sealBox {
    padding: 4.091vw 0 5vw;
    gap: 0 1.818vw;
  }
  .estherbunny .collab .sealBox .picBox {
    width: 29.818vw;
    margin-left: -1.818vw;
  }
  .estherbunny .collab .sealBox .sealTtl {
    width: 24.636vw;
  }
  .estherbunny .collab .sealBox .sealPic {
    margin-top: -4.091vw;
  }
  .estherbunny .collab .sealBox .txtBox {
    width: 60%;
  }
  .estherbunny .collab .sealBox .detail + .detail {
    margin-top: 0.909vw;
    padding-top: 1.364vw;
  }
  .estherbunny .collab .sealBox .detail + .detail::before {
    width: 38.182vw;
    height: 0.182vw;
  }
  .estherbunny .collab .sealBox .detail.detail01::after {
    width: 14.545vw;
    height: 9.364vw;
    top: -3.455vw;
    right: 3.727vw;
  }
  .estherbunny .collab .sealBox .detail.detail02::after {
    width: 15.727vw;
    height: 13.182vw;
    top: 1.091vw;
    right: 7.273vw;
  }
  .estherbunny .collab .sealBox .detail.detail03::after {
    width: 15.182vw;
    height: 15.909vw;
    top: 1.091vw;
    right: 4.727vw;
  }
  .estherbunny .collab .sealBox .shop {
    font-size: 1.818vw;
  }
  .estherbunny .collab .sealBox .note {
    font-size: 1.182vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .collab .sealBox {
    padding: 2.667vw 0 5.333vw;
    display: block;
  }
  .estherbunny .collab .sealBox .picBox {
    width: 46.4vw;
    margin: 1.333vw auto 0;
    position: relative;
  }
  .estherbunny .collab .sealBox .sealTtl {
    width: 46.4vw;
    margin: 0 auto;
    padding-left: 2vw;
  }
  .estherbunny .collab .sealBox .sealPic {
    margin-top: -7.2vw;
  }
  .estherbunny .collab .sealBox .sealParts01 {
    width: 10.533vw;
    position: absolute;
    bottom: 4.4vw;
    left: -14.667vw;
  }
  .estherbunny .collab .sealBox .sealParts02 {
    width: 5.333vw;
    position: absolute;
    bottom: 4.667vw;
    right: -4vw;
  }
  .estherbunny .collab .sealBox .txtBox {
    width: 100%;
    padding: 2.667vw 5.333vw 0;
  }
  .estherbunny .collab .sealBox .detail + .detail{
    margin-top: 2vw;
    padding-top: 2vw;
  }
  .estherbunny .collab .sealBox .detail + .detail::before {
    width: 73.2vw;
    height: 0.533vw;
    background: url("../../img/contents/collab/border_sp.png") no-repeat;
    background-size: contain;
  }
  .estherbunny .collab .sealBox .detail + .detail03::before {
    width: 51.867vw;
    height: 0.533vw;
  }
  .estherbunny .collab .sealBox .detail.detail01::after {
    width: 29.867vw;
    height: 18.933vw;
    top: -0.867vw;
    right: -0.933vw;
  }
  .estherbunny .collab .sealBox .detail.detail02::after {
    width: 17.6vw;
    height: 20.667vw;
    background: url("../../img/contents/collab/img04_sp.png") no-repeat;
    background-size: contain;
    top: 7.733vw;
    right: 1.133vw;
  }
  .estherbunny .collab .sealBox .detail.detail03::after {
    width: 28.867vw;
    height: 30.2vw;
    top: 6vw;
    right: -2.133vw;
  }
  .estherbunny .collab .sealBox .shop {
    font-size: 4vw;
    line-height: 1.19;
  }
  .estherbunny .collab .sealBox .txt {
    line-height: 1.28;
  }
  .estherbunny .collab .sealBox .note {
    font-size: 2.667vw;
    line-height: 1.25;
  }
  .estherbunny .collab .sealBox .detail03 .note {
    width: 60%;
  }
}

/* collabBox */
.estherbunny .collab .collabBox {
  width: 700px;
  margin: 0 auto;
  border-top: solid 2px #e966a0;
  padding: 50px 45px;
  display: flex;
  align-items: flex-start;
  gap: 0 25px;
  position: relative;
}
.estherbunny .collab .collabBox .collabTtl {
  display: inline-block;
  font-weight: 900;
  color: #fff;
  background-color: #e966a0;
  padding: 0 5px;
}
.estherbunny .collab .collabBox .shop {
  font-size: calc((20 / 16) * 1rem);
  font-weight: 800;
  line-height: 1.25;
}
.estherbunny .collab .collabBox .txt {
  font-weight: 400;
  line-height: 1.316;
  color: #e966a0;
}
.estherbunny .collab .collabBox .note {
  font-size: calc((13 / 16) * 1rem);
  font-weight: 400;
  line-height: 1.385;
}

@media screen and (max-width: 1100px) {
  .estherbunny .collab .collabBox {
    width: 63.636vw;
    border-top: solid 0.182vw #e966a0;
    padding: 4.545vw 4.091vw;
    gap: 0 2.273vw;
  }
  .estherbunny .collab .collabBox .collabTtl {
    padding: 0 0.455vw;
  }
  .estherbunny .collab .collabBox .shop {
    font-size: 1.818vw;
  }
  .estherbunny .collab .collabBox .note {
    font-size: 1.182vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .collab .collabBox {
    width: 72.533vw;
    border-top: solid 0.4vw #e966a0;
    padding: 10vw 7.667vw 5.333vw;
    display: block;
  }
  .estherbunny .collab .collabBox .collabLabel {
    padding: 0 0.667vw;
  }
  .estherbunny .collab .collabBox .txtBox {
    margin-top: 2.667vw;
  }
  .estherbunny .collab .collabBox .shop {
    font-size: 4vw;
    line-height: 1.19;
  }
  .estherbunny .collab .collabBox .txt {
    line-height: 1.28;
  }
  .estherbunny .collab .collabBox .txt span {
    display: inline;
    font-size: 2.667vw;
  }
  .estherbunny .collab .collabBox .note {
    font-size: 2.667vw;
    line-height: 1.25;
  }
}

/* box01 */
.estherbunny .collab .collabBox.box01 .picBox {
  width: 359px;
  position: relative;
}
.estherbunny .collab .collabBox.box01 .picBox .ttl {
  width: 344px;
  position: absolute;
  bottom: 0;
  right: -216px;
}
.estherbunny .collab .collabBox.box01 .picBox .picNote {
  font-size: calc((13 / 16) * 1rem);
  font-weight: 400;
  line-height: 1.385;
  position: absolute;
  top: 10px;
  left: 10px;
}
.estherbunny .collab .collabBox.box01 .txtBox {
  margin-top: 60px;
  width: 35%;
  position: relative;
}
.estherbunny .collab .collabBox.box01 .heart01 {
  width: 40px;
  position: absolute;
  top: 160px;
  left: -70px;
}
.estherbunny .collab .collabBox.box01 .parts03 {
  width: 114px;
  position: absolute;
  top: 40px;
  right: -158px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .collab .collabBox.box01 .picBox {
    width: 32.636vw;
  }
  .estherbunny .collab .collabBox.box01 .picBox .ttl {
    width: 31.273vw;
    right: -19.636vw;
  }
  .estherbunny .collab .collabBox.box01 .picBox .picNote {
    font-size: 1.182vw;
    top: 0.909vw;
    left: 0.909vw;
  }
  .estherbunny .collab .collabBox.box01 .txtBox {
    margin-top: 5.455vw;
    width: 35%;
  }
  .estherbunny .collab .collabBox.box01 .heart01 {
    width: 3.636vw;
    top: 14.545vw;
    left: -6.364vw;
  }
  .estherbunny .collab .collabBox.box01 .parts03 {
    width: 10.364vw;
    top: 3.636vw;
    right: -14.364vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .collab .collabBox.box01 .picBox {
    width: 57.2vw;
    margin: 0 auto;
  }
  .estherbunny .collab .collabBox.box01 .picBox .ttl {
    width: 12.667vw;
    bottom: -7vw;
    right: 2.667vw;
  }
  .estherbunny .collab .collabBox.box01 .picBox .picNote {
    font-size: 2.667vw;
    line-height: 1.25;
    top: 1.6vw;
    left: 1.6vw;
  }
  .estherbunny .collab .collabBox.box01 .txtBox {
    width: 57.2vw;
    margin: 2.667vw auto 0;
  }
  .estherbunny .collab .collabBox.box01 .heart01 {
    width: 5.333vw;
    top: -5.467vw;
    left: -7.467vw;
  }
  .estherbunny .collab .collabBox.box01 .parts03 {
    width: 12.4vw;
    top: -0.4vw;
    right: -9.333vw;
  }
}

/* box02 */
.estherbunny .collab .collabBox.box02 {
  flex-direction: row-reverse;
}
.estherbunny .collab .collabBox.box02 .picBox {
  width: 328px;
  position: relative;
}
.estherbunny .collab .collabBox.box02 .picBox .ttl {
  width: 291px;
  position: absolute;
  bottom: 69px;
  left: -227px;
}
.estherbunny .collab .collabBox.box02 .txtBox {
  margin-top: 85px;
  width: 36%;
  position: relative;
}
.estherbunny .collab .collabBox.box02 .parts04 {
  width: 79px;
  position: absolute;
  top: 73px;
  left: -155px;
}
.estherbunny .collab .collabBox.box02 .heart03 {
  width: 45px;
  position: absolute;
  top: 47px;
  right: -70px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .collab .collabBox.box02 .picBox {
    width: 29.818vw;
  }
  .estherbunny .collab .collabBox.box02 .picBox .ttl {
    width: 26.455vw;
    position: absolute;
    bottom: 6.273vw;
    left: -20.636vw;
  }
  .estherbunny .collab .collabBox.box02 .txtBox {
    margin-top: 7.727vw;
    width: 36%;
  }
  .estherbunny .collab .collabBox.box02 .parts04 {
    width: 7.182vw;
    top: 6.636vw;
    left: -14.091vw;
  }
  .estherbunny .collab .collabBox.box02 .heart03 {
    width: 4.091vw;
    top: 4.273vw;
    right: -6.364vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .collab .collabBox.box02 .picBox {
    width: 46.4vw;
    margin: 0 auto;
  }
  .estherbunny .collab .collabBox.box02 .picBox .ttl {
    width: 44.267vw;
    bottom: auto;
    top: -4.733vw;
    right: 0.8vw;
    left: auto;
  }
  .estherbunny .collab .collabBox.box02 .txtBox {
    width: 57.2vw;
    margin: 2.667vw auto 0;
    display: flex;
  }
  .estherbunny .collab .collabBox.box02 .txtBox .box {
    width: 81%;
  }
  .estherbunny .collab .collabBox.box02 .parts04 {
    width: 8.533vw;
    top: 8.667vw;
    left: -16.267vw;
  }
  .estherbunny .collab .collabBox.box02 .heart03 {
    width: 6.133vw;
    top: 12.4vw;
    right: -9.333vw;
  }
}

/* box03 */
.estherbunny .collab .collabBox.box03 .picBox {
  width: 340px;
  margin-left: -45px;
  position: relative;
}
.estherbunny .collab .collabBox.box03 .picBox .ttl {
  width: 102px;
  position: absolute;
  bottom: 48px;
  left: -56px;
}
.estherbunny .collab .collabBox.box03 .txtBox {
  width: 55%;
  margin-right: -45px;
  position: relative;
}
.estherbunny .collab .collabBox.box03 .txtBox .pic {
  width: 131px;
  margin-top: 10px;
}
.estherbunny .collab .collabBox.box03 .parts05 {
  width: 60px;
  position: absolute;
  bottom: -10px;
  right: 8px;
}
.estherbunny .collab .collabBox.box03 .heart02 {
  width: 60px;
  position: absolute;
  bottom: 60px;
  right: 66px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .collab .collabBox.box03 .picBox {
    width: 30.909vw;
    margin-left: -4.091vw;
  }
  .estherbunny .collab .collabBox.box03 .picBox .ttl {
    width: 9.273vw;
    bottom: 4.364vw;
    left: -5.091vw;
  }
  .estherbunny .collab .collabBox.box03 .txtBox {
    width: 55%;
    margin-right: -4.091vw;
  }
  .estherbunny .collab .collabBox.box03 .txtBox .pic {
    width: 11.909vw;
    margin-top: 0.909vw;
  }
  .estherbunny .collab .collabBox.box03 .parts05 {
    width: 5.455vw;
    bottom: -0.909vw;
    right: 0.727vw;
  }
  .estherbunny .collab .collabBox.box03 .heart02 {
    width: 5.455vw;
    bottom: 5.455vw;
    right: 6vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .collab .collabBox.box03 .picBox {
    width: 57.2vw;
    margin-left: 0;
  }
  .estherbunny .collab .collabBox.box03 .picBox .ttl {
    width: 15.467vw;
    bottom: 7.6vw;
    left: -7.4vw;
  }
  .estherbunny .collab .collabBox.box03 .txtBox {
    width: 57.2vw;
    margin: 2.667vw auto 0;
    display: flex;
  }
  .estherbunny .collab .collabBox.box03 .txtBox .box {
    width: 81%;
  }
  .estherbunny .collab .collabBox.box03 .txtBox .pic {
    width: 28.8vw;
    margin: 0 -18.667vw 0 0;
  }
  .estherbunny .collab .collabBox.box03 .parts05 {
    width: 8vw;
    bottom: auto;
    right: -11.333vw;
    top: -35.6vw;
  }
  .estherbunny .collab .collabBox.box03 .heart02 {
    width: 6.533vw;
    bottom: -0.933vw;
    right: 10.667vw;
  }
}

/*---------------------------
events
---------------------------*/
.estherbunny .events {
  padding: 55px 0 95px;
  background-color: #e5daeb;
  position: relative;
}
.estherbunny .events::before {
  content: "";
  width: 100%;
  height: 49px;
  background: url("../../img/contents/events/wave.png") repeat-x center;
  position: absolute;
  top: -48px;
  left: 0;
}
.estherbunny .events .ttlArea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 20px;
  position: relative;
}
.estherbunny .events .ttlArea .pic {
  width: 285px;
}
.estherbunny .events .ttlArea .ttlBox {
  width: 29%;
  position: relative;
}
.estherbunny .events .ttlArea .ttlBox h2 {
  width: 196px;
  margin: 0 auto;
}
.estherbunny .events .ttlArea .ttlBox .contLead {
  margin-top: 15px;
  font-size: calc((16 / 16) * 1rem);
  line-height: 1.91;
  text-align: center;
}
.estherbunny .events .ttlArea .heart01 {
  width: 56px;
  position: absolute;
  top: 0;
  left: 175px;
}
.estherbunny .events .ttlArea .star01 {
  width: 49px;
  position: absolute;
  bottom: 25px;
  left: 205px;
}
.estherbunny .events .ttlArea .star02 {
  width: 49px;
  position: absolute;
  top: -5px;
  left: 529px;
}
.estherbunny .events .ttlArea .parts05 {
  width: 24px;
  position: absolute;
  bottom: 6px;
  left: 510px;
}
.estherbunny .events .ttlArea .parts06 {
  width: 97px;
  position: absolute;
  top: -80px;
  right: -10px;
}
.estherbunny .events .ttlArea .flower01 {
  width: 48px;
  position: absolute;
  bottom: -47px;
  right: -10px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .events {
    padding: 5vw 0 8.636vw;
  }
  .estherbunny .events::before {
    width: 100%;
    height: 4.455vw;
    top: -4.364vw;
  }
  .estherbunny .events .ttlArea {
    gap: 0 1.818vw;
  }
  .estherbunny .events .ttlArea .pic {
    width: 25.909vw;
  }
  .estherbunny .events .ttlArea .ttlBox {
    width: 29%;
  }
  .estherbunny .events .ttlArea .ttlBox h2 {
    width: 17.818vw;
  }
  .estherbunny .events .ttlArea .ttlBox .contLead {
    margin-top: 1.364vw;
    font-size: 1.455vw;
  }
  .estherbunny .events .ttlArea .heart01 {
    width: 5.091vw;
    left: 15.909vw;
  }
  .estherbunny .events .ttlArea .star01 {
    width: 4.455vw;
    bottom: 2.273vw;
    left: 18.636vw;
  }
  .estherbunny .events .ttlArea .star02 {
    width: 4.455vw;
    top: -0.455vw;
    left: 47.818vw;
  }
  .estherbunny .events .ttlArea .parts05 {
    width: 2.182vw;
    bottom: 0.545vw;
    left: 46.364vw;
  }
  .estherbunny .events .ttlArea .parts06 {
    width: 8.818vw;
    top: -7.273vw;
    right: -0.909vw;
  }
  .estherbunny .events .ttlArea .flower01 {
    width: 4.364vw;
    bottom: -4.273vw;
    right: -0.909vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .events {
    padding: 17.333vw 0 9.333vw;
  }
  .estherbunny .events::before {
    width: 100%;
    height: 6.4vw;
    background: url("../../img/contents/events/wave_sp.png") repeat-x center;
    background-size: contain;
    position: absolute;
    top: -6.267vw;
  }
  .estherbunny .events .ttlArea {
    display: block;
  }
  .estherbunny .events .ttlArea .pic {
    width: 53.733vw;
    margin: 4.667vw auto 0;
  }
  .estherbunny .events .ttlArea .ttlBox {
    width: 100%;
  }
  .estherbunny .events .ttlArea .ttlBox h2 {
    width: 43.6vw;
  }
  .estherbunny .events .ttlArea .ttlBox .contLead {
    margin-top: 2vw;
    font-size: 3.333vw;
    line-height: 1.48;
  }
  .estherbunny .events .ttlArea .heart01 {
    width: 10.4vw;
    top: 27.6vw;
    left: 8vw;
  }
  .estherbunny .events .ttlArea .star01 {
    width: 9.067vw;
    bottom: 5.2vw;
    left: 16vw;
  }
  .estherbunny .events .ttlArea .star02 {
    width: 9.067vw;
    top: 26.267vw;
    left: auto;
    right: 11.067vw;
  }
  .estherbunny .events .ttlArea .parts05 {
    width: 4.4vw;
    bottom: 0.667vw;
    left: auto;
    right: 17.467vw;
  }
  .estherbunny .events .ttlArea .parts06 {
    width: 15.467vw;
    top: -12.267vw;
    right: 18.4vw;
  }
  .estherbunny .events .ttlArea .flower01 {
    width: 8.8vw;
    bottom: auto;
    top: -4.667vw;
    right: auto;
    left: 15.067vw;
  }
}

/* eventsCont */
.estherbunny .events .eventsCont {
  width: 830px;
  margin: 40px auto 0;
  background-color: #fff;
  padding: 40px 65px 45px;
  position: relative;
}
.estherbunny .events .eventsCont .parts01 ,
.estherbunny .events .eventsCont .parts02 ,
.estherbunny .events .eventsCont .parts03 ,
.estherbunny .events .eventsCont .parts04 {
  width: 64px;
  position: absolute;
}
.estherbunny .events .eventsCont .parts01 {
  top: -5px;
  left: -5px;
}
.estherbunny .events .eventsCont .parts02 {
  top: -5px;
  right: -5px;
}
.estherbunny .events .eventsCont .parts03 {
  bottom: -5px;
  left: -5px;
}
.estherbunny .events .eventsCont .parts04 {
  bottom: -5px;
  right: -5px;
}
.estherbunny .events .eventsCont .eventBox {
  padding-bottom: 40px;
}
.estherbunny .events .eventsCont .eventBox + .eventBox {
  padding-top: 40px;
  border-top: solid 2px #e3d9ea;
}
.estherbunny .events .eventsCont .eventBox:last-child {
  padding-bottom: 0;
}
.estherbunny .events .eventBox .eventsDf {
  display: flex;
}
.estherbunny .events .eventBox .copy {
  font-size: calc((16 / 16) * 1rem);
  font-weight: 800;
  text-align: center;
  line-height: 1.91;
}
.estherbunny .events .eventBox h3 {
  font-size: calc((25 / 16) * 1rem);
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  color: #F09CC0;
  -webkit-text-stroke: 1.5px #000;
  text-align: center;
}
.estherbunny .events .eventBox ul {
  margin-top: 10px;
  font-size: calc((18 / 16) * 1rem);
  font-weight: 800;
  line-height: 1.167;
  text-align: center;
}
.estherbunny .events .eventBox ul li {
  display: inline-block;
  padding-left: 15px;
  position: relative;
}
.estherbunny .events .eventBox ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  background: url("../../img/contents/events/heart.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.estherbunny .events .eventBox .txt {
  margin-top: 13px;
  line-height: 1.333;
}
.estherbunny .events .eventBox .txt.mt {
  margin-top: 5px;
}
.estherbunny .events .eventBox .txt span {
  font-weight: 900;
  color: #f09cc0;
}
.estherbunny .events .eventBox .txt .border {
  display: inline-block;
  border: solid 1px #f09cc0;
  padding: 0 3px;
  margin-top: 3px;
  margin-right: 3px;
}
.estherbunny .events .eventBox .txt .border:last-child {
  margin-left: 10px;
}
.estherbunny .events .eventBox .txt .insta {
  font-weight: 900;
  color: #000;
}
.estherbunny .events .eventBox .note {
  font-size: calc((13 / 16) * 1rem);
}
.estherbunny .events .eventBox .note.center {
  text-align: center;
}
.estherbunny .events .eventBox .eventsBtn {
  width: 206px;
  margin: 25px auto 0;
}
.estherbunny .events .eventBox .eventsBtn a {
  display: block;
  background-color: #f09cc0;
  border: solid 1px #231815;
  border-radius: 50px;
  padding: 10px 30px 10px 10px;
  font-size: calc((18 / 16) * 1rem);
  font-weight: 800;
  color: #fff;
  text-align: center;
  position: relative;
}
.estherbunny .events .eventBox .eventsBtn a::after {
  content: "";
  width: 16px;
  height: 17px;
  background: url("../../img/contents/events/arrow.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
}

@media screen and (max-width: 1100px) {
  .estherbunny .events .eventsCont {
    width: 75.455vw;
    margin: 3.636vw auto 0;
    padding: 3.636vw 5.909vw 4.091vw;
  }
  .estherbunny .events .eventsCont .parts01 ,
  .estherbunny .events .eventsCont .parts02 ,
  .estherbunny .events .eventsCont .parts03 ,
  .estherbunny .events .eventsCont .parts04 {
    width: 5.818vw;
  }
  .estherbunny .events .eventsCont .parts01 {
    top: -0.455vw;
    left: -0.455vw;
  }
  .estherbunny .events .eventsCont .parts02 {
    top: -0.455vw;
    right: -0.455vw;
  }
  .estherbunny .events .eventsCont .parts03 {
    bottom: -0.455vw;
    left: -0.455vw;
  }
  .estherbunny .events .eventsCont .parts04 {
    bottom: -0.455vw;
    right: -0.455vw;
  }
  .estherbunny .events .eventsCont .eventBox {
    padding-bottom: 3.636vw;
  }
  .estherbunny .events .eventsCont .eventBox + .eventBox {
    padding-top: 3.636vw;
    border-top: solid 0.182vw #e3d9ea;
  }
  .estherbunny .events .eventBox .copy {
    font-size: 1.455vw;
  }
  .estherbunny .events .eventBox h3 {
    font-size: 2.273vw;
    -webkit-text-stroke: 0.136vw #000;
  }
  .estherbunny .events .eventBox ul {
    margin-top: 0.909vw;
    font-size: 1.636vw;
  }
  .estherbunny .events .eventBox ul li {
    padding-left: 1.364vw;
  }
  .estherbunny .events .eventBox ul li::before {
    width: 1.091vw;
    height: 1.091vw;
  }
  .estherbunny .events .eventBox .txt {
    margin-top: 1.182vw;
    line-height: 1.333;
  }
  .estherbunny .events .eventBox .txt.mt {
    margin-top: 0.455vw;
  }
  .estherbunny .events .eventBox .txt .border {
    border: solid 0.091vw #f09cc0;
    padding: 0 0.273vw;
    margin-top: 0.273vw;
    margin-right: 0.273vw;
  }
  .estherbunny .events .eventBox .txt .border:last-child {
    margin-left: 0.909vw;
  }
  .estherbunny .events .eventBox .note {
    font-size: 1.182vw;
  }
  .estherbunny .events .eventBox .eventsBtn {
    width: 18.727vw;
    margin: 2.273vw auto 0;
  }
  .estherbunny .events .eventBox .eventsBtn a {
    border: solid 0.091vw #231815;
    border-radius: 4.545vw;
    padding: 0.909vw 2.727vw 0.909vw 0.909vw;
    font-size: 1.636vw;
  }
  .estherbunny .events .eventBox .eventsBtn a::after {
    width: 1.455vw;
    height: 1.545vw;
    right: 3.182vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .events .eventsCont {
    width: 84vw;
    margin: 4vw auto 0;
    padding: 7.333vw 5.333vw 24.667vw;
  }
  .estherbunny .events .eventsCont .parts01 ,
  .estherbunny .events .eventsCont .parts02 ,
  .estherbunny .events .eventsCont .parts03 ,
  .estherbunny .events .eventsCont .parts04 {
    width: 13.733vw;
  }
  .estherbunny .events .eventsCont .parts01 {
    top: -0.4vw;
    left: -0.4vw;
  }
  .estherbunny .events .eventsCont .parts02 {
    top: -0.4vw;
    right: -0.4vw;
  }
  .estherbunny .events .eventsCont .parts03 {
    bottom: -0.4vw;
    left: -0.4vw;
  }
  .estherbunny .events .eventsCont .parts04 {
    bottom: -0.4vw;
    right: -0.4vw;
  }
  .estherbunny .events .eventsCont .eventBox {
    padding-bottom: 7.333vw;
  }
  .estherbunny .events .eventsCont .eventBox + .eventBox {
    padding-top: 7.333vw;
    border-top: solid 0.4vw #e3d9ea;
  }
  .estherbunny .events .eventBox .eventsDf {
    display: block;
  }
  .estherbunny .events .eventBox .copy {
    font-size: 3.333vw;
    line-height: 1.222;
  }
  .estherbunny .events .eventBox h3 {
    font-size: 5.333vw;
    -webkit-text-stroke: 0.2vw #000;
  }
  .estherbunny .events .eventBox ul {
    margin-top: 1.333vw;
    font-size: 4vw;
  }
  .estherbunny .events .eventBox ul li {
    padding-left: 4vw;
  }
  .estherbunny .events .eventBox ul li::before {
    width: 3.333vw;
    height: 3.6vw;
  }
  .estherbunny .events .eventBox .txt {
    margin-top: 2vw;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  .estherbunny .events .eventBox .txt.mt {
    margin-top: 2.667vw;
  }
  .estherbunny .events .eventBox .txt .border {
    border: solid 0.267vw #f09cc0;
    padding: 0 0.667vw;
    margin-top: 0.667vw;
    margin-right: 0.667vw;
  }
  .estherbunny .events .eventBox .txt .border:last-child {
    margin-left: 2vw;
  }
  .estherbunny .events .eventBox .note {
    font-size: 2.667vw;
  }
  .estherbunny .events .eventBox .eventsBtn {
    width: 40.4vw;
    margin: 4vw auto 0;
  }
  .estherbunny .events .eventBox .eventsBtn a {
    border: solid 0.267vw #231815;
    border-radius: 6.667vw;
    padding: 2.667vw 6.667vw 2.667vw 2.667vw;
    font-size: 3.467vw;
  }
  .estherbunny .events .eventBox .eventsBtn a::after {
    width: 3.333vw;
    height: 3.733vw;
    right: 6.667vw;
  }
}

/* box01 */
.estherbunny .events .eventBox.box01 {
  position: relative;
}
.estherbunny .events .eventBox.box01 .eventsDf {
  gap: 0 25px;
  position: relative;
}
.estherbunny .events .eventBox.box01 .txtBox {
  width: 40%;
  position: relative;
}
.estherbunny .events .eventBox.box01 .picBox {
  width: 329px;
}
.estherbunny .events .eventBox.box01 .picNote {
  margin-top: 3px;
  font-size: calc((13 / 16) * 1rem);
  font-weight: 400;
  text-align: right;
}
.estherbunny .events .eventBox.box01 .heart05 {
  width: 39px;
  position: absolute;
  bottom: 65px;
  right: -5px;
}
.estherbunny .events .eventBox.box01 .flower05 {
  width: 36px;
  position: absolute;
  top: 28px;
  right: -20px;
}
.estherbunny .events .eventBox.box01 .papillon {
  width: 53px;
  position: absolute;
  top: 100px;
  left: -75px;
}
.estherbunny .events .eventBox.box01 .parts07 {
  width: 84px;
  position: absolute;
  top: -60px;
  right: 175px;
}
.estherbunny .events .eventBox.box01 .character01 {
  width: 196px;
  position: absolute;
  bottom: -100px;
  right: -100px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .events .eventBox.box01 .eventsDf {
    gap: 0 2.273vw;
  }
  .estherbunny .events .eventBox.box01 .picBox {
    width: 29.909vw;
  }
  .estherbunny .events .eventBox.box01 .picNote {
    margin-top: 0.273vw;
    font-size: 1.182vw;
  }
  .estherbunny .events .eventBox.box01 .heart05 {
    width: 3.545vw;
    bottom: 5.909vw;
    right: -0.455vw;
  }
  .estherbunny .events .eventBox.box01 .flower05 {
    width: 3.273vw;
    top: 2.545vw;
    right: -1.818vw;
  }
  .estherbunny .events .eventBox.box01 .papillon {
    width: 4.818vw;
    top: 9.091vw;
    left: -6.818vw;
  }
  .estherbunny .events .eventBox.box01 .parts07 {
    width: 7.636vw;
    top: -5.455vw;
    right: 15.909vw;
  }
  .estherbunny .events .eventBox.box01 .character01 {
    width: 17.818vw;
    bottom: -9.091vw;
    right: -9.091vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .events .eventBox.box01 .txtBox {
    width: 100%;
  }
  .estherbunny .events .eventBox.box01 ul {
    width: 85%;
    margin: 0 auto;
  }
  .estherbunny .events .eventBox.box01 .picBox {
    width: 57.867vw;
    margin: 2.667vw auto 0;
  }
  .estherbunny .events .eventBox.box01 .picNote {
    margin-top: 0.667vw;
    font-size: 2.667vw;
    text-align: left;
  }
  .estherbunny .events .eventBox.box01 .papillon {
    width: 10vw;
    top: 16vw;
    left: -6.8vw;
  }
  .estherbunny .events .eventBox.box01 .parts07 {
    width: 15.733vw;
    top: 14.667vw;
    right: -8.8vw;
  }
  .estherbunny .events .eventBox.box01 .character01 {
    width: 36.667vw;
    bottom: -7.533vw;
    right: -10.667vw;
    z-index: 5;
  }
}

/* box02 */
.estherbunny .events .eventBox.box02 .eventsDf {
  justify-content: flex-end;
  gap: 0 35px;
  position: relative;
}
.estherbunny .events .eventBox.box02 .txtBox {
  width: 43%;
}
.estherbunny .events .eventBox.box02 .pic {
  width: 297px;
}
.estherbunny .events .eventBox.box02 .parts08 {
  width: 49px;
  position: absolute;
  top: 70px;
  left: -10px;
}
.estherbunny .events .eventBox.box02 .character02 {
  width: 168px;
  position: absolute;
  bottom: -100px;
  left: -30px
}
.estherbunny .events .eventBox.box02 .heart02 {
  width: 18px;
  position: absolute;
  top: 80px;
  left: 270px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .events .eventBox.box02 .eventsDf {
    gap: 0 3.182vw;
  }
  .estherbunny .events .eventBox.box02 .txtBox {
    width: 43%;
  }
  .estherbunny .events .eventBox.box02 .pic {
    width: 27vw;
  }
  .estherbunny .events .eventBox.box02 .parts08 {
    width: 4.455vw;
    top: 6.364vw;
    left: -0.909vw;
  }
  .estherbunny .events .eventBox.box02 .character02 {
    width: 15.273vw;
    bottom: -9.091vw;
    left: -30px
  }
  .estherbunny .events .eventBox.box02 .heart02 {
    width: 1.636vw;
    top: 7.273vw;
    left: 24.545vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .events .eventBox.box02 .txtBox {
    width: 100%;
  }
  .estherbunny .events .eventBox.box02 .pic {
    width: 38.533vw;
    margin: 2vw 0 0 auto;
  }
  .estherbunny .events .eventBox.box02 .parts08 {
    width: 9.2vw;
    top: auto;
    left: 13.333vw;
    bottom: 41.333vw;
  }
  .estherbunny .events .eventBox.box02 .character02 {
    width: 30.133vw;
    bottom: 0;
    left: 0;
  }
  .estherbunny .events .eventBox.box02 .heart02 {
    width: 3.067vw;
    top: auto;
    left: auto;
    bottom: 29.733vw;
    right: 6vw;
  }
}

/* box03 */
.estherbunny .events .eventsCont .eventBox.box03 {
  position: relative;
  z-index: 5;
}
.estherbunny .events .eventBox.box03 .eventsDf {
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
}
.estherbunny .events .eventBox.box03 .txtBox {
  width: 75%;
  position: relative;
}
.estherbunny .events .eventBox.box03 .picBox {
  width: 143px;
}
.estherbunny .events .eventBox.box03 .picNote {
  margin-top: 3px;
  font-size: calc((13 / 16) * 1rem);
}
.estherbunny .events .eventBox.box03 .parts09 {
  width: 42px;
  position: absolute;
  top: 60px;
  left: 40px;
}
.estherbunny .events .eventBox.box03 .flower02 {
  width: 48px;
  position: absolute;
  top: 10px;
  right: 50px;
}
.estherbunny .events .eventBox.box03 .character03 {
  width: 98px;
  position: absolute;
  bottom: -87px;
  right: -110px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .events .eventBox.box03 .txtBox {
    width: 75%;
  }
  .estherbunny .events .eventBox.box03 .picBox {
    width: 13vw;
  }
  .estherbunny .events .eventBox.box03 .picNote {
    margin-top: 0.273vw;
    font-size: 1.182vw;
  }
  .estherbunny .events .eventBox.box03 .parts09 {
    width: 3.818vw;
    top: 5.455vw;
    left: 3.636vw;
  }
  .estherbunny .events .eventBox.box03 .flower02 {
    width: 4.364vw;
    top: 0.909vw;
    right: 4.545vw;
  }
  .estherbunny .events .eventBox.box03 .character03 {
    width: 8.909vw;
    bottom: -7.909vw;
    right: -10vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .events .eventBox.box03 .eventsDf {
    display: flex;
    flex-direction: column-reverse;
    justify-content: none;
  }
  .estherbunny .events .eventBox.box03 .txtBox {
    width: 100%;
  }
  .estherbunny .events .eventBox.box03 .picBox {
    display: flex;
    flex-wrap: wrap;
    width: 57.867vw;
    margin: 1.667vw auto 0;
  }
  .estherbunny .events .eventBox.box03 .picBox .pic {
    width: 28.933vw;
  }
  .estherbunny .events .eventBox.box03 .picNote {
    width: 100%;
    margin-top: 0.667vw;
    font-size: 2.667vw;
  }
  .estherbunny .events .eventBox.box03 .parts09 {
    width: 8vw;
    top: 9.6vw;
    left: -0.8vw;
  }
  .estherbunny .events .eventBox.box03 .flower02 {
    width: 8.8vw;
    top: 7.2vw;
    right: -8.4vw;
  }
  .estherbunny .events .eventBox.box03 .character03 {
    width: 15.6vw;
    bottom: -1.933vw;
    right: -3.6vw;
  }
}

/* box04 */
.estherbunny .events .eventBox.box04 .eventsDf {
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.estherbunny .events .eventBox.box04 .txtBox {
  width: 42%;
}
.estherbunny .events .eventBox.box04 .picBox {
  width: 143px;
}
.estherbunny .events .eventBox.box04 .stickerBox {
  margin-top: 10px;
  width: 381px;
  background-color: #fbe8f1;
  border-radius: 17px;
  padding: 10px 0 5px;
}
.estherbunny .events .eventBox.box04 .sticker {
  display: flex;
  justify-content: center;
  align-items: center;
}
.estherbunny .events .eventBox.box04 .sticker + .sticker {
  margin-top: 10px;
}
.estherbunny .events .eventBox.box04 .sticker .num {
  width: 54px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.estherbunny .events .eventBox.box04 .sticker .stickerPic {
  width: 116px;
}
.estherbunny .events .eventBox.box04 .sticker .stickerPic + .stickerPic {
  margin-left: 5px;
}
.estherbunny .events .eventBox.box04 .sticker .picNote {
  margin-top: 3px;
  font-size: calc((11 / 16) * 1rem);
  text-align: center;
}
.estherbunny .events .eventBox.box04 .txt + .txt {
  margin-top: 5px;
}
.estherbunny .events .eventBox.box04 .note {
  margin-top: 5px;
}
.estherbunny .events .eventBox.box04 .character04 {
  width: 231px;
  position: absolute;
  bottom: -91px;
  left: -100px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .events .eventBox.box04 .txtBox {
    width: 42%;
  }
  .estherbunny .events .eventBox.box04 .picBox {
    width: 13vw;
  }
  .estherbunny .events .eventBox.box04 .stickerBox {
    margin-top: 0.909vw;
    width: 34.636vw;
    border-radius: 1.545vw;
    padding: 0.909vw 0 0.455vw;
  }
  .estherbunny .events .eventBox.box04 .sticker + .sticker {
    margin-top: 0.909vw;
  }
  .estherbunny .events .eventBox.box04 .sticker .num {
    width: 4.909vw;
    margin-right: 0.909vw;
    margin-bottom: 1.818vw;
  }
  .estherbunny .events .eventBox.box04 .sticker .stickerPic {
    width: 10.545vw;
  }
  .estherbunny .events .eventBox.box04 .sticker .stickerPic + .stickerPic {
    margin-left: 0.455vw;
  }
  .estherbunny .events .eventBox.box04 .sticker .picNote {
    margin-top: 0.273vw;
    font-size: 1vw;
  }
  .estherbunny .events .eventBox.box04 .txt + .txt {
    margin-top: 0.455vw;
  }
  .estherbunny .events .eventBox.box04 .note {
    margin-top: 0.455vw;
  }
  .estherbunny .events .eventBox.box04 .character04 {
    width: 21vw;
    bottom: -8.273vw;
    left: -9.091vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .events .eventBox.box04 .eventsDf {
    display: flex;
    flex-direction: column-reverse;
    justify-content: none;
    align-items: none;
  }
  .estherbunny .events .eventBox.box04 .txtBox {
    width: 100%;
  }
  .estherbunny .events .eventBox.box04 .stickerBox {
    margin-top: 2.667vw;
    width: 100%;
    border-radius: 5.333vw;
    padding: 5.333vw 5.333vw 4vw 4vw;
  }
  .estherbunny .events .eventBox.box04 .sticker + .sticker {
    margin-top: 3.333vw;
  }
  .estherbunny .events .eventBox.box04 .sticker .num {
    width: 10.267vw;
    margin-right: 2vw;
    margin-bottom: 2.667vw;
  }
  .estherbunny .events .eventBox.box04 .sticker .stickerPic {
    width: 23.467vw;
  }
  .estherbunny .events .eventBox.box04 .sticker .stickerPic + .stickerPic {
    margin-left: 1.333vw;
  }
  .estherbunny .events .eventBox.box04 .sticker .picNote {
    margin-top: 1.333vw;
    font-size: 2.133vw;
  }
  .estherbunny .events .eventBox.box04 .txt + .txt {
    margin-top: 2vw;
  }
  .estherbunny .events .eventBox.box04 .note {
    margin-top: 0.667vw;
  }
  .estherbunny .events .eventBox.box04 .character04 {
    width: 37.2vw;
    bottom: -12.667vw;
    left: -13.4vw;
    z-index: 5;
  }
}

/* box05 */
.estherbunny .events .eventsCont .eventBox.box05 {
  position: relative;
  z-index: 5;
}
.estherbunny .events .eventBox.box05 .eventsDf {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.estherbunny .events .eventBox.box05 .txtBox {
  width: 72%;
  position: relative;
}
.estherbunny .events .eventBox.box05 .picBox {
  width: 167px;
  position: relative;
}
.estherbunny .events .eventBox.box05 .picNote {
  margin-top: 3px;
  font-size: calc((13 / 16) * 1rem);
}
.estherbunny .events .eventBox.box05 .character05 {
  width: 135px;
  position: absolute;
  bottom: -76px;
  right: -100px;
}
.estherbunny .events .eventBox.box05 .flower03 {
  width: 47px;
  position: absolute;
  top: 40px;
  left: 0;
}
.estherbunny .events .eventBox.box05 .parts10 {
  width: 37px;
  position: absolute;
  top: 30px;
  right: 25px;
}
.estherbunny .events .eventBox.box05 .eventsBtn {
  margin-top: 10px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .events .eventBox.box05 .txtBox {
    width: 72%;
  }
  .estherbunny .events .eventBox.box05 .picBox {
    width: 15.182vw;
  }
  .estherbunny .events .eventBox.box05 .picNote {
    margin-top: 0.273vw;
    font-size: 1.182vw;
  }
  .estherbunny .events .eventBox.box05 .character05 {
    width: 12.273vw;
    bottom: -6.909vw;
    right: -9.091vw;
  }
  .estherbunny .events .eventBox.box05 .flower03 {
    width: 4.273vw;
    top: 3.636vw;
    left: 0;
  }
  .estherbunny .events .eventBox.box05 .parts10 {
    width: 3.364vw;
    top: 2.727vw;
    right: 2.273vw;
  }
  .estherbunny .events .eventBox.box05 .eventsBtn {
    margin-top: 0.909vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .events .eventBox.box05 .eventsDf {
    display: flex;
    flex-direction: column-reverse;
    justify-content: none;
  }
  .estherbunny .events .eventBox.box05 .txtBox {
    width: 100%;
  }
  .estherbunny .events .eventBox.box05 .picBox {
    width: 28.933vw;
    margin: 2vw auto 0;
  }
  .estherbunny .events .eventBox.box05 .picNote {
    margin-top: 0.667vw;
    font-size: 2.667vw;
  }
  .estherbunny .events .eventBox.box05 .character05 {
    width: 26.133vw;
    bottom: -8.909vw;
    right: -32.091vw;
  }
  .estherbunny .events .eventBox.box05 .flower03 {
    width: 8.933vw;
    top: 4vw;
    left: 0;
  }
  .estherbunny .events .eventBox.box05 .parts10 {
    width: 6.933vw;
    top: 8vw;
    right: 4.667vw;
  }
  .estherbunny .events .eventBox.box05 .eventsBtn {
    margin-top: 1.333vw;
  }
}

/* box06 */
.estherbunny .events .eventBox.box06 {
  position: relative;
}
.estherbunny .events .eventBox.box06 .txtBox {
  width: 57%;
  margin: 0 auto;
  position: relative;
}
.estherbunny .events .eventBox.box06 .note {
  margin-top: 13px;
}
.estherbunny .events .eventBox.box06 .heart04 {
  width: 39px;
  position: absolute;
  bottom: 5px;
  right: -130px;
}
.estherbunny .events .eventBox.box06 .flower04 {
  width: 36px;
  position: absolute;
  bottom: -40px;
  right: -90px;
}
.estherbunny .events .eventBox.box06 .character06 {
  width: 218px;
  position: absolute;
  bottom: 30px;
  left: -104px;
}

@media screen and (max-width: 1100px) {
  .estherbunny .events .eventBox.box06 .txtBox {
    width: 57%;
  }
  .estherbunny .events .eventBox.box06 .note {
    margin-top: 1.182vw;
  }
  .estherbunny .events .eventBox.box06 .heart04 {
    width: 3.545vw;
    bottom: 0.455vw;
    right: -11.818vw;
  }
  .estherbunny .events .eventBox.box06 .flower04 {
    width: 3.273vw;
    bottom: -3.636vw;
    right: -8.182vw;
  }
  .estherbunny .events .eventBox.box06 .character06 {
    width: 19.818vw;
    bottom: 2.727vw;
    left: -9.455vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .events .eventBox.box06 .txtBox {
    width: 100%;
  }
  .estherbunny .events .eventBox.box06 .note {
    margin-top: 2vw;
  }
  .estherbunny .events .eventBox.box06 .heart04 {
    width: 7.067vw;
    bottom: -9.067vw;
    right: -6.8vw;
  }
  .estherbunny .events .eventBox.box06 .flower04 {
    width: 6.8vw;
    bottom: -17.6vw;
    right: 2.267vw;
  }
  .estherbunny .events .eventBox.box06 .character06 {
    width: 34.4vw;
    bottom: -32.533vw;
    left: 50%;
    transform: translateX(-50%);
  }
}

/*---------------------------
notes
---------------------------*/
.estherbunny .notes {
  padding: 30px 0 35px 90px;
  font-size: calc((13 / 16) * 1rem);
  font-weight: 400;
  line-height: 1.538;
}

@media screen and (max-width: 1100px) {
  .estherbunny .notes {
    padding: 2.727vw 0 3.182vw 8.182vw;
    font-size: 1.182vw;
  }
}

@media screen and (max-width: 767px) {
  .estherbunny .notes {
    padding: 5.333vw 0 5.333vw 6vw;
    font-size: 2.667vw;
    line-height: 1.5;
  }
}

/*---------------------------
pageTop
---------------------------*/
.estherbunny .pageTop {
	display: none;
	width: 120px;
	position: fixed;
	bottom: 20px;
	right: 15px;
	z-index: 900;
}

@media screen and (max-width: 1100px) {
  .estherbunny .pageTop {
    width: 10.909vw;
    bottom: 1.818vw;
    right: 1.364vw;
  }
}

@media (max-width: 768px) {
	.estherbunny .pageTop {
		width: 16.267vw;
		right: 2.667vw;
    bottom: 75px;
	}
}