@charset "UTF-8";
body {
  margin: 0;
}
body * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body a {
  text-decoration: none;
}
body li,
body ol,
body ul {
  list-style: none;
  padding: 0;
}
body img {
  image-rendering: -webkit-optimize-contrast;
  display: block;
  max-width: 100%;
  height: auto;
}

body:has(.side-modal.active) {
  overflow: hidden;
}

.container.l-container {
  max-width: none;
  padding: 0;
}

.back-to-top {
  display: none;
}

#christmas2024 {
  overflow: hidden;
  font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", sans-serif !important;
  font-weight: 500;
  color: #242628;
  margin: 50px 0 0;
  line-height: 1.5;
}
#christmas2024 .PC {
  display: block;
}
#christmas2024 .SP {
  display: none;
}
#christmas2024 .fadein-up {
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease-in-out;
}
#christmas2024 .fadein-up.scroll-in {
  opacity: 1;
  transform: translateY(0);
}
#christmas2024 .btn-top {
  position: fixed;
  z-index: 10;
  right: 50px;
  bottom: 20px;
}
#christmas2024 .scroll-fadein-area {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease-out 0s;
}
#christmas2024 .scroll-fadein-area.fadein {
  opacity: 1;
  transform: translateY(0);
}
#christmas2024 .mv h1 {
  overflow: hidden;
}
#christmas2024 .mv h1 img {
  width: 100%;
}
#christmas2024 .wrap {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}
#christmas2024 .snow-wrap {
  pointer-events: none;
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
#christmas2024 .snow-wrap .snow {
  position: absolute;
}
@-webkit-keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flashing {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#christmas2024 .snow-wrap .snow.flashing-type-01 {
  -webkit-animation: flashing 0.8s 0s ease-in-out infinite alternate;
  animation: flashing 0.8s 0s ease-in-out infinite alternate;
}
#christmas2024 .snow-wrap .snow.flashing-type-02 {
  -webkit-animation: flashing 1.2s ease-in-out infinite alternate;
  animation: flashing 1.2s ease-in-out infinite alternate;
}
#christmas2024 .ttl {
  position: relative;
  z-index: 1;
}
#christmas2024 .ttl .en {
  font-family: "Playball", serif;
  font-weight: 400;
  display: block;
  line-height: 1;
  font-size: 78px;
  margin: 0 0 30px;
}
#christmas2024 .ttl .en span {
  font-size: 96px;
}
#christmas2024 .ttl .jp {
  font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", sans-serif !important;
  font-weight: 500;
  font-weight: bold;
  font-size: 30px;
}
#christmas2024 .scroll-obi {
  background: transparent;
}
#christmas2024 .scroll-obi span {
  font-family: "Chonburi", serif;
  font-weight: 400;
  font-size: 88px;
  line-height: 1;
  padding: 0 40px 0 0;
}
#christmas2024 .img {
  position: relative;
}
#christmas2024 .img .view-icon {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 23px;
  right: 23px;
}
#christmas2024 .comment {
  position: relative;
  z-index: 2;
  background: #FFF;
  width: 100%;
  border: 3px solid var(--color);
  border-radius: 100px;
}
#christmas2024 .comment:has(.shop-info) {
  padding: 57px 59px 43px;
}
#christmas2024 .comment:not(:has(.shop-info)) {
  padding: 64px 55px;
}
#christmas2024 .comment p {
  font-size: 16px;
}
#christmas2024 .comment .shop-info {
  margin: 30px 0 0;
  border-top: 1px solid #000;
}
#christmas2024 .shop-info {
  padding: 16px 0 0;
  display: flex;
  align-items: center;
}
#christmas2024 .shop-info__floor {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: transparent;
  font-size: 24px;
  font-weight: bold;
  width: 80px;
  height: 80px;
  margin-right: 18px;
  border: 1px solid var(--color);
  border-radius: 50%;
}
#christmas2024 .shop-info__name {
  font-size: 20px;
}
#christmas2024 .shop-info__name span {
  font-size: 16px;
}
#christmas2024 .slider-area {
  max-width: 1020px;
  margin: 0 auto;
}
#christmas2024 .slider-area .slider {
  background: transparent;
  max-width: 1020px;
  margin: 0 auto;
}
#christmas2024 .slider-area .slick-arrow {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  top: 0;
  background: #FFF;
  width: 50px;
  height: 50px;
  margin-top: 12.2549019608%;
  border-radius: 50%;
  transform: none;
}
#christmas2024 .slider-area .slick-arrow.slick-disabled {
  display: none !important;
}
#christmas2024 .slider-area .slick-arrow.slick-prev {
  left: 0;
}
#christmas2024 .slider-area .slick-arrow.slick-prev::before {
  transform: rotate(-45deg);
}
#christmas2024 .slider-area .slick-arrow.slick-next {
  right: 0;
}
#christmas2024 .slider-area .slick-arrow.slick-next::before {
  transform: rotate(135deg);
  left: -2px;
}
#christmas2024 .slider-area .slick-arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 2px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  border: none;
  border-top: 3px solid var(--color);
  border-left: 3px solid var(--color);
}
#christmas2024 .product {
  padding: 0 20px;
}
#christmas2024 .product__img {
  margin: 0 0 13px;
}
#christmas2024 .product__ttl {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 7px;
}
#christmas2024 .product__ttl span {
  font-size: 16px;
  font-weight: normal;
}
#christmas2024 .product__txt {
  font-size: 16px;
}
#christmas2024 #step01 {
  position: relative;
  --color: #8A6845;
  background: #F5EFD9;
  padding: 94px 0 153px;
}
#christmas2024 #step01 .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/step01_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 3.375%;
  width: 88.8125%;
  height: 100%;
  margin: 3.0625% auto 0;
}
#christmas2024 #step01 .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/step01_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 3.4375%;
  width: 88.875%;
  height: 100%;
  margin: 8.1875% auto 0;
}
#christmas2024 #step01 .ttl {
  text-align: center;
  color: var(--color);
  margin: 0 0 60px;
}
#christmas2024 #step01 .ttl .jp {
  font-size: 36px;
}
#christmas2024 #step01 .img-block01 {
  display: flex;
  align-items: flex-start;
  max-width: 1455px;
  margin: 0 0 0 auto;
}
#christmas2024 #step01 .img-block01 .img {
  width: 60%;
  max-width: 638px;
}
#christmas2024 #step01 .img-block01 .comment {
  max-width: 580px;
  margin: 11.4776632302% 0 0 -72px;
  border-radius: 60px;
}
#christmas2024 #step01 .img-block02 {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  margin-top: -306px;
}
#christmas2024 #step01 .img-block02 .img {
  width: 60%;
  max-width: 765px;
}
#christmas2024 #step01 .img-block02 .comment {
  max-width: 616px;
  margin: 0 -140px -8.3125% 0;
  border-radius: 60px;
}
#christmas2024 #nav {
  background: #C2BEB2;
  padding: 115px 0 82px;
}
#christmas2024 #nav .nav01 {
  position: relative;
  margin: 0 0 93px;
}
#christmas2024 #nav .nav01 .ribbon {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: inline-block;
}
#christmas2024 #nav .nav01 .ribbon span:first-of-type {
  font-family: "Chonburi", serif;
  font-weight: 400;
}
#christmas2024 #nav .nav01 .ribbon span:nth-of-type(2) {
  font-weight: bold;
}
#christmas2024 #nav .nav01 nav ul {
  position: relative;
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/nav01_bg.svg") 0 0 no-repeat;
  background-size: contain;
  display: flex;
}
#christmas2024 #nav .nav01 nav ul::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 1.125%;
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/nav01_bg_charm.svg") 0 0 no-repeat;
  background-size: contain;
  width: 97.8125%;
  margin-top: 1.25%;
  padding-top: 21.125%;
}
#christmas2024 #nav .nav01 nav ul li {
  width: 21%;
}
#christmas2024 #nav .nav01 nav ul li:first-of-type {
  margin: 8.125% 0 0 5.875%;
}
#christmas2024 #nav .nav01 nav ul li:nth-of-type(2) {
  transform: rotate(-6deg);
  margin: 8.25% 0 0 2.5%;
}
#christmas2024 #nav .nav01 nav ul li:nth-of-type(3) {
  transform: rotate(3deg);
  margin: 6.375% 0 0 2.5%;
}
#christmas2024 #nav .nav01 nav ul li:nth-of-type(4) {
  transform: rotate(-2deg);
  margin: 2.8125% 0 0 1.875%;
}
#christmas2024 #nav .nav01 nav ul li a {
  display: block;
}
#christmas2024 #nav .nav02 {
  position: relative;
}
#christmas2024 #nav .nav02 .ribbon {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  display: inline-block;
}
#christmas2024 #nav .nav02 .ribbon span:first-of-type {
  font-family: "Chonburi", serif;
  font-weight: 400;
}
#christmas2024 #nav .nav02 .ribbon span:nth-of-type(2) {
  font-weight: bold;
}
#christmas2024 #nav .nav02 nav ul {
  position: relative;
  display: flex;
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/nav02_bg.svg") 0 0 no-repeat;
  background-size: contain;
}
#christmas2024 #nav .nav02 nav ul::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/nav02_bg_charm.svg") 0 0 no-repeat;
  background-size: contain;
  width: 98.125%;
  margin-top: 1.75%;
  padding-top: 20.8125%;
}
#christmas2024 #nav .nav02 nav ul li {
  width: 21%;
}
#christmas2024 #nav .nav02 nav ul li:first-of-type {
  transform: rotate(5deg);
  margin: 2.75% 0 0 4.625%;
}
#christmas2024 #nav .nav02 nav ul li:nth-of-type(2) {
  transform: rotate(0.5deg);
  margin: 6.25% 0 0 3.0625%;
}
#christmas2024 #nav .nav02 nav ul li:nth-of-type(3) {
  transform: rotate(-2deg);
  margin: 7.75% 0 0 3.125%;
}
#christmas2024 #nav .nav02 nav ul li:nth-of-type(4) {
  transform: rotate(4deg);
  margin: 8.375% 0 0 1.9375%;
}
#christmas2024 #nav .nav02 nav ul li a {
  display: block;
}
#christmas2024 #nav .swing-l a {
  transform-origin: 50% 26px;
  transition: transform 0.4s ease;
}
#christmas2024 #nav .swing-l a:hover {
  transform: rotate(4deg);
}
#christmas2024 #nav .swing-r a {
  transform-origin: 50% 26px;
  transition: transform 0.4s ease;
}
#christmas2024 #nav .swing-r a:hover {
  transform: rotate(-4deg);
}
#christmas2024 #christmas_step02 {
  overflow: hidden;
  position: relative;
  --color: #466F65;
  padding: 147px 0 120px;
}
#christmas2024 #christmas_step02 .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step02_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 1.1875%;
  width: 96.1875%;
  height: 100%;
  margin: 10.625% auto 0;
}
#christmas2024 #christmas_step02 .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step02_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 9.4375%;
  width: 93.1875%;
  height: 100%;
  margin: 7.8125% auto 0;
}
#christmas2024 #christmas_step02 .ribbon {
  overflow: hidden;
  position: relative;
  overflow: hidden;
  position: relative;
  background: var(--color);
  text-align: center;
  color: #FFF;
  display: block;
  font-size: 28px;
  font-weight: bold;
  line-height: 68px;
  width: 100%;
  max-width: 715px;
  margin: 0 auto 70px;
}
#christmas2024 #christmas_step02 .ribbon::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: #FFF;
  height: 100%;
  aspect-ratio: 1;
  transform: rotate(45deg) translate(50%, -50%);
}
#christmas2024 #christmas_step02 .ribbon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
  height: 100%;
  aspect-ratio: 1;
  transform: rotate(45deg) translate(-50%, 50%);
}
#christmas2024 #christmas_step02 .scroll-obi {
  color: var(--color);
  margin: 0 0 77px;
}
#christmas2024 #christmas_step02 .ttl {
  order: 0;
  z-index: 1;
  color: var(--color);
  margin: 0 0 41px 133px;
}
#christmas2024 #christmas_step02 .img-block01 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1555px;
  margin: 0 0 0 auto;
}
#christmas2024 #christmas_step02 .img-block01 .img01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  max-width: 1080px;
  margin: 0 0 0 auto;
}
#christmas2024 #christmas_step02 .img-block01 .img01 > img {
  border-radius: 150px 0;
}
#christmas2024 #christmas_step02 .img-block01 .img02 {
  order: 2;
  width: 50%;
  max-width: 600px;
  margin: 0 0 0 75px;
}
#christmas2024 #christmas_step02 .img-block01 .img02 > img {
  border-radius: 0 50px 0 50px;
}
#christmas2024 #christmas_step02 .img-block01 .comment {
  order: 1;
  max-width: 616px;
  margin: 0 0 35px;
}
#christmas2024 #christmas_step02 .img-block02 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  max-width: 1536px;
  margin: -113px 0 0;
}
#christmas2024 #christmas_step02 .img-block02 .img01 {
  position: absolute;
  z-index: 1;
  top: 226px;
  left: 0;
  width: 80%;
  max-width: 1080px;
  margin: 0 0 0 auto;
}
#christmas2024 #christmas_step02 .img-block02 .img01 > img {
  border-radius: 150px 0;
}
#christmas2024 #christmas_step02 .img-block02 .img02 {
  order: 0;
  width: 50%;
  max-width: 600px;
  margin: 0 0 186px;
}
#christmas2024 #christmas_step02 .img-block02 .img02 > img {
  border-radius: 0 50px;
}
#christmas2024 #christmas_step02 .img-block02 .comment {
  order: 1;
  max-width: 616px;
  margin: 0 0 0 -37px;
}
#christmas2024 #christmas_step02 .slider-area {
  position: relative;
  max-width: 1364px;
  margin: 184px auto 0;
  padding: 64px 0 0;
}
#christmas2024 #christmas_step02 .slider-area__txt {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font-size: 30px;
  font-weight: bold;
  color: var(--color);
}
#christmas2024 #christmas_step02 .slider-area .slider {
  margin: 0 0 0 auto;
}
#christmas2024 #christmas_step02 .slider-area .slider .slick-arrow {
  background: var(--color);
}
#christmas2024 #christmas_step02 .slider-area .slider .slick-arrow::before {
  border-color: #FFF;
}
#christmas2024 #christmas_step03 {
  position: relative;
  --color: #466F65;
  background: var(--color);
  padding: 147px 0 120px;
}
#christmas2024 #christmas_step03 .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step03_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 9.6875%;
  width: 88%;
  height: 100%;
  margin: 16.8125% auto 0;
}
#christmas2024 #christmas_step03 .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step03_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 3.6875%;
  width: 92.1875%;
  height: 100%;
  margin: 31.5625% auto 0;
}
#christmas2024 #christmas_step03 .wrap {
  padding: 0 30px 0 62px;
}
#christmas2024 #christmas_step03 .scroll-obi {
  color: #FFF;
  margin: 0 0 110px;
}
#christmas2024 #christmas_step03 .ttl {
  order: 1;
  color: #FFF;
  width: 38.9920424403%;
  margin: 0 0 554px;
  padding: 0 0 0 28px;
}
#christmas2024 #christmas_step03 .img-block01 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
#christmas2024 #christmas_step03 .img-block01 .img01 {
  order: 0;
  width: 61.0079575597%;
  max-width: 920px;
  margin: 0 0 0 auto;
}
#christmas2024 #christmas_step03 .img-block01 .comment {
  position: absolute;
  bottom: 0;
  order: 2;
  width: 40%;
  max-width: 616px;
  margin: 0 0 14.625% 61px;
}
#christmas2024 #christmas_step03 .img-block02 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  margin: -456px 0 0;
}
#christmas2024 #christmas_step03 .img-block02 .img01 {
  width: 50%;
  max-width: 785px;
}
#christmas2024 #christmas_step03 .img-block02 .img01 .view-icon {
  top: 40px;
  right: auto;
  left: 22.9442970822%;
}
#christmas2024 #christmas_step03 .slider-area {
  position: relative;
  z-index: 1;
  max-width: 1396px;
  margin-top: -80px;
}
#christmas2024 #christmas_step03 .slider-area__txt {
  font-size: 30px;
  font-weight: bold;
  color: #FFF;
  margin: 0 0 22px 20px;
}
#christmas2024 #christmas_step03 .slider-area .slider {
  color: #FFF;
  margin: 0;
}
#christmas2024 #christmas_step03 .slider-area .slider .shop-info__floor {
  border-color: #FFF;
}
#christmas2024 #christmas_step04 {
  position: relative;
  --color: #466F65;
  padding: 94px 0 153px;
}
#christmas2024 #christmas_step04 .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step04_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 18.875%;
  width: 64.25%;
  height: 100%;
  margin: 20.5625% auto 0;
}
#christmas2024 #christmas_step04 .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step04_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 4.1875%;
  width: 88.625%;
  height: 100%;
  margin: 15.25% auto 0;
}
#christmas2024 #christmas_step04 .scroll-obi {
  color: var(--color);
  margin: 0 0 122px;
}
#christmas2024 #christmas_step04 .ttl {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: var(--color);
  margin: 0 0 69px;
}
#christmas2024 #christmas_step04 .img-block01 {
  position: relative;
  max-width: 1440px;
  margin: 0 0 126px auto;
}
#christmas2024 #christmas_step04 .img-block01 .img {
  position: absolute;
  top: 40px;
  right: 0;
  width: 62.5%;
  max-width: 900px;
}
#christmas2024 #christmas_step04 .img-block01 .comment {
  max-width: 616px;
}
#christmas2024 #christmas_step04 .img-block02 {
  display: flex;
  align-items: flex-start;
}
#christmas2024 #christmas_step04 .img-block02 .img {
  max-width: 900px;
}
#christmas2024 #christmas_step04 .img-block02 .comment {
  max-width: 616px;
  margin: 13.125% 0 0 -47px;
}
#christmas2024 #christmas_step05 {
  position: relative;
  --color: #466F65;
  background: var(--color);
  padding: 118px 0 111px;
}
#christmas2024 #christmas_step05 .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step05_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 6.375%;
  width: 91.6875%;
  height: 100%;
  margin: 16.1875% auto 0;
}
#christmas2024 #christmas_step05 .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step05_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 4.6875%;
  width: 89.1875%;
  height: 100%;
  margin: 19.25% auto 0;
}
#christmas2024 #christmas_step05 .wrap {
  padding: 0 54px 0 101px;
}
#christmas2024 #christmas_step05 .scroll-obi {
  color: #FFF;
  margin: 0 0 60px;
}
#christmas2024 #christmas_step05 .ttl {
  z-index: 1;
  order: 1;
  color: #FFF;
  width: 24.9134948097%;
  margin: 0 37px 78px 0;
}
#christmas2024 #christmas_step05 .img-block01 {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 0 17px;
}
#christmas2024 #christmas_step05 .img-block01 .img01 {
  order: 0;
  width: 73.6332179931%;
  max-width: 795px;
}
#christmas2024 #christmas_step05 .img-block01 .img01 .view-icon {
  right: 113px;
}
#christmas2024 #christmas_step05 .img-block01 .img02 {
  order: 2;
  position: absolute;
  top: 170px;
  right: 0;
  left: 410px;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#christmas2024 #christmas_step05 .img-block02 {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  max-width: 1210px;
  margin: -260px 0 60px auto;
}
#christmas2024 #christmas_step05 .img-block02 .img01 {
  width: 100%;
  max-width: 762px;
  margin: 0 0 0 -130px;
}
#christmas2024 #christmas_step05 .img-block02 .comment {
  order: 1;
  max-width: 616px;
  margin: 0 0 62px;
  border-radius: 60px;
}
#christmas2024 #christmas_step05 .product-list {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  max-width: 1083px;
  margin: 0 auto;
}
#christmas2024 #christmas_step05 .product-list .product {
  position: relative;
  color: #FFF;
  width: 420px;
  padding: 0;
}
#christmas2024 #christmas_step05 .product-list .product:first-of-type .choose-this {
  z-index: 10;
}
#christmas2024 #christmas_step05 .product-list .product:nth-of-type(2) {
  margin: 0 0 0 34px;
}
#christmas2024 #christmas_step05 .product-list .product:nth-of-type(2) .choose-this {
  z-index: 10;
}
#christmas2024 #christmas_step05 .product-list .product .choose-this {
  position: absolute;
  z-index: 10;
  top: -10px;
  left: -35px;
  width: 238px;
  margin: 1.5695067265% 0 0;
}
#christmas2024 #christmas_step05 .product-list .product .shop-info__floor {
  border-color: #FFF;
}
#christmas2024 #date_step02 {
  position: relative;
  --color: #C3965E;
  padding: 147px 0 120px;
}
#christmas2024 #date_step02 .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step02_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 1.1875%;
  width: 96.125%;
  height: 100%;
  margin: 10.9375% auto 0;
}
#christmas2024 #date_step02 .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step02_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 6.625%;
  width: 90.5625%;
  height: 100%;
  margin: 9.375% auto 0;
}
#christmas2024 #date_step02 .ribbon {
  overflow: hidden;
  position: relative;
  overflow: hidden;
  position: relative;
  background: var(--color);
  text-align: center;
  color: #FFF;
  display: block;
  font-size: 28px;
  font-weight: bold;
  line-height: 68px;
  width: 100%;
  max-width: 715px;
  margin: 0 auto 70px;
}
#christmas2024 #date_step02 .ribbon::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: #FFF;
  height: 100%;
  aspect-ratio: 1;
  transform: rotate(45deg) translate(50%, -50%);
}
#christmas2024 #date_step02 .ribbon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #FFF;
  height: 100%;
  aspect-ratio: 1;
  transform: rotate(45deg) translate(-50%, 50%);
}
#christmas2024 #date_step02 .scroll-obi {
  color: var(--color);
  margin: 0 0 77px;
}
#christmas2024 #date_step02 .ttl {
  order: 0;
  z-index: 1;
  color: var(--color);
  margin: 0 0 41px 53px;
}
#christmas2024 #date_step02 .img-block01 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  max-width: 1475px;
  margin: 0 0 0 auto;
}
#christmas2024 #date_step02 .img-block01 .img01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  max-width: 1080px;
  margin: 0 0 0 auto;
}
#christmas2024 #date_step02 .img-block01 .img01 > img {
  border-radius: 150px 0;
}
#christmas2024 #date_step02 .img-block01 .img02 {
  order: 2;
  width: 50%;
  max-width: 600px;
  margin: 0 0 0 75px;
}
#christmas2024 #date_step02 .img-block01 .img02 > img {
  border-radius: 0 50px;
}
#christmas2024 #date_step02 .img-block01 .comment {
  order: 1;
  max-width: 616px;
  margin: 0 0 35px;
}
#christmas2024 #date_step02 .img-block02 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  max-width: 1536px;
  margin: -113px 0 0;
}
#christmas2024 #date_step02 .img-block02 .img01 {
  position: absolute;
  top: 226px;
  left: 0;
  width: 80%;
  max-width: 1080px;
  margin: 0 0 0 auto;
}
#christmas2024 #date_step02 .img-block02 .img01 > img {
  border-radius: 150px 0;
}
#christmas2024 #date_step02 .img-block02 .img02 {
  order: 0;
  width: 50%;
  max-width: 600px;
  margin: 0 0 186px;
}
#christmas2024 #date_step02 .img-block02 .img02 > img {
  border-radius: 0 50px;
}
#christmas2024 #date_step02 .img-block02 .comment {
  order: 1;
  max-width: 616px;
  margin: 0 0 0 -37px;
}
#christmas2024 #date_step02 .slider-area {
  position: relative;
  max-width: 1364px;
  margin: 184px auto 0;
  padding: 64px 0 0;
}
#christmas2024 #date_step02 .slider-area__txt {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font-size: 30px;
  font-weight: bold;
  color: var(--color);
}
#christmas2024 #date_step02 .slider-area .slider {
  margin: 0 0 0 auto;
}
#christmas2024 #date_step02 .slider-area .slider .slick-arrow {
  background: var(--color);
}
#christmas2024 #date_step02 .slider-area .slider .slick-arrow::before {
  border-color: #FFF;
}
#christmas2024 #date_step03 {
  position: relative;
  --color: #C3965E;
  background: var(--color);
  padding: 147px 0 201px;
}
#christmas2024 #date_step03 .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step03_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 4.5625%;
  width: 88.8125%;
  height: 100%;
  margin: 16.8125% auto 0;
}
#christmas2024 #date_step03 .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step03_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 3.1875%;
  width: 94.4375%;
  height: 100%;
  margin: 2.1875% auto 0;
}
#christmas2024 #date_step03 .wrap {
  padding: 0 0 0 122px;
}
#christmas2024 #date_step03 .scroll-obi {
  color: #FFF;
  margin: 0 0 110px;
}
#christmas2024 #date_step03 .ttl {
  order: 0;
  color: #FFF;
  width: 47.2259810555%;
  margin: 0 0 30px;
  padding: 0 0 0 7.3071718539%;
}
#christmas2024 #date_step03 .img-block01 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  margin: 0 0 17px;
}
#christmas2024 #date_step03 .img-block01 .img01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 52.7740189445%;
  max-width: 780px;
  margin: 0 0 0 auto;
}
#christmas2024 #date_step03 .img-block01 .comment {
  order: 1;
  max-width: 616px;
  margin: 0 9.3369418133% 0 0;
}
#christmas2024 #date_step03 .img-block02 {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 1388px;
  margin: 0 0 0 auto;
}
#christmas2024 #date_step03 .img-block02 .img01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  max-width: 863px;
}
#christmas2024 #date_step03 .img-block02 .comment {
  order: 0;
  max-width: 616px;
  margin: 215px 0 0;
}
#christmas2024 #date_step03 .img-block03 {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 1347px;
  margin: 40px auto 0;
}
#christmas2024 #date_step03 .img-block03 .img01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  max-width: 835px;
}
#christmas2024 #date_step03 .img-block03 .comment {
  order: 0;
  max-width: 616px;
  margin: 248px 0 0 auto;
}
#christmas2024 #date_step03 .slider-area {
  position: relative;
  z-index: 1;
  margin-top: -150px;
}
#christmas2024 #date_step03 .slider-area__txt {
  font-size: 30px;
  font-weight: bold;
  color: #FFF;
}
#christmas2024 #date_step03 .slider-area .slider {
  color: #FFF;
}
#christmas2024 #date_step03 .slider-area .slider .shop-info__floor {
  border-color: #FFF;
}
#christmas2024 #date_step04 {
  position: relative;
  --color: #C3965E;
  padding: 94px 0 153px;
}
#christmas2024 #date_step04 .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step04_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 5.4375%;
  width: 85.625%;
  height: 100%;
  margin: 16.125% auto 0;
}
#christmas2024 #date_step04 .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step04_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 4.1875%;
  width: 91.875%;
  height: 100%;
  margin: 18.75% auto 0;
}
#christmas2024 #date_step04 .scroll-obi {
  color: var(--color);
  margin: 0 0 122px;
}
#christmas2024 #date_step04 .ttl {
  display: inline-block;
  position: relative;
  z-index: 1;
  color: var(--color);
  margin: 0 0 69px;
}
#christmas2024 #date_step04 .img-block01 {
  position: relative;
  max-width: 1440px;
  margin: 0 0 126px auto;
}
#christmas2024 #date_step04 .img-block01 .img01 {
  position: absolute;
  top: 40px;
  right: 0;
  width: 39.6825396825%;
  max-width: 600px;
}
#christmas2024 #date_step04 .img-block01 .img02 {
  width: 55.0925925926%;
  max-width: 833px;
}
#christmas2024 #date_step04 .img-block01 .img02 .view-icon {
  right: auto;
  left: 20px;
}
#christmas2024 #date_step04 .img-block01 .comment {
  position: absolute;
  top: 0;
  left: -100px;
  right: 0;
  width: 40%;
  max-width: 616px;
  margin: 200px auto 0;
}
#christmas2024 #date_step04 .img-block02 {
  display: flex;
  align-items: flex-start;
}
#christmas2024 #date_step04 .img-block02 .img01 {
  max-width: 900px;
}
#christmas2024 #date_step04 .img-block02 .comment {
  max-width: 616px;
  margin: 13.125% 0 0 -47px;
}
#christmas2024 #date_step05 {
  position: relative;
  --color: #C3965E;
  background: var(--color);
  padding: 118px 0 111px;
}
#christmas2024 #date_step05 .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step05_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 2.6875%;
  width: 94.5%;
  height: 100%;
  margin: 14.3125% auto 0;
}
#christmas2024 #date_step05 .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step05_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 3.875%;
  width: 94.1875%;
  height: 100%;
  margin: 21.375% auto 0;
}
#christmas2024 #date_step05 .wrap {
  padding: 0 0 0 54px;
}
#christmas2024 #date_step05 .scroll-obi {
  color: #FFF;
  margin: 0 0 60px;
}
#christmas2024 #date_step05 .ttl {
  order: 0;
  color: #FFF;
  max-width: 50%;
  margin: 0 0 18px;
}
#christmas2024 #date_step05 .img-block01 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
  max-width: 1416px;
  margin: 0 0 47px;
}
#christmas2024 #date_step05 .img-block01 .view-icon {
  right: 110px;
}
#christmas2024 #date_step05 .img-block01 .img01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 54.0081521739%;
  max-width: 795px;
  margin: 0 0 0 auto;
}
#christmas2024 #date_step05 .img-block01 .img02 {
  width: 60%;
  max-width: 762px;
  margin: 0 30px 0 0;
}
#christmas2024 #date_step05 .img-block02 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  max-width: 1280px;
  margin: 0 30px;
}
#christmas2024 #date_step05 .img-block02 .comment {
  width: 60%;
  max-width: 616px;
  margin: -60px 0 0;
}
#christmas2024 #date_step05 .img-block02 .product {
  position: relative;
  color: #FFF;
  width: 32.8125%;
  padding: 0;
}
#christmas2024 #date_step05 .img-block02 .product .choose-this {
  position: absolute;
  z-index: 10;
  top: 0;
  left: -10.7142857143%;
  width: 56.4285714286%;
  margin: -23.8095238095% 0 0;
}
#christmas2024 #coorde {
  position: relative;
  --color: #8A6845;
  background: #F5EFD9;
  padding: 177px 0 172px;
}
#christmas2024 #coorde .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/coorde_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 3.375%;
  width: 92.625%;
  height: 100%;
  margin: 3.0625% auto 0;
}
#christmas2024 #coorde .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/coorde_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 11.5625%;
  width: 71.0625%;
  height: 100%;
  margin: 3.875% auto 0;
}
#christmas2024 #coorde h1 {
  position: relative;
  text-align: center;
  color: var(--color);
  font-size: 36px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 170px;
  margin: 0 auto 16px;
}
#christmas2024 #coorde h1 img {
  position: absolute;
  left: 0;
  top: -120px;
}
#christmas2024 #coorde .slider-area {
  max-width: 940px;
}
#christmas2024 #coorde .slider-area .coorde-slider {
  overflow: visible !important;
  background: transparent;
}
#christmas2024 #coorde .slider-area .coorde-slider .slick-list {
  overflow: visible;
  padding-top: 34px !important;
}
#christmas2024 #coorde .slider-area .coorde-slider .slick-arrow {
  margin: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#christmas2024 #coorde .slider-area .coorde-slider li {
  position: relative;
  width: 100vw;
  max-width: 718px;
  padding: 0 40px;
}
#christmas2024 #coorde .slider-area .coorde-slider li .view-icon {
  position: absolute;
  top: -34px;
  right: 13px;
}
#christmas2024 #insta {
  --color: #8A6845;
  position: relative;
  padding: 142px 5px 265px;
}
#christmas2024 #insta .ttl {
  text-align: center;
  margin: 0 0 37px;
}
#christmas2024 #insta .ttl .jp {
  display: block;
  font-size: 36px;
}
#christmas2024 #insta .ttl .en {
  display: block;
  font-family: "Chonburi", serif;
  font-weight: 400;
  font-size: 60px;
}
#christmas2024 #insta p {
  text-align: center;
  font-size: 20px;
}
#christmas2024 #insta .content {
  max-width: 1320px;
  margin: 103px auto 0;
}
#christmas2024 #insta .insta-slider__item {
  width: 330px;
  padding: 0 15px;
}
#christmas2024 #insta .insta-slider__item iframe {
  min-width: inherit !important;
  width: 100% !important;
}
#christmas2024 #insta .insta-slider .slick-arrow {
  display: block !important;
  margin-top: 0;
  top: 25%;
}
#christmas2024 #insta .snow-wrap .snow-01 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/insta_snow_type01.png") 0 0 no-repeat;
  top: 0;
  left: 5.125%;
  width: 92.75%;
  height: 100%;
  margin: 11.5% auto 0;
}
#christmas2024 #insta .snow-wrap .snow-02 {
  background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/insta_snow_type02.png") 0 0 no-repeat;
  top: 0;
  left: 3.5625%;
  width: 92.8125%;
  height: 100%;
  margin: 6.5% auto 0;
}
#christmas2024 #insta .slick-arrow {
  background: var(--color);
}
#christmas2024 #insta .slick-arrow::before {
  border-color: #FFF;
}
#christmas2024 .side-modal {
  --color: #466F65;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  width: calc(100% - 120px);
  max-width: 800px;
  height: 100vh;
  transform: translateX(calc(100% + 120px));
  transition: 0.5s linear;
}
#christmas2024 .side-modal.active {
  transform: none;
}
#christmas2024 .side-modal::before {
  content: "";
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
#christmas2024 .side-modal__inner {
  background: #FFF;
  overflow: auto;
  width: 100%;
  height: 100%;
}
#christmas2024 .side-modal__block {
  display: none;
}
#christmas2024 .side-modal__close {
  position: absolute;
  top: 18px;
  left: -100px;
  background: #FFF;
  font-size: 0;
  width: 80px;
  height: 80px;
  border: 2px solid #466F65;
  border-radius: 50%;
  cursor: pointer;
}
#christmas2024 .side-modal__close::after, #christmas2024 .side-modal__close::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #466F65;
  display: block;
  width: 22px;
  height: 2px;
  transform-origin: center;
}
#christmas2024 .side-modal__close::before {
  transform: rotate(-45deg);
}
#christmas2024 .side-modal__close::after {
  transform: rotate(45deg);
}
#christmas2024 .side-modal__product {
  margin: 0 0 80px;
  padding: 0 50px;
}
#christmas2024 .side-modal__product-img {
  margin: 0 -50px 27px;
}
#christmas2024 .side-modal__product-img.staff {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}
#christmas2024 .side-modal__product-staff-ttl {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 58px 0 53px;
}
#christmas2024 .side-modal__product-ttl {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 11px;
}
#christmas2024 .side-modal__product-ttl span {
  font-size: 16px;
  font-weight: normal;
}
#christmas2024 .side-modal__product-txt {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  #christmas2024 .PC {
    display: none;
  }
  #christmas2024 .SP {
    display: block;
  }
  #christmas2024 .btn-top {
    right: 20px;
    width: 50px;
  }
  #christmas2024 .ttl .en {
    font-size: 40px;
    margin: 0 0 10px;
  }
  #christmas2024 .ttl .en span {
    font-size: 52px;
  }
  #christmas2024 .ttl .jp {
    font-size: 16px;
  }
  #christmas2024 .scroll-obi span {
    font-size: 36px;
    padding: 0 20px 0 0;
  }
  #christmas2024 .img .view-icon {
    top: 6px;
    right: 6px;
  }
  #christmas2024 .img .view-icon.viewoutfit-icon {
    width: 80px;
  }
  #christmas2024 .img .view-icon:not(.viewoutfit-icon) {
    width: 70px;
  }
  #christmas2024 .comment {
    width: calc(100% - 14px);
    border-radius: 55px;
  }
  #christmas2024 .comment:has(.shop-info) {
    padding: 22px 32px 16px;
  }
  #christmas2024 .comment:not(:has(.shop-info)) {
    padding: 24px 33px;
  }
  #christmas2024 .comment p {
    font-size: 12px;
  }
  #christmas2024 .comment .shop-info {
    margin: 13px 0 0;
  }
  #christmas2024 .shop-info {
    padding: 6px 0 0;
  }
  #christmas2024 .shop-info__floor {
    font-size: 13px;
    width: 40px;
    height: 40px;
  }
  #christmas2024 .shop-info__name {
    font-size: 12px;
  }
  #christmas2024 .shop-info__name span {
    font-size: 12px;
  }
  #christmas2024 .slider-area .slider .product {
    width: 56.4102564103vw;
  }
  #christmas2024 .slider-area .slick-arrow {
    display: none !important;
    width: 40px;
    height: 40px;
  }
  #christmas2024 .slider-area .slick-arrow::before {
    width: 9px;
    height: 9px;
  }
  #christmas2024 .product {
    padding: 0 10px;
  }
  #christmas2024 .product__img {
    margin: 0 0 11px;
  }
  #christmas2024 .product__ttl {
    font-size: 14px;
    margin: 0 0 12px;
  }
  #christmas2024 .product__ttl span {
    font-size: 12px;
  }
  #christmas2024 .product__txt {
    font-size: 12px;
  }
  #christmas2024 #step01 {
    padding: 38px 0 43px;
  }
  #christmas2024 #step01 .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/step01_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #step01 .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/step01_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #step01 .ttl {
    margin: 0 0 20px;
  }
  #christmas2024 #step01 .ttl .jp {
    font-size: 20px;
  }
  #christmas2024 #step01 .img-block01 {
    display: block;
    margin: 0 0 32px;
  }
  #christmas2024 #step01 .img-block01 .img {
    width: 100%;
  }
  #christmas2024 #step01 .img-block01 .comment {
    max-width: 340px;
    margin: -23px 0 0 auto;
    border-radius: 50px;
  }
  #christmas2024 #step01 .img-block02 {
    display: block;
    margin: 0;
  }
  #christmas2024 #step01 .img-block02 .img {
    max-width: 79.7435897436%;
    margin: 0 0 0 auto;
  }
  #christmas2024 #step01 .img-block02 .comment {
    max-width: 340px;
    margin: -23px 0 0;
    border-radius: 50px;
  }
  #christmas2024 #nav {
    padding: 46px 0 50px;
  }
  #christmas2024 #nav .nav01 {
    margin: 0 0 12.8205128205%;
    padding: 23.3333333333% 0 0;
  }
  #christmas2024 #nav .nav01 .ribbon {
    overflow: hidden;
    position: relative;
    position: absolute;
    background: #466F65;
    text-align: center;
    font-size: 5.1282051282vw;
    color: #FFF;
    padding: 10px 52px 10px 15px;
  }
  #christmas2024 #nav .nav01 .ribbon::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #C2BEB2;
    height: 100%;
    aspect-ratio: 1;
    transform: rotate(45deg) translate(50%, -50%);
  }
  #christmas2024 #nav .nav01 .ribbon span {
    display: block;
  }
  #christmas2024 #nav .nav01 .ribbon span:nth-of-type(2) {
    font-size: 4.1025641026vw;
  }
  #christmas2024 #nav .nav01 nav ul {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/nav01_bg_sp.svg") 0 0 no-repeat;
    background-size: contain;
    flex-wrap: wrap;
    padding: 0;
  }
  #christmas2024 #nav .nav01 nav ul::before {
    top: 0.7692307692%;
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/nav01_bg_charm_sp.svg") 0 0 no-repeat;
    background-size: contain;
    width: 100%;
    margin-top: 0;
    padding-top: 85.1282051282%;
  }
  #christmas2024 #nav .nav01 nav ul li {
    width: 39.7435897436%;
  }
  #christmas2024 #nav .nav01 nav ul li:first-of-type {
    margin: 4.1025641026% 0 0 10.5128205128%;
  }
  #christmas2024 #nav .nav01 nav ul li:nth-of-type(2) {
    margin: 0 0 0 7.6923076923%;
  }
  #christmas2024 #nav .nav01 nav ul li:nth-of-type(3) {
    margin: 3.8461538462% 0 0 3.3333333333%;
  }
  #christmas2024 #nav .nav01 nav ul li:nth-of-type(4) {
    margin: 6.6666666667% 0 0 8.2051282051%;
  }
  #christmas2024 #nav .nav02 {
    padding: 22.8205128205% 0 0;
  }
  #christmas2024 #nav .nav02 .ribbon {
    overflow: hidden;
    position: relative;
    position: absolute;
    background: #C3965E;
    text-align: center;
    font-size: 5.1282051282vw;
    color: #FFF;
    padding: 10px 15px 10px 52px;
  }
  #christmas2024 #nav .nav02 .ribbon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #C2BEB2;
    height: 100%;
    aspect-ratio: 1;
    transform: rotate(45deg) translate(-50%, 50%);
  }
  #christmas2024 #nav .nav02 .ribbon span {
    display: block;
  }
  #christmas2024 #nav .nav02 .ribbon span:nth-of-type(2) {
    font-size: 4.1025641026vw;
  }
  #christmas2024 #nav .nav02 nav ul {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/nav02_bg_sp.svg") 0 0 no-repeat;
    background-size: contain;
    flex-wrap: wrap;
  }
  #christmas2024 #nav .nav02 nav ul::before {
    top: 0.7692307692%;
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/nav02_bg_charm_sp.svg") 0 0 no-repeat;
    background-size: contain;
    width: 100%;
    margin-top: 0;
    padding-top: 83.3333333333%;
  }
  #christmas2024 #nav .nav02 nav ul li {
    width: 40%;
  }
  #christmas2024 #nav .nav02 nav ul li:first-of-type {
    transform: rotate(9deg);
    margin: 0 0 0 10%;
  }
  #christmas2024 #nav .nav02 nav ul li:nth-of-type(2) {
    transform: rotate(-6deg);
    margin: 2.3076923077% 0 0 7.4358974359%;
  }
  #christmas2024 #nav .nav02 nav ul li:nth-of-type(3) {
    transform: rotate(3deg);
    margin: 7.6923076923% 0 0 5.641025641%;
  }
  #christmas2024 #nav .nav02 nav ul li:nth-of-type(4) {
    transform: rotate(-2deg);
    margin: 5.641025641% 0 0 6.4102564103%;
  }
  #christmas2024 #christmas_step02 {
    padding: 68px 0 82px;
  }
  #christmas2024 #christmas_step02 .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step02_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #christmas_step02 .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step02_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #christmas_step02 .ribbon {
    font-size: 4.358974359vw;
    line-height: 12.8205128205vw;
    width: 88.4615384615vw;
    margin: 0 auto 50px;
    padding: 0;
  }
  #christmas2024 #christmas_step02 .scroll-obi {
    margin: 0 0 25px;
  }
  #christmas2024 #christmas_step02 .ttl {
    margin: 0 0 -10px 20px;
  }
  #christmas2024 #christmas_step02 .img-block01 {
    display: block;
    margin: 0 0 61px;
  }
  #christmas2024 #christmas_step02 .img-block01 .img01 {
    position: relative;
    width: calc(100% - 14px);
    margin: 0 0 23px 20px;
  }
  #christmas2024 #christmas_step02 .img-block01 .img01 > img {
    border-radius: 50px 0;
  }
  #christmas2024 #christmas_step02 .img-block01 .img01 .view-icon {
    top: -23px;
  }
  #christmas2024 #christmas_step02 .img-block01 .img02 {
    width: 72.972972973%;
    margin: 0;
  }
  #christmas2024 #christmas_step02 .img-block01 .img02 .view-icon {
    top: -12px;
    right: -26px;
  }
  #christmas2024 #christmas_step02 .img-block01 .img02 > img {
    border-radius: 0;
  }
  #christmas2024 #christmas_step02 .img-block01 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -27px 7px 0 auto;
  }
  #christmas2024 #christmas_step02 .img-block02 {
    display: block;
    margin: 0 0 53px;
  }
  #christmas2024 #christmas_step02 .img-block02 .img01 {
    position: static;
    width: 100%;
    margin: 0 0 23px;
    padding: 0 20px 0 0;
  }
  #christmas2024 #christmas_step02 .img-block02 .img01 .view-icon {
    top: -22px;
    left: 3px;
    right: auto;
  }
  #christmas2024 #christmas_step02 .img-block02 .img01 > img {
    border-radius: 50px 0;
  }
  #christmas2024 #christmas_step02 .img-block02 .img02 {
    width: 69.2307692308%;
    margin: 0 0 0 auto;
  }
  #christmas2024 #christmas_step02 .img-block02 .img02 .view-icon {
    top: -12px;
    left: -19px;
    right: auto;
  }
  #christmas2024 #christmas_step02 .img-block02 .img02 > img {
    border-radius: 0;
  }
  #christmas2024 #christmas_step02 .img-block02 .comment {
    margin: -27px 0 0;
  }
  #christmas2024 #christmas_step02 .slider-area {
    max-width: none;
    margin: 0;
    padding: 0 0 0 10px;
  }
  #christmas2024 #christmas_step02 .slider-area__txt {
    position: static;
    font-size: 16px;
    margin: 0 0 23px 10px;
  }
  #christmas2024 #christmas_step03 {
    padding: 50px 0 78px;
  }
  #christmas2024 #christmas_step03 .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step03_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #christmas_step03 .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step03_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #christmas_step03 .wrap {
    padding: 0;
  }
  #christmas2024 #christmas_step03 .scroll-obi {
    margin: 0 0 20px;
  }
  #christmas2024 #christmas_step03 .ttl {
    width: auto;
    margin: 0 0 20px 20px;
    padding: 0;
  }
  #christmas2024 #christmas_step03 .img-block01 {
    display: block;
    margin: 0 0 10px;
  }
  #christmas2024 #christmas_step03 .img-block01 .img01 {
    position: relative;
    width: 87.6923076923%;
    margin: 0;
  }
  #christmas2024 #christmas_step03 .img-block01 .comment {
    position: relative;
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -36px 7px 0 auto;
  }
  #christmas2024 #christmas_step03 .img-block02 {
    overflow: hidden;
    display: block;
    margin: 0 0 20px;
  }
  #christmas2024 #christmas_step03 .img-block02 .img01 {
    width: 80%;
    margin: 0 -23px 0 auto;
  }
  #christmas2024 #christmas_step03 .img-block02 .img01 .view-icon {
    top: 18px;
    left: 63px;
  }
  #christmas2024 #christmas_step03 .slider-area {
    max-width: none;
    margin: 0;
    padding: 0 0 0 10px;
  }
  #christmas2024 #christmas_step03 .slider-area__txt {
    font-size: 16px;
    margin: 0 0 20px 10px;
  }
  #christmas2024 #christmas_step04 {
    padding: 50px 0 62px;
  }
  #christmas2024 #christmas_step04 .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step04_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #christmas_step04 .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step04_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #christmas_step04 .scroll-obi {
    margin: 0 0 20px;
  }
  #christmas2024 #christmas_step04 .ttl {
    margin: 0 0 12px 20px;
  }
  #christmas2024 #christmas_step04 .img-block01 {
    margin: 0 0 25px;
  }
  #christmas2024 #christmas_step04 .img-block01 .img {
    position: relative;
    top: 0;
    width: 100%;
    padding: 0 0 0 30px;
  }
  #christmas2024 #christmas_step04 .img-block01 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -16px 0 0 7px;
  }
  #christmas2024 #christmas_step04 .img-block02 {
    display: block;
  }
  #christmas2024 #christmas_step04 .img-block02 .img {
    padding: 0 30px 0 0;
  }
  #christmas2024 #christmas_step04 .img-block02 .img .view-icon {
    top: 13px;
    right: auto;
    left: 7px;
  }
  #christmas2024 #christmas_step04 .img-block02 .comment {
    max-width: 340px;
    width: calc(100% - 14px);
    margin: -28px 7px 0 auto;
  }
  #christmas2024 #christmas_step05 {
    padding: 50px 0;
  }
  #christmas2024 #christmas_step05 .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step05_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #christmas_step05 .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/christmas_step05_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #christmas_step05 .wrap {
    padding: 0;
  }
  #christmas2024 #christmas_step05 .scroll-obi {
    margin: 0 0 20px;
  }
  #christmas2024 #christmas_step05 .ttl {
    width: auto;
    margin: 0 0 28px 20px;
  }
  #christmas2024 #christmas_step05 .img-block01 {
    display: block;
    margin: 0;
  }
  #christmas2024 #christmas_step05 .img-block01 .img01 {
    position: relative;
    width: 76.9230769231%;
    margin: 0 0 0 -6px;
  }
  #christmas2024 #christmas_step05 .img-block01 .img01 .view-icon {
    top: 12px;
    right: 57px;
  }
  #christmas2024 #christmas_step05 .img-block01 .img02 {
    position: relative;
    top: 0;
    left: 0;
    width: 48.2051282051%;
    margin: -188px -14px 0 auto;
  }
  #christmas2024 #christmas_step05 .img-block02 {
    display: block;
    margin: 0 0 33px;
  }
  #christmas2024 #christmas_step05 .img-block02 .img01 {
    width: 81.0256410256%;
    margin: 0;
  }
  #christmas2024 #christmas_step05 .img-block02 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -20px 7px 0 auto;
    border-radius: 50px;
  }
  #christmas2024 #christmas_step05 .product-list {
    display: block;
  }
  #christmas2024 #christmas_step05 .product-list .product {
    width: 66.6666666667%;
    margin: 0;
  }
  #christmas2024 #christmas_step05 .product-list .product:first-of-type {
    margin: 0 17px 36px auto;
  }
  #christmas2024 #christmas_step05 .product-list .product:first-of-type .choose-this img {
    transform: rotate(-10deg);
  }
  #christmas2024 #christmas_step05 .product-list .product:nth-of-type(2) .choose-this {
    left: auto;
    right: -8.4615384615%;
    width: 53.8461538462%;
    margin-top: -3.8461538462%;
  }
  #christmas2024 #christmas_step05 .product-list .product .choose-this {
    top: 0;
    left: -15.3846153846%;
    width: 53.8461538462%;
  }
  #christmas2024 #date_step02 {
    padding: 58px 0 72px;
  }
  #christmas2024 #date_step02 .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step02_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #date_step02 .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step02_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #date_step02 .ribbon {
    font-size: 4.358974359vw;
    line-height: 12.8205128205vw;
    width: 88.4615384615vw;
    margin: 0 auto 50px;
    padding: 0;
  }
  #christmas2024 #date_step02 .scroll-obi {
    margin: 0 0 25px;
  }
  #christmas2024 #date_step02 .ttl {
    margin: 0 0 -10px 20px;
  }
  #christmas2024 #date_step02 .img-block01 {
    display: block;
    margin: 0 0 61px;
  }
  #christmas2024 #date_step02 .img-block01 .img01 {
    position: relative;
    width: calc(100% - 20px);
    margin: 0 0 23px 20px;
  }
  #christmas2024 #date_step02 .img-block01 .img01 > img {
    border-radius: 50px 0;
  }
  #christmas2024 #date_step02 .img-block01 .img01 .view-icon {
    top: -23px;
  }
  #christmas2024 #date_step02 .img-block01 .img02 {
    width: 72.972972973%;
    margin: 0;
  }
  #christmas2024 #date_step02 .img-block01 .img02 .view-icon {
    top: -12px;
    right: -26px;
  }
  #christmas2024 #date_step02 .img-block01 .img02 > img {
    border-radius: 0 30px;
  }
  #christmas2024 #date_step02 .img-block01 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -27px 7px 0 auto;
  }
  #christmas2024 #date_step02 .img-block02 {
    display: block;
    margin: 0 0 53px;
  }
  #christmas2024 #date_step02 .img-block02 .img01 {
    position: static;
    width: 100%;
    margin: 0 0 23px;
    padding: 0 20px 0 0;
  }
  #christmas2024 #date_step02 .img-block02 .img01 .view-icon {
    top: -22px;
    left: 3px;
    right: auto;
  }
  #christmas2024 #date_step02 .img-block02 .img01 > img {
    border-radius: 50px 0;
  }
  #christmas2024 #date_step02 .img-block02 .img02 {
    width: 69.2307692308%;
    margin: 0 0 0 auto;
  }
  #christmas2024 #date_step02 .img-block02 .img02 .view-icon {
    top: -12px;
    left: -19px;
    right: auto;
  }
  #christmas2024 #date_step02 .img-block02 .img02 > img {
    border-radius: 0;
  }
  #christmas2024 #date_step02 .img-block02 .comment {
    margin: -27px 0 0;
  }
  #christmas2024 #date_step02 .slider-area {
    max-width: none;
    margin: 0;
    padding: 0 0 0 10px;
  }
  #christmas2024 #date_step02 .slider-area__txt {
    position: static;
    font-size: 16px;
    margin: 0 0 23px 10px;
  }
  #christmas2024 #date_step03 {
    padding: 50px 0;
  }
  #christmas2024 #date_step03 .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step03_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #date_step03 .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step03_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #date_step03 .wrap {
    padding: 0;
  }
  #christmas2024 #date_step03 .scroll-obi {
    margin: 0 0 20px;
  }
  #christmas2024 #date_step03 .ttl {
    width: auto;
    margin: 0 0 20px 20px;
    padding: 0;
  }
  #christmas2024 #date_step03 .img-block01 {
    display: block;
    margin: 0 0 10px;
  }
  #christmas2024 #date_step03 .img-block01 .img01 {
    position: relative;
    width: 87.6923076923%;
    margin: 0;
  }
  #christmas2024 #date_step03 .img-block01 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -18px 7px 0 auto;
  }
  #christmas2024 #date_step03 .img-block02 {
    overflow: hidden;
    display: block;
    margin: 0 0 20px;
  }
  #christmas2024 #date_step03 .img-block02 .img01 {
    position: relative;
    width: 92.3076923077%;
    margin: 0 -18px 0 auto;
  }
  #christmas2024 #date_step03 .img-block02 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -40px 0 0 7px;
  }
  #christmas2024 #date_step03 .img-block03 {
    overflow: hidden;
    display: block;
    margin: 0 0 20px;
  }
  #christmas2024 #date_step03 .img-block03 .img01 {
    position: relative;
    width: 89.2307692308%;
    margin: 0 0 0 -15px;
  }
  #christmas2024 #date_step03 .img-block03 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -30px 7px 0 auto;
  }
  #christmas2024 #date_step03 .slider-area {
    max-width: none;
    margin: 0;
    padding: 0 0 0 10px;
  }
  #christmas2024 #date_step03 .slider-area__txt {
    font-size: 16px;
    margin: 0 0 20px 10px;
  }
  #christmas2024 #date_step04 {
    padding: 50px 0;
  }
  #christmas2024 #date_step04 .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step04_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #date_step04 .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step04_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #date_step04 .scroll-obi {
    margin: 0 0 20px;
  }
  #christmas2024 #date_step04 .ttl {
    margin: 0 0 12px 20px;
  }
  #christmas2024 #date_step04 .img-block01 {
    margin: 0 0 25px;
  }
  #christmas2024 #date_step04 .img-block01 .img01 {
    position: relative;
    top: 0;
    width: 70.2564102564%;
    margin: 0 0 -18px auto;
  }
  #christmas2024 #date_step04 .img-block01 .img02 {
    position: relative;
    top: 0;
    width: auto;
    margin: 0 11px 0 20px;
  }
  #christmas2024 #date_step04 .img-block01 .img02 .view-icon {
    left: 4px;
  }
  #christmas2024 #date_step04 .img-block01 .comment {
    position: relative;
    left: 0;
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -16px 0 0 7px;
  }
  #christmas2024 #date_step04 .img-block02 {
    display: block;
  }
  #christmas2024 #date_step04 .img-block02 .img01 {
    padding: 0 30px 0 0;
  }
  #christmas2024 #date_step04 .img-block02 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -28px 7px 0 auto;
  }
  #christmas2024 #date_step05 {
    padding: 50px 0 72px;
  }
  #christmas2024 #date_step05 .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step05_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #date_step05 .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/date_step05_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #date_step05 .wrap {
    padding: 0;
  }
  #christmas2024 #date_step05 .scroll-obi {
    margin: 0 0 20px;
  }
  #christmas2024 #date_step05 .ttl {
    width: auto;
    max-width: none;
    margin: 0 0 16px 20px;
  }
  #christmas2024 #date_step05 .img-block01 {
    display: block;
    margin: 0 0 -30px;
  }
  #christmas2024 #date_step05 .img-block01 .view-icon {
    right: 35px;
  }
  #christmas2024 #date_step05 .img-block01 .img01 {
    position: relative;
    width: auto;
    margin: 0 76px 0 10px;
  }
  #christmas2024 #date_step05 .img-block01 .img02 {
    width: 77.6923076923%;
    margin: -30px -7px 0 auto;
  }
  #christmas2024 #date_step05 .img-block02 {
    display: block;
  }
  #christmas2024 #date_step05 .img-block02 .view-icon {
    top: 37px;
    right: 17px;
  }
  #christmas2024 #date_step05 .img-block02 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: 0 7px 50px auto;
  }
  #christmas2024 #date_step05 .img-block02 .product {
    width: 66.6666666667%;
    margin: 0 auto;
  }
  #christmas2024 #date_step05 .img-block02 .product .choose-this {
    top: 0;
    left: -15.3846153846%;
    width: 48.8461538462%;
    margin: -9.6153846154% 0 0;
  }
  #christmas2024 #coorde {
    padding: 60px 0 40px;
  }
  #christmas2024 #coorde .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/coorde_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #coorde .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/coorde_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #coorde h1 {
    font-size: 20px;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
  }
  #christmas2024 #coorde h1 img {
    top: 0;
    left: 2.8205128205%;
    width: 36.6666666667%;
    margin: -16.4102564103% 0 0;
  }
  #christmas2024 #coorde .slider-area .coorde-slider .slick-list {
    overflow: hidden;
    padding: 20px 0 0 !important;
  }
  #christmas2024 #coorde .slider-area .coorde-slider .slick-arrow {
    display: block !important;
  }
  #christmas2024 #coorde .slider-area .coorde-slider .slick-arrow.slick-prev {
    left: 15px;
  }
  #christmas2024 #coorde .slider-area .coorde-slider .slick-arrow.slick-next {
    right: 15px;
  }
  #christmas2024 #coorde .slider-area .coorde-slider li {
    width: 100%;
    padding: 0 35px;
  }
  #christmas2024 #coorde .slider-area .coorde-slider li .view-icon {
    top: -20px;
    right: 20px;
  }
  #christmas2024 #insta {
    padding: 54px 10px 138px;
  }
  #christmas2024 #insta .ttl {
    margin: 0 0 13px;
  }
  #christmas2024 #insta .ttl .jp {
    font-size: 18px;
  }
  #christmas2024 #insta .ttl .en {
    font-size: 30px;
  }
  #christmas2024 #insta p {
    font-size: 12px;
  }
  #christmas2024 #insta .content {
    margin: 18px 0 0;
  }
  #christmas2024 #insta .insta-slider__item {
    width: 100%;
    padding: 0 35px;
  }
  #christmas2024 #insta .insta-slider .slick-arrow.slick-prev {
    left: 5px;
  }
  #christmas2024 #insta .insta-slider .slick-arrow.slick-next {
    right: 5px;
  }
  #christmas2024 #insta .snow-wrap .snow-01 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/insta_snow_type01_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 #insta .snow-wrap .snow-02 {
    background: url("/content/dam/lachic2/nagoya/event/event_calendar/christmas2024/img/insta_snow_type02_sp.png") 0 0 no-repeat;
    background-size: contain;
    left: 0;
    width: 100%;
    margin: 0;
  }
  #christmas2024 .side-modal {
    width: calc(100% - 70px);
    max-width: 260px;
    transform: translateX(calc(100% + 70px));
  }
  #christmas2024 .side-modal__close {
    left: -55px;
    width: 40px;
    height: 40px;
  }
  #christmas2024 .side-modal__close::after, #christmas2024 .side-modal__close::before {
    width: 12px;
    height: 1px;
  }
  #christmas2024 .side-modal__product {
    margin: 0 0 54px;
    padding: 0 10px;
  }
  #christmas2024 .side-modal__product-img {
    margin: 0 -10px 15px;
  }
  #christmas2024 .side-modal__product-staff-ttl {
    font-size: 14px;
  }
  #christmas2024 .side-modal__product-ttl {
    font-size: 14px;
    margin: 0 0 12px;
  }
  #christmas2024 .side-modal__product-ttl span {
    font-size: 12px;
  }
  #christmas2024 .side-modal__product-txt {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #christmas2024 #step01 .img-block01 .comment {
    width: 50%;
  }
  #christmas2024 #step01 .img-block02 .comment {
    width: 50%;
  }
  #christmas2024 #nav .nav01 .ribbon span:first-of-type {
    overflow: hidden;
    position: relative;
    display: block;
    background: #466F65;
    font-size: 36px;
    color: #FFF;
    margin: 0 0 20px;
    padding: 0 77px 0 40px;
    line-height: 66px;
  }
  #christmas2024 #nav .nav01 .ribbon span:first-of-type::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #C2BEB2;
    height: 100%;
    aspect-ratio: 1;
    transform: rotate(45deg) translate(50%, -50%);
  }
  #christmas2024 #nav .nav01 .ribbon span:nth-of-type(2) {
    display: block;
    text-align: center;
    font-size: 24px;
  }
  #christmas2024 #nav .nav02 .ribbon span:first-of-type {
    overflow: hidden;
    position: relative;
    display: block;
    background: #C3965E;
    font-size: 36px;
    color: #FFF;
    margin: 0 0 20px;
    padding: 0 40px 0 77px;
    line-height: 66px;
  }
  #christmas2024 #nav .nav02 .ribbon span:first-of-type::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #C2BEB2;
    height: 100%;
    aspect-ratio: 1;
    transform: rotate(45deg) translate(-50%, 50%);
  }
  #christmas2024 #nav .nav02 .ribbon span:nth-of-type(2) {
    display: block;
    text-align: center;
    font-size: 24px;
  }
  #christmas2024 #christmas_step03 .wrap {
    max-height: 1170px;
    height: 73.125vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #christmas2024 #christmas_step02 .img-block02 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -27px 0 0 7px;
  }
  #christmas2024 #date_step02 .img-block02 .comment {
    width: calc(100% - 14px);
    max-width: 340px;
    margin: -27px 0 0 7px;
  }
}