/* header */
.header {
  width: 100%;
  padding-bottom: 50px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.fv-flower {
  width: 1920px;
  margin-left: calc(50% - 1920px / 2);
}

.emblem {
  width: 232px;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
}

@media (max-width: 1550px) {
  .fv-flower {
    width: 1536px;
    margin-left: calc(50% - 1536px / 2);
  }
  .emblem {
    width: 185px;
  }
}

@media (max-width: 1030px) {
  .fv-flower {
    width: 1030px;
    margin-left: calc(50% - 1030px / 2);
  }

  .emblem {
    width: 120px;
  }
}

@media (max-width: 750px) {
  .fv-flower {
    width: 750px;
    margin-left: calc(50% - 750px / 2);
  }

  .emblem {
    width: 100px;
  }
}

@media (max-width: 480px) {
  .fv-flower {
    width: 482px;
    margin-left: calc(50% - 482px / 2);
  }

  .emblem {
    width: 92px;
    top: 7px;
  }
}

/* fv */
.fv {
  background-color: #f3efde; /*デフォルト#eef2eb*/

}

.fv_img {
  display: block;
  width: 1400px; 
  margin-left: calc(50% - 1400px / 2);
  padding: 0 0 30px 0; /*デフォルト90px 0 30px*/
}

.update-area img {
  display: block;
  width: 544px;
  margin: 0 auto -5px;
}

.update-area h1 {
  margin-bottom: 17px;
}

.update-area p.start {
  font-size: 2.6rem;
  margin-bottom: -4px;
}

.update-area p.period {
  margin-top: 13px;
}

@media (max-width: 1550px) {
  .fv_img {
    width: 1120px;
    margin-left: calc(50% - 1120px / 2);
    padding: 0 0 20px 0; /*デフォルト80px 0 20px*/
  }
}

@media (max-width: 1030px) {
  .fv_img {
    width: 728px;
    margin-left: calc(50% - 728px / 2);
    padding: 0 0 20px 0; /*デフォルト50px 0 20px*/
  }

  .update-area img {
    width: 387px;
  }
}

@media (max-width: 830px) {
  .fv_img {
    width: 311px;
    margin-left: calc(50% - 311px / 2);
  }

  .update-area img {
    width: 255px;
    margin-bottom: 0px;
  }

  .update-area h1 {
    margin-bottom: 15px;
  }

  .update-area p.font16 {
    font-size: 1rem;
  }

  .update-area p.start {
    font-size: 1.6rem;
    margin-bottom: 2px;
  }

  .update-area p.period {
    font-size: 1.2rem;
  }
}

@media (max-width: 519px) {
  .fv_img {
    padding: 0 0 20px; /*デフォルト53px 0 20px*/
  }
}

/* belles */
.belles {
  padding: 58px 0 63px;
  position: relative;
  background-color: #f3efde; /*デフォルト#eef2eb*/
  color: #5b6b6c;
}

.belles .flower {
  display: block;
  width: 320px;
  position: absolute;
  bottom: 0;
}

.belles .flower.f-left {
  bottom: -240px;
  left: 0;
  z-index: 2;
}

.belles .flower.f-right {
  bottom: 10px;
  right: 0;
}

.bells_wrapper {
  width: 1003px;
  margin: 0 auto;
  padding: 66px 0 52px;
  position: relative;
  border: 4px solid #5b6b6c;
}

.bells_wrapper::before {
  content: '';
  display: block;
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #5b6b6c;
}

.bells_wrapper h2.section-title img {
  display: block;
  width: 355px;
  margin-bottom: 10px;
}

.bells_intro {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 5px 35px;
  position: relative;
  z-index: 1;
  text-align: center;
}

.bells_emblem {
  width: 240px;
}

.bells_intro_text {
  padding-top: 28px;
}

.bells_intro_text h3 {
  margin-bottom: 22px;
}

.bells_intro_text p {
  line-height: 1.61;
}

@media (max-width: 1550px) {
  .belles .flower {
    width: 250px;
  }

  .belles .flower.f-left {
    bottom: -170px;
  }
  .belles .flower.f-right {
    bottom: 70px;
  }

  .bells_wrapper {
    width: 802px;
  }

  .bells_emblem {
    width: 192px;
  }
}

@media (max-width: 1200px) {
  .belles .flower {
    width: 200px;
  }

  .belles .flower.f-left {
    bottom: -90px;
  }
  .belles .flower.f-right {
    bottom: 170px;
  }
}

@media (max-width: 1030px) {
  .belles .flower {
    width: 130px;
  }

  .belles .flower.f-left {
    bottom: -10px;
  }

  .belles .flower.f-right {
    bottom: 240px;
  }

  .bells_wrapper {
    width: 580px;
  }

  .bells_wrapper::before {
    width: calc(100% - 15px);
    height: calc(100% - 15px);
  }

  .bells_wrapper h2.section-title {
    margin-bottom: 20px;
  }

  .bells_emblem {
    width: 125px;
  }

  .bells_intro {
    align-items: center;
  }
  .bells_intro_text {
    padding-top: 0;
  }
}

@media (max-width: 830px) {
  .belles {
    padding: 38px 0 43px;
  }

  .belles .flower {
    width: 80px;
  }

  .belles .flower.f-left {
    bottom: -55px;
  }

  .belles .flower.f-right {
    bottom: auto;
    top: 0px;
    z-index: 1;
  }

  .bells_wrapper {
    width: 313px;
    padding: 40px 0 44px;
    border: 2px solid #5b6b6c;
  }

  .bells_wrapper::before {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }

  .bells_emblem {
    width: 192px;
  }
  .bells_wrapper h2.section-title {
    margin-bottom: 20px;
  }

  .bells_wrapper h2.section-title img {
    width: 161px;
    margin-bottom: 0px;
  }

  .bells_intro_text h3 {
    margin-bottom: 15px;
  }

  .bells_intro {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .bells_emblem {
    width: 80px;
  }

  .bells_intro_text {
    padding-top: 0;
  }

  .bells_intro_text p {
    line-height: 1.5;
  }
}
@media (max-width: 375px) {
  .belles .flower {
    width: 80px;
  }

  .belles .flower.f-left {
    bottom: -55px;
    left: 50%;
    transform: translateX(-188px);
  }

  .belles .flower.f-right {
    top: 0px;
    bottom: auto;
    right: 50%;
    transform: translateX(188px);
    z-index: 1;
  }
}

/* lineup */
.lineup {
  background-color: #f3efde; /*デフォルト#eef2eb*/
  padding-bottom: 1020px;
}

.lineup h2.section-title {
  margin-bottom: 93px;
}

.lineup h2.section-title img {
  display: block;
  width: 150px;
  margin-bottom: 5px;
}

.lineup_list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.lineup_list_item.petites-gaufres {
  background-color: #e2c1c5;
}

.lineup_list_item.palet-au-chocolat {
  background-color: #bed7dd;
}

.lineup_list_item.petites-palet {
  background-color: #d6aab9;
}

.lineup_list_item.desserts-choisis {
  background-color: #f3e2bb;
}

.lineup_list_item.assorted-sweets {
  background-color: #d5c0d7;
}

.lineup_list_item a {
  width: 200px;
  padding-bottom: 20px;
  position: relative;
}

.lineup_list_item a picture {
  transform: translateY(-70px);
  margin-bottom: -70px;
}

.lineup_list_item h3 img {
  display: block;
  margin: 0 auto;
}

.lineup_list_item.petites-gaufres h3 img {
  width: 67px;
}

.lineup_list_item.palet-au-chocolat h3 img {
  width: 84px;
}

.lineup_list_item.petites-palet h3 img {
  width: 63px;
}

.lineup_list_item.desserts-choisis h3 img {
  width: 72px;
}

.lineup_list_item.assorted-sweets h3 img {
  width: 72px;
}

.lineup_list_item svg {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

.lineup_list_item.petites-gaufres svg path {
  fill: #c13e66;
}

.lineup_list_item.palet-au-chocolat svg path {
  fill: #008392;
}

.lineup_list_item.petites-palet svg path {
  fill: #c13e66;
}

.lineup_list_item.desserts-choisis svg path {
  fill: #c38312;
}
.lineup_list_item.assorted-sweets svg path {
  fill: #7f3480;
}

@media (max-width: 1550px) {
  .lineup {
    padding-bottom: 850px;
  }
  .lineup_list_item a {
    width: 170px;
  }
}

@media (max-width: 1030px) {
  .lineup {
    padding-bottom: 540px;
  }

  .lineup_list_item a {
    width: 150px;
  }
}

@media (max-width: 830px) {
  .lineup {
    padding-bottom: 340px;
  }

  .lineup h2.section-title {
    margin-bottom: 23px;
  }

  .lineup h2.section-title img {
    width: 90px;
  }

  .lineup_list {
    flex-direction: column;
  }

  .lineup_list_item {
    margin-bottom: 26px;
  }

  .lineup_list_item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    width: 311px;
    padding-bottom: 0px;
  }

  .lineup_list_item a picture {
    width: 143px;
    margin-top: -30px;
    margin-bottom: 0;
    transform: translateY(0);
  }

  .lineup_list_item h3 {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 18px;
  }

  .lineup_list_item h3 img {
    height: 5px;
    margin: 0 auto 0 0;
  }

  .lineup_list_item.petites-gaufres h3 img {
    width: 51px;
  }

  .lineup_list_item.palet-au-chocolat h3 img {
    width: 70px;
  }

  .lineup_list_item.petites-palet h3 img {
    width: 53px;
  }

  .lineup_list_item.desserts-choisis h3 img {
    width: 60px;
  }

  .lineup_list_item.assorted-sweets h3 img {
    width: 60px;
  }

  .lineup_list_item h3 svg {
    height: 4px;
    margin: 0 auto 0 0;
  }

  .lineup_list_item svg {
    width: 14px;
    height: 14px;
  }
}
/* =============================================
                     product
============================================= */
.product {
  margin-top: -930px;
}

.product_thumb {
  width: 1300px; /*デフォルト1920px*/
  margin: 0 auto; /*calc(50% - 1920px / 2);*/
  overflow: hidden;
}

.product_title {
  width: 1300px; /*デフォルト1920*/
  margin: 0 auto; /*calc(50% - 1920px / 2);*/
}

.product_bg-area {
  width: 1920px;
  margin-left: calc(50% - 1920px / 2);
  padding-bottom: 950px;
}

.product_info {
  padding: 42px 0 270px;
  overflow: hidden;
　position: relative;　/*追加　中央寄せ*/
}

.product_info::before {
  content: '';
  display: block;
  width: 1300px; /* 1700px */
  height: calc(100% - 150px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}







.product .flower_l,
.product .flower_r {
  width: 320px;
  position: absolute;
}

.product .flower_l {
  left: 50%;
  transform: translateX(-820px); /*デフォルト-880px*/
  z-index: 1;
}

.product .flower_r {
  right: 50%;
  transform: translateX(800px);/*デフォルト-860px*/
  z-index: 1;
}

.flavor {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  width: 800px;
  margin: 110px auto 30px;
  padding-bottom: 26px;
  background-image: url(../img/bg_beige.jpg);
  background-size: cover;
}

.flavor li picture {
  width: 200px;
  margin: 0 auto -112px;
  transform: translateY(-90px);
}

.flavor li .taste {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 135px;
  height: 36px;
  margin-bottom: 5px;
  background-image: url(../img/frame.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.flavor li .taste-desc {
  font-size: 1.4rem;
}

.cta-area {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0px; /*デフォルト50px*/
  text-align: left;
}

.cta-area:not(:last-of-type) {
  margin-bottom: 50px;
}

.cta-area picture {
  width: 510px;
}

.cta-textarea h4 {
  margin-bottom: 3px;
}

.cta-textarea .price {
  margin-bottom: 13px;
}

.cta-area .spec {
  margin-bottom: 5px;
}

.cta-area .quant:not(:last-of-type) {
  margin-bottom: 10px;
}

@media (max-width: 1550px) {
  .product {
    margin-top: -750px;
  }

  .product_thumb,
  .product_title {
    width: 1550px;
    margin-left: calc(50% - 1550px / 2);
  }

  .product_bg-area {
    width: 1550px;
    margin-left: calc(50% - 1550px / 2);
    padding-bottom: 750px;
  }

  .product .flower_l,
  .product .flower_r {
    width: 256px;
  }

  .product .flower_l {
    transform: translateX(-704px);
  }

  .product .flower_r {
    transform: translateX(688px);
  }

  .product_info::before {
    width: 1360px;
  }

  .flavor {
    width: 640px;
  }

  .flavor li picture {
    width: 160px;
    margin-bottom: -90px;
    transform: translateY(-72px);
  }

  .cta-area picture {
    width: 408px;
  }
}

@media (max-width: 1030px) {
  .product {
    margin-top: -500px;
  }

  .product_thumb,
  .product_title {
    width: 1030px;
    margin-left: calc(50% - 1030px / 2);
  }

  .product_bg-area {
    width: 1030px;
    margin-left: calc(50% - 1030px / 2);
    padding-bottom: 460px;
  }

  .product .flower_l,
  .product .flower_r {
    width: 166px;
  }

  .product_info::before {
    width: 920px;
  }

  .flavor {
    width: 580px;
    margin: 90px auto 30px;
  }

  .flavor li picture {
    width: 140px;
    margin-bottom: -80px;
  }

  .cta-area {
    gap: 0px; /*デフォルト30px*/
  }
  .cta-area picture {
    width: 350px;
  }
}

@media (max-width: 830px) {
  .product {
    margin-top: -310px;
  }

  .product_thumb {
    width: 430px;
    margin-left: calc(50% - 430px / 2);
  }

  .product_title {
    width: 430px;
    margin-left: calc(50% - 430px / 2);
  }

  .product_bg-area {
    width: 430px;
    margin-left: calc(50% - 430px / 2);
    padding-bottom: 310px;
  }

  .product_info {
    padding: 25px 0 100px;
  }

  .product_info::before {
    width: 343px;
    height: calc(100% - 50px);
  }

  .product_lead {
    margin-bottom: 60px;
    font-size: 1.4rem;
  }

  .flavor {
    gap: 0;
    width: 310px;
    margin: 50px auto 30px;
    padding-bottom: 20px;
	}

  .flavor li picture {
    width: 90px;
    margin-bottom: -55px;
    transform: translateY(-50px);
  }

  .flavor li .taste {
    min-width: 80px;
    height: 20px;
    margin-bottom: 3px;
    font-size: 1.2rem;
  }

  .flavor li .taste-desc {
    font-size: 1.2rem;
  }

  .cta-area {
    flex-direction: column;
    align-items: center;
    gap: 0px; /*デフォルト20px*/
  }

  .cta-area picture {
    width: 260px;
  }

  .cta-textarea {
    text-align: center;
  }

  .cta-textarea .spec {
    font-size: 1.4rem;
    margin-bottom: 0px;
  }

  .cta-textarea .quant {
    font-size: 1.2rem;
  }

  .cta-textarea .quant:not(:last-of-type) {
    margin-bottom: 10px;
  }
}

@media (max-width: 375px) {
  .product_thumb {
    width: 375px;
    margin-left: calc(50% - 375px / 2);
  }

  .product_title {
    width: 375px;
    margin-left: calc(50% - 375px / 2);
  }

  .product_bg-area {
    width: 375px;
    margin-left: calc(50% - 375px / 2);
    padding-bottom: 310px;
  }

  .product_info::before {
    width: 343px;
    height: calc(100% - 50px);
  }
	

}


/* =============================================
              petites-gaufres FW1
============================================= */


#petites-gaufres .product_thumb {
  border-top-right-radius: 500px;
}

#petites-gaufres .product_bg-area {
  background-image: url(../img/petites-gaufres_bg.jpg);
  background-position: center center;
}

@supports (background-image: url(../img/petites-gaufres_bg.webp)) {
  #petites-gaufres .product_bg-area {
    background-image: url(../img/petites-gaufres_bg.webp);
  }
}

#petites-gaufres .product_info::before {
  left: 50%;
  /*transform: translateX(-740px);*/
  border-bottom-left-radius: 500px;
}

#petites-gaufres .cta_btn {
  background-color: #aa2c58;
}

