@charset "utf-8";

:root {
  --deli-commoncolor: #171717;
  --deli-maincolor: #f36440;
  --deli-subcolor: #fff537;
  --deli-backcolor: #fcf8b7;
  --deli-oisixcolor: #006d32;
  --deli-noshcolor: #5db534;
  --deli-greencolor: #009781;
  --deli-radishcolor: #0f4f3d;
  --deli-fitdishcolor: #ee5121;
  --deli-delicolor: #c4305c;
  --deli-tsukuriokicolor: #f5732d;
  --deli-moviecolor: #7f0019;
  --box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

/* ====================================== */
/* Oisix2 今年のクリスマスはこれで決まり！ 2025*/
/* ====================================== */
#christmas .backImg {
  background-image: url(/image/christmas/christmas_back.jpg);
  opacity: 0.4;
}

#christmas .christmasBox {
  background-image: url(/image/christmas/christmas_cake2.jpg);
}

#christmas .content__inner {
  background-color: rgba(255, 255, 255, 0.7);
}

#christmas h2 {
  width: fit-content;
  position: relative;
  margin: 0 auto 24px;
  font-size: 20px;
}

#christmas h2::before,
#christmas h2::after {
  position: absolute;
  content: "";
  width: 3px;
  height: 48px;
  background-color: var(--deli-oisixcolor);
}

#christmas h2::before {
  transform: rotate(-27deg);
  top: 14px;
  left: -20px;
}

#christmas h2::after {
  transform: rotate(27deg);
  top: 14px;
  right: -20px;
}

#christmas .imgKakaku {
  max-width: 280px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 670px) {
  #christmas h2 {
    font-size: 24px;
  }
}