#petites-gaufres.product .flower_l {
  top: -50px;
}

#petites-gaufres.product .flower_r {
  bottom: 1020px;
}

@media (max-width: 1550px) {
  #petites-gaufres .product_info::before {
    transform: translateX(-580px);
    border-bottom-left-radius: 400px;
  }

  #petites-gaufres.product .flower_l {
    top: -40px;
  }

  #petites-gaufres.product .flower_r {
    bottom: 830px;
  }
}

@media (max-width: 1030px) {
  #petites-gaufres .product_thumb {
    border-top-right-radius: 300px;
  }

  #petites-gaufres .product_info::before {
    transform: translateX(-400px);
    border-bottom-left-radius: 250px;
  }

  #petites-gaufres.product .flower_l {
    transform: translateX(-500px);
  }

  #petites-gaufres.product .flower_r {
    bottom: 570px;
    transform: translateX(450px);
  }
}

@media (max-width: 830px) {
  #petites-gaufres .product_thumb {
    border-top-right-radius: 100px;
  }

  #petites-gaufres .product_info::before {
    transform: translateX(-50%);
    border-radius: 0 0 10px 10px;
  }

  #petites-gaufres.product .flower_l {
    transform: translateX(-232px);
    width: 128px;
    top: -40px;
  }

  #petites-gaufres.product .flower_r {
    transform: translateX(204px);
    width: 100px;
    bottom: 335px;
  }
}



/* =============================================
            palet-au-chocolat FW2
============================================= */

#palet-au-chocolat .product_thumb {
  border-top-left-radius: 500px;
}

#palet-au-chocolat .product_bg-area {
  background-image: url(../img/palet-au-chocolat_bg.webp);
  background-position: center center;
}

@supports (background-image: url(../img/palet-au-chocolat_bg.webp)) {
  #palet-au-chocolat .product_bg-area {
    background-image: url(../img/palet-au-chocolat_bg.webp);
  }
}


#palet-au-chocolat .product_info::before {
  /*left: 50%;
  transform: translateX(-960px);*/
  border-bottom-right-radius: 500px;
}


#palet-au-chocolat .cta_btn {
  background-color: #1d6051;
}

#palet-au-chocolat.product .flower_l {
  bottom: 1020px;
}

#palet-au-chocolat.product .flower_r {
  top: -80px;
}

@media (max-width: 1550px) {
  #palet-au-chocolat .product_info::before {
    transform: translateX(-775px);
    border-bottom-right-radius: 400px;
  }

  #palet-au-chocolat.product .flower_l {
    bottom: 840px;
  }

  #palet-au-chocolat.product .flower_r {
    top: -40px;
    transform: translateX(700px);
  }
}

@media (max-width: 1030px) {
  #palet-au-chocolat .product_thumb {
    border-top-left-radius: 300px;
  }
  #palet-au-chocolat .product_info::before {
    transform: translateX(-520px);
    border-bottom-right-radius: 250px;
  }

  #palet-au-chocolat.product .flower_l {
    bottom: 570px;
    transform: translateX(-480px);
  }

  #palet-au-chocolat.product .flower_r {
    transform: translateX(495px);
  }
}

@media (max-width: 830px) {
  #palet-au-chocolat .product_thumb {
    border-top-left-radius: 100px;
  }

  #palet-au-chocolat .product_info::before {
    transform: translateX(-50%);
    border-radius: 0 0 10px 10px;
  }

  #palet-au-chocolat.product .flower_l {
    transform: translateX(-197px);
    width: 100px;
    bottom: 340px;
  }

  #palet-au-chocolat.product .flower_r {
    transform: translateX(232px);
    width: 128px;
    top: -40px;
  }

  #palet-au-chocolat .flavor p.taste-desc {
    font-size: 1rem;
  }
}


/* =============================================
            chocolat crunch FW3
============================================= */


#petites-palet .product_thumb {
  border-top-right-radius: 500px;
}

#petites-palet .product_bg-area {
  background-image: url(../img/petites-palet_bg.jpg);
  background-position: center center;
}

@supports (background-image: url(../img/petites-palet_bg.webp)) {
  #petites-palet .product_bg-area {
    background-image: url(../img/petites-palet_bg.webp);
  }
}

#petites-palet .product_info::before {
  left: 50%;
  /*transform: translateX(-740px);*/
  border-bottom-left-radius: 500px;
}

#petites-palet .cta_btn {
  background-color: #008493;
}

#petites-palet.product .flower_l {
  top: -50px;
}

#petites-palet.product .flower_r {
  bottom: 1020px;
}

#petites-palet .product_lead {
  margin-bottom: 50px;
}

@media (max-width: 1550px) {
  #petites-palet .product_info::before {
    transform: translateX(-585px);
    border-bottom-left-radius: 400px;
  }

  #petites-palet.product .flower_l {
    top: -40px;
  }

  #petites-palet.product .flower_r {
    bottom: 830px;
  }
}

@media (max-width: 1030px) {
  #petites-palet .product_thumb {
    border-top-right-radius: 300px;
  }

  #petites-palet .product_info::before {
    transform: translateX(-400px);
    border-bottom-left-radius: 250px;
  }

  #petites-palet.product .flower_l {
    transform: translateX(-500px);
  }

  #petites-palet.product .flower_r {
    bottom: 570px;
    transform: translateX(450px);
  }
}

@media (max-width: 830px) {
  #petites-palet .product_thumb {
    border-top-right-radius: 100px;
  }

  #petites-palet .product_info::before {
    transform: translateX(-50%);
    border-radius: 0 0 10px 10px;
  }

  #petites-palet.product .flower_l {
    transform: translateX(-232px);
    width: 128px;
    top: -40px;
  }

  #petites-palet.product .flower_r {
    transform: translateX(204px);
    width: 100px;
    bottom: 340px;
  }
}


/*ベリースパークリングの飾り枠用追加*/
.flavor li.crunch .taste {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px 12px; 
  height: auto; 
  background-image: url(../img/frame02.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%; 
}




/* =============================================
            cdesserts-choisis FW4
============================================= */


#desserts-choisis .product_thumb {
  border-top-left-radius: 500px;
}

#desserts-choisis .product_bg-area {
  background-image: url(../img/desserts-choisis_bg.webp);
  background-position: center center;
}

@supports (background-image: url(../img/desserts-choisis_bg.webp)) {
  #desserts-choisis .product_bg-area {
    background-image: url(../img/desserts-choisis_bg.webp);
  }
}


#desserts-choisis .product_info::before {
  /*left: 50%;
  transform: translateX(-960px);*/
  border-bottom-right-radius: 500px;
}

#desserts-choisis .flavor {
  gap: 93px 0;
}

#desserts-choisis .flavor .taste {
  align-items: flex-start;
  background-image: none;
  font-size: 1.6rem;
}

#desserts-choisis .flavor li:nth-child(-n + 4) {
  width: 170px;
}

#desserts-choisis .flavor li:nth-child(-n + 4) picture {
  width: 150px;
  margin-bottom: -95px;
  transform: translateY(-75px);
}

#desserts-choisis .flavor li:nth-child(n + 5) {
  width: 150px;
}

#desserts-choisis .flavor li:nth-child(n + 5) picture {
  width: 130px;
}

#desserts-choisis .cta_btn {
  background-color: #c48412;
}

#desserts-choisis.product .flower_l {
  bottom: 1020px;
}

#desserts-choisis.product .flower_r {
  top: -80px;
}

@media (max-width: 1550px) {
  #desserts-choisis .product_info::before {
    transform: translateX(-780px);
    border-bottom-right-radius: 400px;
  }

  #desserts-choisis.product .flower_l {
    bottom: 830px;
  }

  #desserts-choisis.product .flower_r {
    top: -40px;
  }

  #desserts-choisis .flavor li:nth-child(-n + 4) {
    width: 160px;
  }

  #desserts-choisis .flavor li:nth-child(-n + 4) picture {
    width: 120px;
    margin-bottom: -76px;
    transform: translateY(-60px);
  }

  #desserts-choisis .flavor li:nth-child(n + 5) {
    width: 140px;
  }

  #desserts-choisis .flavor li:nth-child(n + 5) picture {
    width: 104px;
    margin-bottom: -76px;
    transform: translateY(-60px);
  }

  #desserts-choisis .flavor {
    width: 730px;
    gap: 63px 0;
  }
}

@media (max-width: 1030px) {
  #desserts-choisis .product_thumb {
    border-top-left-radius: 300px;
  }

  #desserts-choisis .product_info::before {
    transform: translateX(-520px);
    border-bottom-right-radius: 250px;
  }

  #desserts-choisis.product .flower_l {
    bottom: 560px;
    transform: translateX(-480px);
  }

  #desserts-choisis.product .flower_r {
    transform: translateX(495px);
  }

  #desserts-choisis .flavor {
    width: 650px;
  }
  #desserts-choisis .flavor li:nth-child(-n + 4) {
    width: 140px;
  }
  #desserts-choisis .flavor li:nth-child(-n + 4) picture {
    width: 100px;
    margin-bottom: -56px;
    transform: translateY(-50px);
  }
  #desserts-choisis .flavor li:nth-child(n + 5) {
    width: 120px;
  }
  #desserts-choisis .flavor li:nth-child(n + 5) picture {
    width: 90px;
    margin-bottom: -56px;
    transform: translateY(-50px);
  }
}

@media (max-width: 830px) {
  #desserts-choisis .product_thumb {
    border-top-left-radius: 100px;
  }

  #desserts-choisis .product_info::before {
    transform: translateX(-50%);
    border-radius: 0 0 10px 10px;
  }

  #desserts-choisis.product .flower_l {
    transform: translateX(-204px);
    width: 100px;
    bottom: 340px;
  }

  #desserts-choisis.product .flower_r {
    transform: translateX(232px);
    width: 128px;
    top: -40px;
  }

  #desserts-choisis .flavor {
    gap: 50px 0;
    width: 310px;
    padding-bottom: 32px;
  }

  #desserts-choisis .flavor li:nth-child(-n + 4) {
    width: 77px;
  }

  #desserts-choisis .flavor li:nth-child(-n + 4) picture {
    width: 77px;
    margin-bottom: -52px;
    transform: translateY(-40px);
  }

  #desserts-choisis .flavor li picture {
    overflow: hidden;
  }

  #desserts-choisis .flavor li picture img {
    object-fit: cover;
    object-position: center;
  }

  #desserts-choisis .flavor li:nth-child(n + 5) {
    width: 60px;
  }

  #desserts-choisis .flavor li:nth-child(n + 5) picture {
    width: 60px;
    margin-bottom: -47px;
    transform: translateY(-40px);
  }

  #desserts-choisis .flavor .taste {
    align-items: flex-start;
    min-width: 60px;
    font-size: 1rem;
    letter-spacing: -0.05em;
  }

  #desserts-choisis .quant {
    font-size: 1.2rem;
  }
}

/* =============================================
            desserts-choisis02 FW5
============================================= */


#desserts-choisis02 .product_thumb {
  border-top-right-radius: 500px;
}

#desserts-choisis02 .product_bg-area {
  background-image: url(../img/desserts-choisis_bg.webp);
  background-position: center center;
}

@supports (background-image: url(../img/desserts-choisis_bg.webp)) {
  #desserts-choisis02 .product_bg-area {
    background-image: url(../img/desserts-choisis_bg.webp);
  }
}


#desserts-choisis02 .product_info::before {
  /*left: 50%;
  transform: translateX(-960px);*/
  border-bottom-left-radius: 500px;
}

#desserts-choisis02 .flavor {
  gap: 93px 0;
}

#desserts-choisis02 .flavor .taste {
  align-items: flex-start;
  background-image: none;
  font-size: 1.6rem;
}

#desserts-choisis02 .flavor li:nth-child(-n + 4) {
  width: 170px;
}

#desserts-choisis02 .flavor li:nth-child(-n + 4) picture {
  width: 150px;
  margin-bottom: -95px;
  transform: translateY(-75px);
}

#desserts-choisis02 .flavor li:nth-child(n + 5) {
  width: 150px;
}

#desserts-choisis02 .flavor li:nth-child(n + 5) picture {
  width: 130px;
}

#desserts-choisis02 .cta_btn {
  background-color: #c48412;
}

#desserts-choisis02.product .flower_l {
  top: -80px;
}

#desserts-choisis02.product .flower_r {
  bottom: 1020px;
}

@media (max-width: 1550px) {
  #desserts-choisis02 .product_info::before {
    transform: translateX(-585px); /*デフォルト780px*/
    border-bottom-left-radius: 400px;
  }

  #desserts-choisis02.product .flower_l {
    top: -40px;
  }

  #desserts-choisis02.product .flower_r {
    bottom: 830px;
  }

  #desserts-choisis02 .flavor li:nth-child(-n + 4) {
    width: 160px;
  }

  #desserts-choisis02 .flavor li:nth-child(-n + 4) picture {
    width: 120px;
    margin-bottom: -76px;
    transform: translateY(-60px);
  }

  #desserts-choisis02 .flavor li:nth-child(n + 5) {
    width: 140px;
  }

  #desserts-choisis02 .flavor li:nth-child(n + 5) picture {
    width: 104px;
    margin-bottom: -76px;
    transform: translateY(-60px);
  }

  #desserts-choisis02 .flavor {
    width: 730px;
    gap: 63px 0;
  }
}

@media (max-width: 1030px) {
  #desserts-choisis02 .product_thumb {
    border-top-right-radius: 300px;
  }

	
  #desserts-choisis02 .product_info::before {
    transform: translateX(-400px); /*デフォルト520px*/
    border-bottom-left-radius: 250px;
  }

  #desserts-choisis02.product .flower_l {
    bottom: 560px;
    transform: translateX(-480px);
  }

  #desserts-choisis02.product .flower_r {
    bottom: 560px;	  
    transform: translateX(495px);
  }

  #desserts-choisis02 .flavor {
    width: 650px;
  }
  #desserts-choisis02 .flavor li:nth-child(-n + 4) {
    width: 140px;
  }
  #desserts-choisis02 .flavor li:nth-child(-n + 4) picture {
    width: 100px;
    margin-bottom: -56px;
    transform: translateY(-50px);
  }
  #desserts-choisis02 .flavor li:nth-child(n + 5) {
    width: 120px;
  }
  #desserts-choisis02 .flavor li:nth-child(n + 5) picture {
    width: 90px;
    margin-bottom: -56px;
    transform: translateY(-50px);
  }
}

@media (max-width: 830px) {
  #desserts-choisis02 .product_thumb {
    border-top-right-radius: 100px;
  }

  #desserts-choisis02 .product_info::before {
    transform: translateX(-50%);
    border-radius: 0 0 10px 10px;
  }

  #desserts-choisis02.product .flower_l {
    transform: translateX(-204px);
    width: 100px;
    bottom: 340px;
  }

  #desserts-choisis02.product .flower_r {
    transform: translateX(232px);
    width: 128px;
    bottom: 340px;
  }

  #desserts-choisis02 .flavor {
    gap: 50px 0;
    width: 310px;
    padding-bottom: 32px;
  }

  #desserts-choisis02 .flavor li:nth-child(-n + 4) {
    width: 77px;
  }

  #desserts-choisis02 .flavor li:nth-child(-n + 4) picture {
    width: 77px;
    margin-bottom: -52px;
    transform: translateY(-40px);
  }

  #desserts-choisis02 .flavor li picture {
    overflow: hidden;
  }

  #desserts-choisis02 .flavor li picture img {
    object-fit: cover;
    object-position: center;
  }

  #desserts-choisis02 .flavor li:nth-child(n + 5) {
    width: 60px;
  }

  #desserts-choisis02 .flavor li:nth-child(n + 5) picture {
    width: 60px;
    margin-bottom: -47px;
    transform: translateY(-40px);
  }

  #desserts-choisis02 .flavor .taste {
    align-items: flex-start;
    min-width: 60px;
    font-size: 1rem;
    letter-spacing: -0.05em;
  }

  #desserts-choisis02 .quant {
    font-size: 1.2rem;
  }
}



/* =============================================
            ssorted-sweets FW6,7
============================================= */


#assorted-sweets .product_thumb {
  border-top-left-radius: 500px;
}

#assorted-sweets .product_bg-area {
  padding-bottom: 0;
  background-image: url(../img/assorted-sweets_bg.jpg);
  background-position: center center;
}

@supports (background-image: url(../img/assorted-sweets_bg.webp)) {
  #assorted-sweets .product_bg-area {
    background-image: url(../img/assorted-sweets_bg.webp);
  }
}

#assorted-sweets .product_bg-area {
  padding-bottom: 40px;
}

#assorted-sweets .product_info::before {
  left: 50%;
  /*transform: translateX(-740px);*/
  border-bottom-right-radius: 500px;
}

#assorted-sweets .product_lead {
  margin-bottom: 50px;
}

#assorted-sweets .cta_btn {
  background-color: #7f3480;
}

#assorted-sweets.product .flower_l {
  top: 850px;
}

#assorted-sweets.product .flower_r {
  top: -80px;
}

@media (max-width: 1550px) {
  #assorted-sweets .product_info::before {
    transform: translateX(-775px); /*左に詰める*/
    border-bottom-right-radius: 400px;
  }

  #assorted-sweets.product .flower_l {
    bottom: -140px;
  }

  #assorted-sweets.product .flower_r {
    bottom: 125px;
  }
}

@media (max-width: 1030px) {
  #assorted-sweets .product_thumb {
    border-top-left-radius: 300px;
  }

  #assorted-sweets .product_info::before {
    transform: translateX(-520px);
    border-bottom-right-radius: 300px;
  }

  #assorted-sweets.product .flower_l {
    transform: translateX(-500px);
  }

  #assorted-sweets.product .flower_r {
    transform: translateX(450px);
  }
}

@media (max-width: 830px) {
  #assorted-sweets .product_thumb {
    border-top-left-radius: 100px;
  }

  #assorted-sweets .product_bg-area {
    padding-bottom: 60px;
  }

  #assorted-sweets .product_lead {
    margin-bottom: 30px;
  }

  #assorted-sweets .product_info::before {
    transform: translateX(-50%);
    border-radius: 0 0 10px 10px;
  }

  #assorted-sweets.product .flower_l {
    transform: translateX(-197px);
    width: 128px;
    top: 1100px;
  }

  #assorted-sweets.product .flower_r {
    transform: translateX(232px);
    width: 128px;
    top: -40px;
  }

  #assorted-sweets .cta-area {
    gap: 3px 50px;
  }
}

/* original bag */
.original-bag {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  width: 840px;
  margin: 0 auto;
  padding: 30px;
  transform: translateY(-110px);
  z-index: 2;
  background-image: url(../img/original-bag_frame.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.original-bag picture {
  width: 278px;
}

.org_textarea {
  text-align: left;
}

.original-bag h2 {
  margin-bottom: 13px;
}

.original-bag h2 img {
  display: block;
  width: 286px;
  margin-bottom: 8px;
}

@media (max-width: 1550px) {
  .original-bag {
    width: 672px;
    transform: translateY(-94px);
  }

  .original-bag picture {
    width: 222px;
  }

  .original-bag h2 img {
    width: 228px;
  }
}

@media (max-width: 830px) {
  .original-bag {
    gap: 20px;
    width: 343px;
    padding: 15px 0;
    margin-left: calc(50% - 343px / 2);
    transform: translateY(-50px);
  }

  .original-bag picture {
    width: 121px;
  }

  .original-bag h2 {
    margin-bottom: 3px;
    font-size: 1rem;
  }

  .original-bag h2 img {
    width: 105px;
    margin-bottom: 1px;
  }
  .org_textarea .font12 {
    font-size: 0.8rem;
  }
}

/* footer */
.footer {
  overflow: hidden;
  background-color: #f3efde; /*デフォルト#eef2eb*/
  margin-top: -220px;
  padding-top: 215px;
}


.footer .btn-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  margin-bottom: 65px;
}

.footer .btn-area a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 400px;
  padding: 15px;
  background-color: #5b6b6c;
  border-radius: 40px;
  font-size: 2rem;
  letter-spacing: 0.05em;
  color: #fff;
}

.footer .btn-area a img {
  width: 40px;
}

.footer_logo {
  display: block;
  width: 365px;
  margin: 0 auto 20px;
}

.footer-flower {
  width: 1920px;
  margin-left: calc(50% - 1920px / 2);
}

.footer_copy {
  padding: 15px 0;
  background-color: #5b6b6c;
  color: #fff;
}

@media (max-width: 1550px) {
  .footer {
    margin-top: -190px;
  }
  .footer .btn-area {
    gap: 20px;
  }

  .footer .btn-area a {
    width: 340px;
    gap: 10px;
    padding: 14px;
    font-size: 1.8rem;
  }

  .footer-flower {
    width: 1550px;
    margin-left: calc(50% - 1550px / 2);
  }
}

@media (max-width: 1030px) {
  .footer-flower {
    width: 1030px;
    margin-left: calc(50% - 1030px / 2);
  }
}

@media (max-width: 830px) {
  .footer {
    margin-top: -100px;
    padding-top: 95px;
  }

  .footer .btn-area {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 55px;
  }

  .footer .btn-area a {
    gap: 10px;
    width: 300px;
    padding: 11px;
    font-size: 1.4rem;
  }

  .footer .btn-area a img {
    width: 24px;
  }
  .footer_logo {
    width: 195px;
    margin: 0 auto;
  }

  .footer-flower {
    width: 749px;
    margin-left: calc(50% - 749px / 2);
  }
  .footer_copy {
    padding: 18px 0;
    font-size: 0.8rem;
  }
}

@media (max-width: 519px) {
  .footer-flower {
    width: 727px;
    margin-left: calc(50% - 727px / 2);
  }
}


/*TOPへボタン*/
.btn_top{
  position: fixed;
  right: 20px;
  bottom: 50px;
  width: 60px;
  transition: all .3s;
  z-index: 1000;
}
.btn_top svg{
  width: 100%;
  aspect-ratio: 1;
  fill: #5b6b6c;
  transform: rotate(180deg);
}
@media (max-width: 750px) {
  .btn_top{
    width: 40px;
  }
}
.btn_top_none{
  opacity: 0 !important;
  pointer-events: none;
}